<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="/stylesheets/rss.css"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
  <channel>
    <title>Desenvolvimento &#193;gil - Blog da Improve It</title>
    <link>http://blog.improveit.com.br</link>
    <language>en-us</language>
    <ttl>40</ttl>
    <description></description>
    <item>
      <title>Inaugura&#231;&#227;o da p&#225;gina de clientes</title>
      <description>&lt;p&gt;Como dissemos &lt;a href="http://blog.improveit.com.br/articles/2009/04/06/be-on-the-net-acompanhe-o-crescimento" title="artigo Be on the Net: acompanhe o crescimento"&gt;h&#225; algumas itera&#231;&#245;es&lt;/a&gt;, todos os dias o site do &lt;a href="http://beonthe.net" title="Seu neg&#243;cio encontrado, adorado, disputado. Com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net."&gt;Be on the Net&lt;/a&gt; ganharia alguma melhoria de design.&lt;/p&gt;

&lt;p&gt;Hoje foi o dia da inaugura&#231;&#227;o da p&#225;gina &lt;a href="http://beonthe.net/texto/clientes" title="Veja a p&#225;gina de clientes do Be on the Net. E, quem sabe, seja um!  :)"&gt;Clientes do Be on the Net&lt;/a&gt;. Olha ela a&#237;:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://beonthe.net/texto/clientes" title="Veja a p&#225;gina de clientes do Be on the Net. E, quem sabe, seja um!  :)"&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-20_clientes.jpg" alt="(Aqui voc&#234; pode ver como &#233; a rec&#233;m-inaugurada p&#225;gina de clientes do Be on the Net. Listamos a maior parte dos clientes que temos at&#233; hoje, e os dispusemos em thumbnails bonit&#245;es. Dif&#237;cil n&#227;o ficar namorando o layout, heh!)" title="A rec&#233;m-inaugurada p&#225;gina de clientes do Be on the Net: listamos a maior parte dos clientes que temos at&#233; hoje, e os dispusemos em thumbnails bonit&#245;es. Dif&#237;cil n&#227;o ficar namorando o layout, heh!"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pronto, agora temos uma fonte mais rica de informa&#231;&#227;o do que somente os links do sidebar aqui do lado. &amp;rarr;&lt;br/&gt;
E aguardem! Temos mais planos para esta rec&#233;m-inaugurada p&#225;gina. Breve acabaremos com o suspense...&lt;/p&gt;

&lt;p&gt;Nosso filhote est&#225; crescendo e se tornando um homenzinho! &amp;nbsp; :)&lt;/p&gt;</description>
      <pubDate>Wed, 20 May 2009 12:46:00 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:84a0b1ae-b943-4911-bc7a-19b0e1e3c81e</guid>
      <author>Leandro Mello</author>
      <link>http://blog.improveit.com.br/articles/2009/05/20/inauguracao-da-pagina-de-clientes</link>
      <category>beonthenet</category>
      <category>beonthenet</category>
      <category>design</category>
      <category>p&#225;gina</category>
      <category>clientes</category>
    </item>
    <item>
      <title>V&#237;deos hil&#225;rios do Be on the Net</title>
      <description>&lt;blockquote class="excerpt"&gt;
  &lt;p&gt;Quanto mais tosco e engra&#231;ado, mais memor&#225;vel.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Hoje lan&#231;amos os &lt;a title="D&#234; uma olhada nos novos v&#237;deos. Eles explicam muito sobre o Be on the Net." href="http://beonthe.net/videos/criar_site"&gt;novos v&#237;deos&lt;/a&gt; no site do &lt;a title="Seu neg&#243;cio encontrado, adorado, disputado. Tudo isso com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Filmados pelo cinegrafista &lt;a title="Julio Machado &#233; cinegrafista de eventos sociais." href="http://juliomachado.net"&gt;Julio Machado&lt;/a&gt;, eles explicam de forma breve e simples o que &#233; o Be on the Net, quanto custa, o que o sistema permite aos usu&#225;rios e como os sites fazem para subir nas ferramentas de busca. Vale a pena conferir.&lt;/p&gt;

&lt;p&gt;Mas o que vale mais a pena conferir s&#227;o os dois v&#237;deos [n&#227;o t&#227;o s&#233;rios] que veiculamos aqui.&lt;/p&gt;

&lt;p&gt;O primeiro, logo a seguir, &#233; um &lt;i&gt;making-of&lt;/i&gt; das filmagens que re&#250;ne os mais c&#244;micos erros de grava&#231;&#227;o que &lt;a title="Leandro Mello, designer da Improve It, pagando mico." href="http://improveit.com.br/empresa/leandro"&gt;eu&lt;/a&gt; cometi at&#233; que tiv&#233;ssemos algum conte&#250;do decente para os v&#237;deos oficiais.&lt;/p&gt;

&lt;h3&gt;Os (divertidos) bastidores da produ&#231;&#227;o dos v&#237;deos&lt;/h3&gt;

&lt;p&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="505" width="640"&gt;
  &lt;param name="movie" value="http://www.youtube.com/v/Zszg1-TkaQQ&amp;amp;hl=pt-br&amp;amp;fs=1&amp;amp;rel=0" /&gt;
  &lt;!--[if !IE]&gt; --&gt;
  &lt;object type="application/x-shockwave-flash" height="505" width="640" data="http://www.youtube.com/v/Zszg1-TkaQQ&amp;amp;hl=pt-br&amp;amp;fs=1&amp;amp;rel=0"&gt;
  &lt;!--&lt;![endif]--&gt;
    &lt;div&gt;
      &lt;p&gt;Fazemos seu site em &lt;strong&gt;24 horas&lt;/strong&gt;, lind&#227;o, &lt;strong&gt;sem limite&lt;/strong&gt; de imagens e v&#237;deos e &lt;strong&gt;super bem posicionado&lt;/strong&gt; nas buscas. S&#243; &lt;strong&gt;R$ 99&lt;/strong&gt; por m&#234;s. &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;: seu neg&#243;cio encontrado, adorado, &lt;strong&gt;disputado&lt;/strong&gt;.&lt;/p&gt;
      &lt;p&gt;O &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; nasceu em 24/12/2008, como o jeito f&#225;cil, r&#225;pido e barato de se ter uma presen&#231;a de alto n&#237;vel na internet. Be on the Net &#233; um produto da &lt;a href="http://improveit.com.br/br"&gt;Improve It&lt;/a&gt;.&lt;/p&gt;
      &lt;p&gt;Os novos v&#237;deos produzidos para o site do &lt;a title="Seu neg&#243;cio encontrado, adorado, disputado. Tudo isso com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; ficaram super bacanas, mas durante a produ&#231;&#227;o nem tudo foi um mar de rosas!&lt;/p&gt;
      &lt;p&gt;Este &lt;i&gt;making-of&lt;/i&gt; re&#250;ne os mais hil&#225;rios erros de grava&#231;&#227;o cometidos por nosso designer, &lt;a title="Leandro Mello, designer da Improve It, pagando mico." href="http://improveit.com.br/empresa/leandro"&gt;Leandro Mello&lt;/a&gt;. Veja-o dar mancada atr&#225;s de mancada, compartilhe com todo mundo e riam juntos a valer!&lt;/p&gt;
      &lt;p&gt;Ficha:&lt;/p&gt;
      &lt;p&gt;Produ&#231;&#227;o&lt;/p&gt;
      &lt;p&gt;Um filme de: &lt;a href="http://improveit.com.br/empresa/vinicius"&gt;Vin&#237;cius Teles&lt;/a&gt;, &lt;a href="http://improveit.com.br/empresa/leandro"&gt;Leandro Mello&lt;/a&gt; e &lt;a href="http://juliomachado.net"&gt;Julio Machado&lt;/a&gt;.&lt;/p&gt;
      &lt;p&gt;Para assistir a este v&#237;deo, voc&#234; precisa antes &lt;a href='http://www.adobe.com/go/getflashplayer'&gt;baixar o Adobe Flash Player&lt;/a&gt;.&lt;/p&gt;
    &lt;/div&gt;
  &lt;!--[if !IE] --&gt;
  &lt;/object&gt;
  &lt;!--&lt;![endif]--&gt;
&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;E o segundo, pasmem!, &#233; uma r&#225;pida entrevista exclusiva que o &lt;a title="Vin&#237;cius riu da minha cara &#224; be&#231;a." href="http://improveit/empresa/vinicius"&gt;Vin&#237;cius&lt;/a&gt; conseguiu com um... marciano! Aparentemente, o &lt;a title="Seu neg&#243;cio encontrado, adorado, disputado. Tudo isso com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; j&#225; chegou a Marte, e sua usabilidade e simplicidade s&#227;o as prov&#225;veis causas de os marcianos n&#227;o quererem mais destruir a Terra. Confira.&lt;/p&gt;

&lt;h3&gt;Extra! Entusiasmados com Be on the Net, marcianos desistem de destruir a Terra&lt;/h3&gt;

&lt;p&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="505" width="640"&gt;
  &lt;param name="movie" value="http://www.youtube.com/v/Np86-0a-IwM&amp;amp;hl=pt-br&amp;amp;fs=1&amp;amp;rel=0" /&gt;
  &lt;!--[if !IE]&gt; --&gt;
  &lt;object type="application/x-shockwave-flash" height="505" width="640" data="http://www.youtube.com/v/Np86-0a-IwM&amp;amp;hl=pt-br&amp;amp;fs=1&amp;amp;rel=0"&gt;
  &lt;!--&lt;![endif]--&gt;
    &lt;div&gt;
      &lt;p&gt;Fazemos seu site em &lt;strong&gt;24 horas&lt;/strong&gt;, lind&#227;o, &lt;strong&gt;sem limite&lt;/strong&gt; de imagens e v&#237;deos e &lt;strong&gt;super bem posicionado&lt;/strong&gt; nas buscas. S&#243; &lt;strong&gt;R$ 99&lt;/strong&gt; por m&#234;s. &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;: seu neg&#243;cio encontrado, adorado, &lt;strong&gt;disputado&lt;/strong&gt;.&lt;/p&gt;
      &lt;p&gt;O &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; nasceu em 24/12/2008, como o jeito f&#225;cil, r&#225;pido e barato de se ter uma presen&#231;a de alto n&#237;vel na internet. Be on the Net &#233; um produto da &lt;a href="http://improveit.com.br/br"&gt;Improve It&lt;/a&gt;.&lt;/p&gt;
      &lt;p&gt;Entusiasmados com &lt;a title="Seu neg&#243;cio encontrado, adorado, disputado. Tudo isso com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, marcianos desistem de destruir a Terra!&lt;/p&gt;
      &lt;p&gt;Numa entrevista exclusiva, descobrimos que a causa &#233; a usabilidade do &lt;a title="Seu neg&#243;cio encontrado, adorado, disputado. Tudo isso com um site de R$ 99 por m&#234;s. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos, com Be on the Net." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;: &#233; t&#227;o f&#225;cil de usar, que at&#233; em Marte eles conseguiram entender o esquema! Incr&#237;vel!&lt;/p&gt;
      &lt;p&gt;Ficha:&lt;/p&gt;
      &lt;p&gt;Produ&#231;&#227;o&lt;/p&gt;
      &lt;p&gt;Um filme de: &lt;a href="http://improveit.com.br/empresa/vinicius"&gt;Vin&#237;cius Teles&lt;/a&gt;, &lt;a href="http://improveit.com.br/empresa/leandro"&gt;Leandro Mello&lt;/a&gt; e &lt;a href="http://juliomachado.net"&gt;Julio Machado&lt;/a&gt;.&lt;/p&gt;
    &lt;/div&gt;
  &lt;!--[if !IE] --&gt;
  &lt;/object&gt;
  &lt;!--&lt;![endif]--&gt;
&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;Quanto mais tosco e engra&#231;ado, mais memor&#225;vel. Compartilhe por a&#237; esses momentos de descontra&#231;&#227;o e ria a valer. Abra&#231;os!&lt;/p&gt;

&lt;h4&gt;P.S.: Sim, h&#225; uma mensagem subliminar em um deles, que reflete nossa posi&#231;&#227;o em rela&#231;&#227;o a certos contratos.&lt;/h4&gt;</description>
      <pubDate>Mon, 18 May 2009 09:38:00 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:e556cb0d-56da-4cc1-9383-306b904b43e5</guid>
      <author>Leandro Mello</author>
      <link>http://blog.improveit.com.br/articles/2009/05/18/videos-hilarios-do-be-on-the-net</link>
      <category>beonthenet</category>
      <category>v&#237;deos</category>
      <category>filmagem</category>
      <category>edi&#231;&#227;o</category>
      <category>making</category>
      <category>of</category>
      <category>erros</category>
      <category>marciano</category>
    </item>
    <item>
      <title>Redesign da p&#225;gina inicial do Be on the Net</title>
      <description>&lt;p&gt;H&#225; pouco mais de uma semana &lt;a href="http://www.improveit.com.br/empresa/vinicius"&gt;eu&lt;/a&gt; e o &lt;a href="http://www.improveit.com.br/empresa/leandro"&gt;Leandro&lt;/a&gt; redesenhamos a p&#225;gina inicial do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; e ela ficou &lt;a href="http://beonthe.net"&gt;assim&lt;/a&gt;:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://beonthe.net"&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_nova_pagina_inicial_do_be_on_the_net1.jpg" alt="Nova p&#225;gina inicial do Be on the Net" title="Nova p&#225;gina inicial do Be on the Net"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Para efeito de compara&#231;&#227;o, antes ela era assim:&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_antiga_pagina_inicial_do_be_on_the_net.jpg" alt="Antiga p&#225;gina inicial do Be on the net."/&gt;&lt;/p&gt;

&lt;p&gt;Na nossa opini&#227;o, a p&#225;gina inicial do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; melhorou muito com este exerc&#237;cio. Mas, meu objetivo aqui n&#227;o &#233; falar tanto sobre o resultado final, mas sim sobre o exerc&#237;cio que nos conduziu a ele. Experimentamos uma t&#233;cnica que nunca t&#237;nhamos usado e deu certo.&lt;/p&gt;

&lt;h2&gt;A estrutura do exerc&#237;cio&lt;/h2&gt;

&lt;p&gt;Para simplificar e acelerar a conversa, desenhei um ret&#226;ngulo no quadro branco que seria usado para experimentar id&#233;ias para a nova p&#225;gina. Do lado esquerdo dele, coloquei tr&#234;s palavras que resumem a ess&#234;ncia da mensagem que quer&#237;amos transmitir, ao lado de t&#243;picos importantes que tamb&#233;m deveriam ser tratados. Em seguida, imprimi as p&#225;ginas iniciais de v&#225;rios sites que consideramos interessantes. Elas foram coladas no quadro, com fita crepe, em torno do ret&#226;ngulo que mencionei antes. Veja:&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_quadro_onde_fizemos_o_redesign_da_pagina_inicial_do_be_on_the_net.jpg" alt="Quadro onde fizemos o redesign da p&#225;gina inicial do Be on the Net."/&gt;&lt;/p&gt;

&lt;p&gt;Talvez fique mais f&#225;cil identificar cada parte com as legendas abaixo:&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_quadro_onde_fizemos_o_redesign_da_pagina_inicial_do_be_on_the_net_com_legendas.jpg" alt="Quadro onde fizemos o redesign da p&#225;gina inicial do Be on the Net com legendas."/&gt;&lt;/p&gt;

&lt;h2&gt;Em busca de inspira&#231;&#227;o&lt;/h2&gt;

&lt;p&gt;As imagens acima mostram o exerc&#237;cio j&#225; em sua fase mais avan&#231;ada. No in&#237;cio o ret&#226;ngulo que chamei acima de &#225;rea de trabalho estava vazio. &lt;/p&gt;

