<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://msmvps.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Bruno Sonnino : Mashup</title><link>http://msmvps.com/blogs/bsonnino/archive/tags/Mashup/default.aspx</link><description>Tags: Mashup</description><dc:language>en</dc:language><generator>CommunityServer 2008.5 SP2 (Build: 40407.4157)</generator><item><title>Você sabe o que é um Mashup?</title><link>http://msmvps.com/blogs/bsonnino/archive/2009/06/23/voc-234-sabe-o-que-233-um-mashup.aspx</link><pubDate>Tue, 23 Jun 2009 12:47:00 GMT</pubDate><guid isPermaLink="false">d67277c4-116b-43f1-b688-e9ef184ea916:1696377</guid><dc:creator>bsonnino</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://msmvps.com/blogs/bsonnino/rsscomments.aspx?PostID=1696377</wfw:commentRss><comments>http://msmvps.com/blogs/bsonnino/archive/2009/06/23/voc-234-sabe-o-que-233-um-mashup.aspx#comments</comments><description>&lt;p&gt;Se voc&amp;ecirc; n&amp;atilde;o sabe o que &amp;eacute; um mashup, vale a pena saber: mashups s&amp;atilde;o &amp;quot;misturas&amp;quot; de dados que permitem combinar dados de diversas fontes, criando uma visualiza&amp;ccedil;&amp;atilde;o unica, resumida. Por exemplo, voc&amp;ecirc; pode pegar dados de clientes, com suas localiza&amp;ccedil;&amp;otilde;es e colocar &amp;quot;pins&amp;quot; no mapa, com indica&amp;ccedil;&amp;otilde;es dos clientes. Ou voc&amp;ecirc; pode pegar dados estat&amp;iacute;sticos e plotar gr&amp;aacute;ficos ou criar mapas que mostram a atividade no mundo.&lt;/p&gt;
&lt;p&gt;Enfim, as oportunidades para criar um mashup s&amp;atilde;o praticamente infinitas. A Microsoft criou um gerador de mashops, o PopFly creator, onde voc&amp;ecirc; pode criar seus blocos, que extraem os dados de diversas fontes e geram sa&amp;iacute;das diversas. Estes blocos s&amp;atilde;o criados usando Javascript, isto &amp;eacute;, n&amp;atilde;o necessitam de nenhuma linguagem especial. Se voc&amp;ecirc; acha que pode ser complicado criar um bloco, n&amp;atilde;o precisa se aventurar a tanto, no in&amp;iacute;cio: voc&amp;ecirc; pode usar os blocos criados por outras pessoas, que est&amp;atilde;o dispon&amp;iacute;veis e que, inclusive, podem ser alterados por voc&amp;ecirc;.&lt;/p&gt;
&lt;p&gt;Para mostrar como &amp;eacute; f&amp;aacute;cil criar um mashup, vamos fazer um. Para isso, vamos usar os blocos criados pelo meu filho Roberto e pelo Bruno Reis, que est&amp;atilde;o concorrendo na etapa mundial da ImagineCup 2009, na categoria Mashup, o &lt;a href="http://virtualdreams.com.br/knoworld"&gt;KnoWorld&lt;/a&gt;. Os blocos criados por eles tem diversas funcionalidades. Por exemplo, o GapMinder extrai dados de diversos indicadores (voc&amp;ecirc; pode ter a lista completa em &lt;a href="http://tinyurl.com/gap-ind"&gt;http://tinyurl.com/gap-ind&lt;/a&gt;) e disponibiliza-os em formato ano/valor ou pa&amp;iacute;s/valor, de maneira que voc&amp;ecirc; pode obter uma s&amp;eacute;rie temporal (quando quer ver a evolu&amp;ccedil;&amp;atilde;o de um indicador num pa&amp;iacute;s) ou espacial (quando quer ver a distribui&amp;ccedil;&amp;atilde;o de um indicador no mundo, num determinado ano).&lt;/p&gt;
&lt;p&gt;A partir da&amp;iacute;, voc&amp;ecirc; pode plotar estes dados usando os blocos TimePlot (que mostra os dados, ligando-os a uma s&amp;eacute;rie de eventos), ou Google Charts (que plota um gr&amp;aacute;fico de barras, de linha, ou mesmo um mapa mundi colorido).&lt;/p&gt;
&lt;p&gt;No meu caso, eu queria verificar a correla&amp;ccedil;&amp;atilde;o entre o consumo de &amp;oacute;leo no Brasil, com a emiss&amp;atilde;o de CO2, para ver se h&amp;aacute; correspond&amp;ecirc;ncia entre os dois indicadores. Fui at&amp;eacute; &lt;a href="http://www.popfly.com/mashupcreator"&gt;http://www.popfly.com/mashupcreator&lt;/a&gt;, dei meu login do passport e comecei a criar o mashup. Inicialmente, coloquei dois blocos GapMinder (basta teclar na caixa de pesquisa, que ele aparece). Configurei o primeiro GapMinder para a opera&amp;ccedil;&amp;atilde;o &amp;quot;getByCountry&amp;quot; e o indicador &amp;quot;Oil consumption&amp;quot;. Selecionei o pa&amp;iacute;s Brasil. O segundo GapMinder foi configurado para o indicador &amp;quot;Total CO2 emissions (thousand tonnes)&amp;quot;. Em seguida, coloquei dois blocos Filter. Estes blocos filtram os dados para as condi&amp;ccedil;&amp;otilde;es selecionadas. Como o GapMinder gera&amp;nbsp;muitas informa&amp;ccedil;&amp;otilde;es, iremos filtrar os dados&amp;nbsp;a partir de 1965, mostrando os dados de 5 em 5 anos.&amp;nbsp;Em seguida, liguei a sa&amp;iacute;da dos GapMinders aos Filters. Configurei os&amp;nbsp;blocos Filter como&amp;nbsp;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;List: Source - GapMinder - Value: [entire TimeSeries object]&lt;/li&gt;
&lt;li&gt;Condition: Custom - Value: x.year &amp;gt;= 1965 &amp;amp;&amp;amp; x.year % 5 == 0&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;Finalmente, adicionei um bloco Google Charts e liguei a sa&amp;iacute;da dos dois Filters &amp;agrave; entrada do Google Charts. Configurei o Google Charts como&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Operations: plotLineChart&lt;/li&gt;
&lt;li&gt;X Values: Filter - Value: year&lt;/li&gt;
&lt;li&gt;Y Values: Filter - Value: value&lt;/li&gt;
&lt;li&gt;XValues2: Custom - Value:&amp;nbsp; (deixar um espa&amp;ccedil;o em branco para plotar o gr&amp;aacute;fico)&lt;/li&gt;
&lt;li&gt;Y Values2: Filter(2) - Value: value&lt;/li&gt;
&lt;li&gt;ShowImage: true&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Pronto. Isto &amp;eacute; tudo o que precisamos. O Mashup ficou como a figura abaixo&lt;/p&gt;
&lt;p&gt;&lt;a href="http://msmvps.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/bsonnino/6355.Mashup.png"&gt;&lt;img src="http://msmvps.com/resized-image.ashx/__size/550x0/__key/CommunityServer.Blogs.Components.WeblogFiles/bsonnino/6355.Mashup.png" border="0" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;A&amp;iacute; &amp;eacute; s&amp;oacute; executar o mashup e ver o resultado, como em:&lt;/p&gt;
&lt;p&gt;&lt;a href="http://msmvps.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/bsonnino/2642.MashupGraph.png"&gt;&lt;img src="http://msmvps.com/resized-image.ashx/__size/550x0/__key/CommunityServer.Blogs.Components.WeblogFiles/bsonnino/2642.MashupGraph.png" border="0" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Como voc&amp;ecirc;s podem ver, o consumo de &amp;oacute;leo corre em paralelo com a emiss&amp;atilde;o de CO2. Se voc&amp;ecirc;s quiserem ver o mashup, ele est&amp;aacute; em &lt;a href="http://www.popfly.com/users/BSonnino/Oil%20consumption%20vs%20CO2%20Emission%20in%20Brazil"&gt;http://www.popfly.com/users/BSonnino/Oil%20consumption%20vs%20CO2%20Emission%20in%20Brazil&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Como voc&amp;ecirc;s podem ver, criar um mashup &amp;eacute; muito f&amp;aacute;cil, j&amp;aacute; imaginaram as possibilidades?&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://msmvps.com/aggbug.aspx?PostID=1696377" width="1" height="1"&gt;</description><category domain="http://msmvps.com/blogs/bsonnino/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://msmvps.com/blogs/bsonnino/archive/tags/Knoworld/default.aspx">Knoworld</category><category domain="http://msmvps.com/blogs/bsonnino/archive/tags/PopFly/default.aspx">PopFly</category><category domain="http://msmvps.com/blogs/bsonnino/archive/tags/Mashup/default.aspx">Mashup</category></item></channel></rss>