<?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/"
	>

<channel>
	<title>Metagrafia &#187; tecnologia</title>
	<atom:link href="http://www.metagrafia.com.br/blog/archives/tag/tecnologia/feed" rel="self" type="application/rss+xml" />
	<link>http://www.metagrafia.com.br/blog</link>
	<description>O blog do Piter.</description>
	<lastBuildDate>Fri, 06 Jan 2012 23:10:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>Otimizando arquivos PNG</title>
		<link>http://www.metagrafia.com.br/blog/archives/2009/07/13-otimizando-arquivos-png</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2009/07/13-otimizando-arquivos-png#comments</comments>
		<pubDate>Mon, 13 Jul 2009 15:28:39 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[freeware]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.metagrafia.com.br/blog/?p=685</guid>
		<description><![CDATA[Imagens em formato PNG estão por toda parte. O Google, por exemplo, o utiliza em larga escala, da página de busca ao YouTube. Criado em 96, o padrão surgiu como uma alternativa ao GIF, cujas tecnologias haviam sido patentadas e daí a necessidade de se criar um padrão livre e aberto. PNGs oferecem muitas vantagens [...]]]></description>
			<content:encoded><![CDATA[<p>Imagens em formato PNG estão por toda parte. O Google, por exemplo, o utiliza em larga escala, da página de busca ao YouTube. Criado em 96, o padrão surgiu como uma alternativa ao GIF, cujas tecnologias haviam sido patentadas e daí a necessidade de se criar um padrão livre e aberto.</p>
<p>PNGs oferecem muitas vantagens em relação ao antecessor, tais como maior gama de cores, transparência com opacidade, e por aí vai. Além da possibilidade de salvar uma imagens de modo não-destrutivo, isto é, sem perda de informações, como é no caso dos JPGs. Recentemente descobri um aplicativo que ajuda no trabalho de quem utiliza este formato, chamado <a href="http://optipng.sourceforge.net/">OptiPNG</a>.</p>
<p>Este programa aplica uma série de algoritmos e otimizações a fim de reduzir o tamanho dos PNGs, sem perda de qualidade. Aí pensei, ok, mas eu sempre otimizo as imagens no Photoshop, já não é suficiente? Num teste rápido de otimização, comparei um PNG gerado pelo <a href="http://derailer.org/paparazzi/">Paparazzi!</a>, sendo processado pelo Photoshop CS4 e pelo OptiPNG. Confira os resultados:</p>
<table>
<tr>
<td><b>Arquivo original</b></td>
<td>976 KB</td>
</tr>
<tr>
<td><b>Photosohp CS4</b></td>
<td>872 KB</td>
</tr>
<tr>
<td><b>OptiPNG</b></td>
<td>676 KB</td>
</tr>
<tr>
<td><b>Photoshop CS4 + OptiPNG</b></td>
<td>672 KB</td>
</tr>
</table>
<p>É impressionante. Uma redução de mais de <b>30%</b> em relação ao tamanho original, sem perda alguma de qualidade. E mesmo reprocessando uma imagem já otimizada pelo Photoshop, os ganhos continuam absurdos. Quatro <em>kilobytes</em> podem não ser tão significativos, ainda mais se considerarmos o boom das conexões de banda-larga. Mas considerando o cenário do Google, por exemplo, que tem cerca de <a href="http://www03.wolframalpha.com/input/?i=www.google.com">4.3 bilhões de pageviews</a> por dia, uma redução de 4 KB significa uma economia de mais de 16 <em>terabytes</em>.</p>
<p>Fica a dica. O <a href="http://optipng.sourceforge.net">OptiPNG</a> é software livre, disponível em versão para Windows. Para os usuários do Mac OS, uma boa alternativa é o <a href="http://www.amake.us/software/pngcrusher/">PNG Crusher</a>, utilizando nas demonstrações acima.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2009/07/13-otimizando-arquivos-png/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Links nanicos</title>
		<link>http://www.metagrafia.com.br/blog/archives/2009/04/27-links-nanicos</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2009/04/27-links-nanicos#comments</comments>
		<pubDate>Mon, 27 Apr 2009 04:41:32 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.metagrafia.com.br/blog/?p=674</guid>
		<description><![CDATA[São vários os serviços de &#8220;encurtamento&#8221; de endereços de sites —leia-se URLs. O primeiro e sem dúvida mais famoso é o TinyURL, criado em 2002 por Kevin Gilbertson. A iniciativa deu origem a uma centena de serviços similares. No Brasil, temos o vai.lá, que é utilizado no twitter da agência Fire Multicom. Mas em se [...]]]></description>
			<content:encoded><![CDATA[<p>São vários os serviços de &#8220;encurtamento&#8221; de endereços de sites —leia-se URLs. O primeiro e sem dúvida mais famoso é o <a href="http://tinyurl.com">TinyURL</a>, criado em 2002 por Kevin Gilbertson. A iniciativa deu origem a uma centena de serviços similares. No Brasil, temos o  <a href="http://vai.la">vai.lá</a>, que é utilizado no <a href="http://twitter.com/firemulticom">twitter da agência Fire Multicom</a>.</p>
<p>Mas em se tratando de eficiência, o mais curto em número de caracteres é o <a href="http://u.nu"><strong>u.nu</strong></a>. Não só o domínio é curto, mas o sistema é inteligente o bastante para evitar caracteres que possam dar duplo sentido como 1, l, o e 0 —muito útil quando a intenção seja publicar um link que deverá ser digitado novamente, como num jornal ou via SMS.</p>
<p>A propósito, saca só como fica simples a URL do blog: <a href="http://u.nu/6ne">http://u.nu/6ne</a>. Bacana, hein?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2009/04/27-links-nanicos/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>GE Smart Grid</title>
		<link>http://www.metagrafia.com.br/blog/archives/2009/04/01-ge-smart-grid</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2009/04/01-ge-smart-grid#comments</comments>
		<pubDate>Wed, 01 Apr 2009 14:01:06 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[inovação]]></category>
		<category><![CDATA[publicidade]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[vídeo]]></category>

		<guid isPermaLink="false">http://www.metagrafia.com.br/blog/?p=661</guid>
		<description><![CDATA[Depois do sucesso do Get the Glass, os californianos da Goodby, Silverstein &#038; Partners, em parceria com a North Kingdom, criaram um site igualmente fantástico para o Smart Grid da GE. Além da produção impecável de áudio e ilustrações, o site utiliza a biblioteca Spark para imprimir o conceito de realidade aumentada. Mas afinal o [...]]]></description>
			<content:encoded><![CDATA[<p>Depois do sucesso do <a href="http://www.gettheglass.com/">Get the Glass</a>, os californianos da <a href="http://www.goodbysilverstein.com/">Goodby, Silverstein &#038; Partners</a>, em parceria com a <a href="http://www.northkingdom.com/">North Kingdom</a>, criaram um site igualmente fantástico para o <a href="http://ge.ecomagination.com/smartgrid/">Smart Grid da GE</a>.</p>
<p><a href="http://ge.ecomagination.com/smartgrid/"><img src="http://www.metagrafia.com.br/blog/wp-content/uploads/2009/03/picture-1-500x312.png" alt="Smart Grid 1" title="Smart Grid 1" width="500" height="312" class="aligncenter size-medium wp-image-662" /></a></p>
<p>Além da produção impecável de áudio e ilustrações, o site utiliza a biblioteca <a href="http://www.libspark.org/wiki/WikiStart/en">Spark</a> para imprimir o conceito de <strong>realidade aumentada</strong>. Mas afinal o que é isto? Realidade aumentada consiste em combinar imagens reais com computação gráfica, em tempo real, diga-se de passagem. É o que sempre vimos nos filmes de ficção e que agora começa a ser possível com o uso de tecnologias avançadas e com maior poder de processamento nos computadores pessoais.</p>
<p><object type="application/x-shockwave-flash" class="youtube" width="425" height="344" data="http://www.youtube-nocookie.com/v/NK59Beq0Sew&amp;fs=1&amp;rel=0"><param name="movie" value="http://www.youtube-nocookie.com/v/NK59Beq0Sew&amp;fs=1&amp;rel=0" /></object></p>
<p>E falando em Goodby, Silverstein &#038; Partners, fica a dica do excelente livro <a href="http://www.submarino.com.br/produto/1/1479630/">A Arte do Planejamento: Verdades, Mentiras e Propaganda</a>, de Jon Steel, ex-Planejamento da agência.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2009/04/01-ge-smart-grid/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pendrive nas nuvens</title>
		<link>http://www.metagrafia.com.br/blog/archives/2009/03/31-pendrive-nas-nuvens</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2009/03/31-pendrive-nas-nuvens#comments</comments>
		<pubDate>Tue, 31 Mar 2009 12:47:32 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[Humor]]></category>
		<category><![CDATA[freeware]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.metagrafia.com.br/blog/?p=638</guid>
		<description><![CDATA[Sou aficcionado por programas e métodos que deixam minha vida mais ágil —ou pelo menos passam a impressão de. Um dia desses me deparei com o maravilhoso Dropbox, a sua pendrive na nuvem. O objetivo do webapp é muito simples: armazenar e compartilhar arquivos na rede. Até aí tudo bem. O genial é que é [...]]]></description>
			<content:encoded><![CDATA[<p>Sou aficcionado por programas e métodos que deixam minha vida mais ágil —ou pelo menos passam a impressão de. Um dia desses me deparei com o maravilhoso <a href="https://www.getdropbox.com/referrals/NTc0MTc4ODk">Dropbox</a>, a sua pendrive na nuvem.</p>
<div style="text-align: center; margin: 50px auto;"><a href="https://www.getdropbox.com/referrals/NTc0MTc4ODk"><img src="http://www.metagrafia.com.br/blog/wp-content/uploads/2009/03/dropbox_logo_home.gif" alt="Dropbox" title="Dropbox" width="310" height="77" class="aligncenter size-full wp-image-642" /></a></div>
<p>O objetivo do webapp é muito simples: armazenar e compartilhar arquivos na rede. Até aí tudo bem. O genial é que é possível instalar um programinha no computador, disponível para Windows, Linux e Mac, que cria uma pastinha no seu micro. Aí é só largar seus arquivos ali e pronto!, ele sobe automaticamente pra rede, sem nem mesmo fazer perguntas. Caiu a Internet? Não há problema. Seus arquivos permanecem no micro, e são sincronizados automaticamente ao voltar a conexão.</p>
<p>Digamos agora que você instale em outro micro (em casa e no trabalho, por exemplo). O <a href="https://www.getdropbox.com/referrals/NTc0MTc4ODk">Dropbox</a> faz todo o trabalho sujo de manter os três lugares sincronizados (web, casa e trabalho), não importa onde você esteja. Se você largar um arquivo no trabalho, ele sobe pra rede e, quando chegar em casa, ele baixa automaticamente as atualizações, sem falar que tudo é acessível pela web, e até via iPhone.</p>
<p><img src="http://www.metagrafia.com.br/blog/wp-content/uploads/2009/03/dropbox_screen-500x439.png" alt="dropbox_screen" title="dropbox_screen" width="500" height="439" class="aligncenter size-medium wp-image-650" /></p>
<p>Tenho utilizado com frequência (opa, caiu o trema) para sincronizar arquivos entre casa e trabalho, como minhas <em>referências visuais</em>, uma pasta onde coloco algumas imagens encontradas na web. Com o custo da <a href="http://www.gvt.net.br">banda larga de qualidade</a> ficando cada vez mais baixo, soluções deste tipo começam a se tornar viáveis também aqui no Brasil.</p>
<p>Outro detalhe ótimo é a função <em>undelete</em>. Digamos que você tenha deletado acidentalmente o seu trabalho de conclusão (TCC) do micro. Ou aquela apresentação que começa em 15 minutos. Barbadinha: basta acessar a interface web, pedir para exibir os arquivos excluídos e desfazer a exclusão.</p>
<p>Fica a dica!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2009/03/31-pendrive-nas-nuvens/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Processing: Uma revolução audiovisual</title>
		<link>http://www.metagrafia.com.br/blog/archives/2008/07/07-processing-uma-revolucao-audiovisual</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2008/07/07-processing-uma-revolucao-audiovisual#comments</comments>
		<pubDate>Mon, 07 Jul 2008 03:06:00 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[tendências]]></category>
		<category><![CDATA[vídeo]]></category>

		<guid isPermaLink="false">http://www.metagrafia.com.br/blog/?p=506</guid>
		<description><![CDATA[Ben Fry e Casey Reas, dois cientistas do MIT, desenvolveram uma linguagem de programação voltada a artistas, designers, estudantes, enfim, não-programadores, para ensiná-los a programar dentro de um contexto visual. Eis que surge o Processing, que hoje é amplamente utilizado na produção de vídeos e intervenções artísticas. De graça, vale citar. Você certamente já se [...]]]></description>
			<content:encoded><![CDATA[<p>Ben Fry e Casey Reas, dois cientistas do MIT, desenvolveram uma linguagem de programação voltada a artistas, designers, estudantes, enfim, não-programadores, para ensiná-los a programar dentro de um contexto visual. Eis que surge o <a href="http://www.processing.com">Processing</a>, que hoje é amplamente utilizado na produção de vídeos e intervenções artísticas. De graça, vale citar.</p>
<p><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=646107&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=646107&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object></p>
<p>Você certamente já se deparou com alguma coisa feita em Processing, porém não sabia até então. O conteúdo, que é automaticamente convertido para linguagem Java, pode ser inserido diretamente numa página da web ou exportado para vídeo ou imagem. E com poucas linhas de código, obtem-se resultados impressionantes.</p>
<p><a href="http://www.firstbornmultimedia.com/gallery/player.asp?title=Digital%20Kitchen&#038;stitle=Processing%20Demo&#038;file=full_demo&#038;width=952&#038;height=540"><img src="http://www.metagrafia.com.br/blog/wp-content/uploads/2008/07/1007_5028625528_ss_12-300x218.jpg" alt="" title="Operation Smile Microsoft" width="300" height="218" class="aligncenter size-medium wp-image-514" /></a></p>
<p>Em 2007, o estúdio <a href="http://www.firstborn.com">Firstborn</a> criou, para o relançamento da plataforma Windows Live, da Microsoft, <a href="http://www.firstbornmultimedia.com/#/our-portfolio/1007/">um dos mais fantásticos trabalhos feitos em Processing</a>. Dando seqüência ao projeto Operation Smile, eles prepararam um aparato digital capaz de projetar, em um globo do tamanho de um prédio de sete andares, os sorrisos das pessoas que se deixavam fotografar. Em tempo real! O resultado é um deleite visual, como vocês podem conferir clicando na imagem acima. Sem contar que eles tiveram apenas três semanas desde a concepção até a execução do projeto.</p>
<p>Outro projeto que merece destaque é o <a href="http://design.yahoo.com/project.php?pid=9">Query Bursts</a>, desenvolvido pela equipe de Design e Inovação do Yahoo!. Nele, é possível visualizar a propagação de determinados termos de busca ao redor do globo com o passar do tempo.</p>
<p>Como diz meu amigo Rogério, do <a href="http://coolhunterbr.blogspot.com/">coolhunterbr</a>, estamos vivendo a era do excesso de informação, de todos os tipos e maneiras. A chave está em saber apresentá-las de forma rica e com alto impacto, algo que com o poder de processamento que temos com os computadores de hoje e uma tecnologia fantástica como o Processing é perfeitamente possível.</p>
<p>Se interessou, confira a <a href="http://www.vimeo.com/processing">galeria &#8220;Processing&#8221; no Vimeo</a>. Mais está por vir.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2008/07/07-processing-uma-revolucao-audiovisual/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fotografia 2.0</title>
		<link>http://www.metagrafia.com.br/blog/archives/2007/06/25-fotografia-20</link>
		<comments>http://www.metagrafia.com.br/blog/archives/2007/06/25-fotografia-20#comments</comments>
		<pubDate>Tue, 26 Jun 2007 02:36:44 +0000</pubDate>
		<dc:creator>Piter</dc:creator>
				<category><![CDATA[fotografia]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[futuro]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[vídeo]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.balse.net/blog/archives/2007/06/25-fotografia-20</guid>
		<description><![CDATA[Neguinho desgraçado reinventando a forma como iremos ver, compartilhar e até sentir nossas fotografias. Uma das coisas mais impressionantes que eu já vi alguém fazer com um computador. Requer nível intermediário-avançado de inglês, mas acho que só &#8220;lendo as figura&#8221; já dá pra cair o queixo. (Via Blah, o blog da Ginga)]]></description>
			<content:encoded><![CDATA[<p>Neguinho desgraçado reinventando a forma como iremos ver, compartilhar e até <i>sentir</i> nossas fotografias. Uma das coisas mais impressionantes que eu já vi alguém fazer com um computador.</p>
<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/4_jdn-N_wwM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/4_jdn-N_wwM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p>Requer nível intermediário-avançado de inglês, mas acho que só &#8220;lendo as figura&#8221; já dá pra cair o queixo.</p>
<p><small>(Via <a href="http://www.agenciaginga.com.br/blog/?p=693">Blah, o blog da Ginga</a>)</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafia.com.br/blog/archives/2007/06/25-fotografia-20/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