&lt;p&gt;Come&#231;amos o exerc&#237;cio analisando os sites que hav&#237;amos impresso. &#201; importante mencionar que n&#227;o est&#225;vamos interessado no conte&#250;do completo da p&#225;gina inicial dos sites. S&#243; quer&#237;amos projetar aquela parte da p&#225;gina que aparece &#224; primeira vista, assim que entramos em um site. &#201; uma &#225;rea de aproximadamente 960 x 630 px, considerando-se uma resolu&#231;&#227;o de 1024 pixels e as devidas perdas com barra de rolagem, barra de programas etc. &lt;/p&gt;

&lt;p&gt;Avan&#231;ando de p&#225;gina em p&#225;gina dos demais sites, eu e o &lt;a href="http://www.improveit.com.br/empresa/leandro"&gt;Leandro&lt;/a&gt; nos pergunt&#225;vamos: o que h&#225; de bom no design dessa p&#225;gina? O que n&#227;o funcionou bem? Por que?&lt;/p&gt;

&lt;p&gt;Um detalhe importante &#233; que est&#225;vamos acomodados em puffs bem confort&#225;veis, a uma dist&#226;ncia de uns tr&#234;s metros do quadro. Isso era o suficiente para n&#227;o conseguirmos ler cada detalhe do que estava escrito nas p&#225;ginas. Em princ&#237;pio, isso seria ruim, mas logo revelou-se uma das melhores partes do exerc&#237;cio, praticamente por acaso.&lt;/p&gt;

&lt;h2&gt;Efeitos inesperados&lt;/h2&gt;

&lt;p&gt;Logo que come&#231;amos o exerc&#237;cio, percebemos que os tamanhos das fontes importam bastante, al&#233;m do posicionamento dos elementos. Quando olh&#225;vamos para sites que tinham muito texto na primeira p&#225;gina, a &#250;nica coisa que consegu&#237;amos ver era um borr&#227;o onde havia o texto. Se a fonte fosse suficientemente grande, como em um t&#237;tulo, por exemplo, a gente conseguia ler o t&#237;tulo. Caso contr&#225;rio, era apenas um borr&#227;o.&lt;/p&gt;

&lt;p&gt;Isso acontecia com a pr&#243;pria p&#225;gina do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; que est&#225;vamos tentando mudar. Olhando &#224; dist&#226;ncia, ela ficava assim:&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_antiga_pagina_inicial_do_be_on_the_net_quando_vista_de_longe_ou_rapidamente.jpg" alt="Antiga p&#225;gina inicial do Be on the Net quando vista de longe ou rapidamente."/&gt;&lt;/p&gt;

&lt;p&gt;Logo me dei conta que isso n&#227;o acontece apenas quando olhamos a p&#225;gina &#224; tr&#234;s metros de dist&#226;ncia. Efeito semelhante tende a acontecer assim que o visitante entra no site pela primeira vez. Nos primeiros tr&#234;s segundos, a pessoa tem uma impress&#227;o geral da p&#225;gina que est&#225; visitando. Dependendo dessa impress&#227;o, ela fica um pouco mais ou simplesmente navega para outro site. &lt;/p&gt;

&lt;p&gt;Tr&#234;s segundos &#233; pouqu&#237;ssimo tempo (se &#233; que chega a tanto). Ent&#227;o a pessoa s&#243; passa o olho. Na parte em que o texto &#233; pequeno e abundante, tudo o que ela v&#234; &#233; um borr&#227;o. Portanto, esse texto &#233; in&#250;til nesses primeiros segundos. Pior, ele &#233; um desperd&#237;cio de espa&#231;o, que poderia ser melhor aproveitado.&lt;/p&gt;

&lt;h2&gt;Constru&#231;&#227;o do texto&lt;/h2&gt;

&lt;p&gt;As percep&#231;&#245;es que obtivemos na primeira parte do exerc&#237;cio, quando analisamos cada um dos sites na nossa frente, nos ajudaram a compreender que &#233; necess&#225;rio eliminar tanto texto quanto poss&#237;vel e focar apenas no essencial. Da&#237; come&#231;ou a parte mais dif&#237;cil, que foi escrever o texto zilh&#245;es de vezes, eliminando cada vez mais, at&#233; que n&#227;o tiv&#233;ssemos mais o que tirar.&lt;/p&gt;

&lt;p&gt;O texto final, que pode ser visto se voc&#234; desabilitar o CSS, ficou assim:&lt;/p&gt;

&lt;p&gt;"&lt;em&gt;Seu neg&#243;cio encontrado, adorado, disputado.&lt;/em&gt;&lt;br/&gt;
&lt;em&gt;Fazemos seu site em 24 horas, lind&#227;o, sem limite de imagens e v&#237;deos e super bem posicionado nas buscas.&lt;/em&gt;&lt;br/&gt;
&lt;em&gt;S&#243; R$ 99 por m&#234;s.&lt;/em&gt;&lt;br/&gt;
&lt;em&gt;Pe&#231;a o seu.&lt;/em&gt;"&lt;/p&gt;

&lt;p&gt;&#201; &#243;bvio que h&#225; muito mais a se explicar sobre o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Mas, essa &#233; a ess&#234;ncia. Repare que a maior frase &#233;:&lt;/p&gt;

&lt;p&gt;"&lt;em&gt;Fazemos seu site em 24 horas, lind&#227;o, sem limite de imagens e v&#237;deos e super bem posicionado nas buscas.&lt;/em&gt;"&lt;/p&gt;

&lt;p&gt;Para facilitar a leitura e dar destaque &#224;s partes, criamos quadrados coloridos, nos quais colocamos cada parte da frase. Jogando com spans e CSS, eliminamos as pontua&#231;&#245;es da frase. Embora elas possam ser vistas normalmente, se o CSS n&#227;o estiver habilitado. Com isso, o site transmite a mensagem adequadamente, mesmo quando o CSS n&#227;o est&#225; presente.&lt;/p&gt;

&lt;p&gt;De um modo geral, procuramos utilizar fontes em tamanho grande, justamente para evitar que o texto ficasse "borrado" se visto de longe ou na correria. Isso s&#243; foi poss&#237;vel porque reduzimos absurdamente a quantidade de texto.&lt;/p&gt;

&lt;h2&gt;Finaliza&#231;&#227;o&lt;/h2&gt;

&lt;p&gt;O redesign consumiu pouco mais de dois dias. No primeiro, fizemos esse exerc&#237;cio no quadro que nos ajudou a alcan&#231;ar a id&#233;ia rapidamente. O &lt;a href="http://www.improveit.com.br/empresa/leandro"&gt;Leandro&lt;/a&gt; foi para o Photoshop e montou uma imagem representando o que viria a ser a p&#225;gina.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-05-04_leandro_fazendo_a_pagina_inicial_do_be_on_the_bet_no_photoshop.jpg" alt="Leandro fazendo a p&#225;gina inicial do Be on the Bet no Photoshop."/&gt;&lt;/p&gt;

&lt;p&gt;Depois do primeiro dia, o &lt;a href="http://www.improveit.com.br/empresa/leandro"&gt;Leandro&lt;/a&gt; consumiu outro dia e meio para fazer o CSS e, voil&#224;, agora temos uma p&#225;gina inicial bem melhor!&lt;/p&gt;

&lt;h2&gt;O que aprendemos&lt;/h2&gt;

&lt;p&gt;Mais uma vez, percebemos o poder de um quadro branco bem utilizado. Colocar tanta informa&#231;&#227;o quanto poss&#237;vel na nossa frente, em um quadro ou uma parede, ajuda muito. Al&#233;m disso, fazer a modelagem de uma solu&#231;&#227;o em conjunto com outra pessoa ou outras pessoas, acelera bastante as coisas. &lt;/p&gt;

&lt;p&gt;Olhando os demais sites pudemos perceber a import&#226;ncia de cada detalhe e isso nos levou a uma preocupa&#231;&#227;o maior com os detalhes do que est&#225;vamos construindo. Isso &#233; particularmente verdadeiro no que diz respeito ao texto. &#201; possivelmente a parte mais dif&#237;cil: encontrar as palavras certas, na medida certa. &lt;/p&gt;

&lt;p&gt;Gostamos muito do exerc&#237;cio e voltaremos a us&#225;-lo outras vezes para aprimorar as demais partes do site, incluindo o restante da p&#225;gina inicial.&lt;/p&gt;</description>
      <pubDate>Mon, 04 May 2009 04:51:04 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:e785e6c0-83a5-4e8b-8817-c0298b60fe40</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/05/04/redesign-da-p%C3%A1gina-inicial-do-be-on-the-net</link>
      <category>beonthenet</category>
      <category>marketing</category>
      <category>produto</category>
      <category>design</category>
    </item>
    <item>
      <title>Selo promocional do Be on the Net</title>
      <description>&lt;p&gt;Na semana passada &lt;a href="http://blog.improveit.com.br/articles/2009/04/08/uma-m&#227;ozinha-at&#233;-que-n&#227;o-ia-mal"&gt;n&#243;s pedimos uma m&#227;ozinha&lt;/a&gt; na divulga&#231;&#227;o do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; e v&#225;rias pessoas ajudaram. Escreveram em blogs, divulgaram no Twitter, comentaram com amigos e, com isso, nos ajudaram bastante. E aproveitaram para dar uma &#243;tima id&#233;ia: fazer um selo promocional do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, que pudesse ser colocado em blogs e sites. Excelente id&#233;ia!&lt;/p&gt;

&lt;p&gt;O selo est&#225; pronto:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://beonthe.net" title="Tenha seu site em 24h com o Be on the Net"&gt;&lt;img src="http://beonthe.net/accounts/beonthe.net/images/tenha_site_beonthenet.png" alt="Crie um site em 24h com o Be on the Net" title="Tenha seu site em 24h com o Be on the Net"&gt;&lt;/a&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Para coloc&#225;-lo em seu blog, tudo o que voc&#234; precisa fazer &#233; usar este c&#243;digo HTML:&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;&amp;lt;a href="http://beonthe.net" title="Tenha seu site em 24h com o Be on the Net"&amp;gt;
&amp;lt;img src="http://beonthe.net/accounts/beonthe.net/images/tenha_site_beonthenet.png" 
alt="Crie um site em 24h com o Be on the Net" title="Tenha seu site em 24h com o Be on the Net" /&amp;gt;
&amp;lt;/a&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Update&lt;/strong&gt;: Em tempo, a excelente id&#233;ia do selo foi do &lt;a href="http://www.raphamaster.com.br/"&gt;Raphael Franco&lt;/a&gt;.&lt;/p&gt;</description>
      <pubDate>Thu, 16 Apr 2009 10:06:13 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:4ed14123-7ad6-4f52-b453-0c048124ef3f</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/04/16/selo-promocional-do-be-on-the-net</link>
      <category>beonthenet</category>
      <category>marketing</category>
      <category>produto</category>
    </item>
    <item>
      <title>Fotografar'09 e Congresso Paulista da Foto</title>
      <description>&lt;p&gt;Nessa semana estaremos em S&#227;o Paulo participando da &lt;a href="http://feirafotografar.com.br/"&gt;Fotografar'09&lt;/a&gt; e do &lt;a href="http://feirafotografar.com.br/congresso/programacao.asp"&gt;Sexto Congresso Paulista da Foto&lt;/a&gt;. Os dois eventos ocorrem em paralelo no &lt;a href="http://freicanecashopping.com.br/convencoes/Conteudo.asp"&gt;Centro de Conven&#231;&#245;es Frei Caneca&lt;/a&gt;, entre os dias 14 e 16 de abril. &lt;/p&gt;

&lt;p&gt;A &lt;a href="http://feirafotografar.com.br/"&gt;Fotografar'09&lt;/a&gt; &#233; uma feira com entrada gratuita, onde os profissionais de fotografia ter&#227;o oportunidade de conhecer as &#250;ltimas novidades dos &lt;a href="http://feirafotografar.com.br/expositores/lista.asp"&gt;expositores&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-13_fotografar_2009.png" alt="Fotografar 2009"/&gt;&lt;/p&gt;

&lt;p&gt;J&#225; o &lt;a href="http://feirafotografar.com.br/congresso/programacao.asp"&gt;Congresso Paulista da Foto&lt;/a&gt; &#233; um evento pago, que contar&#225; com apresenta&#231;&#245;es de diversos expoentes da fotografia nacional e internacional.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-13_sexto_congresso_paulista_da_foto.jpg" alt="Sexto Congresso Paulista da Foto"/&gt;&lt;/p&gt;

&lt;p&gt;A &lt;a href="http://www.fhox.com.br"&gt;Revista Fhox&lt;/a&gt;, que organiza os dois eventos, convidou a fot&#243;grafa &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia Figueira&lt;/a&gt;, minha esposa, para participar de um debate sobre blog e sites de fotografia com os fot&#243;grafos &lt;a href="http://www.andersonmiranda.com.br/"&gt;Anderson Miranda&lt;/a&gt; e &lt;a href="http://www.ridoutphotography.com"&gt;Mark Ridout&lt;/a&gt;. &#201; um debate que promete. A Patricia vai revelar in&#250;meras li&#231;&#245;es que aprendeu com seu site (e blog) que est&#225; entre os mais acessados no Brasil, na &#225;rea de fotografia de eventos. &lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-13_blog_do_fogografo.jpg" alt="Blog do Fogografo"/&gt;&lt;/p&gt;

&lt;p&gt;A &lt;a href="http://www.fhox.com.br"&gt;Fhox&lt;/a&gt; tamb&#233;m me convidou para participar do &lt;a href="http://feirafotografar.com.br/congresso/atividades-paralelas.asp"&gt;Consulting Team&lt;/a&gt;, onde irei tirar d&#250;vidas dos congressistas e orientas sobre sites e blogs de fotografia. Ser&#225; uma grande oportunidade para falar sobre o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, conhecer alguns de nossos clientes e avaliar o que os fot&#243;grafos buscam quando pensam em fazer um site.&lt;/p&gt;

&lt;h2&gt;Promo&#231;&#227;o: um ano de Be on the Net de gra&#231;a!&lt;/h2&gt;

&lt;p&gt;Estamos levando para a feira e o congresso uma &#243;tima promo&#231;&#227;o, na qual iremos sortear tr&#234;s pr&#234;mios. O primeiro sorteado levar&#225; um ano de &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; de gra&#231;a. O segundo seis meses e o terceiro sorteado ter&#225; tr&#234;s meses gratuitos de &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Para participar da promo&#231;&#227;o, &#233; necess&#225;rio nos encontrar na feira e pegar conosco o item que dar&#225; acesso &#224; promo&#231;&#227;o. Provavelmente ser&#225; f&#225;cil nos encontrar. Seremos quatro pessoas circulando o dia todo (ter&#231;a-feira) com uma camisa verde, que tem o logotipo do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Ou voc&#234; pode vir conversar comigo diretamente no &lt;a href="http://feirafotografar.com.br/congresso/atividades-paralelas.asp"&gt;Consulting Team&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Se voc&#234; estiver por l&#225;, venha conversar conosco e participe da promo&#231;&#227;o. Ela tamb&#233;m &#233; v&#225;lida para os clientes atuais do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, naturalmente. &lt;/p&gt;

&lt;p&gt;Nos vemos em Sampa!&lt;/p&gt;</description>
      <pubDate>Sun, 12 Apr 2009 22:19:01 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:ea497a5a-ebcf-4863-b544-6b3cd9bbadad</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/04/12/fotografar09-e-congresso-paulista-da-foto</link>
      <category>beonthenet</category>
      <category>congresso</category>
      <category>fotografar09</category>
      <category>congresso paulista da foto</category>
    </item>
    <item>
      <title>Uma m&#227;ozinha at&#233; que n&#227;o ia mal</title>
      <description>&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-09_help_is_on_its_way.jpeg" alt="Help is on the way"/&gt;&lt;/p&gt;

