<?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>Diego Oliveira Potapczuk&#187; Desenvolvimento WEB</title>
	<atom:link href="http://www.diegoliveira.com.br/blog/tag/desenvolvimento-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diegoliveira.com.br/blog</link>
	<description></description>
	<lastBuildDate>Thu, 28 Jul 2011 02:12:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Play Framework</title>
		<link>http://www.diegoliveira.com.br/blog/2011/02/08/play-framework/</link>
		<comments>http://www.diegoliveira.com.br/blog/2011/02/08/play-framework/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 16:25:30 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Java]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=586</guid>
		<description><![CDATA[Conheci um framework que começa a mudar minha ideia de que Java para web é pouco produtivo quando comparado com o PHP. O nome do mesmo é Play Framework, e pelo pouco que vi parece ser bem interessante. Uma das principais vantagens que pude ver é o fato de você conseguir fazer modificações no sistema [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/11/25/zend-framework-cheat-sheet-poster/" rel="bookmark">Zend Framework Cheat Sheet Poster</a><!-- (7.78956)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/28/zend-framework-in-action/" rel="bookmark">Zend Framework in Action</a><!-- (7.28015)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://www.playframework.org/public/images/logo.png" alt="" width="136" height="50" /></p>
<p>Conheci um framework que começa a mudar minha ideia de que Java para web é pouco produtivo quando comparado com o PHP. O nome do mesmo é Play Framework, e pelo pouco que vi parece ser bem interessante.</p>
<p>Uma das principais vantagens que pude ver é o fato de você conseguir fazer modificações no sistema e não precisar compilar ou parar a aplicação, o que para mim era uma desvantagem imensa do Java. Outra coisa bem legal é a estrutura bem simplificada do sistema gerado com o Play, ele abstrai muitas das complicações do Java, como os inúmeros Jars necessários para rodar uma aplicação.</p>
<p>Na página inicial do site do framework tem um vídeo de 11 minutos que mostra uma geral da construção de um sistema utilizando essa tecnologia que permite de forma rápida conhecer algumas de suas grandes vantagens.</p>
<p><strong>Para saber mais:</strong><br />
<a href="http://www.playframework.org/" target="_Blank">http://www.playframework.org/</a></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/11/25/zend-framework-cheat-sheet-poster/" rel="bookmark">Zend Framework Cheat Sheet Poster</a><!-- (7.78956)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/28/zend-framework-in-action/" rel="bookmark">Zend Framework in Action</a><!-- (7.28015)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2011/02/08/play-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Moodle 2.0 Finalmente Lançado!!!</title>
		<link>http://www.diegoliveira.com.br/blog/2010/11/24/moodle-2-0-finalmente-lancado/</link>
		<comments>http://www.diegoliveira.com.br/blog/2010/11/24/moodle-2-0-finalmente-lancado/#comments</comments>
		<pubDate>Thu, 25 Nov 2010 00:39:18 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Moodle]]></category>
		<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[E-Learning]]></category>
		<category><![CDATA[EAD]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=568</guid>
		<description><![CDATA[Para aqueles que como eu estão a bastante tempo esperando o Moodle 2.0 podem comemorar. Martin Dougiamas anunciou hoje o lançamento do Moodle 2.0 como estável, depois de muita espera, várias modificações no meio do caminho e também de longa etapa de teste. Eu que já trabalho com o Moodle a bastante tempo, mais de [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/08/moodle-e-activity-locking-195/" rel="bookmark">Moodle e Activity Locking 1.9.5</a><!-- (10.3358)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2011/01/10/sistemas-e-learning-para-elogos/" rel="bookmark">Sistemas e-learning para élogos</a><!-- (6.46545)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/13/ambiente-virtual-de-aprendizagem/" rel="bookmark">Ambiente Virtual de Aprendizagem</a><!-- (6.32701)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Para aqueles que como eu estão a bastante tempo esperando o Moodle 2.0 podem comemorar. Martin Dougiamas anunciou hoje o lançamento do Moodle 2.0 como estável, depois de muita espera, várias modificações no meio do caminho e também de longa etapa de teste.</p>
<p>Eu que já trabalho com o Moodle a bastante tempo, mais de 4 anos, estou bem feliz. Ele resolve vários problemas que tinhamos com a versão antiga, acho que o principal ponto para mim é a questão de você poder determinar o relacionamento entre as atividades de um curso de forma nativa, podendo dessa forma criar cursos mais consistentes e automatizados, como só liberar o usuário a começar um curso após se apresentar em um fórum, ou então só permitir iniciar o módulo 2 após receber aprovação em uma prova do módulo 1.</p>
<div id="attachment_570" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Editando-um-Questionário_1290645244728.png" rel="lightbox[568]"><img class="size-medium wp-image-570" title="Atividades condicionais" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Editando-um-Questionário_1290645244728-500x304.png" alt="Atividades condicionais" width="500" height="304" /></a><p class="wp-caption-text">Atividades condicionais</p></div>
<p>Outro ponto que promete bastante é a forma com ele trata os arquivos dentro do Moodle,. Primeiro que ele agora está integrado com diversos serviços como o Picasa, Google Docs, Flickr, Youtube e Wikimedia, permitindo uma fácil inserção de arquivos originários de uma dessas fontes. Segundo que o sistema de arquivos agora é unificado, permitindo ter um mesmo arquivo usado em vários cursos e atividades sem a necessidade de existir várias cópias do mesmo, o que também permite vincular metadados aos arquivos, como autor, licença e data, também como ter um controle maior da segurança e disponibilidade dos mesmos.</p>
<div id="attachment_571" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Meus-arquivos-privados_1290643929090.png" rel="lightbox[568]"><img class="size-medium wp-image-571" title="Sistema de arquivos" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Meus-arquivos-privados_1290643929090-500x382.png" alt="Sistema de arquivos" width="500" height="382" /></a><p class="wp-caption-text">Sistema de arquivos</p></div>
<p>O editor do Moodle também foi alterado, agora ele é baseado no TinyMCE, o que significa um editor mais robusto, que funciona em mais navegadores, gera código mais limpo e mais acessível além de ser integrado com o sistema de arquivos. O editor também suporta os formatos Wiki e Latex.</p>
<div id="attachment_572" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Instalação_1290643727622.png" rel="lightbox[568]"><img class="size-medium wp-image-572" title="Editor de texto" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/11/Instalação_1290643727622-500x226.png" alt="Editor de texto" width="500" height="226" /></a><p class="wp-caption-text">Editor de texto</p></div>
<p>O sistema de Backup, que já me deu tantas dores de cabeça, também foi inteiramente revisado e promete agora conseguir fazer backup de cursos sem limite de tamanho, pois não depende mais da memória do servidor. Além disso permite definir de forma mais fácil a granularidade do backup.</p>
<p>Essas são algumas das modificações que me chamaram mais a atenção, e que acho que vai facilitar muito a vida de quem trabalha com o Moodle, além de melhorar na utilização pelos usuários, mas além delas existe mais uma grande quantidade de melhorias no sistema, como página de perfil reformulada, sistema de tradução melhorado, novo sistema de temas visuais, melhoria nos feeds RSS, no sistema de permissões, na navegação dos cursos, no My Moodle Page, no sistema de mensagem, nas opções de inscrição nos cursos, nos blocos, na Wiki, no SCORM, no questionário e em outras tantas.</p>
<p>Conversei com algumas pessoas do SENAI-BA que me informaram que já estão estudando essa versão para o uso em seus projetos e cursos. Eu também estou estudando para começar a migrar algumas ferramentas e temas desenvolvidas para meus clientes para essa versão, além de também dar suporte e consultoria para os mesmos no processo de migração.</p>
<p>Se desejar saber mais sobre o que essa versão trás acesse:<br />
<a href="http://docs.moodle.org/en/Moodle_2.0_release_notes" target="_blank">http://docs.moodle.org/en/Moodle_2.0_release_notes</a></p>
<p>Para baixar a nova versão acesse:<br />
<a href="http://download.moodle.org/download.php/stable20/moodle-2.0.zip" target="_blank">http://download.moodle.org/download.php/stable20/moodle-2.0.zip</a></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/08/moodle-e-activity-locking-195/" rel="bookmark">Moodle e Activity Locking 1.9.5</a><!-- (10.3358)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2011/01/10/sistemas-e-learning-para-elogos/" rel="bookmark">Sistemas e-learning para élogos</a><!-- (6.46545)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/13/ambiente-virtual-de-aprendizagem/" rel="bookmark">Ambiente Virtual de Aprendizagem</a><!-- (6.32701)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2010/11/24/moodle-2-0-finalmente-lancado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Agora é a vez do Android</title>
		<link>http://www.diegoliveira.com.br/blog/2010/08/25/agora-e-a-vez-do-android/</link>
		<comments>http://www.diegoliveira.com.br/blog/2010/08/25/agora-e-a-vez-do-android/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 00:17:01 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Meus Trabalhos]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=509</guid>
		<description><![CDATA[No mês passado lancei uma versão do meu site para os usuários de iPhone, agora aproveitando que estou pesquisando sobre o desenvolvimento para a plataforma Android, e também que nos EUA o uso do mesmo já ultrapassa o do iPhone, fiz algumas alterações no site e estou disponibilizando também uma versão para o Android. As [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/07/19/site-para-iphone/" rel="bookmark">Site para iPhone</a><!-- (12.1095)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2011/02/20/alljoyn/" rel="bookmark">AllJoyn</a><!-- (5.48461)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/11/16/criando-menu-no-android/" rel="bookmark">Criando menu no Android</a><!-- (5.23109)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>No mês passado lancei uma versão do meu site para os usuários de iPhone, agora aproveitando que estou pesquisando sobre o desenvolvimento para a plataforma Android, e também que nos EUA o uso do mesmo já ultrapassa o do iPhone, fiz algumas alterações no site e estou disponibilizando também uma versão para o Android.</p>
<div id="attachment_510" class="wp-caption aligncenter" style="width: 334px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/android.png" rel="lightbox[509]"><img class="size-full wp-image-510" title="Página inicial no Android" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/android.png" alt="Página inicial no Android" width="324" height="485" /></a><p class="wp-caption-text">Página inicial no Android</p></div>
<p>As modificações necessárias foram poucas, pois ambos celulares utilizam navegadores baseados no WebKit.</p>
<div id="attachment_511" class="wp-caption aligncenter" style="width: 334px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/android2.png" rel="lightbox[509]"><img class="size-full wp-image-511" title="Página interna" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/android2.png" alt="Página interna" width="324" height="485" /></a><p class="wp-caption-text">Página interna</p></div>
<p>Em breve também devo estar começando a desenvolver aplicações para essa plataforma, que pelo que já venho acompanhando, é fantástica e permitirá aplicações realmente inovadoras.</p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/07/19/site-para-iphone/" rel="bookmark">Site para iPhone</a><!-- (12.1095)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2011/02/20/alljoyn/" rel="bookmark">AllJoyn</a><!-- (5.48461)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/11/16/criando-menu-no-android/" rel="bookmark">Criando menu no Android</a><!-- (5.23109)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2010/08/25/agora-e-a-vez-do-android/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Palestra Projetos em Realidade Aumentada para Web</title>
		<link>http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/</link>
		<comments>http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 19:23:16 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Realidade Aumentada]]></category>
		<category><![CDATA[Trabalhos]]></category>
		<category><![CDATA[Apresentação]]></category>
		<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Meus Trabalhos]]></category>
		<category><![CDATA[Realidade aumentada]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=491</guid>
		<description><![CDATA[Data 18/08 &#8211; 18:20 PA5 Imbui (fone: 3231 3368, tarde e noite) Palestrante: Diego Potapczuk &#8211; Analista de Sistemas Jailson Souza &#8211; Desenvolvedor de Games/Designer 3d Local: Predio de aulas 05 &#8211; Imbuí, Av. Jorge Amado (Auditório) Evento gratuito &#8211; Vagas lImitadas Inscrições (para alunos e não alunos UNIFACS): websites@unifacs.br ou http://www.bahiainfo.com.br Realidade Aumentada É [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/08/20/agradecimento-aos-presentes-na-palestra/" rel="bookmark">Agradecimento aos presentes na palestra</a><!-- (12.7343)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/08/17/meu-primeiro-teste-com-realidade-aumentada/" rel="bookmark">Meu primeiro teste com realidade aumentada</a><!-- (11.7589)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/10/05/materia-sobre-realidade-aumentada-do-senai-ba-na-bahia-industria/" rel="bookmark">Matéria sobre Realidade Aumentada do SENAI-BA na Bahia Indústria</a><!-- (10.2185)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-492" href="http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/logo_unifacs/"></a></p>
<div id="attachment_492" class="wp-caption aligncenter" style="width: 160px"><a href="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/logo_unifacs.jpg" rel="lightbox[491]"><img class="size-thumbnail wp-image-492" title="logo_unifacs" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2010/08/logo_unifacs-150x150.jpg" alt="UNIFACS" width="150" height="150" /></a><p class="wp-caption-text">UNIFACS</p></div>
<p>Data <strong>18/08</strong> &#8211; 18:20<br />
PA5 Imbui (fone: 3231 3368, tarde e noite)</p>
<p><strong>Palestrante</strong>:<br />
Diego Potapczuk &#8211; Analista de Sistemas<br />
Jailson Souza &#8211; Desenvolvedor de Games/Designer 3d</p>
<p><strong>Local: </strong>Predio de aulas 05 &#8211; Imbuí, Av. Jorge Amado (Auditório)</p>
<p><strong>Evento gratuito &#8211; Vagas lImitadas</strong><br />
Inscrições (para alunos e não alunos UNIFACS): <a href="mailto:websites@unifacs.br">websites@unifacs.br</a> ou <a href="http://www.bahiainfo.com.br/" target="_blank">http://www.bahiainfo.com.br</a><br />
<strong> </strong></p>
<p><strong> Realidade Aumentada </strong></p>
<p>É impossível que objetos reais interajam com objetos virtuais, ou  vice-versa, certo? Errado! Dê as boas vindas a uma tecnologia que já  começou a revolucionar a maneira como o ser humano interage com as  máquinas (e as máquinas com o ser humano): a Realidade Aumentada, ou  (RA). Não se preocupe: ainda estamos longe de acontecimentos como os  ilustrados em filmes como Matrix e Exterminador do Futuro, se é que eles  serão possíveis algum dia. No momento, as máquinas estão ganhando mais  “personalidade”, mas isso só significa que elas estão cada vez mais  cordiais e responsivas às ações humanas.De uma forma simples, Realidade  Aumentada é uma tecnologia que permite que o mundo virtual seja  misturado ao real, possibilitando maior interação e abrindo uma nova  dimensão na maneira como nós executamos tarefas, ou mesmo as que nós  incumbimos às máquinas.</p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/08/20/agradecimento-aos-presentes-na-palestra/" rel="bookmark">Agradecimento aos presentes na palestra</a><!-- (12.7343)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/08/17/meu-primeiro-teste-com-realidade-aumentada/" rel="bookmark">Meu primeiro teste com realidade aumentada</a><!-- (11.7589)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/10/05/materia-sobre-realidade-aumentada-do-senai-ba-na-bahia-industria/" rel="bookmark">Matéria sobre Realidade Aumentada do SENAI-BA na Bahia Indústria</a><!-- (10.2185)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Explorando o software por trás do Facebook, a maior rede social do mundo</title>
		<link>http://www.diegoliveira.com.br/blog/2010/08/05/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/</link>
		<comments>http://www.diegoliveira.com.br/blog/2010/08/05/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 01:10:35 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=484</guid>
		<description><![CDATA[Facebook: desafio de escalabilidade Antes de entrar em detalhes, aqui estão alguns factóides para dar uma idéia do desafio de escalabilidade com o qual o Facebook tem que lidar: O Facebook serve mais de 550 bilhões de visualizações de páginas por mês; Há mais fotos no Facebook do que em todos os outros sites de [...]

				
<h4>Artigos relacionados</h4>

Nenhum artigo relacionado.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bitabit.eng.br/wp-content/uploads/2010/07/facebook_logo_bit_a_bit.jpg" rel="lightbox[484]"><img 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>
<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&amp;palavra=fact%F3ide&amp;CP=73594&amp;typeToSearchRadio=exactly&amp;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>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>;</li>
<li>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>);</li>
<li>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;</li>
<li>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;</li>
<li>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>.</li>
</ul>
<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>O Facebook usa PHP, mas tem um compilador que permite que o sistema  execute código nativo nos servidores web, aumentando significativamente  seu desempenho;</li>
<li>O Facebook usa Linux, mas é um Linux otimizado para garantir alta vazão de rede;</li>
<li>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;</li>
<li>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).</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" rel="lightbox[484]"><img 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" rel="lightbox[484]"><img 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 “<em>pagelets</em>“) 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 “<em>pagelets</em>”  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" rel="lightbox[484]"><img 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" rel="lightbox[484]"><img 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" rel="lightbox[484]"><img 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>
<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 “<em>Gatekeeper</em>” (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 “<em>Gatekeeper</em>” também é responsável por realizar o que é chamado de “<em>dark launches</em>”  (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 “<em>dark launches</em>” 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>
<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 – Desenvolvedores do Facebook</em></a>.</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><strong>Fonte:</strong> <a href="http://www.bitabit.eng.br/2010/07/28/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/" target="_blank">Bit a Bit</a></p>
<p>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’s largest site</em></a>.</p>


				
<h4>Artigos relacionados</h4>
<p>Nenhum artigo relacionado.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2010/08/05/explorando-o-software-por-tras-do-facebook-a-maior-rede-social-do-mundo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Projeto Indiana, Apresentação</title>
		<link>http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 03:05:49 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Trabalhos]]></category>
		<category><![CDATA[Apresentação]]></category>
		<category><![CDATA[Faculdade]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Padrões WEB]]></category>
		<category><![CDATA[Projeto Indiana]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=303</guid>
		<description><![CDATA[Aqui está a apresentação que fiz para o projeto Indiana onde fiz um estudo do processo envolvido em um projeto de desenvolvimento de sistema, analiso todas as etapas, planejamento, análise, desenvolvimento e encerramento. Dou um foco especial na parte de desenvolvimento onde mostro as utilidades de ferramentas de versionamento (SVN) e rastreamento de problemas (Trac) [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/07/02/projeto-indiana-parte-1/" rel="bookmark">Projeto Indiana, parte 1</a><!-- (16.4024)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/" rel="bookmark">Apresentação sobre CSS</a><!-- (10.2902)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (7.24626)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Aqui está a apresentação que fiz para o projeto Indiana onde fiz um estudo do processo envolvido em um projeto de desenvolvimento de sistema, analiso todas as etapas, planejamento, análise, desenvolvimento e encerramento.</p>
<p>Dou um foco especial na parte de desenvolvimento onde mostro as utilidades de ferramentas de versionamento (SVN) e rastreamento de problemas (Trac) além de mostrar um pouco sobre os Frameworks utilizados (Struts, Hibernate, Tiles e jQuery).</p>
<p><object width="555" height="453" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=trabalho2-090704200123-phpapp01&#038;stripped_title=projeto-indiana" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=trabalho2-090704200123-phpapp01&#038;stripped_title=projeto-indiana" /><param name="allowfullscreen" value="true" /></object></p>
<p>Versão sem os vídeos de apresentação do sistema para ficar mais leve.</p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/07/02/projeto-indiana-parte-1/" rel="bookmark">Projeto Indiana, parte 1</a><!-- (16.4024)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/" rel="bookmark">Apresentação sobre CSS</a><!-- (10.2902)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (7.24626)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Barra de Acessibilidade</title>
		<link>http://www.diegoliveira.com.br/blog/2009/06/23/barra-de-acessibilidade/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/06/23/barra-de-acessibilidade/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 21:17:44 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=217</guid>
		<description><![CDATA[Uma ferramenta que a maioria dos sites começam a adotar para tornarem-se mais acessíveis é o uso de uma barra de acessibilidade. Essa barra tem a função de trazer de forma fácil e prática diversas ferramentas que permitem que pessoas com necessidades especiais possam usar seu site de forma mais fácil. As principais ferramentas encontradas [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (14.6991)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (11.4462)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/03/projeto-de-acessibilidade-virtual-na-renapi/" rel="bookmark">Projeto de acessibilidade virtual na RENAPI</a><!-- (9.73594)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Uma ferramenta que a maioria dos sites começam a adotar para tornarem-se mais acessíveis é o uso de uma barra de acessibilidade. Essa barra tem a função de trazer de forma fácil e prática diversas ferramentas que permitem que pessoas com necessidades especiais possam usar seu site de forma mais fácil.</p>
<p>As principais ferramentas encontradas nessas barras de acessibilidade são:</p>
<ul>
<li>Modificar o tamanho das letras do site, isso permite que pessoas com problemas de visão possam aumentar as letras do seu site e ler com menos esforço as informações ali contidas.</li>
<li>Visualização do site com diferentes cores e contrastes, essa não é uma ferramenta de design onde você permite as pessoas escolherem ver o seu site nas cores que mais gostam, e sim uma ferramenta de acessibilidade onde você disponibiliza para as pessoas com problemas em distinguir cores, como aqueles com Daltonismo, uma versão do site onde eles tenham menos dificuldade para acessar as informações. Além de evitar problemas com cores que não são percebidas por certas pessoas, também é muito utilizado esquemas de cores com alto contraste, para também facilitar para as pessoas com problemas de visão.</li>
<li>Pular para seções do site, essa função é muito útil para as pessoas que navegam pelo seu site utilizando leitores de tela, ela permite que a pessoa pule diretamente para a parte do site que ele deseja, sem ter que percorrer todo o site até chegar à parte que ele está interessado. Também é útil para pessoas com problemas motores que muitas vezes não fazem o uso do mouse.</li>
<li>Como útil o site, não é exatamente uma ferramenta, mas sim um informativo presente na barra de acessibilidade que visa informar às pessoas que estão usando aquele site sobre como melhor navegar naquele site utilizando as ferramentas que ele oferece. Esse informativo, também bastante conhecido por declaração de acessibilidade (acessibility statement), tem também a função de falar sobre a acessibilidade do site e difundir informações sobre a web acessível, de forma que mais donos de sites tenham essa preocupação na hora de desenvolverem seus sites.</li>
</ul>
<div class="wp-caption alignnone" style="width: 466px"><img title="Barra de acessibilidade" src="http://www.diegoliveira.com.br/blog/wp-content/uploads/2009/06/acess-info04.png" alt="" width="456" height="57" /><p class="wp-caption-text">Barra de acessibilidade</p></div>
<p>Essas são as principais funções encontradas nas barras de acessibilidade, e também são as funções que eu implementei na minha barra de acessibilidade presente no topo do site.</p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (14.6991)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (11.4462)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/03/projeto-de-acessibilidade-virtual-na-renapi/" rel="bookmark">Projeto de acessibilidade virtual na RENAPI</a><!-- (9.73594)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/06/23/barra-de-acessibilidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apresentação sobre CSS</title>
		<link>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 19:40:44 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Apresentação]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=139</guid>
		<description><![CDATA[Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele. Artigos relacionados Padrões WEB Projeto Indiana, Apresentação Melhorando a acessibilidade

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (13.5284)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/" rel="bookmark">Projeto Indiana, Apresentação</a><!-- (10.9928)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (6.34996)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele.</p>
<p><object width="555" height="453" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=css-090615231108-phpapp01&amp;rel=0&amp;stripped_title=css-1589261" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=css-090615231108-phpapp01&amp;rel=0&amp;stripped_title=css-1589261" /><param name="allowfullscreen" value="true" /></object></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/" rel="bookmark">Padrões WEB</a><!-- (13.5284)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/09/04/projeto-indiana-apresentacao/" rel="bookmark">Projeto Indiana, Apresentação</a><!-- (10.9928)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/21/melhorando-a-acessibilidade/" rel="bookmark">Melhorando a acessibilidade</a><!-- (6.34996)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Padrões WEB</title>
		<link>http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 04:00:19 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Apresentação]]></category>
		<category><![CDATA[Padrões WEB]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=133</guid>
		<description><![CDATA[Estou aqui usando pela primeira vez o serviço do SlideShare para publicar uma apresentação que fiz sobre padrões WEB e que usei em um mini-curso que dei no SENAI e também na UNIFACS para os alunos de Sistemas para Internet em um convite do coordenador do curso. Artigos relacionados Palestra Projetos em Realidade Aumentada para [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/" rel="bookmark">Palestra Projetos em Realidade Aumentada para Web</a><!-- (8.64494)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (6.46575)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/" rel="bookmark">Apresentação sobre CSS</a><!-- (6.27318)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>Estou aqui usando pela primeira vez o serviço do <a rel="nofollow" href="http://www.slideshare.net/" target="_blank">SlideShare</a> para publicar uma apresentação que fiz sobre padrões WEB e que usei em um mini-curso que dei no SENAI e também na UNIFACS para os alunos de Sistemas para Internet em um convite do coordenador do curso.</p>
<p><object width="555" height="453" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=padroesweb-090615224829-phpapp01&amp;rel=0&amp;stripped_title=padroes-web" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="false" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=padroesweb-090615224829-phpapp01&amp;rel=0&amp;stripped_title=padroes-web" /><param name="allowfullscreen" value="true" /></object></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/08/16/palestra-projetos-em-realidade-aumentada-para-web/" rel="bookmark">Palestra Projetos em Realidade Aumentada para Web</a><!-- (8.64494)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/24/livro-tecnicas-de-acessibilidade-criando-uma-web-para-todos/" rel="bookmark">Livro Técnicas de Acessibilidade: Criando uma web para todos</a><!-- (6.46575)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/22/apresentacao-sobre-css/" rel="bookmark">Apresentação sobre CSS</a><!-- (6.27318)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/06/16/padroes-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Page Speed, seu otimizador de sites</title>
		<link>http://www.diegoliveira.com.br/blog/2009/06/14/google-page-speed-seu-otimizador-de-sites/</link>
		<comments>http://www.diegoliveira.com.br/blog/2009/06/14/google-page-speed-seu-otimizador-de-sites/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 23:08:06 +0000</pubDate>
		<dc:creator>Diego Potapczuk</dc:creator>
				<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Desenvolvimento WEB]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Otimização]]></category>

		<guid isPermaLink="false">http://www.diegoliveira.com.br/blog/?p=124</guid>
		<description><![CDATA[O Google lança uma fantástica ferramenta que vai ajudar muito os desenvolvedores web e web designers, essa ferramenta se chama Page Speed, é um add-on para o Firefox que se integra ao Firebug e auxilia o desenvolvedor web a identificar pontos em seu site que podem ser otimizados para fazer com que as suas páginas [...]

				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/18/google-wave-o-email-20/" rel="bookmark">Google Wave, o e-mail 2.0?</a><!-- (12.3523)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/11/20/google-chrome-developer-tools/" rel="bookmark">Google Chrome Developer Tools</a><!-- (10.4262)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/" rel="bookmark">Testando seu site com diversos navegadores de uma maneira fácil</a><!-- (7.29776)--></li>
	</ol>
]]></description>
			<content:encoded><![CDATA[<p>O Google lança uma fantástica ferramenta que vai ajudar muito os desenvolvedores web e web designers, essa ferramenta se chama Page Speed, é um add-on para o Firefox que se integra ao Firebug e auxilia o desenvolvedor web a identificar pontos em seu site que podem ser otimizados para fazer com que as suas páginas carreguem mais rápido e seu site tenha um consumo menor de banda.</p>
<div class="wp-caption alignnone" style="width: 211px"><a rel="lightbox" href="http://code.google.com/intl/pt-BR/speed/page-speed/images/page-speed.png"><img title="Google Page Speed" src="http://code.google.com/intl/pt-BR/speed/page-speed/images/page-speed.png" alt="" width="201" height="192" /></a><p class="wp-caption-text">Google Page Speed</p></div>
<p>O Page Speed atua em diversas áreas para tentar otimizar seu site, como por exemplo, ele otimiza as imagens para você, checa os estilos CSS e códigos javascript que você não está usando em seu site,</p>
<p>O Page Speed foi uma das ferramentas utilizadas para a construção desse Blog, ele deu uma boa ajuda na otimização do blog.</p>
<p>O Page Speed é baseado em uma série de boas práticas comumente aceitas e os detalhes do seu funcionamento podem ser encontrados nesse site:<br />
<a href="http://code.google.com/intl/pt-BR/speed/page-speed/docs/using.html" target="_blank">http://code.google.com/intl/pt-BR/speed/page-speed/docs/using.html</a></p>
<p>Visite o site da ferramenta:<br />
<a href="http://code.google.com/intl/pt-BR/speed/page-speed/" target="_blank">http://code.google.com/intl/pt-BR/speed/page-speed/</a></p>


				
<h4>Artigos relacionados</h4>
<ol>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/06/18/google-wave-o-email-20/" rel="bookmark">Google Wave, o e-mail 2.0?</a><!-- (12.3523)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2009/11/20/google-chrome-developer-tools/" rel="bookmark">Google Chrome Developer Tools</a><!-- (10.4262)--></li>
		<li><a href="http://www.diegoliveira.com.br/blog/2010/09/24/testando-seu-site-com-diversos-navegadores-de-uma-maneira-facil/" rel="bookmark">Testando seu site com diversos navegadores de uma maneira fácil</a><!-- (7.29776)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.diegoliveira.com.br/blog/2009/06/14/google-page-speed-seu-otimizador-de-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

