<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Mateus Manosso Barszcz</title>
	<atom:link href="http://matzbar.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://matzbar.wordpress.com</link>
	<description>Mais um blog webdev</description>
	<lastBuildDate>Sat, 14 Jan 2012 18:05:14 +0000</lastBuildDate>
	<language>pt-br</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='matzbar.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Mateus Manosso Barszcz</title>
		<link>http://matzbar.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://matzbar.wordpress.com/osd.xml" title="Mateus Manosso Barszcz" />
	<atom:link rel='hub' href='http://matzbar.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Google Chart Tools (Pie Chart) + JSON + PHP + MySQL (Parte 1)</title>
		<link>http://matzbar.wordpress.com/2012/01/14/google-chart-tools-pie-chart-json-php-mysql/</link>
		<comments>http://matzbar.wordpress.com/2012/01/14/google-chart-tools-pie-chart-json-php-mysql/#comments</comments>
		<pubDate>Sat, 14 Jan 2012 17:44:12 +0000</pubDate>
		<dc:creator>matzbar</dc:creator>
				<category><![CDATA[Google Chart]]></category>
		<category><![CDATA[Gráficos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://matzbar.wordpress.com/?p=13</guid>
		<description><![CDATA[Olá, este é meu primeiro post e a partir de hoje decidi compartilhar um pouco de conhecimento. Sobre meus posts eu realmente espero que tenha uma boa respostas dos leitores bem como a troca de informações nos comentários. Este primeiro post é relacionado a PHP, MySQL, JSON e a ferramente do Google, o Google Chart. Para [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=matzbar.wordpress.com&amp;blog=4217316&amp;post=13&amp;subd=matzbar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Olá, este é meu primeiro <em>post</em> e a partir de hoje decidi compartilhar um pouco de conhecimento. Sobre meus posts eu realmente espero que tenha uma boa respostas dos leitores bem como a troca de informações nos comentários.</p>
<p>Este primeiro post é relacionado a PHP, MySQL, JSON e a ferramente do Google, o <strong><a title="Google Chart Tools" href="http://code.google.com/intl/pt-BR/apis/chart/" target="_blank">Google Chart</a></strong>. Para uma melhor compreensão do que estaremos fazendo e também para que o <em>post</em> não fique muito extenso, dividirei em partes.</p>
<p>Basicamente, a Google Chart API é uma ferramenta que permite a criação de imagens e gráficos para a <em>web</em>.</p>
<p>Atualmente estou desenvolvendo um projeto em PHP e decidi utilizar a ferramenta para criação dos gráficos dinamicamente.</p>
<p>Inicialmente algumas coisas foram bem difíceis de encontrar na internet. Então decidi, com base na documentação e alguns exemplos tentar desenvolver algo que eu possa utilizar quando precisar.</p>
<p>Os exemplos e links que utilizei como referência vou deixar disponível no final deste <em>post</em>.</p>
<p>Depois dessa apresentação, vamos ao que realmente interessa.</p>
<p>Basicamente, para criar um gráfico em pizza estaticamente, basta utilizar o código abaixo (<a title="Google Chart Tools - Exemplo" href="http://code.google.com/intl/pt-BR/apis/chart/interactive/docs/gallery/piechart.html" target="_blank">exemplo</a>):</p>
<pre>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          width: 450, height: 300,
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="chart_div"&gt;&lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;</pre>
<p>Bom, aqui já dá para ter uma noção de como ficarão nossos gráficos dinâmicos em formato de pizza. A Google Chart API é interessante, pois passando as informações corretas você poderá montar qualquer tipo de gráfico.<br />
Segue abaixo os links de exemplos e documentação que utilizei para todos os exemplos:</p>
<ul>
<li><a href="http://code.google.com/intl/pt-BR/apis/chart/interactive/docs/gallery/piechart.html" target="_blank">Google Chart Tools &#8211; Chart Gallery &#8211; Pie Chart;</a></li>
<li><a href="http://code.google.com/apis/ajax/playground/?type=visualization#pie_chart" target="_blank">Google Chart Tools &#8211; Chart Gallery &#8211; Code Playground;</a></li>
<li><a href="https://groups.google.com/forum/#!searchin/google-visualization-api/chart$20with$20php$20mysql/google-visualization-api/-zapZe7dH7Y/dnII0afkG9oJ" target="_blank">Google Groups &#8211; Google Chart with PHP and MYSQL;</a></li>
<li><a href="http://code.google.com/intl/pt-BR/apis/chart/image/docs/making_charts.html" target="_blank">Google Chart Tools &#8211; Image Charts &#8211; Getting Started With Charts;</a></li>
<li><a href="http://code.google.com/intl/pt-BR/apis/chart/interactive/docs/php_example.html" target="_blank">Google Chart Tools &#8211; Chart Data &#8211; Connecting Your Database &#8211; Populating Data Using Server-Side Code;</a></li>
<li><a href="http://www.toprated.com.br/crie-graficos-de-maneira-rapida-e-facil-com-o-google-chart-tools-parte-1" target="_blank">Crie gráficos de maneira rápida e fácil com o Google Chart Tools;</a></li>
<li><a href="http://code.google.com/intl/pt-BR/apis/chart/interactive/docs/reference.html#dataparam" target="_blank">Google Chart Tools &#8211; Google Visualization API Reference.</a></li>
</ul>
<p>O próximo post mostrarei como utilizar a API com PHP e MySQL.</p>
<p>Abraço e até a próxima.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/matzbar.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/matzbar.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/matzbar.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=matzbar.wordpress.com&amp;blog=4217316&amp;post=13&amp;subd=matzbar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://matzbar.wordpress.com/2012/01/14/google-chart-tools-pie-chart-json-php-mysql/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cdb157d39c365bfe0bfbe2de61de199d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">matzbar</media:title>
		</media:content>
	</item>
		<item>
		<title>Hellow world!</title>
		<link>http://matzbar.wordpress.com/2008/07/14/hellow-world/</link>
		<comments>http://matzbar.wordpress.com/2008/07/14/hellow-world/#comments</comments>
		<pubDate>Mon, 14 Jul 2008 20:29:02 +0000</pubDate>
		<dc:creator>matzbar</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[APTANA]]></category>
		<category><![CDATA[Crossbrowser]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[RadRails]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[RubyonRails]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tableless]]></category>
		<category><![CDATA[WEB Standards]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Etiquetas - Edit Tag]]></category>

		<guid isPermaLink="false">http://matzbar.wordpress.com/?p=3</guid>
		<description><![CDATA[Hellow world!<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=matzbar.wordpress.com&amp;blog=4217316&amp;post=3&amp;subd=matzbar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Hellow world!</strong></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/matzbar.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/matzbar.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/matzbar.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/matzbar.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/matzbar.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=matzbar.wordpress.com&amp;blog=4217316&amp;post=3&amp;subd=matzbar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://matzbar.wordpress.com/2008/07/14/hellow-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/cdb157d39c365bfe0bfbe2de61de199d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">matzbar</media:title>
		</media:content>
	</item>
	</channel>
</rss>