&lt;p&gt;Foto de &lt;a href="http://www.flickr.com/photos/doctorow/"&gt;Cory Doctorow&lt;/a&gt; disponibilizada como &lt;a href="http://www.creativecommons.org.br"&gt;Creative Commons&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&#201; noite de sexta-feira, mais precisamente, do dia 15 de dezembro de 2007. Estou embarcando em um &#244;nibus, no qual passarei as pr&#243;ximas oito horas viajando pelo interior do Paran&#225;. De onde venho? De Francisco Beltr&#227;o, onde passei uma semana com a turma super bacana da &lt;a href="http://www.leosoft.com.br"&gt;LeoSoft&lt;/a&gt;. Estou voltando para casa.&lt;/p&gt;

&lt;p&gt;Para vencer as longas horas at&#233; o aeroporto de Curitiba, carrego um iPod, lotado de podcasts. Alguns deles me interessam em particular. S&#227;o discursos e entrevistas do &lt;a href="http://pt.wikipedia.org/wiki/Steve_Jobs"&gt;Steve Jobs&lt;/a&gt;, amado por muitos e odiado por tantos. Sobre ele, n&#227;o h&#225; meio termo, porque &#233; tinhoso demais para se prestar a essas mediocridades. H&#225; que se formar uma opini&#227;o: ou voc&#234; ama, ou voc&#234; odeia. Ponto final. Mas, independente de sua posi&#231;&#227;o, uma coisa &#233; ineg&#225;vel, o talento dele para inspirar &#233; insuper&#225;vel.&lt;/p&gt;

&lt;p&gt;Naquela &#233;poca, eu j&#225; queria muito abandonar toda a parte de consultoria, treinamento e mentoring em desenvolvimento &#225;gil para me dedicar exclusivamente a um novo modelo de neg&#243;cios: o desenvolvimento de produtos baseados na web. Faltava um empurr&#227;ozinho para isso acontecer. Ele veio naquela noite. Escutando a hist&#243;ria do &lt;a href="http://pt.wikipedia.org/wiki/Steve_Jobs"&gt;Steve Jobs&lt;/a&gt;, desde a funda&#231;&#227;o da &lt;a href="http://www.apple.com"&gt;Apple&lt;/a&gt;, e tudo o que ele passou at&#233; chegar ao que &#233; hoje. Foram mais de trinta anos de uma hist&#243;ria admir&#225;vel. Daquelas que n&#227;o passam nem um pouco despercebidas. &lt;/p&gt;

&lt;h2&gt;Bye bye Improve it&lt;/h2&gt;

&lt;p&gt;Dito e feito, chegando em Curitiba, enquanto esperava algumas horas para a neblina ir embora e o aeroporto voltar a operar, comecei a escrever o &lt;a href="http://blog.improveit.com.br/articles/2007/12/19/novos-rumos-em-2008"&gt;post&lt;/a&gt; em que disse adeus &#224; &lt;a href="http://www.improveit.com.br"&gt;Improve It&lt;/a&gt; que havia at&#233; ent&#227;o. O ano de 2008 foi o da transi&#231;&#227;o. Aos poucos fomos encerrando nossas atividades no antigo neg&#243;cio e estabelecendo as bases para o novo. Por fim, conclu&#237;mos nossa participa&#231;&#227;o no &lt;a href="http://www.improveit.com.br/podcast/improvecast-1-projeto-lucidus-no-xprio"&gt;Projeto Lucidus&lt;/a&gt;, lan&#231;amos o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, e atualmente nos dedicamos exclusivamente a ele.&lt;/p&gt;

&lt;p&gt;&#201; engra&#231;ado como a gente consegue resumir tanta coisa em poucas linhas. Mas, se eu fosse contar pra voc&#234;s a quantidade de noites que mal conseguia dormir, angustiado com a vontade de partir para um novo modelo, sem saber se daria certo ou n&#227;o, com medo de decepcionar meus companheiros de empresa, preocupado se conseguiria continuar a pagar as contas, seriam livros que teria que escrever. Os quais n&#227;o seriam l&#225; muito diferentes dos de tantos outros empreendedores. &lt;/p&gt;

&lt;p&gt;Seja como for, felizmente deu tudo certo at&#233; aqui. E agora que o produto est&#225; na rua, temos v&#225;rios clientes, a coisa est&#225; melhorando a cada dia e precisamos ir al&#233;m. Precisamos consolidar o que conquistamos, n&#227;o s&#243; para preservar, mas sobretudo para expandir. Portanto, precisamos aumentar a base de clientes, pagar o investimento que foi feito e come&#231;ar a ter retorno sobre ele o quanto antes. Ent&#227;o, gostaria de fazer um pedido.&lt;/p&gt;

&lt;h2&gt;Voc&#234; pode dar uma m&#227;ozinha?&lt;/h2&gt;

&lt;p&gt;Durante os anos em que estivemos envolvidos com &lt;a href="http://www.improveit.com.br/xp/manifesto_agil"&gt;desenvolvimento &#225;gil&lt;/a&gt;, produzimos um monte de material, principalmente sobre &lt;a href="http://www.improveit.com.br/xp"&gt;Extreme Programming&lt;/a&gt;: &lt;a href="http://www.improveit.com.br/xp/livroxp"&gt;livro&lt;/a&gt;, &lt;a href="http://www.improveit.com.br/xp/dissertacaoXP.pdf"&gt;disserta&#231;&#227;o&lt;/a&gt;, &lt;a href="http://www.improveit.com.br/podcast"&gt;podcasts&lt;/a&gt;, &lt;a href="http://www.improveit.com.br/fotos"&gt;fotos&lt;/a&gt;, &lt;a href="http://blog.improveit.com.br/articles/tag/v&#237;deo"&gt;v&#237;deos&lt;/a&gt;, &lt;a href="http://www.improveit.com.br/xp"&gt;artigos&lt;/a&gt;, debates em listas de discuss&#227;o, seis semestres de aulas de &lt;a href="http://www.improveit.com.br/xp"&gt;XP&lt;/a&gt; na &lt;a href="http://www.dcc.ufrj.br"&gt;UFRJ&lt;/a&gt; e por a&#237; vai. Al&#233;m disso, fiz &lt;a href="http://www.improveit.com.br/xp/palestra"&gt;palestras&lt;/a&gt; sobre &lt;a href="http://www.improveit.com.br/xp"&gt;Extreme Programming&lt;/a&gt; em tudo quanto &#233; canto do Brasil. Quase todas de gra&#231;a. Era tanta empolga&#231;&#227;o com assunto, que eu me contentava em lev&#225;-lo a outras pessoas, independente de receber ou n&#227;o por isso. Assim ajudei a organizar in&#250;meros encontros do &lt;a href="http://tech.groups.yahoo.com/group/xprio/"&gt;XP Rio&lt;/a&gt;, em muitos dos quais eu mesmo palestrei, fui em eventos, em empresas, em lugares pertos, em lugares longes, em lugares muito longes e assim por diante. Quando muito, 5% da audi&#234;ncia se sensibilizava com o assunto, mas para mim j&#225; era mais do que suficiente. &lt;/p&gt;

&lt;p&gt;Ent&#227;o, &#233; poss&#237;vel que voc&#234; seja uma das pessoas que, de alguma forma se beneficiou com o material que produzimos, ou com a &lt;a href="http://www.improveit.com.br/xp/palestra"&gt;palestra&lt;/a&gt; que ministrei, ou com o &lt;a href="http://www.improveit.com.br/podcast"&gt;podcast&lt;/a&gt; que escutou. Enfim, talvez tenhamos contribu&#237;do com algo &#250;til para voc&#234;. Se isso tiver acontecido, j&#225; fico para l&#225; de contente e mais do que ressarcido. Em todo caso, se voc&#234; tiver um tempinho e excedente de generosidade na conta, talvez haja algo que voc&#234; possa fazer n&#227;o apenas por mim, mas por n&#243;s tr&#234;s aqui da &lt;a href="http://www.improveit.com.br"&gt;Improve It&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;N&#243;s achamos o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; muito bacana, at&#233; porque, como bons pais, gostamos de nossa cria. :-) Talvez voc&#234; tamb&#233;m ache legal, talvez n&#227;o. Seja como for, seria uma tremenda for&#231;a para n&#243;s se voc&#234; pudesse comentar sobre ele com amigos que possam se beneficiar dele. Ou, quem sabe at&#233; escrever umas duas linhas a respeito em seu blog. Claro, seja honesto. N&#227;o pe&#231;o que voc&#234; saia por a&#237; dizendo que o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; &#233; o maior barato se considerar o contr&#225;rio. Pe&#231;o apenas que, se poss&#237;vel, d&#234; sua opini&#227;o sincera sobre ele. Fale sobre ele. Isso seria de enorme valia para n&#243;s. &lt;/p&gt;

&lt;p&gt;Como o produto &#233; novo, ainda n&#227;o h&#225; tanta gente assim que o conhe&#231;a. O que estou buscando aqui, com a sua ajuda, &#233; apenas permitir que um pouquinho mais de gente fique sabendo dele. Com sorte, pode at&#233; ser que v&#225;rias pessoas resolvam comentar e muita gente nova venha a conhecer o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. E se isso acontecer, talvez todos n&#243;s aqui e voc&#234; a&#237;, ganhemos algo ainda maior: mais um exemplo de que &#233; poss&#237;vel.&lt;/p&gt;

&lt;h2&gt;Exemplos de empreendimentos na web&lt;/h2&gt;

&lt;p&gt;Enquanto escrevo essas palavras, h&#225; um monte de desenvolvedores, espalhados pelo Brasil, ansiosos por construir um produto com o qual possam ganhar a vida. Eles olham para exemplos bem sucedidos l&#225; de fora como o da &lt;a href="http://www.37signals.com/"&gt;37signals&lt;/a&gt;, do &lt;a href="http://github.com"&gt;GitHub&lt;/a&gt;, da &lt;a href="http://www.threadless.com/"&gt;Threadless&lt;/a&gt;, do &lt;a href="http://www.railsenvy.com/"&gt;RailsEnvy&lt;/a&gt;, do &lt;a href="http://peepcode.com/"&gt;Peepcode&lt;/a&gt;, dos &lt;a href="http://www.pragprog.com/"&gt;Pragmatic Programmers&lt;/a&gt; e v&#225;rios outros que nasceram com duas ou tr&#234;s pessoas e deram certo. E eles pensam: ser&#225; que d&#225; para fazer isso aqui no Brasil? &#201; claro que d&#225;! Mas, quem fez? H&#225; v&#225;rios exemplos, mas vou me concentrar em um, porque de todos &#233; o que mais gosto: o da &lt;a href="http://www.egenialsas.com.br"&gt;e-Genial&lt;/a&gt;, com seu fant&#225;stico &lt;a href="http://www.treinatom.com.br/pt/"&gt;TreinaTom&lt;/a&gt;. Pelo que o &lt;a href="http://www.treinatom.com.br/pt/"&gt;TreinaTom&lt;/a&gt; &#233;, o Carlos j&#225; deveria estar milion&#225;rio, isso se ainda n&#227;o estiver. :-) Para mim ele &#233; o exemplo maior do que &#233; poss&#237;vel fazer aqui, com pouca gente, muita vontade, dedica&#231;&#227;o e talento.&lt;/p&gt;

&lt;p&gt;Acho que precisamos de mais e mais exemplos como o dele. N&#243;s aqui nada mais fazemos do que seguir o exemplo da &lt;a href="http://www.egenialsas.com.br"&gt;e-Genial&lt;/a&gt;, das demais empresas que citei e de tantas outras. N&#227;o acho que sejamos ainda um exemplo para ningu&#233;m, em se tratando do modelo de neg&#243;cio que temos atualmente. Mas, talvez possamos ser futuramente. Acho que toda a nossa comunidade de desenvolvimento se beneficia com os sucessos na web, sobretudo os locais, aqueles mais pr&#243;ximos de n&#243;s, os brasileiros. Para que ningu&#233;m diga que s&#243; &#233; poss&#237;vel l&#225; fora, que aqui n&#227;o h&#225; outro jeito sen&#227;o passar os dias entre o mart&#237;rio dos engarrafamentos e o fardo de fazer um trabalho muito do mais ou menos, sob a batuta de um chefe dilbertesco. &lt;/p&gt;

&lt;p&gt;Se voc&#234; acha que escrever duas linhas sobre o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; em seu blog seria pouco para fazer diferen&#231;a, permita-me te propor uma experi&#234;ncia elucidativa sobre a capacidade desproporcional daqueles que parecem mi&#250;dos &#224; primeira vista. Experimente dormir com um mosquito no quarto e depois me conte sobre a diferen&#231;a que ele fez. :-)&lt;/p&gt;</description>
      <pubDate>Wed, 08 Apr 2009 22:32:29 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:d981f130-2f2b-4c59-b49b-81fdc1a52221</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/04/08/uma-m%C3%A3ozinha-at%C3%A9-que-n%C3%A3o-ia-mal</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>empreendedorismo</category>
    </item>
    <item>
      <title>Be on the Net: acompanhe o crescimento</title>
      <description>&lt;p&gt;Se o &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; fosse um rec&#233;m-nascido feliz e saltitante, ele se pronunciaria mais ou menos assim:&lt;/p&gt;

