<?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>Bit a Bit &#187; Cooperativo</title>
	<atom:link href="http://www.bitabit.eng.br/categorias/turmas/cooperativo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bitabit.eng.br</link>
	<description>O Blog dos estudantes de Engenharia de Computação da POLI-USP</description>
	<lastBuildDate>Tue, 31 Aug 2010 15:16:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Explorando o software por trás do Facebook, a maior rede social do mundo</title>
		<link>http://www.bitabit.eng.br/2010/07/28/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/</link>
		<comments>http://www.bitabit.eng.br/2010/07/28/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 19:12:39 +0000</pubDate>
		<dc:creator>Rafael Barbolo Lopes, Coop10</dc:creator>
				<category><![CDATA[Busca]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Cooperativo]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[bigpipe]]></category>
		<category><![CDATA[busca]]></category>
		<category><![CDATA[caches]]></category>
		<category><![CDATA[cassandra]]></category>
		<category><![CDATA[escalabilidade]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[hadoop]]></category>
		<category><![CDATA[haystack]]></category>
		<category><![CDATA[hive]]></category>
		<category><![CDATA[labs]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[MapReduce]]></category>
		<category><![CDATA[nosql]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[scribe]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[thrift]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[varnish]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1263</guid>
		<description><![CDATA[Na escala em que o Facebook opera, muitas abordagens tradicionais para servir conteúdo web falham ou não são práticas. O desafio para os engenheiros do Facebook tem sido manter o site no ar com mais de meio bilhão de usuários ativos.
Este artigo analisa técnicas e softwares que o Facebook usa para funcionar nesse nível.


Facebook: desafio [...]]]></description>
			<content:encoded><![CDATA[<p>Na escala em que o <a href="http://www.facebook.com">Facebook</a> opera, muitas abordagens tradicionais para servir conteúdo web falham ou não são práticas. O desafio para os engenheiros do Facebook tem sido manter o site no ar com mais de <a href="http://blog.facebook.com/blog.php?post=409753352130" target="_blank"><strong>meio bilhão de usuários ativos</strong></a>.</p>
<p>Este artigo analisa técnicas e softwares que o Facebook usa para funcionar nesse nível.</p>
<p><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/facebook_logo_bit_a_bit.jpg"><img class="alignright size-full  wp-image-1264" title="Logo do Facebook (Bit a Bit)" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/facebook_logo_bit_a_bit.jpg" alt="" width="205" height="68" /></a></p>
<p><br/></p>
<h2>Facebook: desafio de escalabilidade</h2>
<p>Antes de entrar em detalhes, aqui estão alguns <a href="http://michaelis.uol.com.br/moderno/portugues/index.php?lingua=portugues-portugues&#038;palavra=fact%F3ide&#038;CP=73594&#038;typeToSearchRadio=exactly&#038;pagRadio=50">factóides</a> para dar uma idéia do desafio de escalabilidade com o qual o Facebook tem que lidar:</p>
<ul>
<li>
<p>O Facebook serve mais de <a href="https://www.google.com/adplanner/planning/site_profile#siteDetails?identifier=www.facebook.com&amp;lp=true" target="_blank"><strong>550 bilhões de visualizações de páginas por mês</strong></a>;</p>
</li>
<li>
<p>Há mais fotos no Facebook do que em todos os outros sites de fotos juntos (<a href="http://www.watblog.com/2010/07/12/facebook-photos-leave-flickr-picasa-way-behind/" target="_blank">incluindo sites como o Flickr</a>);</p>
</li>
<li>
<p>Mais de <strong><a href="http://blog.facebook.com/blog.php?post=2406207130" target="_blank">3 bilhões de fotos</a></strong> são visualizadas por dia;</p>
</li>
<li>
<p>Mais de <a href="http://www.facebook.com/press/info.php?statistics" target="_blank"><strong>25 bilhões de tipos de conteúdo</strong></a> (atualizações de status, comentários, etc) são compartilhados todo mês;</p>
</li>
<li>
<p>O Facebook tem mais de <a href="http://www.datacenterknowledge.com/archives/2010/06/28/facebook-server-count-60000-or-more/" target="_blank"><strong>60 mil servidores</strong></a>.</p>
</li>
</ul>
<p><br/></p>
<h2>Softwares para escalar</h2>
<p>A infraestrutura de software que o Facebook usa pode ser vista como a de um site <a href="http://pt.wikipedia.org/wiki/LAMP" target="_blank">LAMP</a>, mas com melhorias e extensões de vários serviços. Por exemplo:</p>
<ul>
<li>
<p>O Facebook usa PHP, mas tem um compilador que permite que o sistema execute código nativo nos servidores web, aumentando significativamente seu desempenho;</p>
</li>
<li>
<p>O Facebook usa Linux, mas é um Linux otimizado para garantir alta vazão de rede;</p>
</li>
<li>
<p>O Facebook usa MySQL, mas principalmente para persistência de chaves-valores (<a href="http://pt.wikipedia.org/wiki/Hash" target="_blank">Hashes</a>), movendo lógicas de consultas e JOINS para a camada de aplicação dos servidores web em que otimizações são mais fáceis de implementar, usando por exemplo caches em memória;</p>
</li>
<li>
<p>Por fim, há sistemas customizados, como o <a href="http://www.facebook.com/note.php?note_id=76191543919" target="_blank">Haystack</a>, um objeto de armazenamento altamente escalável usado para servir a imensa quantidade de fotos do Facebook, e o <a href="http://github.com/facebook/scribe" target="_blank">Scribe</a>, um sistema de logging (registro de ações) que consegue operar na escala do Facebook (nada trivial).</p>
</li>
</ul>
<p>Vamos ao que interessa. Abaixo são apresentados os softwares (alguns) que o Facebook usa para fornecer a todos nós a maior rede social do mundo.</p>
<h3>Memcached<a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/memcached.png"><img class="alignright size-full wp-image-1302" title="Logo do Memcached" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/memcached.png" alt="" width="91" height="85" /></a></h3>
<p>O <a href="http://memcached.org/" target="_blank">Memcached</a> é no momento um dos softwares mais famosos na Internet. É um sistema de cache em memória distribuído que o Facebook (e vários outros sites) usam como uma camada de cache entre aplicação web e banco de dados (já que acesso a disco rígido é relativamente lento). Ao longo dos anos, o Facebook realizou diversas otimizações no Memcached e nos softwares que rodam em conjunto com ele.</p>
<p>O Facebook roda milhares de servidores Memcached com <a href="http://felipenasc.blogspot.com/2010/03/escalabilidade-de-aplicacoes-web-futuro.html" target="_blank">dezenas de tearabytes de dados em cache</a> a todo momento. É provavelmente a maior instalação de Memcached do mundo.</p>
<h3>HipHop for PHP<a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/hiphop.png"><img class="alignright size-full wp-image-1304" title="HipHop for PHP Logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/hiphop.png" alt="" width="86" height="113" /></a></h3>
<p>PHP é uma linguagem interpretada e por isso seu código quando executado é relativamente lento quando comparado com código que executa nativamente. O <a href="http://github.com/facebook/hiphop-php" target="_blank">HipHop</a> converte PHP em código C++ que pode ser então compilado e apresentar um desempenho melhor. Isso permite que o Facebook aproveite muito melhor seus servidores web já que dependem demais de PHP para servir conteúdo.</p>
<p>Uma pequena equipe de engenheiros no Facebook (inicialmente, apenas três) passou 18 meses <a href="http://developers.facebook.com/blog/post/358" target="_blank">desenvolvendo o HipHop</a>, que agora é usado em produção.</p>
<h3>Haystack</h3>
<p><a href="http://www.facebook.com/note.php?note_id=76191543919" target="_blank">Haystack</a> é o sistema de armazenamento e recuperação de fotos de alto desempenho do Facebook (a rigor, o Haystack é um armazenador de objetos, então ele não armazena apenas fotos). Existem mais de 20 bilhões de fotos no Facebook e cada uma é armazenada em quatro diferentes resoluções, resultando em mais 80 bilhões de fotos.</p>
<p>O desafio do Haystack não é apenas  armazenar bilhões de fotos, mas também executar tarefas com elas em que o desempenho é crítico, como por exemplo remoção, atualização ou acesso.</p>
<h3>BigPipe</h3>
<p>O <a href="http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919" target="_blank">BigPipe</a> é um sistema dinâmico para servir páginas web que o Facebook desenvolveu. Ele é capaz de dividir uma página em seções (chamadas &#8220;<em>pagelets</em>&#8220;) e servi-las em paralelo com desempenho ideal.</p>
<p>Por exemplo, a janela de chat é carregada separadamente, o feed de notícias é carregado separadamente, e assim por diante. Esses &#8220;<em>pagelets</em>&#8221; podem ser carregados em paralelo, que é de onde vem o ganho de desempenho, e os usuários recebem um site que funciona mesmo se uma parte dele for desativada ou estiver com defeitos.</p>
<h3>Cassandra<a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/cassandra.png"><img class="alignright size-full wp-image-1305" title="Logo do Cassandra NoSQL" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/cassandra.png" alt="" width="200" height="43" /></a></h3>
<p><a href="http://cassandra.apache.org/" target="_blank">Cassandra</a> é um sistema de armazenamento distribuído baseado no projeto do <a href="http://labs.google.com/papers/bigtable.html" target="_blank">BigTable</a>. Ele é um dos filhos de destaque do movimento <a href="http://escalabilidade.com/2010/03/08/introducao-ao-nosql-parte-i/" target="_blank">NoSQL</a> e se tornou open source (virou um projeto Apache). O Facebook o usa na  pesquisa Inbox.</p>
<p>Além do Facebook, uma série de outros sites também o usam, como o Twitter e o Digg. É um sistema capaz de armazenar uma quantidade imensa de dados sem comprometer o tempo de busca e acesso a eles.</p>
<h3>Scribe</h3>
<p><a href="http://github.com/facebook/scribe" target="_blank">Scribe</a> é um sistema de logging flexível e escalável que o Facebook usa para uma infinidade de propósitos internos. Ele foi criado para ser capaz de registrar todas as ações ocorridas no Facebook, e automaticamente lida com novas categorias de ações registradas conforme aparecem (o Facebook tem centenas).</p>
<h3>Hadoop e Hive<a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/hadoop.png"><img class="alignright size-full wp-image-1306" title="Logo do Hadoop" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/hadoop.png" alt="" width="200" height="48" /></a></h3>
<p>O <a href="http://hadoop.apache.org/" target="_blank">Hadoop</a> é uma implementação open source de <a href="http://labs.google.com/papers/mapreduce.html" target="_blank">MapReduce</a> que permite a execução de cálculos em uma quantidade massiva de dados. O Facebook o usa para análise de dados de sua rede. O <a href="http://hadoop.apache.org/hive/" target="_blank">Hive</a> é uma interface de acesso ao Hadoop através de consultas SQL, facilitando seu uso, e teve origem dentro do Facebook.</p>
<p>Tanto o Hadoop quanto o Hive são open source (projetos Apache) e são usados por uma série de grandes sites, como o Yahoo e o Twitter.</p>
<h3>Thrift</h3>
<p>O Facebook usa diferentes linguagens para os seus diferentes serviços. PHP é usada para front-end, Erlang é usada para Chat, Java e C++ são usados em diversas áreas. <a href="http://incubator.apache.org/thrift/" target="_blank">Thrift</a> é um framework cross-language desenvolvido internamente que junta todas as diferentes linguagens, permitindo que elas conversem entre si. Isso facilita enormemente o desenvolvimento cross-language no Facebook.</p>
<p>O Facebook tornou o Thrift open source e adicionou suporte a mais linguagens de programação.</p>
<h3>Varnish<a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/varnish.png"><img class="alignright size-full wp-image-1309" title="Logo do Varnish" src="http://www.bitabit.eng.br/wp-content/uploads/2010/07/varnish.png" alt="" width="200" height="54" /></a></h3>
<p>O <a href="http://varnish-cache.org/" target="_blank">Varnish</a> é um acelerador HTTP, que pode agir como um balanceador de carga e também realiza cache de conteúdo para servi-lo rapidamente.</p>
<p>O Facebook usa o Varnish para servir fotos, lidando com bilhões de requisições todos os dias. Como quase tudo que o Facebook usa, o Varnish também é open source.</p>
<p><br/></p>
<h2>Outras coisas que ajudam o Facebook a funcionar bem</h2>
<p>Foram mencionados os softwares que constituem o Facebook e o ajudam a escalar. Mas operar um sistema tão grande é uma tarefa complexa, por isso serão listadas outras coisas que ajudam o Facebook a funcionar sem problemas:</p>
<h3>Lançamento gradual de novas funcionalidades e execuções no escuro</h3>
<p>O Facebook tem um sistema chamado de &#8220;<em>Gatekeeper</em>&#8221; (porteiro) que permite que eles rodem diferentes versões do sistema para diferentes conjuntos de usuários. Ele permite que o Facebook lance novas funcionalidades gradualmente e que testes A/B sejam realizados com usuários.</p>
<p>O &#8220;<em>Gatekeeper</em>&#8221; também é responsável por realizar o que é chamado de &#8220;<em>dark launches</em>&#8221; (lançamentos no escuro), que é a ativação de elementos de uma nova funcionalidade antes de ela ir pro ar. É uma maneira de realizar testes de carga do sistema antes de uma funcionalidade ser oficialmente lançada. Normalmente os &#8220;<em>dark launches</em>&#8221; são realizados duas semanas antes do lançamento oficial da funcionalidade.</p>
<h3>Monitoramento do sistema em produção</h3>
<p>O Facebook cuidadosamente monitora seu sistema e o desempenho de cada função PHP executada em ambiente de produção. Com isso é possível projetar um perfil do sistema que está no ar com a ajuda de uma ferramenta chamada <a href="http://pecl.php.net/package/xhprof" target="_blank">XHProf</a> e identificar gargá-los ou áreas que estão operando incorretamente.</p>
<h3>Desativação gradual de recursos para aumento de desempenho</h3>
<p>Se o Facebook tiver algum problema de desempenho, existe um grande número de recursos não-críticos que podem ser desativados para aumentar o desempenho de funcionalidades vitais da rede social. Desta forma, em uma situação de emergência, o núcleo da rede social poderá continuar funcionando normalmente.</p>
<h3>Coisas que não foram mencionadas</h3>
<p>O hardware usado pelo Facebook não entrou em discussão neste artigo, mas é um aspecto importante de analisar quando se pensa em escalabilidade. Por exemplo, o Facebook usa a rede CDN para servir conteúdo estático e possui enormes <em>data centers</em> que hospedam milhares de servidores.</p>
<p>E além do que foi mencionado, existem diversos outros softwares envolvidos na operação do Facebook. Neste artigo foram destacadas as escolhas mais interessantes que o Facebook fez.</p>
<p><br/></p>
<h2>Facebook e projetos open source</h2>
<p>Antes de encerrar o artigo, é importante mencionar o quanto o Facebook, assim como outras grandes empresas de Internet, apoia projetos open source. O Facebook não apenas usa e contribui com software open source como Linux, Memcached, MySQL e Hadoop, como também desenvolve internamente diversas ferramentas que são disponibilizadas como projetos open source.</p>
<p>Uma lista com todos os projetos  open source em que o Facebook atua pode ser encontrada na página <a href="http://facebook.com/opensource" target="_blank"><em>Open Source &#8211; Desenvolvedores do Facebook</em></a>.</p>
<p><br/></p>
<h2>Mais desafios de escalabilidade por vir</h2>
<p>O Facebook cresce a passos incríveis. Sua base de usuários aumenta quase que exponencialmente e já superou <strong>500 milhões de usuários</strong>. Ele tem mantido uma taxa de cerca de <strong>100 milhões de novos usuários a cada 6 meses</strong>.</p>
<p>O rápido crescimento significa que o Facebook vai ter problemas e diversos desafios de desempenho para apresentar cada vez mais páginas, buscas, imagens, mensagens e todos os outros recursos com os quais os usuários interagem. Para um site como o Facebook, este sempre será um fato com o qual ele terá que viver, e seus engenheiros estarão sempre atentos e criando novas maneiras de fazer o sistema escalar.</p>
<p>Vamos acompanhar o que os engenheiros do Facebook estão desenvolvendo! Com certeza surgirão coisas interessantes, afinal de contas, eles estão escalando uma montanha que muitos de nós podemos apenas sonhar; um site com mais pessoas do que a maioria dos países. Quando isso acontece, é preciso ser criativo.</p>
<p><br/><br />
Este artigo é uma adaptação/atualização para o português do artigo em inglês <a href="http://royal.pingdom.com/2010/06/18/the-software-behind-facebook/" target="_blank"><em>Exploring the software behind Facebook, the world&#8217;s largest site</em></a>.<br />
<br/></p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1263&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/07/28/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Captura de páginas com Nokogiri</title>
		<link>http://www.bitabit.eng.br/2010/06/29/captura-de-paginas-com-nokogiri/</link>
		<comments>http://www.bitabit.eng.br/2010/06/29/captura-de-paginas-com-nokogiri/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 03:00:51 +0000</pubDate>
		<dc:creator>Rafael Barbolo Lopes, Coop10</dc:creator>
				<category><![CDATA[Busca]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Cooperativo]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[biblioteca]]></category>
		<category><![CDATA[desenvolvimento]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[libxml2]]></category>
		<category><![CDATA[mac os x]]></category>
		<category><![CDATA[nokogiri]]></category>
		<category><![CDATA[parse]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[rubygems]]></category>
		<category><![CDATA[screen scraping]]></category>
		<category><![CDATA[sistemas operacionais]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1217</guid>
		<description><![CDATA[Neste artigo, vou explicar de forma  prática como utilizar a biblioteca Nokogiri com a linguagem de programação Ruby para extrair informações de páginas na Internet.
O exemplo que vai guiar este artigo é a criação de um aplicativo que extrai o preço de um produto qualquer do site da Fast Shop. Ele será usado para [...]]]></description>
			<content:encoded><![CDATA[<p>Neste artigo, vou explicar de forma  prática como utilizar a biblioteca <a href="http://nokogiri.org/">Nokogiri</a> com a linguagem de programação <a href="http://www.ruby-lang.org/pt/">Ruby</a> para extrair informações de páginas na Internet.</p>
<p>O exemplo que vai guiar este artigo é a criação de um aplicativo que extrai o preço de um produto qualquer do site da Fast Shop. Ele será usado para encontrarmos o preço do <a href="http://www.fastshop.com.br/MACBOOK-WHITE-COM-INTEL-CORE-2-DUO--2GB--HD-250GB--TELA-133--PLACA-GRAFICA-NVIDIA-GEFORCE-320M-COM-256MB--SISTEMA-OPERACIONAL-MAC-OS-X-LEOPARD---APPLE---MC516BZA,product,AEMC516BZA,3.aspx">MacBook White</a>.</p>
<p><br/></p>
<h2>1. Instalando Ruby + RubyGems</h2>
<p>Se você usa <strong>Windows</strong>, baixe e instale a última versão estável do interpretador Ruby  <a href="http://www.ruby-lang.org/pt/downloads/">clicando aqui</a>.</p>
<p>Se você usa <strong>Mac OS X</strong>, <strong>Solaris</strong> ou uma distro <strong>linux</strong> popular, seu sistema já vem com Ruby instalado.</p>
<p>RubyGems é um gerenciador de pacotes (programas e bibliotecas) para Ruby. Para instalá-lo, baixe a última versão do aplicativo <a href="http://rubyforge.org/frs/?group_id=126" target="_blank">clicando aqui</a> e execute o comando abaixo no diretório com o arquivo descompactado:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">ruby setup.rb
gem update <span style="color: #660033;">--system</span></pre></div></div>

<p><br/></p>
<h2>2. Instalando Nokogiri</h2>
<p><strong>Mac OS X</strong></p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">sudo</span> port <span style="color: #c20cb9; font-weight: bold;">install</span> libxml2 libxsl
<span style="color: #c20cb9; font-weight: bold;">sudo</span> gem <span style="color: #c20cb9; font-weight: bold;">install</span> nokogiri</pre></div></div>

<p><strong>Ubuntu/Debian</strong></p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #666666; font-style: italic;"># pacotes de desenvolvimento ruby</span>
<span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">apt-get</span> <span style="color: #c20cb9; font-weight: bold;">install</span> ruby1.8-dev ruby1.8 ri1.8 rdoc1.8 irb1.8
<span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">apt-get</span> <span style="color: #c20cb9; font-weight: bold;">install</span> libreadline-ruby1.8 libruby1.8 libopenssl-ruby
&nbsp;
<span style="color: #666666; font-style: italic;"># requisitos do nokogiri</span>
<span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">apt-get</span> <span style="color: #c20cb9; font-weight: bold;">install</span> libxslt-dev libxml2-dev
<span style="color: #c20cb9; font-weight: bold;">sudo</span> gem <span style="color: #c20cb9; font-weight: bold;">install</span> nokogiri
&nbsp;
<span style="color: #666666; font-style: italic;"># requisitos do nokogiri para Hardy (8.04) ou uma versão mais atual</span>
<span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">apt-get</span> <span style="color: #c20cb9; font-weight: bold;">install</span> libxslt1-dev libxml2-dev</pre></div></div>

<p><strong>Windows</strong></p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">gem <span style="color: #c20cb9; font-weight: bold;">install</span> nokogiri</pre></div></div>

<p><br/></p>
<h2>3. Baixando a página do produto</h2>
<p>O trecho de código que baixa a página do <a href="http://www.fastshop.com.br/MACBOOK-WHITE-COM-INTEL-CORE-2-DUO--2GB--HD-250GB--TELA-133--PLACA-GRAFICA-NVIDIA-GEFORCE-320M-COM-256MB--SISTEMA-OPERACIONAL-MAC-OS-X-LEOPARD---APPLE---MC516BZA,product,AEMC516BZA,3.aspx">MacBook</a> se encontra abaixo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="ruby" style="font-family:monospace;"><span style="color:#008000; font-style:italic;"># url do produto</span>
url = <span style="color:#996600;">'http://www.fastshop.com.br/MACBOOK-WHITE-COM-INTEL-CORE-2-DUO--2GB--HD-250GB--TELA-133--PLACA-GRAFICA-NVIDIA-GEFORCE-320M-COM-256MB--SISTEMA-OPERACIONAL-MAC-OS-X-LEOPARD---APPLE---MC516BZA,product,AEMC516BZA,3.aspx'</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># html da página</span>
html = <span style="color:#6666ff; font-weight:bold;">Net::HTTP</span>.<span style="color:#9900CC;">get</span> <span style="color:#CC00FF; font-weight:bold;">URI</span>.<span style="color:#9900CC;">parse</span><span style="color:#006600; font-weight:bold;">&#40;</span>url<span style="color:#006600; font-weight:bold;">&#41;</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># html analisado pelo nokogiri</span>
doc = <span style="color:#6666ff; font-weight:bold;">Nokogiri::HTML</span><span style="color:#006600; font-weight:bold;">&#40;</span>html<span style="color:#006600; font-weight:bold;">&#41;</span></pre></td></tr></table></div>

<p><br/></p>
<h2>4. Extraindo o preço do produto</h2>
<p>Para extrair o preço do produto a partir do HTML baixado, vamos utilizar o plugin <a href="https://addons.mozilla.org/pt-BR/firefox/addon/1843/">Firebug</a> para analisar a estrutura do HTML. Ele permitirá que encontremos o <a href="http://www.w3.org/TR/xpath/">XPath</a> (XML Path Language) do elemento que contém o preço do produto.</p>
<p>Na captura de tela abaixo, podemos ver como isso é feito:</p>
<p><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/06/fastshop-firebug.png"><img class="size-large wp-image-1245" title="Análise de produto na FastShop com Firebug" src="http://www.bitabit.eng.br/wp-content/uploads/2010/06/fastshop-firebug.png" alt="" width="768" height="480" /></a></p>
<p>Verificamos que a seguinte estrutura de nós de HTML guarda o preço do produto:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;</span>div <span style="color: #007800;"><span style="color: #c20cb9; font-weight: bold;">id</span></span>=<span style="color: #ff0000;">&quot;boxInfosPagamento&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span>
   <span style="color: #000000; font-weight: bold;">&lt;</span>p <span style="color: #007800;">class</span>=<span style="color: #ff0000;">&quot;preco&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span>
        <span style="color: #000000; font-weight: bold;">&lt;</span>span<span style="color: #000000; font-weight: bold;">&gt;</span>PRECO DO PRODUTO<span style="color: #000000; font-weight: bold;">&lt;/</span>span<span style="color: #000000; font-weight: bold;">&gt;</span>
   <span style="color: #000000; font-weight: bold;">&lt;/</span>p<span style="color: #000000; font-weight: bold;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;/</span>div<span style="color: #000000; font-weight: bold;">&gt;</span></pre></div></div>

<p>Podemos traduzir essa estrutura para o seguinte XPath:</p>

<div class="wp_syntax"><div class="code"><pre class="ruby" style="font-family:monospace;"><span style="color:#996600;">&quot;//div[@id='boxInfosPagamento']/p[@class='preco']/span&quot;</span></pre></div></div>

<p><br/></p>
<h2>5. Aplicativo final</h2>
<p>O aplicativo final que imprime o preço do produto pode ser visto abaixo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre></td><td class="code"><pre class="ruby" style="font-family:monospace;"><span style="color:#008000; font-style:italic;"># importando bibliotecas necessárias:</span>
<span style="color:#CC0066; font-weight:bold;">require</span> <span style="color:#996600;">&quot;rubygems&quot;</span>
<span style="color:#CC0066; font-weight:bold;">require</span> <span style="color:#996600;">&quot;nokogiri&quot;</span>
<span style="color:#CC0066; font-weight:bold;">require</span> <span style="color:#996600;">&quot;net/http&quot;</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># url do produto</span>
url = <span style="color:#996600;">'http://www.fastshop.com.br/MACBOOK-WHITE-COM-INTEL-CORE-2-DUO--2GB--HD-250GB--TELA-133--PLACA-GRAFICA-NVIDIA-GEFORCE-320M-COM-256MB--SISTEMA-OPERACIONAL-MAC-OS-X-LEOPARD---APPLE---MC516BZA,product,AEMC516BZA,3.aspx'</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># html da página</span>
html = <span style="color:#6666ff; font-weight:bold;">Net::HTTP</span>.<span style="color:#9900CC;">get</span> <span style="color:#CC00FF; font-weight:bold;">URI</span>.<span style="color:#9900CC;">parse</span><span style="color:#006600; font-weight:bold;">&#40;</span>url<span style="color:#006600; font-weight:bold;">&#41;</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># html analisado pelo nokogiri</span>
doc = <span style="color:#6666ff; font-weight:bold;">Nokogiri::HTML</span><span style="color:#006600; font-weight:bold;">&#40;</span>html<span style="color:#006600; font-weight:bold;">&#41;</span>
doc.<span style="color:#9900CC;">encoding</span> = <span style="color:#996600;">'utf-8'</span>
&nbsp;
<span style="color:#008000; font-style:italic;"># preço do produto</span>
<span style="color:#CC0066; font-weight:bold;">puts</span> doc.<span style="color:#9900CC;">xpath</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">&quot;//div[@id='boxInfosPagamento']/p[@class='preco']/span&quot;</span><span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#006666;">0</span><span style="color:#006600; font-weight:bold;">&#93;</span>.<span style="color:#9900CC;">inner_html</span></pre></td></tr></table></div>

<p>A captura de tela abaixo mostra a execução do aplicativo:</p>
<p><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/06/execucao-fastshop.png"><img class="aligncenter size-full wp-image-1246" title="Execução do aplicativo que extrai preço da FastShop" src="http://www.bitabit.eng.br/wp-content/uploads/2010/06/execucao-fastshop.png" alt="" width="745" height="559" /></a></p>
<p><br/></p>
<h2>6. Conclusões</h2>
<p>Nokogiri é uma biblioteca muito robusta que suporta seleção de elementos com XPath ou seletor CSS3 de forma simples e eficiente. Sempre que precisar analisar XML ou HTML, considere usá-la em seu projeto.</p>
<p>Em artigos futuros vou falar mais sobre extração e análise de informações da Internet. Se tiver alguma dúvida ou sugestão de tema, deixe seu comentário!<br />
<br/><br/><br/></p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1217&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/06/29/captura-de-paginas-com-nokogiri/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>CloudApp: uploader + encurtador de url para Mac</title>
		<link>http://www.bitabit.eng.br/2010/04/15/cloudapp-uploader-encurtador-de-url-para-mac/</link>
		<comments>http://www.bitabit.eng.br/2010/04/15/cloudapp-uploader-encurtador-de-url-para-mac/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 10:27:50 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[barra de menus]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[cloudapp]]></category>
		<category><![CDATA[dica]]></category>
		<category><![CDATA[encurtador de url]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[produtividade]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[uploader]]></category>
		<category><![CDATA[url shortner]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1190</guid>
		<description><![CDATA[A moda dos encurtadores de URL vieram para ficar, porém, conheci o CloudApp como um uploader rápido, que fica na sua cara o tempo todo e, com o uso, descobri que ele também é um encurtador de URL.
Lançado no começo do mês, o aplicativo facilita muito subir arquivos para compartilhar com quem você quiser, seja [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1194" title="cloudapp-icone" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-icone.png" alt="cloudapp-icone" width="128" height="128" />A moda dos encurtadores de URL vieram para ficar, porém, conheci o <a href="http://www.getcloudapp.com/" target="_blank">CloudApp</a> como um <em>uploader</em> rápido, que fica na sua cara o tempo todo e, com o uso, descobri que ele também é um encurtador de URL.</p>
<p>Lançado no <a href="http://www.getcloudapp.com/blog/" target="_blank">começo do mês</a>, o aplicativo facilita muito subir arquivos para compartilhar com quem você quiser, seja usando o <a href="http://twitter.com/russoedu" target="_blank">Twitter</a>, seja enviando um e-mail com o link.</p>
<p style="text-align: center;">
<div id="attachment_1192" class="wp-caption aligncenter" style="width: 336px"><img class="size-full wp-image-1192" title="cloudapp-barra-de-menus" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-barra-de-menus.png" alt="CloudApp instalado na barra de menus" width="326" height="286" /><p class="wp-caption-text">CloudApp instalado na barra de menus</p></div>
<p>Depois de se cadastrar no site – grátis, com a única limitação de arquivos não serem maiores que 50 MB – e instalar o programa, que fica alojado na <a href="http://support.apple.com/kb/HT2473?viewlocale=pt_BR" target="_blank">barra de menus</a>, basta arrastar &#8220;qualquer coisa&#8221; para cima dele ou usar a tecla de atalho (você pode definir a que quiser – eu estou usando <strong>CMD+SHIFT+2</strong>, já que isso se parece com os atalhos para tirar fotos da tela – para &#8220;qualquer coisa&#8221; ser enviada para os servidores deles.</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="608" height="501" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://www.youtube.com/v/IfDyoeDYs2k" /><embed type="application/x-shockwave-flash" width="608" height="501" src="http://www.youtube.com/v/IfDyoeDYs2k" quality="high"></embed></object></p>
<p>Assim que o arquivo termina de subir, o endereço do tipo &#8220;http://cl.ly/xxx&#8221; é colocado no seu <em>clipboard</em>, bastando um <strong>CMD+V</strong> para colar o endereço. Além disso, ele te avisa, com som ou usando o <a href="http://growl.info/" target="_blank">Growl</a> que o <em>upload</em> terminou.</p>
<div id="attachment_1193" class="wp-caption aligncenter" style="width: 338px"><img class="size-full wp-image-1193" title="cloudapp-com-growl" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-com-growl.png" alt="Growl avisando que o arquivo foi enviado" width="328" height="104" /><p class="wp-caption-text">Growl avisando que o arquivo foi enviado</p></div>
<p style="text-align: left;">O programa ainda conta com <a href="http://www.getcloudapp.com/app/download" target="_blank">Raindrops</a>, <em>plugins</em> que permitem que o atalho de envio de arquivo funcione com diversos programas. Basta baixar, clicar duas vezes e sair usando!</p>
<div id="attachment_1196" class="wp-caption aligncenter" style="width: 343px"><img class="size-full wp-image-1196 " title="cloudapp-raindrops-instalados" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-raindrops-instalados.png" alt="Raindrops instalados" width="333" height="288" /><p class="wp-caption-text">Raindrops instalados</p></div>
<p>Para completar o pacote, como todo bom encurtador de URL, o <a href="http://www.getcloudapp.com/" target="_blank">CloudApp</a> te mostra quantas vezes cada link foi clicado, tanto pelo aplicativo na barra de menus, quanto pelo site.</p>
<p style="text-align: center;">
<div id="attachment_1197" class="wp-caption aligncenter" style="width: 536px"><img class="size-full wp-image-1197 " title="cloudapp-site-com-estatisticas-de-downloads" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-site-com-estatisticas-de-downloads.png" alt="Estatísticas de download" width="526" height="385" /><p class="wp-caption-text">Estatísticas de downloads no site</p></div>
<p style="text-align: left;">Quando se clica num link de arquivo que não pode ser aberto nativamente pelo browser (PDFs, DOCs, ZIPs e coisas do tipo), você é levado para uma tela com opção de download, já, quando é uma imagem ou uma URL, o programa abre o link diretamente no lugar.</p>
<div id="attachment_1195" class="wp-caption aligncenter" style="width: 294px"><img class="size-full wp-image-1195 " title="cloudapp-opacao-de-download" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/cloudapp-opacao-de-download.png" alt="Download de arquivo &quot;não nativo&quot; do browser " width="284" height="97" /><p class="wp-caption-text">Download de arquivo &quot;não nativo&quot; do browser </p></div>
<p>Resumindo… se você tem um Mac, baixe o <a href="http://www.getcloudapp.com/" target="_blank">CloudApp</a> agora, que é, até o momento, totalmente grátis.</p>
<p>Fonte: <a href="http://macmagazine.uol.com.br/2010/04/08/cloudapp-armazene-arquivos-do-mac-na-nuvem-via-drag-drop/" target="_blank">MacMagazine</a> e <a href="http://lifehacker.com/5508611/cloudapp-instantly-shares-any-file-is-my-new-favorite-timesaver" target="_blank">Lifehacker</a></p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1190&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/04/15/cloudapp-uploader-encurtador-de-url-para-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Finalmente, &#8220;pastas&#8221; no Gmail</title>
		<link>http://www.bitabit.eng.br/2010/04/09/finalmente-pastas-no-gmail/</link>
		<comments>http://www.bitabit.eng.br/2010/04/09/finalmente-pastas-no-gmail/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 10:44:36 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[labs]]></category>
		<category><![CDATA[nested labels]]></category>
		<category><![CDATA[pastas]]></category>
		<category><![CDATA[tags]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1180</guid>
		<description><![CDATA[
Não que eu seja contra conceito de tags (que me desculpem os puristas, mas não vou chamar tags de &#8220;etiquetas&#8221;), muito pelo contrário. Muitas coisas não se enquadram em apenas uma &#8220;pasta&#8221;, mas sim a várias, por isso, o conceito de tags é muito mais inteligente.
Porém, em termos de organização, agrupar assuntos similares é essencial [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1185" title="icone gmail labs" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/icone-gmail-labs.png" alt="icone gmail labs" width="75" height="128" /></p>
<p>Não que eu seja contra conceito de <em>tags</em> (que me desculpem os puristas, mas não vou chamar <em>tags</em> de &#8220;etiquetas&#8221;), muito pelo contrário. Muitas coisas não se enquadram em apenas uma &#8220;pasta&#8221;, mas sim a várias, por isso, o conceito de <em>tags</em> é muito mais inteligente.</p>
<p>Porém, em termos de organização, agrupar assuntos similares é essencial e por isso o agrupamento de <em>tags</em> no formato de pastas sempre foi tão esperado por mim.</p>
<p>Já usava isso com o <a href="https://addons.mozilla.org/pt-BR/firefox/addon/6076" target="_blank">Better Gmail</a>, mas, além de ser mais um plugin deixando meu <a href="http://www.mozilla.com/pt-BR/firefox/" target="_blank">Firefox</a> na velocidade de uma tartaruga, não é em todo lugar que vc pode instalá-lo.</p>
<p>Foi com extrema felicidade que li hoje que a função foi finalmente implementada no <a href="http://gmailblog.blogspot.com/2008/06/introducing-gmail-labs.html" target="_blank">Labs</a>. Basta clicar no <a href="http://pt.wikipedia.org/wiki/Erlenmeyer_(balão)" target="_blank">Erlenmeyer</a> verde e ativar a nova função!</p>
<div id="attachment_1183" class="wp-caption aligncenter" style="width: 656px"><img class="size-full wp-image-1183" title="gmail labs nested labels ativacao" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/gmail-labs-nested-labels-ativacao.png" alt="Entre no Labs e faça uma busca por &quot;Nested&quot; para chegar direto!" width="646" height="98" /><p class="wp-caption-text">Entre no Labs e faça uma busca por &quot;Nested&quot; para chegar direto!</p></div>
<p>Depois de ativada, basta aninhar as <em>tags</em> usando uma &#8220;/&#8221;.</p>
<div id="attachment_1181" class="wp-caption aligncenter" style="width: 174px"><img class="size-full wp-image-1181" title="gmail labs nested labels" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/gmail-labs-nested-labels.png" alt="Nesse exmplo, fiz 3º Módulo Acadêmico/automação…" width="164" height="139" /><p class="wp-caption-text">Nesse exmplo, fiz 3º Módulo Acadêmico/automação…</p></div>
<p>Infelizmente, a coisa não funciona tão bem quanto poderia. Se você alterar o nome de uma &#8220;raiz&#8221;, terá que alterar todos seus filhos na mão. Então cuidado ao decidir os nomes!</p>
<p>Fonte: <a href="http://www.ovelho.com/content/gmail-adiciona-duas-nova-funcionalidades" target="_blank">O Velho</a></p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1180&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/04/09/finalmente-pastas-no-gmail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Não somos só um cérebro!</title>
		<link>http://www.bitabit.eng.br/2010/04/01/nao-somos-so-um-cerebro/</link>
		<comments>http://www.bitabit.eng.br/2010/04/01/nao-somos-so-um-cerebro/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 18:53:08 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Outros]]></category>
		<category><![CDATA[1º de abril]]></category>
		<category><![CDATA[calendário]]></category>
		<category><![CDATA[cérebro]]></category>
		<category><![CDATA[corpo]]></category>
		<category><![CDATA[poli]]></category>
		<category><![CDATA[usp]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1168</guid>
		<description><![CDATA[Aluna da área feminina de Janeiro não será muito apreciada devido ao atraso.
Indo na contra mão de celebridades que são famosas por seus corpos e que buscam mostrar que são mais que isso, estudantes da Escola Politécnica resolveram mostrar que não são apenas um cérebro!
Um grupo se uniu e resolveu criar um calendário para mostrar [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1169" class="wp-caption alignright" style="width: 242px"><img class="size-full  wp-image-1169" title="estudante1" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/estudante1.png" alt="estudante1" width="232" height="254" /><p class="wp-caption-text">Aluna da área feminina de Janeiro não será muito apreciada devido ao atraso.</p></div>
<p>Indo na contra mão de celebridades que são famosas por seus corpos e que buscam mostrar que são mais que isso, estudantes da Escola Politécnica resolveram mostrar que não são apenas um cérebro!</p>
<p>Um grupo se uniu e resolveu criar um calendário para mostrar isso, que, mesmo com tanta gente inteligente, ainda é possível encontrar corpos e rostos bonitos.</p>
<p>Com ajuda dos estudantes da ECA, o calendário tem 24 fotos &#8211; um lado com 12 de garotos e o outro com 12 de garotas &#8211; e, apesar do atraso devido a problemas com a produção, deve começar a ser distribuído pela universidade.</p>
<p>A maioria dos alunos e alunas preferiu não mostrar o rosto nos calendários, mas alguns conseguiram vencer a inibição e podem ser reconhecidos andando pela faculdade. Por votação da maioria, os nomes dos alunos não foi exposto no calendário. Fica então a dúvida de quem é quem!</p>
<p>Além do calendário &#8220;físico&#8221;, uma versão digital também será disponibilizada para que alunos as utilizem em seus computadores.</p>
<p>Pelo pouco que pude ver do <em>preview</em> que recebi, o calendário é de extremo bom gosto, com fotos com enquadramentos bem artístico, poses levemente sensuais e efeitos de pós produção muito bem executados.</p>
<p>O preview que recebi pode ser baixado <a href="http://bitabit.eng.br/arquivos/calPoli2010.pdf" target="_blank">aqui</a>.</p>
<p style="text-align: center;">
<div id="attachment_1170" class="wp-caption aligncenter" style="width: 242px"><img class="size-full wp-image-1170 " title="estudante2" src="http://www.bitabit.eng.br/wp-content/uploads/2010/04/estudante2.png" alt="Aluno da área masculina do mês de Dezembro" width="232" height="305" /><p class="wp-caption-text">Aluno da área masculina do mês de Dezembro</p></div>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1168&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/04/01/nao-somos-so-um-cerebro/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Notificação de multiplas contas do Gmail</title>
		<link>http://www.bitabit.eng.br/2010/03/31/notificacao-de-multiplas-contas-do-gmail/</link>
		<comments>http://www.bitabit.eng.br/2010/03/31/notificacao-de-multiplas-contas-do-gmail/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 12:32:18 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Avaliações]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[multiplas contas]]></category>
		<category><![CDATA[notificação]]></category>
		<category><![CDATA[notify]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[produtividade]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1147</guid>
		<description><![CDATA[Ontem fiz um post de como sincronizar contatos de múltiplas contas do Gmail. Hoje o assunto são notificações de e-mails de múltiplas contas no Mac OS X.
Como disse no post anterior, uso os próprios sites para ler meus e-mails, portanto não tenho a facilidade de quem usa o Mail para saber quando uma nova mensagem [...]]]></description>
			<content:encoded><![CDATA[<p>Ontem fiz um post de como <a href="http://www.bitabit.eng.br/2010/03/30/sincronizando-contatos/" target="_blank">sincronizar contatos</a> de múltiplas contas do Gmail. Hoje o assunto são notificações de e-mails de múltiplas contas no Mac OS X.</p>
<p>Como disse no post anterior, uso os próprios sites para ler meus e-mails, portanto não tenho a facilidade de quem usa o Mail para saber quando uma nova mensagem chegou.</p>
<p>Para resolver isso, usava o <a href="http://toolbar.google.com/gmail-helper/notifier_mac.html" target="_blank">Google Notifier for Mac</a>, do próprio Google, mas tem um pequeno detalhe: ele só permite a configuração de uma conta. Pesquisando, achei umas gambiarras para duplicar o programa e configurar cada um com uma conta… muito trabalho.<img class="alignright size-full  wp-image-1148" title="logo notify" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/logo-notify.png" alt="logo notify" width="128" height="128" /></p>
<p>Peguei então o <a href="http://vibealicious.com/apps/notify/" target="_blank">Notify 2</a>. Ele faz praticamente a mesma coisa que o programa &#8220;oficial&#8221;, mas permite que você adicione múltiplas contas.</p>
<p>Dentre as funcionalidades do programa, destaco as seguintes:</p>
<ul>
<li>coloca o número de mensagens não lidas na barra de menu e <em>preview</em> das  mensagens</li>
</ul>
<p style="text-align: center;">
<div id="attachment_1158" class="wp-caption aligncenter" style="width: 394px"><img class="size-full wp-image-1158 " title="notify alerta" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-alerta1.png" alt="Contagem de e-mails não lidos e preview" width="384" height="446" /><p class="wp-caption-text">Contagem de e-mails não lidos e preview</p></div>
<ul>
<li>escolha de quanto em quanto tempo checar as contas. Essa é uma &#8220;desvantagem&#8221; em relação ao oficial que funciona por <em>push</em>.</li>
</ul>
<p style="text-align: center;">
<div id="attachment_1153" class="wp-caption aligncenter" style="width: 298px"><img class="size-full wp-image-1153 " title="notify growl e tempo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-growl-e-tempo.png" alt="Configuração de tempo de verificação e alertas do Growl" width="288" height="229" /><p class="wp-caption-text">Configuração de tempo de verificação e alertas do Growl</p></div>
<ul>
<li>escolha do som que deve ser tocado quando uma mensagem chega</li>
</ul>
<p style="text-align: center;">
<div id="attachment_1155" class="wp-caption aligncenter" style="width: 298px"><img class="size-full wp-image-1155 " title="notify som" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-som.png" alt="Configuração de sons de alerta" width="288" height="173" /><p class="wp-caption-text">Configuração de sons de alerta</p></div>
<ul>
<li>notificações do <a href="http://growl.info/" target="_blank">Growl</a></li>
</ul>
<div id="attachment_1151" class="wp-caption aligncenter" style="width: 338px"><img class="size-full wp-image-1151" title="notify e growl" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-e-growl.png" alt="Aviso do Growl" width="328" height="89" /><p class="wp-caption-text">Aviso do Growl</p></div>
<ul>
<li>vira seu &#8220;leitor de e-mails padrão&#8221;. Isso significa que, quando você clicar num link com &#8220;mailto&#8221;, o programa entrará em ação e abrirá uma janela para você escrever o e-mail.</li>
</ul>
<p style="text-align: center;">
<div id="attachment_1152" class="wp-caption aligncenter" style="width: 298px"><img class="size-full wp-image-1152 " title="notify email padrao" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-email-padrao.png" alt="Seleção de programa de e-mail padrão" width="288" height="228" /><p class="wp-caption-text">Seleção de programa de e-mail padrão</p></div>
<p style="text-align: left;">
<div id="attachment_1159" class="wp-caption aligncenter" style="width: 418px"><img class="size-full wp-image-1159 " title="notify mailto" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/notify-mailto.png" alt="Janela de composição de novo e-mail" width="408" height="384" /><p class="wp-caption-text">Janela de composição de novo e-mail</p></div>
<p>O programa é grátis, mas tem também uma versão paga (US$ 10,00), mas não senti necessidade dela, a grátis faz exatamente o que eu precisava!</p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1147&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/03/31/notificacao-de-multiplas-contas-do-gmail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sincronizando contatos</title>
		<link>http://www.bitabit.eng.br/2010/03/30/sincronizando-contatos/</link>
		<comments>http://www.bitabit.eng.br/2010/03/30/sincronizando-contatos/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 22:18:48 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Avaliações]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[conexão]]></category>
		<category><![CDATA[contatos]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[produtividade]]></category>
		<category><![CDATA[sincronização]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[soocial]]></category>
		<category><![CDATA[sync]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1130</guid>
		<description><![CDATA[Desde que a empresa onde trabalho adotou o Google como fornecedor de e-mails, tenho o desejo de sincronizar os contatos da minha conta pessoal com da conta da empresa.
Uma solução seria adicionar uma conta na outra usando pop, mas isso misturaria os e-mails e não estava afim disso.
Uma solução que tentei e até funcionou, mas [...]]]></description>
			<content:encoded><![CDATA[<p>Desde que a empresa onde trabalho adotou o Google como fornecedor de e-mails, tenho o desejo de sincronizar os contatos da minha conta pessoal com da conta da empresa.</p>
<p>Uma solução seria adicionar uma conta na outra usando pop, mas isso misturaria os e-mails e não estava afim disso.</p>
<p>Uma solução que tentei e até funcionou, mas que é um <a href="http://desciclo.pedia.ws/wiki/Programa%C3%A7%C3%A3o_Orientada_a_Gambiarras" target="_blank">POG</a> total foi a seguinte:</p>
<ul>
<li>Em casa, sincronizava, pelo Address Book do Mac OS X com a conta pessoal e com uma conta do Yahoo, que criei só pra isso.</li>
<li>No Trabalho e no iPhone, sincronizava com a conta do trabalho e do Yahoo.</li>
</ul>
<p>Até que funcionava, mas não tão bem quanto eu gostaria.</p>
<p><img class="size-full wp-image-1138 alignright" title="logo soocial" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/logo-soocial.png" alt="logo soocial" width="128" height="128" />Recebi sugestões de criar um <em>script</em> que baixasse o <a href="http://pt.wikipedia.org/wiki/Comma-separated_values" target="_blank">CSV</a> de uma conta e subisse para a outra de tanto em tanto tempo. Além de odiar reinventar a roda, isso não funcionaria nas duas mãos.</p>
<p>Enfim, pesquisando sobre o assunto, achei o <a href="http://www.soocial.com/" target="_blank">Soocial</a>.</p>
<p>O aplicativo mantém sincronismo entre diversas contas de diversos serviços.</p>
<p style="text-align: left;">
<div id="attachment_1140" class="wp-caption aligncenter" style="width: 438px"><img class="size-full wp-image-1140 " title="servicos soocial" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/servicos-soocial.png" alt="Serviços aceitos pelo Soocial até o momento" width="428" height="309" /><p class="wp-caption-text">Serviços aceitos pelo Soocial até o momento</p></div>
<p>No começo a coisa foi meio casca grossa, principalmente porque meus contatos estavam &#8220;semi sincronizados&#8221;. Então, pra não correr riscos, o programa automaticamente faz um backup dos contatos das contas do Gmail!</p>
<p style="text-align: center;">
<div id="attachment_1132" class="wp-caption aligncenter" style="width: 503px"><img class="size-full wp-image-1132  " title="conexoes soocial" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/conexoes-soocial.png" alt="Conexões feitas: Duas contas de Gmail, dois Macs e um iPhone. Tudo sincronizado!" width="493" height="467" /><p class="wp-caption-text">Conexões feitas: Duas contas de Gmail, dois Macs e um iPhone. Tudo sincronizado!</p></div>
<p style="text-align: left;">Para fazer o <em>sync</em> no Mac, basta baixar uma preferência de sistema onde vc coloca sua conta e diz de quanto em quanto tempo ele deve verificar as contas e sincronizar. A sincronia é feita em todas as direções, então basta adicionar um contado em qualquer uma delas!</p>
<p style="text-align: left;">
<div id="attachment_1139" class="wp-caption aligncenter" style="width: 459px"><img class="size-full wp-image-1139 " title="preferencias mac" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/preferencias-mac.png" alt="Preferências do Soocial no Mac OS X" width="449" height="434" /><p class="wp-caption-text">Preferências do Soocial no Mac OS X</p></div>
<p>Não sei como a sincronia é feita no Windows e se alguém testar no Windows e puder contribuir, agradeço!</p>
<p style="text-align: left;">No iPhone, você pode baixar um programa, mas eu preferi deixar isso pro próprio iTunes, já que não tenho necessidade de atualizar as coisas tão rapidamente assim.</p>
<p style="text-align: left;">Além dos meios normais, você pode utilizar o próprio site do Soocial buscar, incluir e alterar contatos e forçar sincronizações.</p>
<p style="text-align: center;">
<div id="attachment_1137" class="wp-caption aligncenter" style="width: 507px"><img class="size-full wp-image-1137  " title="contatos soocial" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/contatos-soocial.png" alt="Meus contatos no site do Soocial" width="497" height="324" /><p class="wp-caption-text">Meus contatos no site do Soocial</p></div>
<p style="text-align: left;">Só por isso o serviço já valeria ouro, mas ainda tem mais!</p>
<p style="text-align: left;">Você pode fazer &#8220;conexões&#8221; com seus contatos. Isso é, sempre que um contato &#8220;conectado&#8221; alterar seus dados, estes são automaticamente sincronizados com os dados que você tem dele!</p>
<p style="text-align: left;">Como &#8220;vantagem&#8221; pouca é bobagem, o serviço é totalmente grátis!</p>
<p style="text-align: left;">Se você me conhece e passar a usar o serviço, faça uma conexão comigo pra mantermos nossos contatos atualizados <img src='http://www.bitabit.eng.br/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1130&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/03/30/sincronizando-contatos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Faltam profissionais de engenharia, sobram vagas na área, educação e empresas de mídia tradicional</title>
		<link>http://www.bitabit.eng.br/2010/03/18/faltam-profissionais-de-engenharia/</link>
		<comments>http://www.bitabit.eng.br/2010/03/18/faltam-profissionais-de-engenharia/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 12:09:01 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Avaliações]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Outros]]></category>
		<category><![CDATA[Vagas]]></category>
		<category><![CDATA[didática]]></category>
		<category><![CDATA[economia]]></category>
		<category><![CDATA[Engenharia]]></category>
		<category><![CDATA[mídia tradicional]]></category>
		<category><![CDATA[prosumer]]></category>
		<category><![CDATA[televisão]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1119</guid>
		<description><![CDATA[Faltam profissionais de engenharia e sobram vagas na área
Ontem filmaram nossa sala da aula para ilustrar uma matéria da Record sobre a falta de profissionais de engenharia no mercado.
Diz a matéria que existem 20.000 vagas de engenharia não preenchidas. Bom para mim, ruim pro mercado, ruim pro país.
Como manda a lei do mercado, a repercussão [...]]]></description>
			<content:encoded><![CDATA[<h1>Faltam profissionais de engenharia e sobram vagas na área</h1>
<p>Ontem filmaram nossa sala da aula para ilustrar uma matéria da <a href="http://videos.r7.com/faltam-profissionais-de-engenharia-e-sobram-vagas-na-area/idmedia/c3f16afb77dcdf10abd1e6453abbe9b7.html" target="_blank">Record</a> sobre a falta de profissionais de engenharia no mercado.</p>
<p>Diz a matéria que existem 20.000 vagas de engenharia não preenchidas. Bom para mim, ruim pro mercado, ruim pro país.</p>
<p>Como manda a lei do mercado, a repercussão de uma matéria como essa aumenta a demanda (de alunos buscando um curso de engenharia), o mercado se mexe e aumenta a oferta de cursos e, consequentemente, a oferta de profissionais.</p>
<p>Isso ocasiona, a longo prazo, a diminuição do salário pago para os engenheiros. Ruim pra mim, bom para o mercado, bom para o país que consegue suprir suas necessidades de profissionais qualificados (ou não… veja o que o aumento de &#8220;adevogados&#8221; fez com os advogados).</p>
<div id="attachment_1120" class="wp-caption aligncenter" style="width: 319px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/03/oferta-e-demanda.png"><img class="size-full wp-image-1120" title="oferta e demanda" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/oferta-e-demanda.png" alt="Curvas de oferta e demanda atuais e &quot;projetadas&quot;" width="309" height="202" /></a><p class="wp-caption-text">Curvas de oferta e demanda atuais e &quot;projetadas&quot;</p></div>
<p>O que a imagem acima mostra, conforme nosso querido (por incrível que pareça, não estou sendo irônico) professor João Furtado de economia, é que a alta demanda atual por profissionais  ocasiona o aumento da oferta, assim, a curva de oferta é deslocada para a direita. Com isso, o preço de equilíbrio, isso é, o quanto o mercado paga aos profissionais de engenharia, cai.</p>
<h1>Educação</h1>
<p>A matéria coloca que a sala de aula está vazia, um fato, mas a justificativa para isso foi totalmente inventada e isso será discutido na parte três desse post.</p>
<p>A sala não está vazia porque os alunos abandonaram o curso. Aliás, conheço poucas pessoas que abandonaram a Poli e não faltam estímulos para isso!</p>
<p>A sala está vazia porque a aula não interessa. A aula, não a disciplina ou o assunto tratado por ela.</p>
<p>A falta de dinamismo e didática da aula levam os alunos a preferir estudar sozinhos, lendo livros e fazendo exercícios. De quem é a culpa? Do professor, dos alunos ou do sistema?</p>
<p>Para piorar o quandro, dos poucos que comparecem a essa aula em específico, poucos estão realmente prestando atenção.</p>
<div id="attachment_1121" class="wp-caption aligncenter" style="width: 344px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/03/aluno-fazendo-exercicio-de-outra-disciplina.png"><img class="size-full wp-image-1121" title="aluno fazendo exercicio de outra disciplina" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/aluno-fazendo-exercicio-de-outra-disciplina.png" alt="Aluno fazendo exercicio de outra disciplina" width="334" height="246" /></a><p class="wp-caption-text">Aluno fazendo exercício de outra disciplina (esta tem todas suas aulas lotadas)</p></div>
<p>Na minha visão, a culpa é de todos!</p>
<p>Do professor, que não percebe sua falta de habilidade para dar aula e pouco faz para estimular os alunos a comparecerem e aprenderem com sua experiência. Que não percebe que o mundo mudou, que nossas cabeças estão sendo bombardeadas de informações numa velocidade muito maior que uma aula tradicional pode alcançar.</p>
<p>Dos alunos, que batalham pouco, ou nada, para mudar a situação. Agem como bois indo pro abatedouro, aguentando professores incompetentes desde o primeiro dia de aula na faculdade, chegando à conclusão que o que mais aprendeu durante o curso foi se virar para aprender sozinho.</p>
<p>Do sistema, que permite que um (quem me dera fosse só um) professor sem a menor didática continue lecionando. Quando digo &#8220;sistema&#8221;, estou me referindo à forma com que professores são contratados, com um concurso que só mede o quanto o professor sabe, não o quanto ele consegue ensinar sobre o que ele sabe.</p>
<p>Enfim, vários culpados e nenhum deles fazendo algo para mudar o cenário.</p>
<h1>Empresas de mídia tradicional</h1>
<p>Quando você acabar de ler esse post, pode me xingar! Eu te dou espaço para isso! Pode colocar uma única &#8220;estrela&#8221; e dizer que eu sou um bosta, que não sei o que estou falando. O mesmo não acontece com o vídeo que gerou esse post.</p>
<p>Empresas de mídia tradicional estão correndo atrás do prejuízo, isso é um fato, basta ver que consigo assistir na internet o vídeo que passou na televisão, depois de alguns minutos. Porém, anda falta enxergar o poder do <em>prosumer</em>.</p>
<p>O termo refere-se ao que estou fazendo aqui. <em>Prosumer</em> é a junção de consumidor + produtor. Consumi o vídeo da Record e estou produzindo esse conteúdo sobre ele. Assim como você consumirá esse conteúdo e poderá produzir um comentário sobre ele. Outro leitor lerá o post, seu comentário e poderar rebater algo que você disse, e por aí vai.</p>
<div id="attachment_1123" class="wp-caption aligncenter" style="width: 475px"><img class="size-full wp-image-1123" title="vahas" src="http://www.bitabit.eng.br/wp-content/uploads/2010/03/vahas.png" alt="Ha ouhiu halá sobre vaha di trahalho?" width="465" height="192" /><p class="wp-caption-text">Ha ouhiu halá sobre vaha di trahalho?</p></div>
<p>O fato é que, ao assistir uma matéria falando que metade da minha sala abandonou o curso, simplesmente me revolta. E o que eu faço com essa revolta, já que não posso comentar o vídeo por  lá? Escrevo um post enorme divagando sobre o assunto.</p>
<p>A matéria diz:</p>
<p>&#8220;As salas de aula dos cursos de engenharia da Escola Politécnica de São Paulo têm poucos alunos. Esse pessoal representa menos da metade dos acadêmicos que começaram o curso.&#8221;</p>
<p><a href="http://porramauricio.tumblr.com/" target="_blank">Porra Maurício</a>, como assim?</p>
<p>Eles podem ter pesquisado e descoberto que metade das pessoas dos cursos de engenharia abandonam o curso, só que eles disseram especificamente que a metade da MINHA sala tinha abandonado o curso.</p>
<p>Será uma &#8220;mentira didática&#8221;, pro povão burro entender o que está acontecendo? A questão é que o povão não é tão burro assim. O povão agora acessa a internet e pode ler um post contestando o que foi dito!</p>
<p>Por saber que eles contaram uma &#8220;mentirinha&#8221;, não consigo acreditar em todo o resto da matéria.</p>
<p>Será que realmente existem 20.000 vagas não preenchidas de engenharia ou isso foi uma matéria paga por uma nova escola de engenharia que aparecendo no mercado? Como confiar numa mídia que ainda não te dá abertura para debater com quem a produziu?</p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1119&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/03/18/faltam-profissionais-de-engenharia/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Sincronizando notas 2 &#8211; esqueça tudo o que eu falei</title>
		<link>http://www.bitabit.eng.br/2010/02/22/sincronizando-notas-2-esqueca-tudo-o-que-eu-falei/</link>
		<comments>http://www.bitabit.eng.br/2010/02/22/sincronizando-notas-2-esqueca-tudo-o-que-eu-falei/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 12:49:53 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Avaliações]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[blackberry]]></category>
		<category><![CDATA[Evernote]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[iPod Touch]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[notas]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[palm pre]]></category>
		<category><![CDATA[sincronização]]></category>
		<category><![CDATA[texto]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[windows mobile]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1097</guid>
		<description><![CDATA[O comentário do René no post Sincronizando notas me fez ir atrás do Evernote.
A princípio, achei ele mais complexo do que gostaria. Estava feliz da vida com as notas &#8220;ASCII + texto puro + hardcore + old school who needs RTF?&#8221;.
Até que, durante o resumo de Economia, resolvi colocar uma imagem no meu resumo…Arrastei a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1100 alignright" title="Evernote - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-logo.png" alt="Evernote - logo" width="96" height="96" />O <a href="http://www.bitabit.eng.br/2010/02/20/sincronizando-notas/#comments" target="_blank">comentário do René no post Sincronizando notas</a> me fez ir atrás do <a href="https://www.evernote.com/" target="_blank">Evernote</a>.</p>
<p>A princípio, achei ele mais complexo do que gostaria. Estava feliz da vida com as notas &#8220;ASCII + texto puro + hardcore + old school who needs RTF?&#8221;.</p>
<p>Até que, durante o resumo de Economia, resolvi colocar uma imagem no meu resumo…Arrastei a imagem para o <a href="http://simplenoteapp.com/" target="_blank">Simplenote</a> e ele colocou, como esperado para um programa que só usa texto simples, o caminho da imagem no texto.</p>
<p>Arrastei para o Evernote e ele mostrou a janela abaixo:</p>
<div id="attachment_1101" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-OCR.png"><img class="size-full wp-image-1101" title="Evernote - OCR" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-OCR.png" alt="Oh YES!!! OCR, PLEASE!!!" width="500" height="315" /></a><p class="wp-caption-text">Oh wes!!! OCR me, please!!!</p></div>
<p>Como é? Vocês vão dar um OCR (Optical Character Recognition ou Reconhecimento Ótico de Caracteres) no texto que aparecer na minha imagem?</p>
<p>Sim, deram um OCR. Algum tempo depois, consigo fazer buscas na minha nota, inclusive dentro das imagens.</p>
<p style="text-align: center;">
<div id="attachment_1102" class="wp-caption aligncenter" style="width: 553px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-busca.png"><img class="size-full wp-image-1102 " title="Evernote - busca" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-busca.png" alt="Demais meu value!!!" width="543" height="623" /></a><p class="wp-caption-text">Busca de texto dentro da imagem = demais meu value!!!</p></div>
<p>Desculpe &#8220;ASCII + texto puro + hardcore + old school who need RTF?&#8221;, mas isso é um divisor de águas! Agora eu tenho carteirinha de fã do Evernote! Ah, além disso, ele tem tags para ajudar na sua organização de notas, além de teclas de acesso rápido.</p>
<p style="text-align: left;">
<div id="attachment_1104" class="wp-caption aligncenter" style="width: 465px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-teclas-de-atalho.png"><img class="size-full wp-image-1104 " title="Evernote - teclas de atalho" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-teclas-de-atalho.png" alt="Teclas de atalho. Acesso de qualquer lugar!" width="455" height="285" /></a><p class="wp-caption-text">Teclas de atalho. Acesso de qualquer lugar!</p></div>
<p>O Evernote tem <a href="http://www.evernote.com/about/download/" target="_blank">programas diversas plataformas</a> (Mac OS X, Windows, iPhone/iPod Touch, Android, Blackberry, Palme Pre, Windows Mobile), além de, como o Simplenote,  permitir edição e criação de notas direto pelo site.</p>
<p style="text-align: center;">
<div id="attachment_1111" class="wp-caption aligncenter" style="width: 544px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-edicao-no-site.png"><img class="size-full wp-image-1111   " title="Evernote - edicao no site" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-edicao-no-site.png" alt="Edição direto no site" width="534" height="440" /></a><p class="wp-caption-text">Edição direto no site</p></div>
<p>Ou tra coisa muito prática são os plugins para transformar um site numa nova nota (Explorer, Safari, Firefox e Chrome).</p>
<p style="text-align: center;">
<div id="attachment_1109" class="wp-caption aligncenter" style="width: 715px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-plugin-para-Firefox.png"><img class="size-full wp-image-1109  " title="Evernote - plugin para Firefox" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-plugin-para-Firefox.png" alt="Plugin para o Firefox" width="705" height="471" /></a><p class="wp-caption-text">Plugin para o Firefox</p></div>
<div id="attachment_1110" class="wp-caption aligncenter" style="width: 553px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-texto-transferido-de-site.png"><img class="size-full wp-image-1110 " title="Evernote - texto transferido de site" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Evernote-texto-transferido-de-site.png" alt="Nota criada com o texto do site da Wikipedia" width="543" height="623" /></a><p class="wp-caption-text">Nota criada com o texto do site da Wikipedia</p></div>
<p>A versão que estou usando é grátis, tem algumas limitações que quantidade de coisas que consigo sincronizar, mas parece mais do que suficiente. Existe a versão paga, que custa U$ 5/mês ou U$ 45/ano.</p>
<p><strong> </strong></p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1097&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/02/22/sincronizando-notas-2-esqueca-tudo-o-que-eu-falei/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Sincronizando notas</title>
		<link>http://www.bitabit.eng.br/2010/02/20/sincronizando-notas/</link>
		<comments>http://www.bitabit.eng.br/2010/02/20/sincronizando-notas/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 11:57:46 +0000</pubDate>
		<dc:creator>Eduardo Russo, Coop10</dc:creator>
				<category><![CDATA[Avaliações]]></category>
		<category><![CDATA[Coop10]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[GNU/Linux]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[iPod Touch]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[notas]]></category>
		<category><![CDATA[os x]]></category>
		<category><![CDATA[Simplenote]]></category>
		<category><![CDATA[sincronização]]></category>
		<category><![CDATA[texto]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.bitabit.eng.br/?p=1056</guid>
		<description><![CDATA[
Desde que o mundo atual começou a se configurar, misturando aplicativos nativos com aplicativos nas nuvens, fiquei fanático por ter todas minhas coisas ao meu alcance, esteja eu onde estiver.
Sou totalmente fascinado pelo DropBox exatamente por isso: a possibilidade de acessar meus arquivos sempre que precisar.
Faz pouco tempo, comecei a usar um programa para Mac [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-logo.png"><img class="alignright size-full wp-image-1080" title="Simplenote - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-logo.png" alt="Simplenote - logo" width="96" height="96" /></a></p>
<p>Desde que o mundo atual começou a se configurar, misturando aplicativos nativos com aplicativos nas nuvens, fiquei fanático por ter todas minhas coisas ao meu alcance, esteja eu onde estiver.</p>
<p>Sou totalmente fascinado pelo <a href="https://www.getdropbox.com/" target="_blank">DropBox</a> exatamente por isso: a possibilidade de acessar meus arquivos sempre que precisar.</p>
<p>Faz pouco tempo, comecei a usar um programa para Mac (indicado no <a href="http://www.mbwpicks.com/2010/02/03/picks-from-mbw-178-flash-is-cilantro/" target="_blank">episódio 178</a> do <a href="http://www.twit.tv/mbw" target="_blank">MacBreack Weekly</a>)  muito interessante de edição de notas de texto.</p>
<p>Hoje, colocando as datas de entrega de trabalhos e provas da POLI no programa, resolvi dar uma fuçada e encontrei uma funcionalidade que me deixou totalmente empolgado (ao ponto de parar tudo que estava fazendo para escrever esse post):  ele sincroniza suas notas online!</p>
<div id="attachment_1071" class="wp-caption aligncenter" style="width: 279px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-preferências-de-sincronização.png"><img class="size-full wp-image-1071 " title="Notational Velocity - preferências de sincronização" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-preferências-de-sincronização.png" alt="O que me levou a escrever esse post: preferências de sincronização do Notational Velocity" width="269" height="338" /></a><p class="wp-caption-text">O que me levou a escrever esse post: preferências de sincronização do Notational Velocity</p></div>
<p>O serviço se chama <a href="http://simplenoteapp.com/" target="_blank">Simplenote</a>, é grátis e possui diversos programas que sincronizam as notas com ele!</p>
<p style="text-align: left;">
<div id="attachment_1082" class="wp-caption aligncenter" style="width: 447px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-site.png"><img class="size-full wp-image-1082 " title="Simplenote - site" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-site.png" alt="Tela do site do Simplenote" width="437" height="534" /></a><p class="wp-caption-text">Tela do site do Simplenote</p></div>
<p>Para ficar melhor ainda, tem um <a href="http://itunes.apple.com/br/app/simplenote/id289429962?mt=8" target="_blank">App para iPhone / iPodTouch</a> que também sincroniza com ele!</p>
<div id="attachment_1074" class="wp-caption aligncenter" style="width: 266px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-lista-iPhone.PNG"><img class="size-full wp-image-1074 " title="Simplenote - lista iPhone" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-lista-iPhone.PNG" alt="Lista das notas no Simplenote do iPhone" width="256" height="384" /></a><p class="wp-caption-text">Lista das notas no Simplenote do iPhone</p></div>
<div id="attachment_1076" class="wp-caption aligncenter" style="width: 266px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-nota-iPhone.PNG"><img class="size-full wp-image-1076 " title="Simplenote - nota iPhone" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Simplenote-nota-iPhone.PNG" alt="Nota no Simplenote do iPhone " width="256" height="384" /></a><p class="wp-caption-text">Nota no Simplenote do iPhone </p></div>
<p>Acontece que, quando comecei a escrever o post, fui pesquisar mais sobre o assunto e acabei achando programas que me agradaram mais que o que iniciou tudo.</p>
<p>Todos os programas funciona como uma central de arquivos de texto, centralizando sua busca e inserção de notas num único lugar.</p>
<p>Vou falar um pouco de cada um deles, começando pelo que me levou a encontrar tudo isso.</p>
<h1><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-logo.png"><img class="size-full wp-image-1070 alignleft" title="Notational Velocity - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-logo.png" alt="Notational Velocity - logo" width="96" height="96" /></a><a href="http://notational.net/" target="_blank">Notational Velocity</a></h1>
<p>Sistema Operacional: Mac OS X<br />
Preço: grátis</p>
<p style="text-align: left;">Foi o programa que me fez descobrir esse novo mundo. Tem uma funcionalidade muito legal: quando você busca por um texto e ele não é encontrado, basta dar <strong>enter</strong> e um novo texto é criado com o título da busca. Dessa forma, você não precisa usar o mouse, nem decorar teclas de atalho para criar novas notas.</p>
<div id="attachment_1069" class="wp-caption aligncenter" style="width: 366px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-lista-e-nota.png"><img class="size-full wp-image-1069 " title="Notational Velocity - lista e nota" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Notational-Velocity-lista-e-nota.png" alt="Tela do Notational Velocity" width="356" height="341" /></a><p class="wp-caption-text">Tela do Notational Velocity</p></div>
<p>Por outro lado, o que me desagradou nele desde o começo é o fato do botão de fechar janela fechar o programa, fugindo do comportamento esperado num programa de OS X. Sempre esquecia disso e acabava fechando o programa com o <strong>CMD + W</strong>.</p>
<p>Outra desvantagem é em relação à integração com o Simplenote: não há um botão ou tecla de atalho para sincronizar as notas.</p>
<h1><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-logo.png"><img class="alignleft size-full wp-image-1063" title="DashNote - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-logo.png" alt="DashNote - logo" width="96" height="96" /></a><a href="http://dashnote.resenmedia.com/" target="_blank">DashNote</a></h1>
<p>Sistema Operacional: Mac OS X<br />
Preço: Grátis</p>
<p>O DashNote é um Widget, sendo essa sua grande vantagem perante aos outros, estar aberto sempre, bastando abrir o <a href="http://www.apple.com/downloads/dashboard/" target="_blank">DashBoard</a> para usá-lo.</p>
<p style="text-align: center;">
<div id="attachment_1062" class="wp-caption aligncenter" style="width: 303px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-lista.png"><img class="size-full wp-image-1062    " title="DashNote - lista" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-lista.png" alt="Lista das notas no DashNote" width="293" height="227" /></a><p class="wp-caption-text">Lista das notas no DashNote</p></div>
<div id="attachment_1064" class="wp-caption aligncenter" style="width: 287px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-nota.png"><img class="size-full wp-image-1064   " title="DashNote - nota" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/DashNote-nota.png" alt="Notas no DashNote" width="277" height="189" /></a><p class="wp-caption-text">Nota no DashNote</p></div>
<p>Com um visual bem bacana e com botão de sincronização bem na sua cara, seria minha pedida ideal, se nnao tivesse achado algo que me agradasse ainda mais.</p>
<h1><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Nottingham-logo.png"><img class="alignleft size-full wp-image-1073" title="Nottingham - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Nottingham-logo.png" alt="Nottingham - logo" width="96" height="96" /></a><a href="http://clickontyler.com/nottingham/" target="_blank">Nottingham</a></h1>
<p>Sistema Operacional: Mac OS X<br />
Preço: Grátis (máximo de 10 notas) ou R$ 25,52</p>
<p>Bastante parecido com o Notational Velocity, ter a mesma funcionalidade de criar uma nova nota com o texto da bsuca.</p>
<p>Tem a vantagem de não fechar o programa quando se fecha a janela além de permitir busca dos textos automaticamente pelo <a href="http://www.apple.com/macosx/what-is-macosx/spotlight.html" target="_blank">Spotlight</a>.</p>
<p style="text-align: center;">
<div id="attachment_1072" class="wp-caption aligncenter" style="width: 488px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Nottingham-lista-e-nota.png"><img class="size-full wp-image-1072 " title="Nottingham - lista e nota" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Nottingham-lista-e-nota.png" alt="Tela do Nottingham" width="478" height="469" /></a><p class="wp-caption-text">Tela do Nottingham</p></div>
<p>Por outro lado, a versão grátis não permite mais do que 10 notas, portanto, não compensa, visto que todos os outros citados são grátis!</p>
<h1><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Tomboy-logo.png"><img class="alignleft size-full wp-image-1083" title="Tomboy - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/Tomboy-logo.png" alt="Tomboy - logo" width="96" height="96" /></a><a href="http://projects.gnome.org/tomboy/" target="_blank">Tomboy</a></h1>
<p>Sistema Operacional: Linux, Mac OS X e Windows<br />
Preço: Grátis</p>
<p>A vantagem maior do Tomboy é rodas em vários SOs. A desvantagem, pelo menos no OS X, é precisar que eu instale um tal de <a href="http://mono-project.com/Main_Page" target="_blank">Mono</a> pra ele rodar. Felizmente, existem várias opções pra OS X para eu não querer instalar um &#8220;<em>open source, cross-platform, implementation of C# and the CLR that is binary compatible with Microsoft.NET</em>&#8221; no meu Mac. Portanto, não cheguei a testar o programa.</p>
<p>Pelo que o site diz, várias distros de Linux já vem com ele instalado. Estranhamente, foi o único que encontrei que roda em outros SOs além do OS X e, inclusive, não é listado na página de <a href="http://simplenoteapp.com/extras" target="_blank">programas nativos</a> do Simplenote.</p>
<p>Nota do autor: O que leva alguém a chamar um programa de &#8220;Mulher-Macho&#8221;?</p>
<h1><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-logo.png"><img class="alignleft size-full wp-image-1068" title="JustNotes - logo" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-logo.png" alt="JustNotes - logo" width="96" height="96" /></a><a href="http://selfcoded.com/justnotes/" target="_blank">JustNotes</a></h1>
<p>Sistema Operacional: Mac OS X<br />
Preço: Grátis</p>
<p>De longe o meu predileto.</p>
<p>Não tem a facilidade de criação de notas através das buscas, mas tem teclas de atalhos suficientemente fáceis e mnemônicas para criação (<strong>CMD </strong>+<strong> +</strong>), deleção (<strong>CMD </strong>+<strong> -</strong>) e sincronização (<strong>CMD </strong>+<strong> s</strong>) de notas.</p>
<div id="attachment_1065" class="wp-caption aligncenter" style="width: 257px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-atalhos.png"><img class="size-full wp-image-1065 " title="JustNotes - atalhos" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-atalhos.png" alt="Configuração de atalhos no JustNotes" width="247" height="185" /></a><p class="wp-caption-text">Configuração de atalhos no JustNotes</p></div>
<p>Além disso, tem um visual bem com cara do Snow Leopard, lembrando muito o <a href="http://www.apple.com/macosx/what-is-macosx/quick-look.html" target="_blank">Quick Look</a>.</p>
<p style="text-align: left;">
<div id="attachment_1067" class="wp-caption aligncenter" style="width: 491px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-lista-e-notas.png"><img class="size-full wp-image-1067 " title="JustNotes - lista e notas" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-lista-e-notas.png" alt="Tela do JustNotes" width="481" height="413" /></a><p class="wp-caption-text">Tela do JustNotes</p></div>
<p style="text-align: left;">Mas não foi isso que me fez escolhê-lo, mas sim o fato dele ficar na minha barra de status e permitir que eu o abra com uma tecla de atalho (escolhi o <strong>F6</strong> para isso).</p>
<p style="text-align: left;">
<div id="attachment_1079" class="wp-caption aligncenter" style="width: 584px"><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-barra-de-status.png"><img class="size-full wp-image-1079 " title="JustNotes - barra de status" src="http://www.bitabit.eng.br/wp-content/uploads/2010/02/JustNotes-barra-de-status.png" alt="Ícone do SimplNotes na barra de status" width="574" height="13" /></a><p class="wp-caption-text">Ícone do JustNotes na barra de status (à direita)</p></div>
<p>E você ainda pode escondê-lo totalmente, deixando apenas a tecla de atalho como maneira de ativá-lo</p>
<img src="http://www.bitabit.eng.br/?ak_action=api_record_view&id=1056&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.bitabit.eng.br/2010/02/20/sincronizando-notas/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