&lt;p&gt;&lt;object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' height='500' id='viddler_video' width='640'&gt;
  &lt;param name='movie' value='http://www.viddler.com/simple/86420214/' /&gt;
  &lt;!--[if !IE]&gt; --&gt;
  &lt;object type="application/x-shockwave-flash" height="500" data="http://www.viddler.com/simple/86420214/" width="640"  &gt;
  &lt;!--&lt;![endif]--&gt;
    &lt;div&gt;
      &lt;h1&gt;Nasceu Be on the Net (dura&#231;&#227;o: 28s)&lt;/h1&gt;
      &lt;p&gt;Fazemos seu site em &lt;strong&gt;24 horas&lt;/strong&gt;, lind&#227;o, &lt;strong&gt;sem limite&lt;/strong&gt; de imagens e v&#237;deos e &lt;strong&gt;super bem posicionado&lt;/strong&gt; nas buscas. S&#243; &lt;strong&gt;R$ 99&lt;/strong&gt; por m&#234;s. &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;: seu neg&#243;cio encontrado, adorado, &lt;strong&gt;disputado&lt;/strong&gt;.&lt;/p&gt;
      &lt;p&gt;O &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; nasceu em 24/12/2008, como o jeito f&#225;cil, r&#225;pido e barato de se ter uma presen&#231;a de alto n&#237;vel na internet. Be on the Net &#233; um produto da &lt;a href="http://improveit.com.br/br"&gt;Improve It&lt;/a&gt;.&lt;/p&gt;
      &lt;p&gt;Ficha:&lt;/p&gt;
      &lt;p&gt;A equipe por tr&#225;s do Be on the Net;&lt;/p&gt;
      &lt;p&gt;Desenvolvedores: &lt;a href="http://improveit.com.br/empresa/vinicius"&gt;Vin&#237;cius Teles&lt;/a&gt; e &lt;a href="http://improveit.com.br/empresa/tapajos"&gt;Marcos Tapaj&#243;s&lt;/a&gt;;&lt;br /&gt;
      Designer: &lt;a href="http://improveit.com.br/empresa/leandro"&gt;Leandro Mello&lt;/a&gt;&lt;/p&gt;
      &lt;p&gt;Para assistir a este v&#237;deo, &lt;a href='http://www.adobe.com/go/getflashplayer'&gt;baixe o Adobe Flash Player&lt;/a&gt;.&lt;/p&gt;
    &lt;/div&gt;
  &lt;!--[if !IE] --&gt;
  &lt;/object&gt;
  &lt;!--&lt;![endif]--&gt;
&lt;/object&gt;&lt;/p&gt;

&lt;blockquote class="excerpt"&gt;
  &lt;p&gt;Nas pr&#243;ximas semanas, todos os dias o site do Be on the Net vai ganhar uma pequena melhoria de design.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Pois &#233;. Nesta 38&amp;ordf; itera&#231;&#227;o do Sistema &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, estamos come&#231;ando tamb&#233;m a uma segunda fase de design do site. Nas pr&#243;ximas semanas, &lt;em&gt;todos os dias o site do &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; vai ganhar uma pequena melhoria de design&lt;/em&gt;. Um &#237;cone novo, um alinhamento melhorzinho, um sombreado estiloso aqui, uma tipografia aprimorada ali.&lt;/p&gt;

&lt;p&gt;Por isso convidamos voc&#234; a visitar o site do &lt;a title="Conhe&#231;a Be on the Net, o jeito f&#225;cil de ter uma presen&#231;a de alto n&#237;vel na internet. Crie seu site em minutos e tenha espa&#231;o ilimitado para imagens e v&#237;deos. Be on the Net. Finalmente, online de verdade." href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; uma vezinha todo dia, e ir curtindo as novidades. Quem sabe voc&#234; n&#227;o fica com &#225;gua na boca e adquire o seu? &amp;nbsp; :)&lt;/p&gt;</description>
      <pubDate>Mon, 06 Apr 2009 06:50:53 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:a880e7d9-5035-4981-9660-b4d182761fd7</guid>
      <author>Leandro Mello</author>
      <link>http://blog.improveit.com.br/articles/2009/04/06/be-on-the-net-acompanhe-o-crescimento</link>
      <category>beonthenet</category>
      <category>design</category>
      <category>layout</category>
      <category>CSS</category>
      <category>melhoria</category>
    </item>
    <item>
      <title>Desalinhamento de interesses</title>
      <description>&lt;p&gt;Voc&#234; e seu filho saem para dar um passei no parquinho, no que promete ser um belo dia de Sol. Mas, antes que voc&#234; tenha a chance de colocar o pimpolho para brincar, algu&#233;m aparece oferecendo uma enciclop&#233;dia, cujo pre&#231;o est&#225; reduzid&#237;ssimo e, portanto, imperd&#237;vel. Quando voc&#234; finalmente consegue convencer o chato do vendedor a ir encher a paci&#234;ncia de outro, a poucos metros do brinquedo favorido do filhote aparece ningu&#233;m menos que o tem&#237;vel vendedor de flanelas. Em pouco tempo, o que seria um momento de alegria com o filho, se transforma em tormento, gra&#231;as ao temido vendedor de &lt;strong&gt;&lt;em&gt;&lt;/strong&gt;&lt;strong&gt;&lt;/em&gt;&lt;/strong&gt;&lt;strong&gt;&lt;em&gt;&lt;/strong&gt;&lt;/em&gt;_ preencha a lacuna com a inutilidade preferida. &lt;/p&gt;

&lt;p&gt;A cada dia que passa, o par&#225;grafo acima parece descrever melhor nossa experi&#234;ncia de uso da web. Por todos os lados, o que mais se v&#234; s&#227;o sites cujo prop&#243;sito b&#225;sico &#233; oferecer aos visitantes todo tipo de quinquilharia. An&#250;ncios proliferam e cada vez mais procuram se concentrar exatamente naquele ponto em que seus olhos parecem preferir olhar, ou o ponteiro do mouse parece preferir clicar. Bem-vindo ao maravilhoso mundo do &lt;a href="http://www.google.com/adsense"&gt;Google AdSense&lt;/a&gt; e de outras ferramentas semelhantes!&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-02_annoying_seller.jpeg" alt="Annoying Seller"/&gt;  &lt;/p&gt;

&lt;p&gt;Foto de &lt;a href="http://www.flickr.com/photos/pixelmaniatik/sets/"&gt;PixelManiatiK&lt;/a&gt; disponibilizada como &lt;a href="http://www.creativecommons.org.br/"&gt;Creative Commons&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;Google AdSense&lt;/h1&gt;

&lt;p&gt;O &lt;a href="http://www.google.com/adsense"&gt;Google AdSense&lt;/a&gt;, caso voc&#234; n&#227;o conhe&#231;a, &#233; uma ferramenta que te permite colocar an&#250;ncios do Google em seu site. Se algu&#233;m clica em um an&#250;ncio, o Google ganha uma graninha e voc&#234; leva um percentual. Bem promissor, n&#227;o? Ent&#227;o, se voc&#234; conseguir atrair bastante gente para seu site, &#233; poss&#237;vel que v&#225;rias pessoas cliquem nos an&#250;ncios e voc&#234; se d&#234; bem.&lt;/p&gt;

&lt;p&gt;De fato, a coisa &#233; t&#227;o promissora, que in&#250;meros neg&#243;cios s&#227;o criados na web com o &#250;nico prop&#243;sito de explorar o potencial da propaganda, que em grande parte passa pelo uso do &lt;a href="http://www.google.com/adsense"&gt;Google AdSense&lt;/a&gt;. Para muita gente, &#233; quase como se este fosse o &#250;nico jeito de ganhar dinheiro na web. &lt;/p&gt;

&lt;h1&gt;Quem ganha e quem perde?&lt;/h1&gt;

&lt;p&gt;Uma an&#225;lise superficial dessa quest&#227;o poderia nos fazer crer que os visitantes dos sites que usam o &lt;a href="http://www.google.com/adsense"&gt;Google AdSense&lt;/a&gt; e outros instrumentos de propaganda s&#243; saem prejudicados. Afinal, t&#234;m que conviver com p&#225;ginas polu&#237;das, cheias de an&#250;ncios que procuram se misturar, se confundir, com o conte&#250;do do site. Mas h&#225; o outro lado da moeda. &lt;/p&gt;

&lt;p&gt;O faturamento gerado pela publicidade &#224;s vezes viabiliza o pr&#243;prio site em si. Ent&#227;o, se ele oferece algo &#250;til, no meio daquele monte de propaganda, &#233; poss&#237;vel que a conta esteja sendo paga pela propaganda em si. Portanto, em princ&#237;pio, pode haver alguma utilidade para aquele monte de vendedores chatos que brigam pela sua aten&#231;&#227;o no site.&lt;/p&gt;

&lt;p&gt;Por sua vez, para o dono do site, o benef&#237;cio da propaganda &#233; &#243;bvio. Ele pode ganhar dinheiro com ela e fim de hist&#243;ria. Mas, quem realmente ganha nessa hist&#243;ria &#233; o Google e as demais empresas que operam solu&#231;&#245;es semelhantes ao &lt;a href="http://www.google.com/adsense"&gt;AdSense&lt;/a&gt;. &#201; uma quest&#227;o b&#225;sica de alavancagem. Enquanto voc&#234; ganha apenas com as propagandas colocadas em seu site, o Google ganha com as propagandas mostradas em um n&#250;mero imenso de sites. Ent&#227;o, advinha quem realmente se d&#225; bem?&lt;/p&gt;

&lt;p&gt;Resumindo, o Google e as demais empresas que oferecem servi&#231;os semelhantes ao &lt;a href="http://www.google.com/adsense"&gt;AdSense&lt;/a&gt; se d&#227;o muito, muito, muito bem. O dono de um site que usa &lt;a href="http://www.google.com/adsense"&gt;AdSense&lt;/a&gt; pode ganhar um trocado e voc&#234;, visitante, &#224;s vezes se d&#225; bem porque &#233; o &lt;a href="http://www.google.com/adsense"&gt;AdSense&lt;/a&gt; quem paga a conta de um servi&#231;o que possivelmente tenha utilidade para voc&#234;. Se todo mundo ganha alguma coisa, poder&#237;amos considerar que os interesses est&#227;o razoavelmente alinhados, certo? Talvez n&#227;o.&lt;/p&gt;

&lt;h1&gt;Imunidade&lt;/h1&gt;

&lt;p&gt;Antes de prosseguir, seria bom deixar claro o que considero como alinhamento de interesses. No &lt;a href="http://blog.improveit.com.br/articles/2009/04/01/alinhamento-de-interesses"&gt;artigo de ontem&lt;/a&gt;, eu mostrei que quanto melhor o site de nosso clientes fossem, melhor para a sociedade. Quanto mais &#250;til eles fossem para a sociedade, melhor para nossos clientes, e quanto melhor fosse para nossos clientes, melhor seria para n&#243;s, e quanto melhor fosse para n&#243;s, melhor seria para nossos clientes e a sociedade. E assim vai. O que &#233; bom para um, &#233; &#243;timo para todos. Isso &#233; o que eu chamo de alinhamento de interesses.&lt;/p&gt;

&lt;p&gt;&#201; poss&#237;vel alinhar os interesses dessa forma no modelo baseado em publicidade? Acredito que n&#227;o. &lt;/p&gt;

&lt;p&gt;Para o Google, o ideal seria que cada site veiculasse mais e mais publicidade. Extrapolando isso ao maior n&#237;vel poss&#237;vel, o ideal seria que cada site fosse apenas um grande apanhado de propagandas. Isso &#233; o que poderia lhe gerar o maior retorno poss&#237;vel.&lt;/p&gt;

&lt;p&gt;Por sua vez, para o dono de um site, o ideal seria ganhar o m&#225;ximo poss&#237;vel de dinheiro. E se publicidade &#233; o caminho, ent&#227;o ele tamb&#233;m poderia colocar tanto &lt;a href="http://www.google.com/adsense"&gt;AdSense&lt;/a&gt; quanto poss&#237;vel. Exceto que a&#237; come&#231;a a aparecer um problema. Se ele cria o site para veicular algum conte&#250;do, j&#225; n&#227;o pode mais, pois extrapolando, o ideal &#233; que o site tenha apenas publicidade.&lt;/p&gt;

&lt;p&gt;Por sua vez, para o visitante do site, quanto mais publicidade, menos &#250;til ele &#233;. Portanto, quanto mais "ajudamos" o Google e o dono do site, menos beneficiamos o visitante. Na verdade, para o visitante, o ideal seria que ocorresse o extremo oposto do que &#233; bom para o Google e o dono do site. Ele gostaria de poder acessar o conte&#250;do sem ter que lidar com a polui&#231;&#227;o dos an&#250;ncios. Gostaria de poder passear no parque com o filho, sem ter que lidar com vendedores chatos. Portanto, os interesses s&#227;o claramente conflitantes, desalinhados. &lt;/p&gt;

&lt;p&gt;A situa&#231;&#227;o atual &#233; t&#227;o s&#233;ria, que da parte dos visitantes cada vez se observa mais um comportamento de imunidade. Ou seja, as pessoas est&#227;o ficando imunes a qualquer tipo de propaganda. &#201; como se a propaganda fosse invis&#237;vel. Os visitantes n&#227;o querem saber do que se trata, n&#227;o querem olhar para aquilo e t&#234;m nojo da porcariada que se espalha pelos sites. No meu caso, por exemplo, toda vez que vejo um site com an&#250;ncios, &#233; como se estes an&#250;ncios formassem uma &#225;rea vazia na p&#225;gina. Eu n&#227;o olho para elas, eu as desprezo completamente.&lt;/p&gt;

&lt;h1&gt;Alternativas&lt;/h1&gt;

&lt;p&gt;Por mais incr&#237;vel que isso possa parecer para algumas pessoas, publicidade n&#227;o &#233; a &#250;nica forma de ganhar dinheiro na web. E me assusta que tanta gente boa esteja investindo seu talento exclusivamente em neg&#243;cios baseados em publicidade na web, enquanto h&#225; um mundo de oportunidades para se construir sites e aplicativos realmente &#250;teis, com modelos de neg&#243;cio que n&#227;o tenham necessariamente que envolver publicidade.&lt;/p&gt;

&lt;p&gt;Concluo deixando uma dica: &lt;strong&gt;conveni&#234;ncia&lt;/strong&gt;. Grave essa palavra na sua mente. O que voc&#234; prefere? Enfrentar a fila do banco ou acessar o internet banking do conforto do lar? Voc&#234; prefere a conveni&#234;ncia fazer o que precisa, sem ter que sair de casa.&lt;/p&gt;

&lt;p&gt;Falta de tempo parece ser a principal queixa das pessoas nos dias de hoje. Enquanto isso &#233; problema para uns, &#233; oportunidade para outros. Se voc&#234; cria algo na web que poupa o tempo das pessoas h&#225; grandes chances de que voc&#234; possa cobrar pelo que oferece e ter&#225; muita gente interessada. Se voc&#234; cria algo &#250;til, que ajuda as pessoas a ganharem tempo, a executar uma tarefa, a poupar dinheiro, ou simplesmente ter acesso a informa&#231;&#227;o relevante, n&#227;o h&#225; mal nenhum em cobrar pelo servi&#231;o. Voc&#234; ajuda o mundo a se tornar um lugar melhor, ganha a merecida recompensa e n&#227;o tem que recorrer a publicidade. N&#227;o que publicidade seja a raiz de todos os males. Mas, certamente tamb&#233;m n&#227;o &#233; o &#250;nico meio de ganhar dinheiro na web. At&#233; porque, se algu&#233;m ainda n&#227;o se deu conta disso, web n&#227;o &#233; TV, portanto, n&#227;o tem que viver s&#243; de an&#250;ncios e porcarias.&lt;/p&gt;</description>
      <pubDate>Thu, 02 Apr 2009 12:04:44 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:cb52eb0f-bd30-4cb8-baf0-2f499d6e6af7</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/04/02/desalinhamento-de-interesses</link>
      <category>publicidade</category>
      <category>adsense</category>
    </item>
    <item>
      <title>Alinhamento de interesses</title>
      <description>&lt;p&gt;Dois amigos t&#234;m que dividir uma pizza em dois peda&#231;os iguais. Um deles se oferece para dividir a pizza e escolher um peda&#231;o para o amigo. Mas, o outro, percebendo o risco que corre, sugere: voc&#234; divide e eu escolho qual vai ser meu peda&#231;o.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-04-01_pizza.jpeg" alt="Pizza"/&gt;&lt;/p&gt;

&lt;p&gt;Foto de &lt;a href="http://www.flickr.com/photos/wwny"&gt;wEnDaLicious&lt;/a&gt;, disponibilizada como &lt;a href="http://www.creativecommons.org.br/"&gt;Creative Commons&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Agora ningu&#233;m corre o risco de ficar com um peda&#231;o menor. Usando esta solu&#231;&#227;o, os interesses ficam perfeitamente alinhados. Esse &#233; um caso cl&#225;ssico e bastante simples de &lt;a href="http://en.wikipedia.org/wiki/Divide_and_choose"&gt;fair division&lt;/a&gt;, da &lt;a href="http://pt.wikipedia.org/wiki/Teoria_dos_jogos"&gt;Teoria dos Jogos&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Essa id&#233;ia &#233; usada em &lt;a href="http://www.improveit.com.br/xp"&gt;XP&lt;/a&gt;, no &lt;a href="http://www.improveit.com.br/xp/praticas/contrato"&gt;contrato de escopo negoci&#225;vel&lt;/a&gt;. Enquanto os contratos tradicionais de desenvolvimento de software levam as partes a conflitos permanentes, porque os interesses se op&#245;em, o &lt;a href="http://www.improveit.com.br/xp/praticas/contrato"&gt;contrato de escopo negoci&#225;vel&lt;/a&gt; alinha os interesses, de modo que os conflitos passam a ser raros. &lt;/p&gt;

&lt;h1&gt;Buscando o alinhamento no Be on the Net&lt;/h1&gt;

&lt;p&gt;Trabalhando em diferentes projetos &lt;a href="http://www.improveit.com.br/xp"&gt;XP&lt;/a&gt;, pude observar que o uso deste tipo de &lt;a href="http://www.improveit.com.br/xp/praticas/contrato"&gt;contrato&lt;/a&gt; &#233; um dos principais elementos que ajudam a garantir o bom funcionamento dos projetos. Os efeitos desse alinhamento de interesses s&#227;o t&#227;o positivos que eu queria traz&#234;-los para o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Ent&#227;o, enquanto conceb&#237;amos o modelo de neg&#243;cio, sempre pens&#225;vamos em como alinhar tr&#234;s interesses fundamentais:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Os nossos&lt;/li&gt;
&lt;li&gt;Os dos nossos clientes (os donos dos sites)&lt;/li&gt;
&lt;li&gt;Os dos visitantes dos sites de nossos clientes (a sociedade de um modo geral)&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;Solu&#231;&#227;o&lt;/h1&gt;

&lt;p&gt;A solu&#231;&#227;o &#233; simples: para cada cliente, tente criar o melhor site poss&#237;vel. Fa&#231;a com que o site seja rico em conte&#250;do &#250;til. Permita que o cliente possa colocar tanto conte&#250;do quanto quiser, seja no formato de texto, imagens ou v&#237;deos. Fa&#231;a com que o site seja bonito e atrativo. E, por fim, fa&#231;a com que seja extremamente funcional. Em suma, usando uma g&#237;ria bem comum aqui no Rio, fa&#231;a o site de cada cliente "bombar".&lt;/p&gt;

&lt;p&gt;Por que esse &#233; o melhor caminho para todo mundo? Comecemos pelo nosso cliente. Ele nos paga justamente para que possa ter um site que lhe gere novos neg&#243;cios. Ele adota uma presen&#231;a na internet, na esperan&#231;a de que seu trabalho possa ser encontrado facilmente e possa ser mostrado de modo atraente. Em suma, ele quer conquistar mais e mais clientes atrav&#233;s do site. &lt;/p&gt;

&lt;p&gt;A sociedade, por sua vez, quer encontrar informa&#231;&#227;o relevante na internet. Quer encontrar sites &#250;teis, f&#225;ceis de usar, que v&#227;o direto ao ponto e resolvem o problema. As pessoas est&#227;o fartas de sites cheios de penduricalhos, mas pobres de conte&#250;do. Ent&#227;o, quando os sites de nossos clientes oferecem conte&#250;do relevante, de um modo f&#225;cil de usar e com apar&#234;ncia agrad&#225;vel, as pessoas agradecem.&lt;/p&gt;

&lt;p&gt;E o que n&#243;s ganhamos ajudando nossos clientes a mandarem bem e a sociedade a achar sites &#250;teis? N&#243;s ganhamos mais clientes e, portanto, mais faturamento.&lt;/p&gt;

&lt;p&gt;Quanto mais gente conhece os sites de nossos clientes, mais conhecem o produto sobre o qual estes sites s&#227;o constru&#237;dos: o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. No rodap&#233; de cada site que fazemos h&#225; uma linha assim: "Powered by &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, um produto da &lt;a href="http://www.improveit.com.br"&gt;Improve It&lt;/a&gt;". Sendo assim, quanto mais gente acessa os sites que criamos, mais gente vem at&#233; n&#243;s. Sobretudo se o site que est&#227;o acessando &#233; &#250;til, atraente e funcional.&lt;/p&gt;

&lt;p&gt;Com o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, conseguimos alinhar perfeitamente nossos interesses, com os dos nossos clientes e da sociedade. Isso faz com que tenhamos interesse real e genu&#237;no de fazer o melhor servi&#231;o poss&#237;vel, porque todos ganham dessa forma, sobretudo n&#243;s mesmos. &lt;/p&gt;

&lt;h1&gt;O alinhamento de interesses em um exemplo pr&#225;tico&lt;/h1&gt;

&lt;p&gt;Quando o site de um cliente est&#225; todo configurado, parte do trabalho que ainda nos resta consiste em pesquisar as melhores palavras-chave para introduzir em pontos estrat&#233;gicos do site, de modo a alimentar o Google e, com isso, conquistar uma posi&#231;&#227;o melhor nos resultados das buscas. Isso &#233; parte do &lt;a href="http://pt.wikipedia.org/wiki/Otimiza&#231;&#227;o_para_motores_de_busca"&gt;SEO&lt;/a&gt; que est&#225; embutido em nosso servi&#231;o. N&#243;s pesquisamos palavras que tenham a ver com todos os tipos de servi&#231;o oferecidos por um cliente. &lt;/p&gt;

&lt;p&gt;Uma vez, deparei-me com um fot&#243;grafo que oferece v&#225;rios tipos de servi&#231;os fotogr&#225;ficos, al&#233;m de vender in&#250;meros tipos de produtos com aplica&#231;&#227;o de fotos. Pesquisar palavras-chave para cada um dos servi&#231;os e produtos oferecido seria tarefa das mais &#225;rduas. Confesso que me senti intimidado. Mas, logo em seguida, me dei conta de que era o &#250;nico caminho a trilhar. &lt;/p&gt;

&lt;p&gt;A natureza humana falou mais alto, isto &#233;, meu pr&#243;prio ego&#237;smo se manifestou, e me fez perceber que, para meu pr&#243;prio bem, o melhor a fazer era pesquisar arduamente cada palavra-chave, para cada segmento em que aquele fot&#243;grafo trabalhasse. Eu sabia que ele ia ganhar muito com isso, mas naquele momento, estava pensando mais em mim mesmo, pois eu ia ganhar tanto ou mais, se fizesse meu cliente "bombar". Foi nesse momento que senti na pele o poder do alinhamento de interesses. Quanto mais pensava em mim, mais agia em prol dos interesses do meu cliente e da sociedade!&lt;/p&gt;</description>
      <pubDate>Wed, 01 Apr 2009 03:25:20 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:04309dec-d792-4c0a-bad7-db4681104205</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/04/01/alinhamento-de-interesses</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>seo</category>
    </item>
    <item>
      <title>Sequestro de marcas</title>
      <description>&lt;p&gt;Qual a melhor forma de preservar um cliente? Acorrentando-o. Pelo menos &#233; como pensam e agem muitas empresas, na web e fora dela.&lt;/p&gt;

&lt;p&gt;Na web, uma das formas mais habituais de acorrentar um cliente consiste em "tomar conta" de seu &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;. Algu&#233;m &#233; contratado para fazer um site e tamb&#233;m aproveita para &lt;a href="http://registro.br"&gt;registrar o dom&#237;nio&lt;/a&gt; do cliente. Se um dia o cliente resolve partir para outro servi&#231;o, ele descobre que ter&#225; problemas. Pois a pessoa que fez o site n&#227;o quer fazer as altera&#231;&#245;es necess&#225;rias no &lt;a href="http://registro.br"&gt;registro do dom&#237;nio&lt;/a&gt;. Portanto, o cliente est&#225; preso! &#192;s vezes, o fulano que fez o site at&#233; permite que o cliente v&#225; para outro servi&#231;o, mas h&#225; que se pagar uma bela multa, que at&#233; ent&#227;o o cliente n&#227;o sabia que existia.&lt;/p&gt;

&lt;p&gt;Este tipo de pilantragem &#233; extremamente comum e profundamente lament&#225;vel. V&#225;rias pessoas que migraram para &lt;a href="http://beonthe.net"&gt;nosso servi&#231;o&lt;/a&gt; passaram por essa experi&#234;ncia. Algumas chegaram ao ponto de simplesmente desistir do &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt; que tinham. Optaram por criar um novo, diante dos problemas criados por quem lhes sequestrou o &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;O que mais me entristece nessa quest&#227;o &#233; que n&#227;o h&#225; nenhuma necessidade de o cliente passar por isso. Basta que ele pr&#243;prio fa&#231;a o &lt;a href="http://registro.br"&gt;registro de seu dom&#237;nio&lt;/a&gt;. Aqui no Brasil, o &lt;a href="http://registro.br"&gt;Registro.br&lt;/a&gt; cuida do &lt;a href="http://registro.br"&gt;registro dos dom&#237;nios&lt;/a&gt; que terminam em &lt;strong&gt;.br&lt;/strong&gt;. Qualquer pessoa pode &lt;a href="http://registro.br"&gt;registrar um dom&#237;nio&lt;/a&gt; l&#225; e o custo &#233; baixo. S&#227;o apenas R$ 30,00 por ano. Antigamente, apenas pessoas jur&#237;dicas podiam &lt;a href="http://registro.br"&gt;registrar dom&#237;nios .com.br&lt;/a&gt;. Mas, esta restri&#231;&#227;o j&#225; n&#227;o existe mais, o que tornou o processo ainda mais f&#225;cil para quem quiser ter seu pr&#243;prio &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;Dom&#237;nio = Marca&lt;/h1&gt;

&lt;p&gt;Em se tratando da internet, o &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt; de uma empresa &#233; t&#227;o importante quanto a sua marca. &#201; algo que precisa ser preservado para a vida toda. Quem cuida do seu site pode at&#233; mudar ao longo do tempo, mas seu direito ao uso do &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt; tem que ser preservado. A maneira mais garantida de fazer isso &#233; &lt;a href="http://registro.br"&gt;registrando voc&#234; mesmo&lt;/a&gt;. E, embora seja poss&#237;vel &lt;a href="http://registro.br"&gt;registrar&lt;/a&gt; atrav&#233;s de um servi&#231;o de hosting, ou provedor, minha recomenda&#231;&#227;o &#233; que voc&#234; evite isso tamb&#233;m. Fa&#231;a o &lt;a href="http://registro.br"&gt;registro&lt;/a&gt; diretamente com o &lt;a href="http://registro.br"&gt;Registro.br&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;Por conta do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, lidamos com essa quest&#227;o o tempo todo. Mas, nossa postura &#233; muito clara a esse respeito. &#201; sempre o cliente quem deve &lt;a href="http://registro.br"&gt;registrar&lt;/a&gt;. N&#243;s n&#227;o registramos por ele. Se o &lt;a href="http://registro.br"&gt;registro&lt;/a&gt; for no Brasil, apenas solicitamos ao cliente que cadastre nosso ID T&#233;cnico em seu &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;, de modo que possamos cadastrar o endere&#231;o de nossos servidores &lt;a href="http://pt.wikipedia.org/wiki/Domain_Name_System"&gt;DNS&lt;/a&gt;. Se o registro for no exterior, n&#243;s pedimos ao cliente para cadastrar nossos endere&#231;os &lt;a href="http://pt.wikipedia.org/wiki/Domain_Name_System"&gt;DNS&lt;/a&gt; diretamente.&lt;/p&gt;

&lt;p&gt;Assim, o cliente nunca fica "preso" a n&#243;s. Se um dia ele optar por outro servi&#231;o e decidir levar seu site para outro lugar, poder&#225; faz&#234;-lo sem problemas, preservando seu &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;, sua "marca na internet".&lt;/p&gt;

&lt;p&gt;O grande desafio nessa quest&#227;o &#233; que a usabilidade do site do &lt;a href="http://registro.br"&gt;Registro.br&lt;/a&gt; &#233; sofr&#237;vel. Para um usu&#225;rio mais leigo, &#224;s vezes &#233; bastante desafiador o uso da interface deles. &lt;/p&gt;

&lt;h1&gt;Screencasts&lt;/h1&gt;

&lt;p&gt;Resolvemos isso criando screencasts que mostram, passo-a-passo, o que o usu&#225;rio deve fazer. At&#233; o momento, praticamente todos os nossos clientes que tiveram que &lt;a href="http://registro.br"&gt;registrar um dom&#237;nio&lt;/a&gt; fizeram uso dos screencasts de maneira bem sucedida. Como acho que esse &#233; um tema muito importante, resolvi tornar p&#250;blico estes screencasts, que at&#233; ent&#227;o s&#243; eram acess&#237;veis apenas por nossos clientes. &lt;/p&gt;

&lt;p&gt;O screencast abaixo mostra &lt;strong&gt;como criar uma conta no &lt;a href="http://registro.br"&gt;Registro.br&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="545" height="451" id="viddler_c9f28924"&gt;&lt;param name="wmode" value="transparent" /&gt;&lt;param name="movie" value="http://www.viddler.com/player/c9f28924/" /&gt;&lt;param name="allowScriptAccess" value="always" /&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;embed src="http://www.viddler.com/player/c9f28924/" width="545" height="451" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_c9f28924" wmode="transparent"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;J&#225; o screencast a seguir mostra &lt;strong&gt;como &lt;a href="http://registro.br"&gt;registrar um dom&#237;nio&lt;/a&gt;&lt;/strong&gt;, uma vez que a conta j&#225; exista.&lt;/p&gt;

&lt;p&gt;&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="545" height="451" id="viddler_c130cdda"&gt;&lt;param name="wmode" value="transparent" /&gt;&lt;param name="movie" value="http://www.viddler.com/player/c130cdda/" /&gt;&lt;param name="allowScriptAccess" value="always" /&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;embed src="http://www.viddler.com/player/c130cdda/" width="545" height="451" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_c130cdda" wmode="transparent"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;Se voc&#234; puder, ajude a divulgar estes screencasts para que outras pessoas possam &lt;a href="http://registro.br"&gt;registrar&lt;/a&gt; seus &lt;a href="http://pt.wikipedia.org/wiki/Dom&#237;nio"&gt;dom&#237;nio&lt;/a&gt;s diretamente e n&#227;o cair nas dificuldades citadas aqui. Se voc&#234; tem um amigo ou parente, um pouco mais leigo no uso de computadores, que esteja em vias de fazer um site, fale com ele sobre essa quest&#227;o. Recomende o uso direto do &lt;a href="http://registro.br"&gt;Registro.br&lt;/a&gt;. &lt;/p&gt;</description>
      <pubDate>Mon, 30 Mar 2009 09:04:29 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:0ab6960a-0c97-41ce-ba4c-f450d3efcfba</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/03/30/sequestro-de-marcas</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>dom&#237;nio</category>
      <category>registro.br</category>
      <category>screencast</category>
    </item>
    <item>
      <title>O in&#237;cio da opera&#231;&#227;o do Be on the Net</title>
      <description>&lt;p&gt;Quando eu e meus colegas de turma da UFRJ est&#225;vamos estudando para o vestibular, acredit&#225;vamos que o maior dos desafios seria entrar para a UFRJ ou outra universidade p&#250;blica. Uma vez l&#225;, descobrimos que sair de l&#225;, com um diploma debaixo do bra&#231;o, &#233; um desafio bem maior. Entrar era s&#243; o come&#231;o, a parte f&#225;cil da jornada.&lt;/p&gt;

&lt;p&gt;Quando estamos implementando um produto, achamos que estamos diante do maior dos desafios, at&#233; que o lan&#231;amos e descobrimos que acabamos de encerrar a parte "f&#225;cil". O que acontece ap&#243;s o lan&#231;amento tende a ser bem mais dif&#237;cil. A come&#231;ar pelo problema essencial de atrair pessoas para comprarem o produto ou o servi&#231;o, passando, naturalmente, pela quest&#227;o de fornecer o servi&#231;o de maneira consistente e apropriada. &lt;/p&gt;

&lt;h1&gt;Opera&#231;&#227;o&lt;/h1&gt;

&lt;p&gt;No desenvolvimento do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, tentamos simplificar tudo o que era poss&#237;vel, pois sab&#237;amos que se n&#227;o fiz&#233;ssemos isso, seria insustent&#225;vel mant&#234;-lo com a equipe pequena que temos. Somos apenas tr&#234;s pessoas e isso &#233; proposital. Acreditamos que equipes pequenas funcionam melhor. &lt;/p&gt;

&lt;p&gt;Ent&#227;o, nos concentramos em pouqu&#237;ssimas funcionalidades essenciais e investimos todos os nossos esfor&#231;os em fazer com que elas funcionassem da maneira mais perfeita poss&#237;vel. Claro que isso envolveu uma infinidade de testes automatizados e melhorias constantes ao longo do desenvolvimento. A pr&#243;pria experi&#234;ncia de ter tido o &lt;a href="http://www.patriciafigueira.com.br"&gt;site da Patricia Figueira&lt;/a&gt; no ar (o embri&#227;o do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;) por um ano, nos ensinou muito sobre o que o produto deveria ter ou n&#227;o.&lt;/p&gt;

&lt;p&gt;Apesar de termos tentado deixar tudo o mais preparado poss&#237;vel, &#233; &#243;bvio que fomos surpreendidos por in&#250;meras quest&#245;es.&lt;/p&gt;

&lt;h1&gt;Emails&lt;/h1&gt;

&lt;p&gt;Os primeiros dias foram muito agitados. Pouco mais de 200 interessados tinham entrado em contato conosco durante o desenvolvimento do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Quando lan&#231;amos o produto e avisamos, v&#225;rias pessoas contrataram o servi&#231;o logo em seguida. Foi a maior correria.&lt;/p&gt;

&lt;p&gt;A cria&#231;&#227;o de um site conosco envolve alguns passos feitos por n&#243;s e outros pelo cliente. Ent&#227;o, havia necessidade de enviar emails com instru&#231;&#245;es, os quais tendiam a se repetir de um cliente para outro, com poucas varia&#231;&#245;es. &lt;/p&gt;

&lt;p&gt;Logo ficou claro para mim que essa quest&#227;o dos emails poderia tomar um tempo bastante grande. Felizmente, depois de alguns dias de muita digita&#231;&#227;o de email, lembrei que no &lt;a href="http://www.apple.com/mac/"&gt;Mac&lt;/a&gt; h&#225; o &lt;a href="http://support.apple.com/kb/HT2488?viewlocale=pt_PT&amp;amp;locale=pt_PT"&gt;Automator&lt;/a&gt;, que ajuda a automatizar tarefas repetitivas. Ent&#227;o, comecei a criar templates dos emails que ficava enviando. A partir da&#237;, bastava clicar duas vezes em um &#237;cone, no meu desktop, e o email j&#225; aparecia preenchido na minha frente, faltando apenas colocar o endere&#231;o do destinat&#225;rio. &lt;/p&gt;

&lt;p&gt;Em outros casos, como o do envio do contrato, depois de clicar duas vezes na automa&#231;&#227;o, bastava escolher o arquivo do contrato em uma caixa de di&#225;logo que se abria e, em seguida, colocar o destinat&#225;rio.&lt;/p&gt;

&lt;p&gt;S&#227;o automa&#231;&#245;es que parecem bobas. Mas, o efeito acumulado de todos os emails que foram automatizados &#233; excepcional. Em poucos dias, a quest&#227;o dos emails ficou totalmente administrada e continuo usando esta solu&#231;&#227;o at&#233; hoje.&lt;/p&gt;

&lt;h1&gt;Highrise&lt;/h1&gt;

&lt;p&gt;Usamos o &lt;a href="http://www.highrisehq.com"&gt;Highrise&lt;/a&gt; desde que come&#231;amos a desenvolver o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Todas as pessoas que entraram em contato conosco at&#233; hoje, interessadas no &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, est&#227;o cadastradas l&#225;. E, naturalmente, todas as intera&#231;&#245;es que tivemos com essas pessoas, seja por email ou telefone, est&#227;o registradas tamb&#233;m. Isso facilita muito a nossa vida no dia-a-dia. &#201; uma das ferramentas mais importantes para n&#243;s, de modo que a recomendo fortemente.&lt;/p&gt;

&lt;h1&gt;Suporte&lt;/h1&gt;

&lt;p&gt;H&#225; duas quest&#245;es b&#225;sicas que levam clientes a entrar em contato com uma empresa com um pedido de suporte: &lt;strong&gt;alguma coisa parece estar errada&lt;/strong&gt;, ou ele &lt;strong&gt;n&#227;o sabe como usar algo&lt;/strong&gt;. Claro que pode haver outras raz&#245;es, mas estas normalmente est&#227;o no topo da lista. Como lidamos com isso?&lt;/p&gt;

&lt;h2&gt;Alguma coisa parece estar errada&lt;/h2&gt;

&lt;p&gt;Em primeiro lugar, fizemos o m&#225;ximo poss&#237;vel para que o software funcionasse perfeitamente, o tempo todo. De um modo geral, fomos bem sucedidos. At&#233; o momento, quase n&#227;o tivemos corre&#231;&#245;es para fazer no sistema. Ent&#227;o, qualidade acaba se pagando muito. Porque a gente quase n&#227;o tem que atender este tipo de suporte. Ele simplesmente n&#227;o surge. &lt;/p&gt;

&lt;p&gt;Enquanto isso foi verdade na infraestrutura, na parte do layout as coisas foram um pouco mais dif&#237;ceis. Os sites do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; compartilham uma mesma infraestrutura de c&#243;digo, mas cada um usa um &lt;a href="http://beonthe.net/galerias/templates"&gt;template&lt;/a&gt; para a parte do layout, feito em CSS. Um dos grandes desafios &#233; manter a consist&#234;ncia em todos os navegadores, coisa que buscamos com afinco. Nem precisa dizer que o Internet Explorer 6 &#233; um tormento permanente. Mas, a gente enfrenta e, de um modo geral, consegue domar a fera. &lt;/p&gt;

&lt;p&gt;O que torna dif&#237;cil essa parte do layout &#233; que algumas quest&#245;es n&#227;o s&#227;o pass&#237;veis de testes automatizados. &#201; preciso fazer inspe&#231;&#227;o visual mesmo. &lt;/p&gt;

&lt;p&gt;Outro ponto que gerou bastante dificuldade &#233; a pr&#243;pria maneira como pensamos em usar os &lt;a href="http://beonthe.net/galerias/templates"&gt;templates&lt;/a&gt; originalmente. Quando algu&#233;m pedia para usar o &lt;a href="http://beonthe.net/galerias/templates/galeria/72157610837685558/1"&gt;Amora&lt;/a&gt;, por exemplo, a gente pegava o CSS do &lt;a href="http://beonthe.net/galerias/templates/galeria/72157610837685558/1"&gt;Amora&lt;/a&gt; e copiava para a conta do cliente. Parece uma solu&#231;&#227;o razo&#225;vel &#224; primeira vista, mas copiar sempre traz problemas.&lt;/p&gt;

&lt;p&gt;Logo descobrimos que cada template "vem de f&#225;brica" com um ou outro erro que precisa ser corrigido. Normalmente s&#227;o erros dif&#237;ceis de serem identificados antes de colocar o template em uso, na conta de um cliente. Quando um erro &#233; localizado, &#233; necess&#225;rio corrigir no &lt;a href="http://beonthe.net/galerias/templates"&gt;template&lt;/a&gt;. Mas, se h&#225; c&#243;pias dele em cada conta de usu&#225;rio que o utiliza, as coisas se complicam bastante. Ent&#227;o, a solu&#231;&#227;o &#233; n&#227;o copiar nada. Portanto, ter uma base de c&#243;digo &#250;nica do &lt;a href="http://beonthe.net/galerias/templates"&gt;template&lt;/a&gt;, que &#233; carregada pelo site do usu&#225;rio. Apenas ajustes espec&#237;ficos de cada site &#233; que entram no CSS espec&#237;fico do site.&lt;/p&gt;

&lt;p&gt;Essa foi uma quest&#227;o que identificamos logo nos primeiros dias e foi preciso um trabalho razo&#225;vel para mudar a infraestrutura. O &lt;a href="http://www.improveit.com.br/tapajos"&gt;Tapaj&#243;s&lt;/a&gt; deu uma ajuda gigantesca nessa quest&#227;o. Mas, felizmente fizemos o que precisava ser feito e o problema foi completamente superado. &lt;/p&gt;

&lt;h2&gt;Como usar algo?&lt;/h2&gt;

&lt;p&gt;O segundo fator b&#225;sico de suporte s&#227;o questionamentos sobre como fazer alguma coisa. Sab&#237;amos que seria necess&#225;rio "treinar" os clientes t&#227;o bem quanto poss&#237;vel, para que consegu&#237;ssemos atender a todos com o tamanho de equipe que temos. A solu&#231;&#227;o que encontramos foi a cria&#231;&#227;o de in&#250;meros screencasts que mostram, passo-a-passo, como fazer cada coisa no &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;Criar um bom screencast &#233; muito trabalhoso. Os mais dif&#237;ceis chegaram a levar quase um m&#234;s para ficar prontos, entre planejamento, pr&#233;-produ&#231;&#227;o, sele&#231;&#227;o de exemplos, produ&#231;&#227;o do v&#237;deo, grava&#231;&#227;o do &#225;udio e edi&#231;&#227;o. &#201; uma trabalheira danada, que felizmente o &lt;a href="http://www.improveit.com.br/leandro"&gt;Leandro&lt;/a&gt; aprendeu a fazer como ningu&#233;m. O resultado &#233; magn&#237;fico. &lt;/p&gt;

&lt;p&gt;Os clientes raramente t&#234;m d&#250;vidas sobre as quest&#245;es que s&#227;o cobertas pelos screencasts. Isso &#233; fabuloso, porque n&#227;o apenas permite que eles aprendam tudo no pr&#243;prio ritmo de cada um, como nos libera tempo para continuar trabalhando em outras melhorias para a infraestrutura e cria&#231;&#227;o de novas funcionalidades. &lt;/p&gt;

&lt;h1&gt;Desempenho&lt;/h1&gt;

&lt;p&gt;Os sites operados pelo &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, em conjunto, recebem milhares de visitas todos os dias. E h&#225; um visitante, em especial, que faz acessos freneticamente. Chama-se &lt;a href="http://en.wikipedia.org/wiki/Googlebot"&gt;Googlebot&lt;/a&gt;. Ent&#227;o, se n&#227;o houver uma aten&#231;&#227;o enorme com o desempenho dos sites e dos servidores, vamos passar os dias escutando lamenta&#231;&#245;es dos clientes sobre a lentid&#227;o de seus sites. &lt;/p&gt;

&lt;p&gt;Durante o desenvolvimento, tivemos o cuidado de estruturar v&#225;rias camadas de cache para a infraestrutura. Usamos &lt;a href="http://www.railsenvy.com/2007/3/20/ruby-on-rails-caching-tutorial-part-2#action"&gt;cache de a&#231;&#227;o&lt;/a&gt; o m&#225;ximo poss&#237;vel, bem como &lt;a href="http://www.danga.com/memcached/"&gt;memcached&lt;/a&gt; para in&#250;meras coisas. Come&#231;amos assim e felizmente o resultado foi excelente. Com o tempo, fomos observando melhor o comportamento do software e descobrindo v&#225;rios pontos de otimiza&#231;&#227;o. Eles n&#227;o t&#234;m import&#226;ncia quando uma p&#225;gina j&#225; est&#225; no cache, mas mehoraram muito o desempenho quando uma p&#225;gina &#233; acessada pela primeira vez.&lt;/p&gt;

&lt;h1&gt;Conclus&#227;o&lt;/h1&gt;

&lt;p&gt;Desde que colocamos o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; no ar, estamos atentos a tudo o que acontece e a todas as oportunidades de melhoria que surgem. E quando surgem, a gente atua imediatamente. Agindo desta forma, j&#225; tornamos o sistema muito melhor e mais robusto nestes tr&#234;s meses de opera&#231;&#227;o. Agora as coisas est&#227;o bem est&#225;veis e estamos acolhendo mais e mais clientes a cada dia. &lt;/p&gt;

&lt;p&gt;Obviamente ainda h&#225; muito por aprender e por melhorar. Acho que manter o software enxuto e trabalhar incansavelmente para melhorar sua qualidade foi a melhor estrat&#233;gia que poder&#237;amos ter adotado.&lt;/p&gt;</description>
      <pubDate>Fri, 27 Mar 2009 00:48:06 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:59f94e84-5f42-4c38-a386-9cc791e1188d</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/03/27/o-in%C3%ADcio-da-opera%C3%A7%C3%A3o-do-be-on-the-net</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>opera&#231;&#227;o</category>
    </item>
    <item>
      <title>Em busca do equil&#237;brio</title>
      <description>&lt;p&gt;Uma vez vi um filme chamado &lt;a href="http://us.imdb.com/title/tt0303933"&gt;Drumline&lt;/a&gt;, a respeito de competi&#231;&#245;es de bandas escolares nos EUA. &#201; um filme excelente, embora o t&#243;pico possa faz&#234;-lo parecer pouco interessante &#224; primeira vista. &lt;/p&gt;

&lt;p&gt;H&#225; um rapaz (baterista) que toca magnificamente bem, entra na banda e tenta se destacar rapidamente. O modo como faz isso, lhe parece coerente, por ser t&#227;o talentoso, mas o resultado &#233; exatamente o oposto do que espera. O treinador tenta lhe mostrar que em uma banda, assim como em um coral e em tantas outras equipes, o que importa &#233; o equil&#237;brio e a harmonia do conjunto. O desempenho individual, ainda que excepcional, n&#227;o pode se sobrepor ao funcionamento harm&#244;nico do conjunto, sen&#227;o ele atrapalha, ao inv&#233;s de contribuir. Abaixo uma breve cena que ilustra o assunto do filme. E prometo que j&#225; no pr&#243;ximo par&#225;grafo explico porque o menciono. &lt;/p&gt;

&lt;p&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/NPK9JNAn89U&amp;amp;hl=pt-br&amp;amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/NPK9JNAn89U&amp;amp;hl=pt-br&amp;amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;Equil&#237;brio &#233; o grande desafio. &#201; assim na vida, de um modo geral, e no desenvolvimento de software, em particular. Quando n&#243;s trein&#225;vamos equipes para trabalhar com &lt;a href="http://www.improveit.com.br/xp"&gt;XP&lt;/a&gt;, busc&#225;vamos o equil&#237;brio e o funcionamento harm&#244;nico delas. Agora, com nosso produto, o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, essa mesma busca continua, por&#233;m em um contexto diferente.&lt;/p&gt;

&lt;h1&gt;Aspectos de um site&lt;/h1&gt;

&lt;p&gt;Um site tem pelo menos tr&#234;s aspectos b&#225;sicos: &lt;strong&gt;conte&#250;do&lt;/strong&gt;, &lt;strong&gt;est&#233;tica&lt;/strong&gt; e &lt;strong&gt;funcionalidade&lt;/strong&gt;. O conte&#250;do responde &#224; pergunta: o que h&#225; naquele site? A est&#233;tica cuida da quest&#227;o: como est&#225; apresentado o que l&#225; se encontra? E a funcionalidade d&#225; a resposta para a &#250;ltima indaga&#231;&#227;o: o que posso fazer neste site?&lt;/p&gt;

&lt;p&gt;Assim como o baterista da banda n&#227;o &#233; mais, nem menos importante que o trompetista, conte&#250;do, est&#233;tica e funcionalidade s&#227;o todos igualmente importantes em um site. Mas, infelizmente, quem faz site frequentemente se esquece, ou n&#227;o se d&#225; conta disso.&lt;/p&gt;

&lt;p&gt;Tem gente que faz site com muito conte&#250;do, mas feio que d&#243;i. A&#237; o site acaba sendo menos usado do que deveria, porque n&#227;o &#233; atraente. &#201; o caso, por exemplo, da &lt;a href="http://www.transparencia.org.br"&gt;Transpar&#234;ncia Brasil&lt;/a&gt;. Lamentavelmente, tem muito conte&#250;do &#250;til, mas n&#227;o atrai.&lt;/p&gt;

&lt;p&gt;Outras pessoas se concentram tanto na est&#233;tica, que deixam o conte&#250;do de lado. Colocam in&#250;meras anima&#231;&#245;es, efeitos especiais dos mais diversos, mas quando voc&#234; espreme o site para ver se d&#225; um caldo, n&#227;o sai nem uma gota. Veja esse &lt;a href="http://www.brillpublications.com"&gt;exemplo magn&#237;fico&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;O foco excessivo na est&#233;tica, que deixa todo o restante de lado, parece end&#234;mico, particularmente entre sites de fot&#243;grafos. A maioria &#233; feita em Flash, tem anima&#231;&#245;es para todos os lados, efeitos especiais, m&#250;sica e tudo, mas navegar pelas fotos do profissional &#233; uma dificuldade s&#243;. As poucas fotos que l&#225; est&#227;o, frequentemente s&#227;o min&#250;sculas e praticamente nunca s&#227;o atualizadas. Falta subst&#226;ncia, sobra frustra&#231;&#227;o.&lt;/p&gt;

&lt;p&gt;Finalmente, h&#225; sites que s&#227;o extremamente &#250;teis, mas possuem uma est&#233;tica nada rebuscada. Algu&#233;m a&#237; entrou no &lt;a href="http://google.com"&gt;Google&lt;/a&gt; recentemente? A utilidade &#233; monstruosa, mas a est&#233;tica &#233; simples. Neste caso, h&#225; que se fazer uma ressalva. Apesar de simples, a est&#233;tica minimalista do &lt;a href="http://google.com"&gt;Google&lt;/a&gt; &#233; extremamente apropriada para o prop&#243;sito do site. &lt;/p&gt;

&lt;p&gt;Como se pode ver, &#233; f&#225;cil cair no erro de dar &#234;nfase demais a apenas um aspecto do site, negligenciando os demais. N&#227;o cair neste erro &#233; um dos nossos maiores desafios com o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;Equilibrando as partes&lt;/h1&gt;

&lt;p&gt;Os sites que criamos com o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; procuram ser ricos em conte&#250;do. Isso significa que o dono do site pode colocar tantos textos, fotos e v&#237;deos quanto quiser. Mas, isso n&#227;o &#233; suficiente. O conte&#250;do tem que ser atual. Por isso, &#233; muito f&#225;cil atualiz&#225;-lo e acrescentar mais ao longo do tempo.&lt;/p&gt;

&lt;p&gt;Na est&#233;tica, n&#243;s usamos puramente &lt;a href="http://pt.wikipedia.org/wiki/Cascading_Style_Sheets"&gt;CSS&lt;/a&gt;, que &#233; mais do que suficiente para fazer sites lindos. Muita gente acha que o &#250;nico jeito de criar um site bonito &#233; usando Flash, por exemplo. Isso &#233; um erro grave. &lt;/p&gt;

&lt;p&gt;Finalmente, na parte funcional, n&#243;s buscamos fazer com que tudo funcione da maneira mais padronizada e &#243;bvia poss&#237;vel. Porque quanto mais padronizado, mais as pessoas t&#234;m familiaridade e conseguem usar facilmente. Pense no caso da navega&#231;&#227;o por um &#225;lbum de fotos por exemplo. &#201; claro que &#233; poss&#237;vel criar in&#250;meras formas de navegar por fotos. Mas, n&#227;o &#233; porque voc&#234; pode criar uma nova, que voc&#234; deve fazer isso. Pelo contr&#225;rio. Se h&#225; uma maneira de navegar por fotos que qualquer pessoa seria capaz de usar, ent&#227;o adote-a.&lt;/p&gt;

&lt;p&gt;Voc&#234; pode mudar o conte&#250;do (as fotos), pode criar uma est&#233;tica toda exclusiva, mas n&#227;o precisa e nem deve mexer na forma de usar, quando h&#225; uma maneira bem conhecida e disseminada. No caso de fotos, mostre uma lista de &#225;lbuns. Quando algu&#233;m clicar em um &#225;lbum, mostre uma lista de fotos em um tamanho reduzido. Quando algu&#233;m clicar na foto, mostre-a em tamanho ampliado e permita que a pessoa avance para a pr&#243;xima ou volte para a anterior. Pronto! Qualquer pessoa sabe usar isso.&lt;/p&gt;

&lt;p&gt;Agora entre em um site de fot&#243;grafo, feito em Flash e prepare-se para aprender. Pois cada um te oferecer&#225; sua pr&#243;pria forma de navega&#231;&#227;o. Triste, por&#233;m mais comum do que se imagina. E o desequil&#237;brio segue firme e forte. &lt;/p&gt;

&lt;p&gt;Infelizmente a web parece estar cheia de bateristas brilhantes, que puxam a sardinha para seu instrumento e negligenciam o restante da banda. Quem paga o pato? Cada um de n&#243;s. Afinal, quantas n&#227;o foram as vezes em que nos frustramos no mar de sites desequilibrados pelos quais navegamos diariamente?&lt;/p&gt;

&lt;p&gt;PS: Sim, eu mencionei Flash. Mas, n&#227;o, este n&#227;o &#233; um artigo para falar mal de Flash, at&#233; porque &#233; apenas uma tecnologia. Minha cr&#237;tica aqui n&#227;o &#233; em rela&#231;&#227;o ao Flash, mas de quem faz um site desequilibrado em Flash. Mas, &#233; claro que &#233; poss&#237;vel fazer site desequilibrado usando s&#243; HTML, por exemplo. Quer um exemplo dos melhores? Ent&#227;o se prepara e vai para um lugar onde possa rir escandalosamente. Foi? Bem, eu avisei. &lt;a href="http://www.hosanna1.com/"&gt;Veja que beleza&lt;/a&gt;. :-)&lt;/p&gt;</description>
      <pubDate>Wed, 25 Mar 2009 23:15:06 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:a40ef041-a1ca-4576-b794-36612dfe46f6</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/03/25/em-busca-do-equil%C3%ADbrio</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>layout</category>
      <category>conte&#250;do</category>
      <category>funcionalidade</category>
      <category>equilibrio</category>
      <category>flash</category>
      <category>html</category>
      <category>CSS</category>
    </item>
    <item>
      <title>E o dia chegou</title>
      <description>&lt;p&gt;H&#225; pouco mais de um ano, quando t&#237;nhamos acabado de colocar no ar o que viria a ser o embri&#227;o do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; (o site da &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia Figueira&lt;/a&gt;), nos demos conta de que poder&#237;amos ajudar a tornar o mundo melhor. Nem que fosse s&#243; um pedacinho dele. Como? Tornando a internet mais &#250;til. E isso, como? Tornando os sites mais &#250;teis.  &lt;/p&gt;

&lt;p&gt;A &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia&lt;/a&gt; tinha bolado uma ideia muito legal, da &lt;a href="http://www.patriciafigueira.com.br/fotos_de_casamento/album/72157612482281616/1#data_sheet"&gt;Ficha T&#233;cnica&lt;/a&gt;, que concentra um monte de informa&#231;&#245;es sobre os profissionais que atuam nos eventos que ela fotografa. Esse tipo de informa&#231;&#227;o &#233; de extrema utilidade para as pessoas que visitam o site dela. E &#233; uma informa&#231;&#227;o que o Google indexa com a maior satisfa&#231;&#227;o.&lt;/p&gt;

&lt;p&gt;Como o site dela tem uma infinidade de &lt;a href="http://www.patriciafigueira.com.br/fotos_de_casamento/album/72157612482281616/1#data_sheet"&gt;fichas t&#233;cnicas&lt;/a&gt;, cada qual com sua lista de profissionais, in&#250;meras buscas no Google passaram a apontar para o &lt;a href="http://www.patriciafigueira.com.br"&gt;site dela&lt;/a&gt; e retornar informa&#231;&#245;es realmente &#250;teis. De quebra, as pessoas tamb&#233;m acabam visitando o &lt;a href="http://www.patriciafigueira.com.br"&gt;site&lt;/a&gt;, o que &#233; &#243;timo. E tamb&#233;m entram em contato com os fornecedores citados na &lt;a href="http://www.patriciafigueira.com.br/fotos_de_casamento/album/72157612482281616/1#data_sheet"&gt;ficha t&#233;cnica&lt;/a&gt;, o que tamb&#233;m &#233; muito legal. Em suma, todo mundo ganha!&lt;/p&gt;

&lt;p&gt;O ponto interessante &#233; que desde aquela &#233;poca, a gente acreditava que tornando a internet melhor, nem que fosse s&#243; um pouquinho, um dia n&#243;s mesmos acabar&#237;amos nos beneficiando. N&#227;o apenas pela venda do servi&#231;o do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Mas, como usu&#225;rio da internet mesmo. Algu&#233;m que est&#225; procurando uma informa&#231;&#227;o &#250;til e acaba achando em um dos sites que administramos.&lt;/p&gt;

&lt;p&gt;Eis que este dia chegou. Ontem, 24 de mar&#231;o de 2009, o &lt;a href="http://www.improveit.com.br/leandro"&gt;Leandro&lt;/a&gt; estava fazendo uma &lt;a href="http://www.google.com/search?hl=pt-BR&amp;amp;q=broche+rio&amp;amp;btnG=Pesquisar&amp;amp;lr="&gt;busca sobre broches&lt;/a&gt; (acho que foi "&lt;a href="http://www.google.com/search?hl=pt-BR&amp;amp;q=broche+rio&amp;amp;btnG=Pesquisar&amp;amp;lr="&gt;broche rio&lt;/a&gt;"), e acabou chegando exatamente no &lt;a href="http://www.patriciafigueira.com.br/fotos_de_casamento/busca?search_type=text&amp;amp;query=broche"&gt;site da Patricia&lt;/a&gt; (&lt;a href="http://www.patriciafigueira.com.br/fotos_de_casamento/busca?search_type=text&amp;amp;query=broche"&gt;nesta p&#225;gina&lt;/a&gt;). E a informa&#231;&#227;o encontrada l&#225; foi realmente &#250;til. Entramos em contato com a Aline, que fez os broches.&lt;/p&gt;

&lt;p&gt;Assim, o ciclo se fechou pela primeira vez. Mas, acredito que isso seja s&#243; o in&#237;cio e a ponta do iceberg. Nos sites que estamos criando, h&#225; uma &#234;nfase muito forte, junto aos donos deles, no sentido de prover o m&#225;ximo poss&#237;vel de informa&#231;&#245;es &#250;teis. N&#243;s lutamos diariamente para criar sites &#250;teis, bonitos, que utilizem padr&#245;es da web, que valorizem o trabalho dos profissionais, que sejam f&#225;ceis de achar no Google e que, de alguma forma, ajudem a tornar a internet um lugar melhor, nem que seja s&#243; um pouquinho.&lt;/p&gt;

&lt;p&gt;&#201; muito gratificante poder trabalhar em algo que a gente sabe que n&#227;o apenas nos ajuda a ganhar a vida, mas tamb&#233;m facilita a vida de um monte de gente. &lt;/p&gt;

&lt;p&gt;PS: Tenho andado bastante sumido. Mas, n&#227;o &#233; por falta de assunto, afinal o aprendizado desses primeiros tr&#234;s meses de &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; foi enorme. A dificuldade &#233; de tempo mesmo. Temos trabalhado muito para atender a demanda. Tem v&#225;rios sites no forno e a gente tenta sempre dar o m&#225;ximo de aten&#231;&#227;o para cada cliente. Mas, vou tentar me dedicar mais ao blog e contar um pouco do que temos aprendido e vivido por aqui. Por enquanto, s&#243; posso adiantar que tem sido uma experi&#234;ncia muito legal!&lt;/p&gt;</description>
      <pubDate>Tue, 24 Mar 2009 22:43:50 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:5756768c-5169-49fc-9d7b-79e3315ae2a5</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/03/24/e-o-dia-chegou</link>
      <category>beonthenet</category>
      <category>produto</category>
    </item>
    <item>
      <title>Brazilian Rails com suporte i18n</title>
      <description>&lt;p&gt;Conforme anunciado &lt;a href="http://blog.improveit.com.br/articles/2009/02/13/o-brazilian-rails-e-o-suporte-i18n"&gt;anteriormente&lt;/a&gt; adicionei ao &lt;a href="http://improveit.com.br/software_livre/brazilian_rails"&gt;Brazilian Rails&lt;/a&gt; o suporte ao i18n. &lt;/p&gt;

&lt;p&gt;As instru&#231;&#245;es para uso est&#227;o no Readme do projeto ou na &lt;a href="http://improveit.com.br/software_livre/brazilian_rails"&gt;p&#225;gina do plugin&lt;/a&gt; em:&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;http://improveit.com.br/software_livre/brazilian_rails
&lt;/code&gt;&lt;/pre&gt;</description>
      <pubDate>Tue, 03 Mar 2009 22:58:14 -0300</pubDate>
      <guid isPermaLink="false">urn:uuid:38a3970e-4e3c-4931-acb0-d162079179ac</guid>
      <author>Marcos Tapaj&#243;s</author>
      <link>http://blog.improveit.com.br/articles/2009/03/03/brazilian-rails-com-suporte-i18n</link>
      <category>brazilianrails</category>
      <category>rails</category>
      <category>i18n</category>
    </item>
    <item>
      <title>Mais um &amp;quot;commiter&amp;quot; no Brazilian Rails</title>
      <description>&lt;p&gt;J&#225; faz algum tempo que o Brazilian Rails vem evoluindo muito mais pela colabora&#231;&#227;o da comunidade do que por m&#233;rito meu. Gostaria de agradecer a todos que j&#225; ajudaram no projeto por&#233;m hoje quero agradecer a uma pessoa em especial, o &lt;a href="http://cassiomarques.wordpress.com/"&gt;C&#225;ssio Marques&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;O &lt;a href="http://cassiomarques.wordpress.com/"&gt;C&#225;ssio&lt;/a&gt; vem colaborando muito com o projeto sempre fazendo c&#243;digos de qualidade e muito bem testados, por isso acabei de tomar a decis&#227;o de adiciona-lo como "commiter" do projeto. Com isso ele n&#227;o precisa mais ficar me pedindo autoriza&#231;&#227;o para melhorar o c&#243;digo.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://cassiomarques.wordpress.com/"&gt;C&#225;ssio&lt;/a&gt;, seja bem vindo!&lt;/p&gt;</description>
      <pubDate>Sat, 14 Feb 2009 00:08:54 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:a6a419dc-5314-4ed8-99e7-2db7f1736612</guid>
      <author>Marcos Tapaj&#243;s</author>
      <link>http://blog.improveit.com.br/articles/2009/02/14/mais-um-commiter-no-brazilian-rails</link>
      <category>brazilianrails</category>
      <category>gem</category>
      <category>plugin</category>
      <category>rails</category>
    </item>
    <item>
      <title>O Brazilian Rails e o suporte I18n.</title>
      <description>&lt;h2&gt;A gem br_traducao&lt;/h2&gt;

&lt;p&gt;Desde o lan&#231;amento do Rails 2.2 v&#225;rias pessoas me escreveram reportando problemas com o uso das tradu&#231;&#245;es do &lt;a href="http://www.improveit.com.br/software_livre/brazilian_rails"&gt;Brazilian Rails&lt;/a&gt; e a nova vers&#227;o do Rails s&#243; que inexplicavelmente nas ultimas duas semanas isso ficou ainda mais intenso (25 emails) e resolvi mexer no projeto e escrever esse post.&lt;/p&gt;

&lt;p&gt;A gem brtraducao era um &lt;a href="http://en.wikipedia.org/wiki/Monkey_patch"&gt;monkey patch&lt;/a&gt; que modificava alguns m&#233;todos do Rails para injetar as mensagens em portugu&#234;s. Com a adi&#231;&#227;o do suporte i18n no Rails o c&#243;digo mudou e por isso a gem parou de funcionar. Esse &#233; o problema desse tipo de patch!&lt;/p&gt;

&lt;p&gt;Essa gem foi super &#250;til por&#233;m ela se tornou completamente obsoleta e desnecess&#225;ria pois o i18n j&#225; resolve. Claro que ela ainda &#233; &#250;til para quem utiliza as vers&#245;es anteriores a 2.2 do Rails.&lt;/p&gt;

&lt;p&gt;Considerando essa nova realidade eu resolvi remover a gem do projeto e criar um projeto exclusivo para acomodar esse c&#243;digo que ainda &#233; &#250;til para v&#225;rias pessoas. A gem permanecer&#225; publicad1 no rubyforge (no mesmo lugar). O projeto est&#225; no github em:&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;http://github.com/tapajos/brtraducao
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;Provavelmente esse c&#243;digo n&#227;o ir&#225; mais evoluir!&lt;/p&gt;

&lt;h2&gt;O suporte i18n&lt;/h2&gt;

&lt;p&gt;Provavelmente nos pr&#243;ximos dias irei adicionar ao projeto um arquivo de configura&#231;&#227;o do i18n que eu estou preparando baseado nas tradu&#231;&#245;es do &lt;a href="http://akitaonrails.com"&gt;Akita&lt;/a&gt; e algumas outras novidades.&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.improveit.com.br/files/2009-02-13_i18n.png" alt="i18n"/&gt;&lt;/p&gt;

&lt;p&gt;Para quem quiser aprender como usar o suporte i18n do Rails eu recomendo a leitura desse &lt;a href="http://patrickespake.wordpress.com/2009/01/31/ruby-on-rails-22-como-usar-i18n-traduzir-as-mensagens-de-validacao-do-model-e-atributos-do-model/"&gt;post&lt;/a&gt; do &lt;a href="http://patrickespake.wordpress.com/quem-sou-eu/"&gt;Patrick Espake&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Fri, 13 Feb 2009 23:52:22 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:badd5132-2ae0-4820-a8e2-0461dc7cf695</guid>
      <author>Marcos Tapaj&#243;s</author>
      <link>http://blog.improveit.com.br/articles/2009/02/13/o-brazilian-rails-e-o-suporte-i18n</link>
      <category>rails</category>
      <category>i18n</category>
      <category>brazilianrails</category>
      <category>plugin</category>
      <category>gem</category>
    </item>
    <item>
      <title>Silvia Santana no Be on the Net</title>
      <description>&lt;p&gt;Na semana passada come&#231;amos a apresentar os sites dos clientes do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Come&#231;amos pela nossa querida amiga, &lt;a href="http://fabriciasoares.com"&gt;Fabricia Soares&lt;/a&gt;, que esteve aqui ontem e nos contou que j&#225; est&#225; estressada, porque o telefone n&#227;o p&#225;ra de tocar desde que o &lt;a href="http://fabriciasoares.com"&gt;site novo&lt;/a&gt; foi lan&#231;ado. Tamb&#233;m, pudera. Olhando pelo &lt;a href="http://google.com/analytics"&gt;Google Analytics&lt;/a&gt;, descobre-se que o n&#250;mero de acessos realmente deu um salto. Parab&#233;ns, &lt;a href="http://fabriciasoares.com"&gt;Fabricia&lt;/a&gt;!  &lt;/p&gt;

&lt;p&gt;Agora &#233; a vez da &lt;a href="http://silviasantanafoto.com.br"&gt;Silvia Santana&lt;/a&gt;, nossa primeira cliente de S&#227;o Paulo, capital. A &lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt; faz um trabalho lindo em quatro segmentos principais: &lt;a href="http://silviasantanafoto.com.br/galerias/casamentos"&gt;casamentos&lt;/a&gt;, &lt;a href="http://silviasantanafoto.com.br/galerias/famosos"&gt;famosos&lt;/a&gt;, &lt;a href="http://silviasantanafoto.com.br/galerias/eventos"&gt;eventos&lt;/a&gt; e &lt;a href="http://silviasantanafoto.com.br/galerias/criancas"&gt;crian&#231;as&lt;/a&gt;.  &lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br/galerias/casamentos"&gt;&lt;img src="http://blog.improveit.com.br/files/silvia-santana-casamentos.jpg" alt="Casamentos - Silvia Santana Fotografia" title="Casamentos - Silvia Santana Fotografia"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt; tamb&#233;m optou pelo &lt;a href="http://beonthe.net/galerias/templates"&gt;template&lt;/a&gt; &lt;a href="http://beonthe.net/galerias/templates/galeria/72157610837685558/1"&gt;Amora&lt;/a&gt;, do &lt;a href="http://leomiranda.com"&gt;Leo Miranda&lt;/a&gt;. Mas, no seu caso, manteve o template praticamente inalterado.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br/galerias/famosos"&gt;&lt;img src="http://blog.improveit.com.br/files/silvia-santana-famosos.jpg" alt="Famosos - Silvia Santana Fotografia" title="Famosos - Silvia Santana Fotografia"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A organiza&#231;&#227;o do menu do site da &lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt; segue um padr&#227;o encontrado frequentemente entre os fot&#243;grafos, que costumam trabalhar com diversos tipos de fotografia. Enquanto a &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia&lt;/a&gt; e a &lt;a href="http://fabriciasoares.com"&gt;Fabricia&lt;/a&gt; se concentram mais na &#225;rea de casamentos, a &lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt; tamb&#233;m registra &lt;a href="http://silviasantanafoto.com.br/galerias/famosos"&gt;famosos&lt;/a&gt;, &lt;a href="http://silviasantanafoto.com.br/galerias/criancas"&gt;crian&#231;as&lt;/a&gt;, &lt;a href="http://silviasantanafoto.com.br/galerias/criancas"&gt;gr&#225;vidas&lt;/a&gt; e &lt;a href="http://silviasantanafoto.com.br/galerias/eventos"&gt;eventos&lt;/a&gt; em geral.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br/galerias/eventos"&gt;&lt;img src="http://blog.improveit.com.br/files/silvia-santana-eventos.jpg" alt="Eventos - Silvia Santana Fotografia" title="Eventos - Silvia Santana Fotografia"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt; atua na cidade de S&#227;o Paulo e em todo o estado de S&#227;o Paulo. &lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br/galerias/criancas"&gt;&lt;img src="http://blog.improveit.com.br/files/silvia-santana-criancas.jpg" alt="Crian&#231;as - Silvia Santana Fotografia" title="Crian&#231;as - Silvia Santana Fotografia"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://silviasantanafoto.com.br"&gt;Silvia&lt;/a&gt;, para n&#243;s &#233; uma satisfa&#231;&#227;o e um privil&#233;gio hospedar &lt;a href="http://silviasantanafoto.com.br"&gt;seu site&lt;/a&gt;. Muito obrigado por ter sido uma das primeiras pessoas a confiar em nosso trabalho e apostar na gente. Seja bem-vinda ao &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; e que voc&#234; tenha muito sucesso com o &lt;a href="http://silviasantanafoto.com.br"&gt;novo site&lt;/a&gt;!&lt;/p&gt;</description>
      <pubDate>Tue, 27 Jan 2009 15:09:40 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:fcaef5ef-9624-4dc7-a1d1-149b38059ca3</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/01/27/silvia-santana-no-be-on-the-net</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>beonthenet</category>
      <category>beonthe.net</category>
      <category>clientes be on the net</category>
      <category>lan&#231;amento</category>
    </item>
    <item>
      <title>Lan&#231;amento: Fabricia Soares no Be on the Net</title>
      <description>&lt;p&gt;Lan&#231;amos o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; na v&#233;spera do Natal, mas a brincadeira s&#243; come&#231;ou para valer no dia 5 de janeiro. As duas primeiras semanas foram bastante corridas, j&#225; que algumas dezenas de clientes fecharam contrato conosco, logo nos primeiros dias. Alguns deles j&#225; est&#227;o com seus respectivos sites prontos, enquanto outros continuam trabalhando na organiza&#231;&#227;o dos mesmos. &lt;/p&gt;

&lt;p&gt;A partir de hoje, come&#231;aremos a mostrar os sites de alguns dos clientes que terminaram de arrumar a casa e j&#225; est&#227;o com tudo em cima. E, nada melhor que come&#231;ar com os amigos. Ent&#227;o, hoje apresento a voc&#234;s o &lt;a href="http://www.fabriciasoares.com"&gt;site&lt;/a&gt; da nossa amiga, &lt;a href="http://www.fabriciasoares.com"&gt;Fabricia Soares&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;&lt;img src="http://farm4.static.flickr.com/3479/3213027295_0bdcef226f.jpg" alt="Fabricia Soares" title="Fabricia Soares"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A &lt;a href="http://www.fabriciasoares.com"&gt;Fabricia&lt;/a&gt; &#233; uma das melhores amigas da &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia&lt;/a&gt; e uma excelente fot&#243;grafa. Para n&#243;s, &#233; uma honra que ela tenha escolhido o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; para acomodar suas fotos.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;&lt;img src="http://farm4.static.flickr.com/3352/3213873558_6b431c8f75.jpg" alt="Fabricia Soares" title="Fabricia Soares"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O &lt;a href="http://beonthe.net/galerias/templates"&gt;template&lt;/a&gt; escolhido pela &lt;a href="http://www.fabriciasoares.com"&gt;Fabricia&lt;/a&gt; foi o &lt;a href="http://beonthe.net/galerias/templates/galeria/72157610837685558/1"&gt;Amora&lt;/a&gt;, que passou por uma singela adapta&#231;&#227;o para que o fundo ficasse completamente preto. A primeira p&#225;gina, manteve as caracter&#237;sticas do site anterior da &lt;a href="http://www.fabriciasoares.com"&gt;Fabricia&lt;/a&gt;, preservando duas fotos de destaque. Os depoimentos e o "sobre n&#243;s" foram tratados como p&#225;ginas est&#225;ticas que alinham, harmonicamente, textos e fotografias. Por sua vez, o &lt;a href="http://blog.fabriciasoares.com"&gt;blog&lt;/a&gt; permaneceu sendo o mesmo que ela j&#225; tinha antes, enquanto o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; ainda n&#227;o tem seu pr&#243;prio blog, que s&#243; chegar&#225; dentro de alguns meses.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;&lt;img src="http://farm4.static.flickr.com/3096/3213873950_4c0ff33e2f.jpg" alt="Fabricia Soares" title="Fabricia Soares"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Na &#225;rea de fotos de casamento, encontram-se in&#250;meras fotos, que al&#233;m de carregarem rapidamente, podem ser vistas em um tamanho grande e buscadas facilmente.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;&lt;img src="http://farm4.static.flickr.com/3300/3213874374_08af018105.jpg" alt="Fabricia Soares" title="Fabricia Soares"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;E finalmente, uma das caracter&#237;sticas mais legais do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, a &lt;em&gt;ficha t&#233;cnica&lt;/em&gt;. Ao contr&#225;rio do que muitos pensam, a &lt;em&gt;ficha t&#233;cnica&lt;/em&gt; foi uma grande id&#233;ia da &lt;a href="http://www.patriciafigueira.com.br"&gt;Patricia&lt;/a&gt; e n&#227;o nossa. &#201; uma fonte de informa&#231;&#245;es &#250;teis para noivas e noivos, que agora estar&#225; cada vez mais presente nos sites de fotografia, a medida que mais e mais gente passa a usar o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;&lt;img src="http://farm4.static.flickr.com/3442/3213027013_05d44ff333.jpg" alt="Fabricia Soares" title="Fabricia Soares"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.fabriciasoares.com"&gt;Fabricia&lt;/a&gt;, bem-vinda ao &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Estamos aqui torcendo e trabalhando sempre para que seu &lt;a href="http://www.fabriciasoares.com"&gt;novo site&lt;/a&gt; seja um sucesso! &lt;/p&gt;

&lt;p&gt;Grande abra&#231;o,&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.improveit.com.br/empresa/vinicius"&gt;Vin&#237;cius Teles&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Wed, 21 Jan 2009 14:46:00 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:c9650739-d549-492d-bb01-3b47a3cd0018</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2009/01/21/lancamento-fabricia-soares-no-beonthenet</link>
      <category>beonthenet</category>
      <category>produto</category>
      <category>beonthenet</category>
      <category>beonthe.net</category>
      <category>clientes be on the net</category>
    </item>
    <item>
      <title>Brazilian Rails atualizado</title>
      <description>&lt;p&gt;Tem algum tempo que o &lt;a href="http://cassiomarques.wordpress.com"&gt;C&#225;ssio&lt;/a&gt; trabalhou em umas melhorias na gem de cpf e cnpj e s&#243; agora pude olhar e aceita-las.&lt;/p&gt;

&lt;p&gt;Ele escreveu um &lt;a href="http://cassiomarques.wordpress.com/2009/01/21/nova-versao-da-gem-brcpfcnpj/"&gt;post&lt;/a&gt; explicando tudo que mudou:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://cassiomarques.wordpress.com/2009/01/21/nova-versao-da-gem-brcpfcnpj/"&gt;http://cassiomarques.wordpress.com/2009/01/21/nova-versao-da-gem-brcpfcnpj&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://cassiomarques.wordpress.com"&gt;C&#225;ssio&lt;/a&gt;, obrigado!&lt;/p&gt;</description>
      <pubDate>Tue, 20 Jan 2009 23:00:34 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:13c5645e-062b-48f6-84eb-83b9d7776f61</guid>
      <author>Marcos Tapaj&#243;s</author>
      <link>http://blog.improveit.com.br/articles/2009/01/20/brazilian-rails-atualizado</link>
      <category>brazilianrails</category>
      <category>rails</category>
    </item>
    <item>
      <title>Hoje: lan&#231;amento oficial do Be on the Net</title>
      <description>&lt;p&gt;&lt;a href="http://beonthe.net"&gt;&lt;img src="http://blog.improveit.com.br/files/2008-12-24_site_do_be_on_the_net.jpg" alt="Site do Be on the Net" title="Site do Be on the Net"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote class="excerpt"&gt;
  &lt;p&gt;O Be on the Net &#233; um servi&#231;o que permite criar um site rapidamente com muitas fotos, v&#237;deos e textos. E o que &#233; melhor: turbinado para o Google!&lt;/p&gt;
 &lt;/blockquote&gt;

&lt;p&gt;Hoje estamos lan&#231;ando oficialmente o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;, um servi&#231;o muito legal que vai permitir que in&#250;meras pessoas tenham um site com muitas fotos, v&#237;deos, textos e, sobretudo, com muitos acessos vindos do Google. :-)  &lt;/p&gt;

&lt;p&gt;H&#225; um ano dissemos que mudar&#237;amos nossa &#225;rea de atua&#231;&#227;o. Dito e feito. Ao longo de 2008 trabalhamos nesta transi&#231;&#227;o que termina agora, com o lan&#231;amento do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;. Daqui por diante, a empresa estar&#225; dedicada exclusivamente a ele.  &lt;/p&gt;

&lt;p&gt;Veja os &lt;a href="http://beonthe.net/videos/criar_site"&gt;v&#237;deos&lt;/a&gt; no site do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; para conhecer melhor a proposta. Estamos muito animados, pois temos certeza de que o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; ir&#225; ajudar a melhorar os neg&#243;cios de in&#250;meras empresas e profissionais liberais em todo o Brasil.   &lt;/p&gt;

&lt;p&gt;Ali&#225;s, o &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; ficou t&#227;o legal, que n&#227;o perdemos tempo. Fizemos o &lt;a href="http://beonthe.net"&gt;site&lt;/a&gt; do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt; sobre o pr&#243;prio &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;! E como foi f&#225;ci! :-)  &lt;/p&gt;

&lt;p&gt;Hoje &#233; Natal e n&#227;o poderia haver presente melhor do que este lan&#231;amento. Desejamos a todos um Natal maravilhoso e que o ano de 2009 traga muitos neg&#243;cios a voc&#234;s, a n&#243;s e aos clientes do &lt;a href="http://beonthe.net"&gt;Be on the Net&lt;/a&gt;!  &lt;/p&gt;</description>
      <pubDate>Wed, 24 Dec 2008 09:05:00 -0200</pubDate>
      <guid isPermaLink="false">urn:uuid:bd0428ee-0c96-4f78-b2e4-8e59c8da6391</guid>
      <author>Vinicius Manh&#227;es Teles</author>
      <link>http://blog.improveit.com.br/articles/2008/12/24/hoje-lan%C3%A7amento-oficial-do-be-on-the-net</link>
      <category>beonthenet</category>
      <category>beonthenet</category>
      <category>produto</category>
    </item>
  </channel>
</rss>
