Capa:Capa Locaweb 29/1/2009 16:36 Page 2

21 X 28.qxp 21/8/2008 18:24 Page 1

21 X 28.qxp 21/8/2008 18:24 Page 2
 Editorial_Sumario14:W2008 29/1/2009 16:46 Page 4

>>>>>>>>>>>>>>>>>>>>>>>>>>>

Locaweb em Revista Edição 14

VP Comercial: Cláudio Gora
ao leitor
A capa definitiva
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Alexandre Porto
Coordenação Editorial: Déborah De Mari Desde o primeiro número da Locaweb em Revista, há
Editora Europa pouco mais de um ano, vínhamos nos preparando para
Editor e Diretor Responsável: Aydano Roriz fazer a reportagem de capa desta edição. Como você deve ter
Diretor Executivo: Luiz Siqueira
Diretor Editorial e jornalista responsável:
percebido, ao longo das últimas 13 edições, praticamente em todos os números há uma ou outra
Roberto Araújo - MTb.10.766 matéria sobre “marketing digital”.
e-mail: araujo@europanet.com.br
Nesta, há a matéria definitiva. Mesmo que a web vire de ponta-cabeça nos próximos dias,
Editores: Paulo Basso Jr. e Sérgio Vinícius
Revisão: Renata de Farias meses ou anos, a reportagem de capa desta edição permanecerá atual. Isso porque ela aborda a
Editor de Arte (projeto gráfico): Alexandre Dias (Nani) base do marketing, primeiramente offline e sua migração para o mundo digital. Além disso, ela
Colaboração: Camila Pratti, Leonor Ribeiro, Felipe
Franzoni, Letícia Sallorenzo, Max Reinhold Jahnke, ensina a criar uma campanha digital de acordo com o perfil do seu site e o tamanho. Após virar a
Eduardo Costa Lisboa e última página desta reportagem, você saberá exatamente como se portar diante das diversas
Adam Victor Nazareth Brandizzi
Publicidade São Paulo:
opções de campanhas de marketing online que um projeto digital requer.
E-mail: publicidade@europanet.com.br Para realizar tamanho trabalho de apuração, pesquisa, entrevistas, redação e, depois, entregar
Gerente Comercial: Mauricio Dias (0xx11) 3038-5093
Executivos de Negócios: Ana Carolina Corrêa, tudo mastigadinho para você, a equipe da Locaweb em Revista mobilizou três excelentes
Alessandro Donadio, Angela Taddeo, Claudia Alves, colaboradores - Camila Pratti, Felipe Franzoni e Letícia Sallorenzo - que em dois meses foram a
Elisangela Xavier, Flavia Pinheiro e Rodrigo Sacomani.
Circulação e Promoção:
fundo no assunto. O trio não descansou enquanto não conversou com professores universitários,
Gerente de produto: João Alexandre publicitários experientes e teve até mesmo acesso a trabalhos de terceiro grau para compor a
Desenvolvimento de Pessoal: reportagem. O resultado você confere na página 24 desta Locaweb em Revista.
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki
Mas as atrações desta edição não param na reportagem de capa. Há mais. Nas próximas
Locaweb em Revista é uma publicação da Editora
Europa Ltda. e do departamento de comunicação e páginas, você vê uma reportagem especial sobre as estratégias de marketing do YouTube
marketing da Locaweb Serviços de Internet. A (redigida pela experiente Leonor Ribeiro), uma matéria que dá os primeiros passos do novo
Editora Europa não se responsabiliza pelo conteúdo dos
anúncios de terceiros. serviço do Google que deve bater de frente com os maiores medalhões da rede - Flash, Java,
Distribuidor Exclusivo para o Brasil: Silverlight., e ainda um bate-papo exclusivo com o criador da Wikipedia, Jimmi Wales. Quer mais?
Fernando Chignalia Distribuidora S. A. -
Rua Teodoro da Silva, 907 - CEP 20563-900 - Grajaú - RJ Então vire a página e divirta-se.
Impressão: Prol Editora Gráfica
Somos Filiados à ANER - Associação Claudio Gora
Nacional dos Editores de Revistas
editor@locawebemrevista.com.br

>>>>>>>>>>>>
O que tem nesta edição... * Entrevista Jimmy Wales, Wikipedia . . . . . . . . . . . . . . 06
* E-mails . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 08
* Notícias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
* Software: Thunderbird 3 . . . . . . . . . . . . . . . . . . . . . . . . 18
* Software: Chrome 1.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
* KeepItSimple: Loja Pronta. . . . . . . . . . . . . . . . . . . . . . . 22
* Capa: Campanhas digitais . . . . . . . . . . . . . . . . . . . . . . 24
* Artigo: Joaquim Torres.. . . . . . . . . . . . . . . . . . . . . . . . . . 34
* YouTube Partner . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
J Campanhas24 J YouTube36 * Artigo: Marcelo Tripoli . . . . . . . . . . . . . . . . . . . . . . . . . . 40
* Life e a fotografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
* Smush It! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
* Artigo: René de Paula Jr. . . . . . . . . . . . . . . . . . . . . . . . . 49
* Case: Roxos e Doentes . . . . . . . . . . . . . . . . . . . . . . . . . . 50
* Tecnologia Ágeis. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
* Artigo: Fábio Akita . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
* Programação Native Client. . . . . . . . . . . . . . . . . . . . . . 58
J Life42 J SmushIt46
* Programação Moonlight . . . . . . . . . . . . . . . . . . . . . . . . 62
* Locavip . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

4 locaweb
21 X 28:21 X 28.qxd 26/11/2008 18:18 Página 1
Entrevista:W2008 21/1/2009 01:17 Page 6

‘‘
‘‘
entrevista

A questão qualidade
permeia nossas ações
Jimmy Wales, fundador da Wikipédia, fala como surgiu o maior fenômeno mundial
de colaboração em massa da era da internet e sobre o futuro da comunidade Wiki
Texto: Leonor Ribeiro

riada em 2001com base no sistema

C Wiki (palavra havaiana que significa

rápido), a Wikipédia é famosa por
seus números superlativos. A enciclopédia
online tem mais de 9 milhões de artigos
escritos em 250 línguas, que atraem
683 milhões de visitantes por ano. São
esses números que definem o sucesso de
Jimmy Wales, fundador da empresa Wiki
e criador do fenômeno mundial de
colaboração em massa – afinal, todos os
artigos da Wikipédia podem ser trocados
por qualquer pessoa com acesso à internet.
Eleito pela revista Times como uma das
pessoas mais influentes do mundo e pela
Forbes como uma das 25 celebridades do
universo web, Wales, que já atuou como
corretor de opções, será para sempre um
dos ícones da era da internet. Confira
abaixo a entrevista que o profissional
concedeu à Locaweb em Revista e
conheça mais sobre o empreendedor que
é cotado como uma das poucas pessoas
do mundo capazes de ameaçar a
liderança do Google num futuro próximo.
* Artigos sobre eventos
que são tratados na
mídia tendem a puxar
picos de audiência, mas,
no cenário normal,
assuntos relacionados às
questões do universo
dos adultos têm o maior
volume de acessos
Locaweb em Revista – Como surgiu a
ideia da Wikipédia?
Wales – A ideia nasceu da observação do
crescimento do movimento dos softwares de
códigos abertos e também da constatação de
que pessoas e programadores estão se unindo
para desenvolver e usar softwares que hoje
inundam a internet. Nós percebemos que esse
tipo de colaboração poderia se estender dos
aplicativos para outros produtos e isso foi uma
visão muito feliz. Inspirado nesse conceito,
desenvolvemos o modelo Wiki e começamos a
usá-lo, o que felizmente se tornou a chave de
nosso sucesso.
LR – O que é exatamente o modelo Wiki?
Wales – De maneira reduzida, pode-se
dizer que o Wiki é uma rede de páginas web,
com os mais diferentes tipos de informação,
que podem ser ampliadas e/ou modificadas
por qualquer pessoa. Fenômeno\\
Wales é apontado por
Para isso, basta usar especialistas como
qualquer tipo de o único homem
navegador que seja do mundo capaz de
ameaçar a soberania
capaz de ler páginas do Google
em HTML, como o
Explorer, o Firefox e muitos outros.
LR – Com a evolução da Wikipédia, a
qualidade dos artigos passou a ser uma
questão preocupante para vocês?
Wales – Sim. Existe uma discussão
constante na comunidade Wikipédia sobre
como fazer um trabalho melhor, de melhor
qualidade. Isso inclui pensar e discutir como
produzir um conteúdo mais consistente e
mais focado nas necessidades de nossa
audiência. Ou seja, a questão da qualidade
permeia todas as nossas ações e é um de
nossos diferenciais mais importantes.

6 locaweb
Entrevista:W2008 21/1/2009 01:17 Page 7

Sucesso \\ Empreendedor foi eleito pela

revista Times como uma das pessoas mais
influentes do mundo e pela Forbes como
uma das 25 celebridades do universo web

LR – Que tipo de artigos recebem maior

número de acessos?
Wales – Artigos sobre eventos que são
tratados na mídia tendem a puxar picos de
audiência, especialmente se algum fato
relevante está movimentando o mundo.
Mas, no cenário normal, assuntos
relacionados às questões do universo dos
adultos têm o maior volume de acessos.

LR – Como a Wikipédia está lidando com

os impactos da crise econômica mundial?
Wales – Essa é uma pergunta interessante.
Nós implantamos um fundo de arrecadação
de dinheiro e estamos indo muito bem.
Antes de iniciar, ficamos imaginando se
sentiríamos diretamente os impactos da
crise. Entretanto, até agora, nada. Nenhum
impacto. As pessoas parecem entender que
nós precisamos de dinheiro para sobreviver
e continuam doando normalmente. Na
verdade, com a crise, temos a expectativa
de que os doadores passem para um

Fotos: Divulgação
patamar superior. Afinal, no caso de uma
desaceleração na economia, as pessoas não
podem se dar ao luxo de sair para jantar ou
fazer algo extravagante. Em compensação

podem ficar navegando na internet, que é

uma forma barata de entretenimento, e
provavelmente irão colaborar para tornar a
atividade mais rica.

LR – Quais são os planos da Wikipédia

no Brasil?
Wales – Recentemente lançamos no País a
proposta da Wikimedia Brasil, que em linhas
gerais é o capítulo brasileiro da Wikimedia
Foundation, entidade criada para estimular
a produção colaborativa de conteúdos
gratuitos em língua portuguesa e também
nas línguas dos povos indígenas brasileiros.
O plano é formar um núcleo gerador de
conhecimento e informação, por meio de
uma comunidade autônoma, que promova
a inclusão social e digital no Brasil. Estamos
bastante empolgados com esse tipo de
Números superlativos \\ A enciclopédia online tem mais de 9 milhões de artigos escritos em 250 línguas, proposta social, já que tem tudo a ver com o
que atraem 683 milhões de visitantes por ano. O modelo permite a qualquer pessoa alterar o conteúdo publicado conceito do modelo Wiki.

locaweb 7
Emails:W2008 29/1/2009 16:49 Page 8
opinião/leitores
e-mails
SEO
Estou pensando em
contratar uma empresa de SEO
para fazer o marketing de
busca do site de nossa
empresa. Que fatores devemos
levar em conta para não fazer
uma escolha equivocada?
Carlos Torres / por e-mail
Algumas coisas podem
servir como sinal de alerta
em relação a um SEO desonesto.
Caia fora, por exemplo, se o seu
SEO tiver domínios de fachada,
colocar links para outros clientes
nas páginas de entrada ou
oferecer para vender palavras-
chave na barra de endereços.
Fique também com um pé atrás se
o SEO não distinguir entre
verdadeiros resultados de pesquisa
e anúncios que aparecem nos
resultados de pesquisa, se garantir
a classificação, mas somente para
frases de palavras-chave longas e
obscuras, que você obteria de
qualquer forma. Você sempre tem
a opção de estudar sobre SEO na
internet e em edições anteriores da
Locaweb em Revista e fazer a
otimização de seus sites por conta
MySQL\\ O SQLyog Outro se destaca pela rotina de execução de queries; em nossos
testes, o programa foi capaz de rodar uma seqüência de queries de 5MB em segundos
8 locaweb
própria. A Locaweb também
oferece uma série de ferramentas
para você mesmo fazer o projeto
de SEO de seu site. Para saber mais,
acesse o endereço
www.locaweb.com.br
Ligação de
tabelas
Como posso fazer para obter
dados em duas tabelas
separadas num banco de dados
MySQL. Por exemplo, eu tenho
os produtos em uma tabela e o
fornecedor em outra. Como
funciona esse comando?
Marcos Finasi/ por e-mail
Nesses casos é necessário
fazer uma conexão entre
elas. As tabelas de um banco de
dados são ligadas umas as outras
por chaves. Uma chave primária é
uma coluna com um valor único
em cada linha, com o propósito de
unir dados através das tabelas.
Assim, não é necessário repetir
todos os dados em toda tabela.
No seu banco de dados, por
exemplo, há uma tabela de
produtos. Cada produto é
relacionado à tabela de
J
//Envie seu e-mail
Se você tem alguma dúvida, sugestão ou
crítica, entre em contato com nossa redação
pelo e-mail locaweb@europanet.com.br.
fornecedores pelo campo de
código do fornecedor, que é uma
chave primária na tabela de
fornecedores. Veja como pegar os
registros correspondentes dessas
duas tabelas:
SELECT
Fornecedores.Nome
DaEmpresa,
Produtos.NomeDoProduto
FROM
Fornecedores, Produtos
WHERE
Fornecedores.CodigoDo
Fornecedor = Produtos.
CodigoDoFornecedor
Administração
com SQL
Trabalho muito com MySQL e
sempre tive dificuldade em
encontrar um bom aplicativo
para gerenciar meus bancos de
dados. Gostaria de saber se
vocês aí da revista poderiam
me indicar uma ferramenta
desse tipo, já que no decorrer
desses anos devem ter testado
várias delas.
Norberto Silveira/ por e-mail
Um dos programas mais
indicados é o SQLyog,
que pode ser encontrado
no endereço eletrônico
www.webyog.com/en. No
mesmo site, é possível realizar o
download e adquirir o SQLyog .
Logo à primeira vista, você pode
achar a interface do programa um
pouco confusa. Na verdade, ela
realmente é. Você demora um
bom tempo para descobrir onde
estão alguns comandos simples,
como, por exemplo, o visualizador
de dados da tabela. Mas depois
que você se acostuma, verá que o
programa é extremamente rápido
para o dia-a-dia.
Outro ponto que merece
destaque é a rotina de execução
de queries. Em nossos testes, o
programa foi capaz de rodar
uma sequência de queries de
5MB em poucos segundos. Para
você ter uma ideia do que isso
significa, a mesma sequência
demorou quase cinco minutos
para ser executada no
PHPMyAdmin.
Mas é claro que o SQLyog não
tem só qualidades. Uma das
coisas que nos chamou a
atenção é a facilidade como você
exclui tabelas e até mesmo
databases inteiras. Se você clicar
com o botão direito do mouse
sobre um banco de dados
qualquer e escolher Drop
Database, o programa faz uma
simples pergunta e adeus. Você
perde tudo, incluindo estruturas,
procedimentos e dados.
Links entre
ASP e PHP
Gostaria de saber se há alguma
possibilidade de fazer uma
ligação entre uma página PHP
para ASP? Por exemplo: estou
numa página PHP e desejo
abrir por um link um
documento ASP.
Danilo Leque/ por e-mail
Se o caso for apenas
colocar o link em uma
página apontando para outra não
existe nada que o impeça. Só é
necessário que cada uma esteja
localizada em um servidor que dê
suporte à sua linguagem. Inclusive,
é possível até enviar parâmetros
ou postar formulários entre
aplicativos ASP e PHP.
21 X 28:21 X 28.qxd 1/12/2008 11:17 Página 1
Noticias_Parte1:W2008 29/1/2009 16:58 Page 10
lançamento
notícias
blog.locaweb.com.br
Confira as últimas novidades da maior empresa de hospedagem de sites do Brasil
Mobimail: novo
e-mail da Locaweb
A Locaweb acaba de
lançar uma nova e
revolucionária plataforma de
e-mail. Desde dezembro,
todos os novos domínios da
empresa passaram a ser
instalados em uma nova
plataforma de e-mail, que foi
batizada de “Mobimail”, para
diferenciar daquela que funciona
para clientes instalados antes
dessa data, o “Locamail”.
A Locaweb está muito
entusiasmada com o projeto,
que tomou quase um ano de
trabalho até esta primeira fase
do lançamento para novos
clientes. Toda plataforma foi
inteiramente desenvolvida do
zero para garantir velocidade e
estabilidade sem sobressaltos.
O Mobimail funciona sobre
“clusters” de servidores
redundantes, que garantem
uma operação mais imune a
falhas do que a plataforma
anterior (Locamail), e com mais
facilidade de acrescentar
capacidade de tráfego, bastando
acrescentar mais servidores
(escalabilidade horizontal). Quem
sentiu cheiro de computação em
nuvem acertou: ela contém os
10 locaweb
Mobimail \\ Novo sistema de e-mails da Locaweb, que substitui o Locamail, é
mais robusto e mais fácil de ser utilizado pelos desenvolvedores e clientes da empresa
conceitos de cloud computing
desde sua fundação.
Esta plataforma não é
somente mais robusta, mas
oferece também alguns recursos
novos como:
Colaboração: sincronização
total de e-mail, Contatos
e Calendário.
Outlook: acesso via plugin MAPI
pelo Outlook do Office,
permitindo o mesmo grau de
integração de mensagens,
contatos e calendário que um
servidor Exchange oferece.
Acesso critptografado: por
SSL a POP, IMAP e SMTP para
tráfego seguro de mensagens
entre seu terminal e o servidor de
e-mail hospedado na Locaweb.
Webmail: duas novas interfaces.
Uma com Ajax, com drag & drop,
operação via teclado e muitos
outros recursos. A outra, Clássica,
para quem está familiarizado
com a plataforma antiga
(Locamail).
Instant Messaging: Com
protocolo Jabber, para
comunicação instantânea entre os
membros do domínio (e
criptografada); Mobilidade, Push
Mail e sincronização sem fio de
Contatos e Calendário com
iPhone/iPod Touch, Nokia
Symbian e Windows Mobile.
Como a Locaweb sentiu que
o aumento da estabilidade era
um desejo muito forte dos
clientes, optou-se por iniciar a
instalação de novos domínios no
Mobimail já em dezembro. É
sabido que ainda faltam recursos
no Mobimail, como conta pega-
tudo (*@dominio), configurações
globais de acesso e outras. Mas
já há movimentações para
implementar esses serviços.
Não haverá alteração de
preços para usufruir os recursos
desta nova ferramenta: o
Mobimail está incluso nos planos
de hospedagem de sites e nos
serviços de e-mail.
Atualmente, a Locaweb
trabalha em um programa de
migração do Locamail para
o Mobimail, que mantenha
caixas postais, mensagens,
pastas, contatos e outras
configurações inalteradas, para
uma migração indolor.
Noticias_Parte1:W2008 29/1/2009 16:58 Page 11

notícias

NOTÍCIAS
PROMOÇÃO NO E-MAIL MARKETING
h A ferramenta de e-mail marketing está com taxa de inscrição grátis para Aprovada a extensão .tel
novas contratações. Aproveite esta oportunidade para realizar suas A proposta de domínios com a extensão .tel, enviada em 2000,
foi finalmente aprovada pela ICANN. Ela deve começar a operar
campanhas com esta poderosa ferramenta e aumente suas vendas. ainda este ano. A extensão será de alto nível como .com e .net e
Para saber mais, acesse: locaweb.com.br/EMAILMKT o objetivo é que os sites .tel sejam do ramo de comunicações
como envio de mensagens SMS ou soluções VoIP, por exemplo.
No mesmo anúncio, a ICANN rejeitou a extensão .xxx para sites

h
FÓRUM E WIKI: CONHEÇA E PARTICIPE DE
NOSSAS FERRAMENTAS COLABORATIVAS
pornográficos, muito pedida pela segmentada indústria do sexo
nos Estados Unidos e ao redor do mundo.

Com intuito de
expandir a rede
colaborativa, a Site colaborativo
Locaweb lançou
novos sistemas de
Wiki e Fórum. Com
essas ferramentas, a
ideia é ampliar a
interação com os
clientes e demonstrar
transparência em
processos e serviços.
O Fórum Locaweb tem como objetivo disponibilizar um espaço de
discussão pública que permita troca de experiências e colaboração.
Além disso, a Locaweb estará ativa, coletando sugestões e
esclarecendo dúvidas pertinentes aos assuntos abordados.
Já no Wiki, os clientes têm acesso a tutorial passo-a-passo, MixedInk \\ Site reúne mistura de informações colaborativas e os visitantes
dão notas aos posts, que ganham destaque; trata-se do sistema de meritocracia
documentação, modelos de scripts e informações gerais sobre os
serviços da Locaweb. A ferramenta é um sistema baseado no Feito para a edição de documentos de forma colaborativa, o
opensource MediaWiki, utilizado pela enciclopédia colaborativa MixedInk (http://mixedink.com) é uma mistura de informações
Wikipédia e substituirá a base de conhecimentos já existente. colaborativas de forma democrática. Ele é aberto para o público
em geral. O grande diferencial da página é a possibilidade de o
Os artigos serão moderados para garantir informações completas e usuário colocar os documentos como rascunho, para que o
assertivas, porém a própria Wikipédia é um exemplo de que as bases restante da comunidade escolha os melhores. Os grupos podem
de conhecimento criadas e editadas em comunidade geralmente ser protegidos ou públicos, o que facilita a privacidade: grupos
garantem informações mais corretas, atualizadas e completas do fechados podem trabalhar em equipe sem que outras pessoas
que as administradas apenas em sistema fechado. Faça parte do vejam os documentos. Se preferirem compartilhar com todos os
outros usuários em um grupo público, isso também é possível.
Fórum e Wiki Locaweb!
A ferramenta estava em desenvolvimento desde abril de 2007, e
Acesse: forum.locaweb.com.br e wiki.locaweb.com.br só agora, em 2009, está disponível para o público.

h
NOVA PÁGINA DE ATENDIMENTO
A página de atendimento foi
Prateleira online
A nova loja virtual da
completamente reformulada. Borders (www.borders.
Além de simplificá-la e torná-la com/online/store/
Home) estreou cheia de
mais relevante, foi incluída uma
novidades. O grande
busca muito mais abrangente. diferencial é a forma
Agora é possível pesquisar com que os produtos
no Site, Blogs, Wiki e Fórum da são mostrados na
Locaweb ou em todas essas prateleira, como se o
usuário estivesse na
bases de conhecimentos simultaneamente.
loja. Por enquanto, são
Outra novidade é a utilização da tecnologia de GeoIP, que identifica a só os livros de destaque, mas já há planos para que
localidade dos acessos e exibe os telefones de acordo com a cidade do isso se torne padrão para os outros produtos.
visitante. Esperamos que gostem!

locaweb 11
Noticias_Parte2e3_WishList:W2008 21/1/2009 02:22 Page 12

notícias/wishlist

O melhor da cultura
digital em vitrine
Nesta seção você confere o que há de melhor nas prateleiras ao redor do mundo,
quando o assunto é alta tecnologia, conectividade com a web e diversão eletrônica

L Vaio P
A série dos menores netbooks
(ou notebooks) do mundo
chegaram pelas mãos da Sony.
Do “tamanho de um envelope
e fino como um celular”, o
computador é colorido, tem
tela de 8″ (1600 x 768) e pesa
640 gramas. Tem 3G integrado,
2 GB de RAM e, nos Estados
Unidos, vai custar US$ 900.
Para saber mais, acesse:
L www.sonystyle.com.

L W700
A Lenovo turbinou sua linha ThinkPad com o
W700, que pode ser adquirido com três HDs
opcionais, com 320 GB cada. O equipamento é
dotado de processador móvel Intel Core 2 Extreme
quad-core, que roda em 2,53 GHz e inclui 12 Mb
de cache L2, suportando até 8 Gb de memória
RAM. Mais informações: www.lenovo.com.

12 locaweb
Noticias_Parte2e3_WishList:W2008 21/1/2009 02:22 Page 13

notícias/wishlist

L Mini 9
O pequeno notebook, da série
Inspiron da Dell, pode ser
adquirido, nos Estados Unidos, por
US$ 349. Por esse preço, o usuário
leva uma máquina dotada de
sistema Ubuntu, processador Atom
N270 de 1,6 GHz, 512 MB de RA e
SSD de 4 GB. Há uma webcam
embutida. Mais informações no
site www.dell.com.

L KF 9000
Também conhecido como LG Prada, é um
telefone touchscreen que tem câmera de 2
MPixels e vale mais pela grife “Prada” do que
pelos apetrechos tecnológicos que carrega.
Com 85 gramas e 5,4 x 9,8 x 1,1 cm, ao ser
ligado, apresenta menu de acesso rápido às
funções de mensagens, entretenimento e
ligações. Mais informações em www.lge.com.

L
L

L Tudo em Um
Webcam Multifuncional, da Multilaser, com uma das
mais altas resoluções do mercado (5 Mpixels
interpolada ou 1,3 Mpixels via hardware). Tem nova
função “face tracking”, que aumenta o foco no rosto.
Oferece ainda speaker embutido, microfone interno
e botão snapshot para tirar fotos. Compatível com
programas de comunicação como Yahoo, Skype, IM,
MSN. O preço médio da webcam sugerido é de
R$139. Mais informações: multilaser.com.br.

locaweb 13
Noticias_Parte2e3_WishList:W2008 21/1/2009 02:22 Page 14

notícias/wishlist

L Toque de Diamante
O smartphone HTC Touch Diamond chegou ao
mercado com HSDPA de 7.2 Mbps, banda larga de alta
velocidade e conexão rápida e sem fio. Recheado de
recursos multimídia, o aparelho com Windows Mobile
6.1 Professional reúne ferramentas como Outlook, Word,
Excel, Power Point, Internet Explorer, Windows Media
L
Player e Windows Live, que permite acesso ao MSN
Hotmail e Messenger. Mais em: www.htc.com.

L GPS 3D
Modelo T945 da Airis oferece mapas em três
dimensões. Mas vai além: cobre também
topografia das cidades, numeração de ruas e
avenidas, Instant Fix (detecção instantânea
de sinal de satélite) e Text to Speech
(navegação guiada que indica a distância,
direção e nome das ruas. Custa R$ 1.499. Para
saber mais: www.airis.com.
L

L TV Gigante
A Sharp volta ao Brasil em grande – ou melhor, gigante –
estilo. A linha Aquos de televisores de LCD tem como maior
chamariz o brinquedinho de 65 polegadas. Há também
versões menores, de 52 polegadas, 46 polegadas e
32 polegadas. Os preços variam de acordo com o tamanho,
a partir de R$ 2.299 até R$ 26.999. www.sharpbr.net.
L

L Samsung F268
Considerado pelo GreenPeace como o
celular mais verde – já que recebeu o
título “Greenest Mobile Phone” –, o
Samsung F286 dispensa o uso de PVC
em sua estrutura e possui alarme no
carregador para avisar quando a carga
está completa. Só está disponível nos
mercados chinês e coreano. Mais
informações: www.samsung.com.

14 locaweb
Noticias_Parte2e3_WishList:W2008 29/1/2009 17:01 Page 15

notícias/wishlist

L Webcam
O modelo para notebooks tem L NWZ-B135F
resolução de 2.0 MP. Conta com A nova linha de MP3 players da Sony
microfone embutido e botão é composta pelos modelos NWZ-
snapshot para tirar fotos. B133F, com capacidade de 1 GB e
Disponível na cor preta, tem disponível nas cores rosa e preta, e
como diferencial o design, que NWZ-B135F, de 2 GB e tons preto e
pega emprestado linhas de vermelho. Ambos contam com
máquinas fotográficas oitentistas transferência e armazenamento de
e as transporta para essa dados em memória flash e bateria
webcam. O preço médio com autonomia de 16 horas.
sugerido é de R$59. Mais em Mais informações: sonystyle.com.br
www.multilaser.com.br.

L L

L Nokia 5800
Produto de ponta da série
XpressMusic da Nokia, o
celular tem tela sensível ao
toque. Conta com
conectividade Wi-Fi, GPS,
uma câmera de 3,2
megapixels. Nos mercados
do exterior, é encontrado por
US$ 395. Mais informações:
www.nokia.com.

L AirPort Extreme
Espécie de central de rede da Apple, esse pequeno aparelho parece fazer
milagre. Comanda a rede wirelless de uma casa a ponto de gerenciar
impressoras, de tocar músicas diretamente do iTunes em aparelhos de
som e ainda é compatível com Mac e PC. Pode ser encontrado por, em
média, R$ 500. Mais informações em www.apple.com.

L
L

L Projetor 3 em 1
O MovieMate 55 possui tecnologia de
projeção 3LCD, constraste de 300:1 e brilho
de 1.200 ANSI lumens. Ainda oferece
compatibilidade com os processadores
Dolby Digital e DTS. O projetor conta com
entradas de vídeo componente, vídeo
composto e RGB, o que possibilita a
conexão de outros aparelhos, como Blu-ray
players – o MovieMate 55 suporta HDTV –
e videogames.
Mais informações: epson.com.br.

locaweb 15
Noticias_Parte4_Agenda:W2008 20/1/2009 18:17 Page 16

//CONGRESSO
WEB EXPOFORUM 2009
notícias/circuito Este é o mais completo evento
sobre a web 2.0 (colaborativa) no
Brasil, compreendendo três dias,

Sua leitura
incluindo feira, seminários,
palestras e workshops.
Local: Centro de Convenções Frei
Caneca, em São Paulo (SP)
Quando: 17 a 19 de março

sobre internet
Confira os principais lançamentos de livros que tratam de
temas ligados ao mundo da tecnologia da informação
PHP: Programando com
Orientação a Objetos
Pablo Dall`Oglio
O foco deste livro é demonstrar como se
dá a construção de uma aplicação
totalmente orientada a objetos. Para
isso, são implementados alguns
padrões de projeto (design patterns) e
técnicas de mapeamento objeto-
relacional, além de vários componentes
para que você possa criar complexas
aplicações de negócio com PHP.
Preço: R$ 76
Editora: Novatec
Inf.: http://novatec.com.b
Use a Cabeça! JSP & Redes de
Servlets Computadores
Brian Bashan, Kathy Sierra e Andrew S. Tanenbaum
Bert Bates Clássico best-seller, foi
Com esta obra você aprenderá a totalmente atualizado para
usar a versão mais recente (J2EE abordar as redes desenvolvidas
1.4) dos servlets e dos JSPs. desde 1990 até os dias de hoje.
Preço: R$ 119 Preço: R$ 206
Editora: Alta Books Editora: Campus
Inf.: www.altabooks.com.br Inf.: www.elsevier.com.br
//EXPOSIÇÃO
REPEAT ALL no MIS
Exposição traz obras em vídeo e
videoinstalações que discutem
os usos e conceitos ligados à
operação da repetição (o “loop”)
na produção contemporânea.
Até 29 de março no Museu da
Imagem e do Som do Estado de
São Paulo.
Local: São Paulo
Inf.: www.mis-sp.org.br
//EDUCAÇÃO
ERIN 2009
A primeira edição do evento
Escola Regional de Informática -
Regional Norte 1 - será realizada
de 4 a 6 de março em Manaus
com o objetivo de informar e
debater temas relevantes da área
de informática que estejam em
evidência no país e no exterior.
Local: Manaus
Inf.: www.dcc.ufam.edu.br
//SEMINÁRIO
NORMAS E LEGISLAÇÃO EM TI
Em 11 de março, a IDETI irá
promover um seminário sobre as
mudanças das normas e
legislações vigentes na área de TI.
Local: Porto Alegre
Inf.: www.ideti.com.br

Tutoriais e videoaulas online

O ambiente online é
bastante propício
para videoaulas, já
que permite ao
aluno acompanhar
as lições quando
quiser e onde
desejar. Aqui, a cada
edição da Locaweb em
Revista, você vê o que Fireworks CS3 Como fazer um banner
Duração: 10min54s Duração: 10min26s
há de melhor em Preço: Grátis Preço: Grátis
cursos na internet URL: http://br.youtube.com/watch?v=16IRVvbVedAv URL: http://tinyurl.com/8uy5ry

16 locaweb
21 X 28.qxp 7/10/2008 10:26 Page 1
Preview Thunderbird:W2008 21/1/2009 02:01 Page 18
p[r]eview
Conheça o novo
Thunderbird 3
Versão de testes da próxima versão do aplicativo de e-mail mostra que,
embora instável e com bugs, o Outlook 2007 terá um concorrente de peso
Os boatos sobre
a morte do Thunderbird
foram um tanto exagerados. A
popularização do Gmail, o
webmail do Google que se
tornou uma espécie de central
de mensagens eletrônicas,
aliado ao lançamento do
bom Outlook 2007, que
acompanha o Vista na maior
parte das distribuições foram
dois fatores que fizeram os
analistas de mercado apostarem
que os dias do Thunderbird
estavam contados.
O que se esperava é que o
programa de e-mails de código
aberto migrasse para o mesmo
ostracismo que o antes popular
Eudora trilhou anos atrás. Para
piorar a situação, a Mozilla,
mantenedora do Thunderbird,
informou que criaria uma divisão
específica para tocar o projeto
de leitor de e-mail, chamada
Mozilla Messaging
(www.mozillamessaging.com). E
eis que quando tudo mais
parecia perdido e que o
Thurderbird não mais
desempacaria da versão 2.x,
começam a aparecer na rede
edições de teste.
Ainda extraoficialmente, o
18 locaweb
Thunderbird 3 não tem esse
nome: ele atende por um
curioso Shredder, que em
português significa picotador.
Esse nome foi dado pela
equipe de desenvolvimento
justamente para desencorajar
curiosos a baixar o programa de
e-mail antes de soltarem uma
versão estável e que não seja
danosa ao computador.
Ainda extremamente estável e
com diversos bugs, o
Thunderbird 3 pode realmente
picotar as correspondências do
usuário, apagar pastas, registros,
identidades. Por isso, somente é
recomendado o download do
software, que pode ser realizado
no endereço eletrônico
br.mozdev.org/drupal/2008/05/
shredder-alpha-1, por usuários
experientes e desenvolvedores.
O teste
Uma vez realizado o download
e com o Thunderbird v3
funcionando, o que se percebe é
que o editor mantém o mesmo
“jeitão” de seu antecessor, mas
que está muito mais integrado
ao sistema Vista – no XP, não faz
tanta diferença.
Mas, de forma geral, o que
FICHA TÉCNICA
Nome e versão: Thunderbird 3 Beta 1
Desenvolvedor: MozillaMessaging
Licença: Freeware
Tamanho: 8 MB
Lançamento: 10 de dezembro de 2008
Versão 2.x \\ A edição corrente o Thuderbird praticamente não tem bugs, mas
perdeu, e muito, popularidade com a nova geração de webmails, como o Gmail
mais agrada e inova no soft é a para que pudesse ver fotos e
navegação por abas – sim, elas desenhos. Agora, o programa
chegaram até mesmo aos trabalha de forma simples e
gerenciadores de e-mail, depois projeta as imagens com
de infestar navegadores e até poucos cliques, o que, de
mesmo alguns editores de texto. forma geral, facilita a
As abas funcionam como navegação pela interface do
compartimentos. Por meio delas programa e na leitura das
pode-se acessar pastas, mensagens eletrõnicas.
calendário, mensagens de e- Outro item que agrada ao
mails em geral. visitante no Thunrderbird 3 é a
Outro ponto altamente possibilidade de gerenciar
favorável no Thunderbird v3 extensões e complementos em
é o visualizador de imagens. geral. Por meio de sua interface
Na versão anterior, o usuário renovada, o programa tem uma
tinha de apontar outro software seção que garante ao usuário
– no caso, um do tipo gráfico – encontrar e baixar as aplicações
Preview Thunderbird:W2008 21/1/2009 02:01 Page 19
A Interface
Thunderbird 3 \\ No novo gerenciadoe de e-mails, as abas funcionam como compartimentos; por meio delas pode-se acessar pastas, calendário, mensagens de e-mails em
geral; outro ponto altamente favorável no Thunderbird 3 é o visualizador de imagens - na versão anterior, era necessário optar por um terceiro software para visualizar fotos
que mais lhe agradarem, sem a
necessidade de usar um
navegador para acessar os
plugins. Além disso, após
realizar o download, um
simples botão permite que a
extensão seja aplicada à
interface do gerenciador de
mensagens eletrônicas. Há
ainda poucas extensões que
funcionam perfeitamente no
Thunderbird v3, pois, como já
foi informado, a versão de
testes é muito instável
e ainda não conta com
desenvolvimento maciço de
extensões compatíveis.
Uma exceção e que funciona
perfeitamente é a Lightning,
que acopla ao navegador um
bom calendário, que pode ser
utilizado em conjunto com as
pastas e abas de e-mails.
Sobre a lista de contatos, as
novidades são incipientes.
Quando um novo nome ou e-
mail aparece em sua lista, ele é
indicado com uma estrela.
Caso o usuário queira
registrar em seu Thunderbird o
indivíduo, basta clicar na
estrela, que ele
automaticamente entrar na
relação de endereços
conhecidos. Há ainda um
campo que garante a inserção
da data de aniversário da
pessoa ou do amigo.
Por fim, o último tópico que
merece destaque na nova
versão do Thunderbird v3 é a –
boa – integração com o Vista
(com o XP, ainda há
deficiências). O Thunderbird e
o buscador do Vista trabalham
em conjunto e, assim,
mensagens e conversas
podem – ou não – ser
anexadas de acordo com a
vontade do usuário.
Cuidados
Conforme foi indicado nesta
reportagem, baixar e usar o
Thunderbird ainda é uma
opção de risco. O programa
ainda contém muitos e muitos
erros, que podem danificar a
versão anterior do soft
instalada em seu PC.
Prova disso é que na página
do desenvolvedor há a relação
de diversos erros (www.mozilla
messaging.com/en-
US/thunderbird). Mas se
mesmo assim você quiser
utilizar e testar, é muito
importante seguir algumas
recomendações que
minimizam a ocorrência de
problemas e conflitos.
Com o software já no
review/msn2009
computador, antes de
ser instalado, deve-se
criar um perfil diferente do
que está configurado no
Thunderbird 2.x. Isso
minimiza problemas como
perdas de dados (como
pastas e mensagens) e
travamentos com determinadas
extensões e temas.
Com isso, ambos os
Thunderbirds rodarão lado a
lado e é possívei, sempre,
optar por um ou outro até que
você deseje ficar só com uma
versão no seu computador.
Com ambos os perfis, para
evitar que você se confunda, é
indicado iniciar o Thunderbird
com o comando -p, utilizando
a janela “Executar” do Windows.
Em sistemas como Linux, a
tarefa deve ser realizada por
meio do terminal.
locaweb 19
Preview Chrome:W2008 29/1/2009 17:02 Page 20

p[r]eview
FICHA TÉCNICA
Nome e versão: Chrome 1.0
Desenvolvedor: Google
Licença: Freeware
Tamanho: 504,83 kB
Requisitos mínimos: Roda em Windows XP, Vista
Lançamento: 12/Jan/2009

Navegador web do
Google sai do beta
Versão 1.0 do Chrome mantém o design minimalista, a atenção focada nos
aplicativos web e continua sem oferecer opções de personalização na navegação
Texto: Sérgio Vinícius

e uma hora para outra,

D o Chrome deixou de
ser beta e virou 1.0.
Algumas más línguas dizem
que por razões comerciais da
empresa que o gere. Outras,
de que era realmente
necessário chegar ao “primeiro
definitivo” para se avaliar o
navegador como conjunto –
incluindo aí seu aspecto
ligado à segurança.
O fato é que do “beta’ para
o Chrome 1.0, pouca coisa
mudou. Ele continua sendo o
browser mais rápido do Gmail \\ A nova versão do software continua apostando na integração com serviços online, como com o e-mail do Google
mercado. Em um teste
publicado na edição 12 da teste anterior. Foram
Locaweb em Revista, o escolhidas seis famosas * O fato é que do “beta” para o Chrome
navegador ficou, de longe, à páginas da web, que variam 1.0, muito pouca coisa mudou. Ele
frente dos concorrentes. em sua estrutur,a desde continua sendo o browser mais rápido
Internet Explorer, Firefox, HTML puro (useit.com) até do mercado, a frente dos concorrentes
Opera e Safari se mostraram carregadas de vídeos
mais lentos do que o pálido e (Youtube.com). em 7 dias seguidos, em temporários esvaziados. A
simples Chrome. Para o teste, se recorreu a horários alternados, com todos segunda, chamada de
Agora na versão 1.0, a um computador Windows os navegadores sendo abertos inicialização quente, era
equipe de reportagem Vista, com processador Dual em duas fases. A primeira, quando os navegadores eram
realizou novamente o teste de Core, 3 GB de RAM e chamada de inicialização fria, acionados depois de terem
desempenho. Desta vez, com conectado à internet com era quando os browsers sido abertos e fechados
algumas pequenas velocidade presumida de 6 abriam a primeira vez aquela três vezes.
modificações com relação ao MB. Os testes foram realizados página, com cache limpo e O resultado mostrou que o

20 locaweb
Preview Chrome:W2008 20/1/2009 18:25 Page 21
A interface
2 outras ferramentas profissionais
1 \\ No campo superior, a barra de endereços continua funcionando como campo de busca do Google
2 \\ O sistema de ajuda é um dos melhores entre os principais browsers do mercado, oferecendo auxílio online
3 \\ A ferramenta que indica as Opções e Preferências do usuário agrega muito pouco, já que o browser é esperto e minimalista
Chrome 1.0 ainda é mais
rápido que os concorrentes de
forma geral, concorrendo
somente – no quesito
velocidade – com o Opera. Na
saída fria, o navegador
escandinavo levou a melhor
com a média de 2,2 segundos.
Chrome (2,4), Firefox (4,1), IE
(4,2) e Safari (4,9) vieram
na sequência.
Com o navegador
“aquecido”, os tempos mudam
e as posições também. A
ordem agora é Chrome (0,7
segundos), Opera (0,8), Safari
(0,9), Internet Explorer (1,0) e
Firefox (1,2). Já com o
navegador aberto, mais uma
vez o 1.0 do Google fica com a
pole position. O tempo médio
de carregamento das páginas
dele é de 10,23 segundos.
Opera segue com 12
segundos. FF, IE e Safari
acompanham de longe (13,23;
1 3
* O foco do Chrome 1.0 continua
sendo colocar o usuário em contato
com a internet. Sem frescura e
também sem itens úteis como
integração com programas offline
13,65 e 14,1 segundos).
Obviamente, o teste não
tem valor científico, já que foi
realizado aleatoriamente sem
qualquer software de
medição. Mas na prática, e no
dia-a-dia, o Chrome aparenta
ser mais veloz.
O que mudou
Assim como a velocidade –
mostrando ser o mais rápido
entre os mais populares
navegadores – não mudou,
boa parte das características
do navegador continua
inalterada. A começar pelo seu
aspecto pálido, branco e
demasiadamente minimalista.
O foco dele continua sendo
colocar o usuário em contato
com a internet. Sem frescura e
também sem úteis itens de
personalização. Há pouco mais
em sua interface – e em sua
aba de Opções – do que a
barra de endereços e um ou
outro botão para dar uma
burilada no browser.
Ele continua com sua
engine inteligente – que
renderiza páginas e mais
páginas web sem requerer
muito hardware, e também
conta com aquele inteligente
recurso que permite que uma
aba defeituosa aberta em uma
página conflitante não
review/chrome_1.0
requeira reiniciar o browser –
apenas a aba.
O sistema de privacidade
mantém a navegação anônima –
embora não seja uma solução
tão boa quanto algumas
como a YourFreedom
(www.yourfreedom.net) ou o
projeto TOR, que tem integração
com o Firefox e o Opera. Por
fim, o Chrome ainda oferece o
melhor sistema de ajuda de um
browser, com links inteligentes
e solução praticamente para
qualquer problema que o
usuário detecte.
O ponto negativo fica por
conta do transtorno que é
para exportar os favoritos
salvos no navegador para
outros browsers. Encontrar
ainda resquícios de navegação
ou mesmo localizar
temporários é uma tarefa
para usuários avançados e,
em alguns casos, softwares
que prometem realizar o
backup destes arquivos dão
conflitos com o Chrome 1.0 e
chegam a desaparecer com
alguns programas ou
conteúdos importantes.
Chrome 2.0
Após o lançamento da
versão 1.0, agora os boatos
apontam para um Crhome 2.0.
De acordo com alguns
rumores de mercado, a
próxima versão do navegador
contará com duas opções de
uso: uma profissional e outra
pessoal. Assim, o usuário
poderia formatar o browser
de acordo com sua
necessidade específica.
locaweb 21
Keep it Simple:W2008 29/1/2009 17:04 Page 22
keepitsimple
Serviço da Locaweb oferece
sistema completo e gratuito
de e-commerce, fácil de
usar e bastante seguro
Loja Pronta
da Locaweb
Conheça e use a ferramenta que facilita a vida de
quem quer incluir um e-commerce em sua página
eletrônica mas pensa que isso é tarefa árdua
Texto: Sérgio Vinícius
uem quer ter seu próprio
Q e-commerce mas nunca teve
coragem de implementar a loja
conta com uma solução sob medida da
Locaweb: trata-se da Loja Pronta
Locaweb (locaweb.com.br/lojapronta).
O sistema é de fácil configuração e
utilização e conta com a garantia de
qualidade Locaweb - além de oferecer
itens de segurança e que facilitem o
pagamento dos clientes.
22 locaweb
De acordo com Reinaldo Santos,
gerente de comércio eletrônico da
Locaweb, de tão versátil a Loja Pronta
não é destinada a um tipo específico de
público ou usuário.
“Eu diria que não existe um perfil
específico para usar este produto. Dentre
as lojas já configuradas, temos usuários
vendendo material esportivo, bijuterias,
artesanato, equipamento de informática”,
diz o criador do sistema. “Talvez, por
conta da estrutura do produto, o único
requisito é que o produto vendido seja
tangível, pois a loja ainda não possui o
ESTE MÊS
Serviço: Loja Pronta
Para: Sistema de e-commerce
Site: www.locaweb.com.br
* Para configurar a loja,
não é necessário nenhum
conhecimento técnico,
basta preencher um
formulário com dados
cadastrais para ativá-la.
Na parte de configuração
o usuário poderá "brincar"
com os diversos recursos
recurso para downloads, o que permitiria
a venda de produtos em forma de
arquivos para downloads, mas em breve
resolveremos isso.”
Para configurar a loja, não é necessário
nenhum conhecimento técnico, basta
preencher um formulário com dados
cadastrais para ativá-la. Na parte de
configuração o usuário poderá "brincar"
com os recursos até encontrar a forma
visual que pretende dar a loja.
Isso é possível porque, antes de
finalizar a configuração, ele tema opção
Keep it Simple:W2008 29/1/2009 17:04 Page 23

* Mesmo sem qualquer forma de divulgação Raio-X

tradicional, mais de 2,5 mil lojas foram configuradas
por meio do Loja Pronta e com o Pagamento Certo
de visualizar o preview da configuração
que fez. Este trabalho é apenas selecionar
cor de fundo, publicar o logo da loja,
mudar disposição de itens. Tudo isso é
realizado via administração. Em nenhum
momento o usuário terá acesso a linhas
de código da programação da loja.
A facilidade que a Loja Pronta garante
para o usuário tem sido, até agora, seu
maior êxito. Tanto que a Locaweb sequer
divulgou por meio de mailing lists ou
outras formas a Loja Pronta e ela já conta
com um número alto de usuários, que
atingem a casa dos milhares.
“A aceitação da Loja Pronta é boa. Até
o momento, não houve uma divulgação
do produto, apenas colocamos o link
sobre produto na página inicial de nosso
site” conta Santos. “Até o momento, foram
configuradas mais de 2.500 lojas e boa
parte delas já está vendendo.”
De acordo com o executivo, muitas
destas lojas não são de clientes da
Locaweb. A maioria, inclusive, não possui
nenhum site. O uso da Loja Pronta é
especifico para e-commerce, pois em seu
contrato de uso consta uma cláusula que
"se não houver nenhuma transação de
pagamento durante o período de 3 meses,
a loja será devidamente desativada".
O uso da ferramenta é gratuito, mas há
alguns procedimentos que devem ser
seguidos. “A Loja Pronta está diretamente
condicionada ao uso do Pagamento Certo
como forma de pagamento” , informa
Santos. “E é bom lembrar que para usar a
Loja Pronta não é necessário que o cliente
possua algum serviço pago da Locaweb”.
Pagamento Certo
O sistema Pagamento Certo
(locaweb.com.br/PagamentoCerto) é uma
carteira virtual para receber pagamento
online em qualquer site, loja virtual, blog.
Por meio da Locaweb, o usuário vende via
web e não tem dor de cabeça na hora de
receber, com todas as contas e meios de
pagamento centralizados em um só lugar.
O Pagamento Certo é tão fácil de usar
quanto o Loja Pronta. O sistema de
Pagamento Certo
GERAL
Meios de Pagamento: Boleto Bancário / Cartões de Crédito
Plataformas:Windows / Linux
Interfaces de integração: SOAP
Número de transações/mês: Ilimitado
Para integração Módulo para Loja Exemplo Locaweb
Kit de integração com exemplos de chamadas em ASP, C#,
Java, PHP 5 e Ruby on Rails
Operadoras/bancos: Não é necessário contrato
Pessoa jurídica: Não
Loja Pronta
Beneficios
• Carrinho de compras
• Cálculo de frete (Sedex, E-Sedex, PAC, Direct Express, FEDEX,
Retirar na loja, Transportadora a cobrar, Frete Personalizado)
• Cadastro de clientes com área administrativa de
pedidos para o cliente
• Área administrativa para o lojista
• Customização do layout da loja através da administração (sem
necessidade de conhecer programação)
• Cadastrado ilimitado de categorias, subcategorias,
produtos, marcas e tamanhos
• Controle de Estoque
• Gerenciamento de pedidos através da administração
• Gerenciamento dos usuários cadastrados pela administração
• Gerenciamento de usuários
• Ferramenta para envio de newsletter
• Exibição e administração de banners na loja
• Meios de Pagamento
Pagamento Certo: Boleto Bancário e Cartões de Crédito
(Visanet e American Express)¹
• Número de transações/mês: Ilimitado
• Necessita ser jurídica: Não
• Precisa ser cliente Locaweb: Não e o cadastro é gratuito
• Precisa de um domínio próprio: A Locaweb
disponibilizará uma extensão; seudominio.lojapronta.net
• Segurança: Certificado SSL compartilhado de 128 bits
• Criptografia: na base de dados
• Espaço em disco: Ilimitado (Para imagens, banners, etc.)
• Espaço em banco de dados: 50 MB

gerenciamento, simplificado, funciona via

Painel de Controle. Ele filtra extratos e
controla os pagamentos e os recebimentos.
Do ponto de vista do usuário, as
transações são realizadas de forma simples e
intuitivas. Para comprar em lojas que usam o
Pagamento Certo Locaweb, o usuário conta
com diversas formas de pagamentos e prazo
de 14 dias para qualificar a mercadoria e seu
Site demonstração do Loja Pronta\\ Em www.lojapronta.net/home.asp, o usuário pode conferir uma recebimento, contando assim com mais
versão do Loja Pronta em funcionamento; sistema de e-commerce é gratuito, mas depende do Pagamento Certo confiabilidade na transação.

locaweb 23
Capa Campanhas_parte1:W2008 21/1/2009 06:55 Page 24

24 locaweb
Capa Campanhas_parte1:W2008 29/1/2009 17:06 Page 25

capa/campanhas

Faça sua
campanha online
Aprenda a planejar estratégias de
marketing digital para seu site com o
investimento certo e que cabe no seu bolso
Texto: Camila Pratti, Felipe Franzoni e Letícia Sallorenzo
Ilustração: Alexandre Dias (Nani)

ma pesquisa do Pew Research Center, dos Estados Unidos, feita em dezembro do ano

U passado, dá bem a dimensão do que o ano de 2008 significou para a mídia digital. Cerca
de 40% dos entrevistados revelaram que a maior parte das informações por eles
consumidas foram obtidas na web, contra 35% que o fizeram com jornais impressos. É a primeira
vez que a web ultrapassa o papel, desde que a pesquisa começou a ser feita, em 2001. Soma-se a
este dado o fato do blog "Huffington Post', de Ariana Huffington, ter sido avaliado em US$ 100
milhões. Isto significa o seguinte: 2008 foi o ano em que o (resto do) mundo começou a dar
as costas para a vida impressa - barra - eletrônica para voltar-se ao universo digital.
Além do crescente prestígio e audiência das mídias digitais - tanto nos EUA
quanto aqui no Brasil - há as comunidades formadas nos twitters, orkuts e
facebooks da vida e em tantos messengers afora, e temos o tempero final para
a receita de sucesso em 2009: o marketing digital.
Mas o que é, como é, pra que serve, como funciona o marketing digital? E
como eu entro nisso - ou nessa? Calma. Por mais estranho que o
conselho possa parecer no mundo web, "devagar com o andor". O
negócio tem que ser muito bem pensado e calculado, caso
contrário o resultado pode ser negativo para a sua imagem.

locaweb 25
Capa Campanhas_parte1:W2008 29/1/2009 17:08 Page 26
capa/campanhas
* Desde que o conteúdo
na internet passou a ser
extremamente interativo,
ações de marketing
como os chatos
pop-ups pararam de
ter eficácia e, hoje
em dia, estão
relegados cada vez
mais a segundos
e terceiros planos
Do mundo offline para o online
Há pouco mais de cinquenta anos, quando quase ninguém
sonhava com internet e e-mail, o psicólogo e professor americano
Abraham Maslow desenvolveu uma pirâmide das necessidades
básicas do ser humano, conhecida como Pirâmide de Maslow. Na
base estavam as necessidades fisiológicas/ básicas; em seguida as
necessidades de segurança em todos os aspectos da vida; depois as
de pertencimento a um grupo; as de auto-estima e por último as de
auto-realização. A partir destas informações, as campanhas
publicitárias focavam o lado emocional do consumidor.
Com o avanço da tecnologia, e aí estamos falando em mais de
quarenta anos depois da Pirâmide de Maslow, a propaganda
tornou-se interativa, abordando as “necessidades em rede”, a
comunicação e a informação. A partir daí, na base da pirâmide
estão comida e água; no centro, o abrigo e, no topo, a internet e o
celular. Segundo o filósofo Pierre Lévy, nascido na Tunísia e autor
de ‘Cibercultura’ e ‘O que é o virtual’, um novo tipo de pensamento
Pirâmide de Maslow \\ Sistema criado por
Abraham Maslow mostra graficamente o que o
estudioso acreditava serem as necessidades do ser-
humano; com o advento da cultura digital, tudo
mudou rapidamente
26 locaweb
Árvore de hiperlinks \\ O filósofo Pierre Lévy se baseou na estrutura da
webcom seus hiperlinks, para entender a relação entre ser humano e ambiente online
sustentado por conexões sociais, tornadas viáveis pelas redes
abertas de computação que configuram a internet, são
caracterizadas pelo uso da interatividade, criação de comunidades
virtuais e ferramentas de relacionamento. “A Wikipédia é um
exemplo de manifestação de inteligência coletiva, na medida em
que permite a edição coletiva de verbetes e sua hipervinculação
(links hipertextuais).”
As constantes mudanças no mundo digital também fizeram
com que as criações publicitárias se adaptassem às necessidades
do webconsumidor. No início, a ação do internauta era pré-
estabelecida e determinada como, por exemplo, nos banners que
contêm jogos pelos quais o usuário “interage” com a marca. O
conceito era retórico, impositivo, persuasivo apresentado por
meio de banners, pop-ups, rich media.
Depois passou a ser retórico-dilético representado por hotsites,
campanhas integradas, adwares (exibe anúncios como pop-ups),
spywares (descobre informações sobre pessoas ou empresas,
mesmo sem o conhecimento delas).
Atualmente, o internauta pode interferir diretamente no
conteúdo, criando, mexendo, organizando e avaliando por meio
de blogs, podcasts, marketing viral (exemplos: YouTube, Orkut),
entre outros. Este posicionamento coloca a web como
plataforma social, na qual “você controla os seus dados”.
A ‘cauda longa’:
nichos X blockbusters
Hoje, são os consumidores que determinam o
que merece destaque na Internet. O autor de
‘The Long Tail: Why the Future of Business Is
Selling Less of More’, Chris Anderson, afirma
em seu livro que o poder dos nichos
diante da indústria marca o fim dos
blockbusters. ‘A cauda longa’ –
Capa Campanhas_parte1:W2008 21/1/2009 06:55 Page 27

capa/campanhas

* Pequenos sites para

nichos específicos
prolongam a sobrevida de
produtos e serviços, com
uma abordagem feita pelas
A Cauda Longa\\ Termo se refere ao mercado do consumo de bens (no detalhe, um exemplo de gráfico que bordas; com o tempo, não
ilustra a curva de procura dos consumidores); expressão se tornou título de livro de sucesso sobre marketing digital haverá mais blockbusters
tradução de the long tail – é o termo utilizado na estatística os meios eletrônicos de distribuição como Internet, e-mail,
para identificar distribuições de dados onde o volume destes equipamentos móveis, Web-TV, HDTV, entre outros. E tem como
decresce ao longo do tempo, durante um longo período. E objetivos: a construção de uma marca sólida; a fidelização do
descreve o formato do gráfico produzido por este movimento: consumidor por meio de ações personalizadas; a maximização
os grandes ocupam o topo, mas um pequeno espaço, de seus lucros; o monitoramento de ações de marketing digital
enquanto os nichos são pequenos, mas infinitos. No subtítulo, de seus concorrentes; enfim, a divulgação de seu negócio ao
o autor provoca “Por que o Futuro dos Negócios é Vender público-alvo qualificado.
Menos de Mais”. “Hoje a web possibilita uma maior proximidade com os
Assim, pequenos sites para nichos específicos prolongam a consumidores, chegando à personalização do relacionamento.
sobrevida de produtos e serviços, com uma abordagem feita Além disso, os custos na rede são muito mais baixos do que na
“pelas bordas”. Artistas, bandas, filmes ganham popularidade no mídia tradicional. Aliando-se todas essas variáveis, as vantagens
mundo virtual por meio de divulgação em
redes sociais em pouco tempo. Um bom
exemplo é o My Space com 127 milhões de
usuários loucos por novidades e que
colocou em evidência bandas como a
britânica Arctic Monkeys, que conseguiu
lotar shows e dar um “up” na carreira após
divulgação no site. O grupo escocês Franz
Ferdinand também não ficou de fora dessa,
disponibilizou material inédito no site,
antes do lançamento “oficial” do trabalho.

Do boca-a-boca ao
plano de marketing
Um bom boca-a-boca virtual, divulgação
potencializada por mídias digitais como
Orkut, Blogs e Twitter, aliado a campanhas
publicitárias digitais eficientes podem ser
responsáveis pelo “estouro” de vendas de
diversos tipos de produtos e serviços. Orkut \\ Sites provam que um bom boca-a-boca virtual é uma forma de potencializar a divulgação de mídias
As ações de marketing digital envolvem digitais; páginas populares como Orkut (acima), blogs e Twitter ficaram famosas por cair nas graças dos usuários

locaweb 27
Capa Campanhas_parte1:W2008 21/1/2009 06:55 Page 28

capa/campanhas

AÇÕES DE MARKETING DIGITAL //Evite armadilhas deixe bem claro como funciona o seu
• Evite colocar peças e negócio. “Precisamos entender o
Media display (visual) SEM SM campanhas que
TIPO

Veiculação em sites,
portais, blogs...
• Entrega visual
• Trabalha a marca
PRÓS
Search Engine Marketing Social Media negócio, seu posicionamento, sua
incomodem o usuário
(links patrocinados, SEO) receita, sua audiência psicodemográfica
• Fuja de animações (perfil comportamental, sócio-
• Alto retorno em cliques • Engajamento
• Link patrocinado que cobrem a tela econômico e regional), os objetivos e o
inteira do PC

• Percepção para clique resultado esperado. Com estas

• Posicionamento
Muito indicado para
promoções de varejo
• Baixíssimo índice de cliques
CONTRAS
• SEO – o clique é de informações é possível delinear a
graça, mas com custo • Tome cuidado
de consultoria com a mensagem do estratégia de marketing, partir para a
anúncio para não construção do valor de marca
• Muito difícil para • Resultados a médio e prometer aquilo que
– ‘brand equity’ e estruturar a forma de

• Pouca efetividade trabalho de marca longo prazo não pode cumprir

real/dado em ativação • Ação muito perigosa se mensuração de resultados”,
não for bem feita, pois pode • No caso de páginas de explica Póvoa.
se voltar contra a marca venda de produto, de No caso de a empresa ou pessoa
nada adianta ser bonita
física optar pela contratação direta de
e não ser funcional ou
são evidentes”, disse Beth Saad, professora de Propaganda e apresentar problemas profissionais de produção, poderá
Novas Tecnologias do curso Publicidade e Mercado (lato sensu), no momento de economizar mais do que a contração
da USP. O marketing digital é uma opção relativamente mais finalização da compra dos serviços de uma agência.
ou entrega do produto.
"barata" por dois motivos. “Velocidade de ação/reação e facilidade Todo o trabalho tem de
Entretanto, o diretor de criação da
na mensuração”, explica Norton Amato Jr., diretor de criação da estar integrado Alfaiataria Digital, Norton Amato Jr.,
Alfaiataria Digital. alerta. “O sucesso na contratação de
Antes de se aventurar nesse mundo, é preciso estar • Qualquer ação no meio serviços separadamente depende
digital deve ser focada
“plugado” nas novidades de mercado e nas tecnologias em público e em diretamente do conhecimento da
disponíveis para se ter acesso ao público. Também é conteúdo. Uma ação contratante no planejamento, gestão e
fundamental ter em mente qual o seu tipo de negócio e qual o mercadológica ampla, execução das tarefas envolvidas. Se sua
orçamento disponível para a sua divulgação. Pretende contratar apenas para firmar a empresa já dispõe de profissionais
imagem, por exemplo,
todos os serviços de marketing diretamente ou contar com os que não traga o usuário / qualificados para tal, não há problemas
serviços de uma agência para ajudá-lo? consumidor para uma em montar um time para sua
O sócio-diretor da MPP Solutions, Marcello Póvoa, enfatiza a efetiva interação no empreitada”, diz. “Caso contrário,
website tem poucos
importância do marketing digital para atingir o público-alvo. Se recomendo contratar uma agência ou
efeitos. A dica, portanto, é
a opção for por contratar uma agência para desenvolver o foco e envolvimento produtora que assuma total
plano de marketing e a campanha é preciso que o cliente do usuário. responsabilidade pela campanha ou
ação de comunicação. O trabalho em
mídias digitais envolve expertise e depende
de muita dedicação na atualização sobre
novas possibilidades e tecnologias.”
O diretor comercial da iThink, agência de
marketing digital, Luiz Trindade, dá algumas

SEO \\ Formatar o site para se tornar palatável, como explica a popular página Marketing de
Busca (acima e ao lado), é uma forma rápida e barata de torná-lo mais popular e visitado

28 locaweb
Capa Campanhas_parte1:W2008 21/1/2009 06:55 Page 29

capa/campanhas

* Em primeiro lugar é
fundamental definir os
seus objetivos: venda de
produto, trabalhar a
imagem de uma marca
ou anúncio de
Site da Coca-Cola \\ Como marca, a empresa levou muitas décadas para se tonar o que é hoje: foi necessário um
promoção. Somente a intenso trabalho na marca; entretanto, se o objetivo dela fosse destacar uma promoção, a ação seria bem diferente
partir deste momento o
//5 passos
empresário escolhe a essenciais para a
ferramenta adequada elaboração de uma
campanha digital
para trabalhar
dicas para quem pretende divulgar o
1 Planejamento e
definição do perfil de
público a ser atingido
seu site/produto. “Em primeiro lugar é pela campanha;
fundamental definir os seus objetivos:
venda de produto, trabalhar a imagem
de uma marca ou anúncio de
2 Criação de um
ambiente digital:
na web ou em mídias
promoção. A partir daí, você escolhe a móveis, por exemplo;
ferramenta adequada.” Confira algumas
opções sugeridas por Trindade.
Ao comprar ou pesquisar um
3 Tecnologia utilizada,
desenvolvimento do
sistema e escolha dos
produto em uma página da web, na parceiros técnicos;

qual o consumidor possui cadastro, a
empresa consegue armazenar em um
banco de dados as preferências
daquela pessoa e, assim, investir na
comunicação dirigida, personalizando o
envio de e-mail marketing. Póvoa
explica que “ao usar ferramentas de
mensuração de audiência, você pode
saber quem está fazendo o que e em
que momento no mundo virtual,
permitindo que a empresa ou pessoa
física conheça o perfil de quem está
clicando em seu site”.
Os resultados a curto, médio ou
longo prazo dependem do tipo de
trabalho de marketing que a empresa
4
Design aliado à
usabilidade de
forma que os usuários
possam entender o
conteúdo, a ação e
gerar os resultados;
5 Mensuração eficaz é
muito importante,
pois, sem isso não se
pode acompanhar o
uso do ambiente criado
e, portanto os
resultados esperados;
Fonte: Beth Saad,
professora de propaganda e
novas tecnologias do curso
de lato sensu Publicidade e
Mercado - USP
ou pessoa física pretende. “A marca Coca-Cola demorou dezena
de anos para se tornar o que ela é hoje. Agora, se a intenção é a
de anunciar uma promoção do dia de um hipermercado do
tipo ‘Compre dois e leve três’ a campanha tem como objetivo
trazer resultados em curto prazo”, completa Póvoa.
Quais as diferenças entre uma
campanha off-line e uma "digital"?
Beth Saad diz que é difícil de comparar. “Na realidade são
canais complementares. Os custos e o envolvimento são fatores
diferenciais. Além disso, uma ação no meio digital pode ter
continuidade ou uma espécie de revitalização de seu conteúdo
por meio do relacionamento com o consumidor, o que não é
possível nos meios tradicionais.” Em resumo, ambas são
independentes e complementares ao mesmo tempo. Não é
possível imaginar uma empresa média que não tenha um site.

locaweb 29
Capa Campanhas_parte2:W2008 29/1/2009 17:12 Page 30
capa/campanhas
Quer pagar quanto?
Toda ação de comunicação deve estar pautada por objetivos
claros, palpáveis e mensuráveis. Geralmente estes objetivos estão
alinhados com estratégias mais abrangentes do plano de marketing.
As possibilidades são muitas e devem ser escolhidas com critério.
Fique atento aos modismos e evite a empolgação de usar alguma
ferramenta meramente pela novidade. Escolha as opções que lhe
ofereçam relatórios de desempenho e foque na obtenção dos seus
resultados, sejam eles vendas, acessos, cadastros.
Campanhas planejadas tendem a ter uma duração maior e
trazem melhores resultados no longo prazo. “Sugiro que comece
com pequenos e constantes investimentos e vá ajustando sua
comunicação em relação aos seus objetivos pré-definidos”,
recomenda Amato. As ações, especialmente no meio digital, tendem
a tomar "vida própria" e dependem diretamente da interação do seu
consumidor. Seu sucesso está diretamente relacionado à sua
atenção e ao direcionamento a estas mudanças de comportamento.
Quero investir R$ 1 mil
“Vale a pena você investir em
seu aprendizado para que
possa montar seu próprio
site ou blog”, explica Marcello Póvoa.
Com investimentos a partir de R$ 18,00, é possível encontrar
cursos de HTML on-line, com duração mínima de um mês, no
qual o aluno aprende diversos recursos da Linguagem de
Marcação de HiperTextos para criação de páginas trabalhando
com o código-fonte de diversas formas.
Norton sugere soluções gratuitas como blogs, Twitter,
classificados. “Também se pode utilizar links patrocinados e
Cursos de HTML\\ Aprender a linguagem de marcação é o primeiro passo para se virar na web, na internet
uma série de tutoriais e cursos grátis; a documentação do HTML está em www.w3schools.com/html/DEFAULT.asp
30 locaweb
adCenter da Microsoft
Crie e modifique campanhas de publicidade, faça pesquisas sobre o público,
defina as palavras-chave adequadas e, confira relatórios que ajudam a
melhorar a performance de vendas
O sistema adCenter – adcenter.microsoft.com – permite custear sua campanha de
acordo com o número de cliques dos banners: visualizações não contam, mas a cada vez
que um usuário se interessar e efetivar um clique na publicidade, um valor é cobrado e
adicionado a uma conta mensal. Levando em consideração os mais de 43 milhões de
usuários únicos que frequentam os portais de conteúdo Microsoft e os mais de 99 milhões
de pessoas que utilizam os serviços de busca Live Search e MSN, é fácil concluir que as
chances de divulgar o seu produto ou serviço serão enormes.
Para iniciar, é necessário pagar uma taxa de US$ 5. O valor cobrado por clique pode
custar até US$ 0,05 (custo flutuante, depende do posicionamento da campanha) – taxas
muito atraentes, quando vislumbramos os valores astronômicos empregados em
campanhas tradicionais na TV, rádio e revistas que nem sempre são convertidos em vendas.
Supondo que o valor de clique seja US$ 0,10, sua empresa pagaria apenas US$ 10 a cada
cem cliques únicos no banner.
Um estudo de caso da própria Microsoft indica os lucros da Electronic Arts, que
converte 11% mais publicidade em vendas por dia através do adCenter. Este é o caso de
uma multi-nacional que trabalha em diversas plataformas com a venda de games, mas até
mesmo uma micro-empresa pode lucrar ao empregar seu orçamento de marketing no
mundo online. Estima-se que o potencial de vendas chegue a US$ 11,1 bilhões até o final
de 2010, portanto há muitas oportunidades aguardando empreendedores nesse setor.
ferramentas de comparação de preços, por serem mais
acessíveis e também por fornecerem boas ferramentas de
acompanhamento dos resultados.” Trindade concorda. “O link
patrocinado é bom para trabalhar a relevância do marketing no
caso de duas empresas que podem ter produtos similares e
planejamentos diferentes.”
Depois de montado e estruturado o seu site ou blog,
outra boa dica é enviar e-mails marketing para formadores de
opinião com mensagens eficientes e bom visual. Nada de junk
e-mail, senão a sua mensagem vai direto para o lixo. Existem
empresas especializadas neste serviço e
montam o e-mail marketing de acordo com
as necessidades do cliente e pode custar
por volta de R$ 200,00, R$ 300,00 para um
mailing pré-definido, por layout. Se preferir,
você mesmo pode criar o seu em
programas de edição de texto e imagem.
Os especialistas entrevistados para essa
* O link patrocinado é bom
para trabalhar a relevância
do marketing no caso de
duas empresas que podem
ter produtos similares e
planejamentos diferentes;
ferramentas de
comparação de preço
também dão resultado
Capa Campanhas_parte2:W2008 29/1/2009 17:12 Page 31
AdCenter \\ Programa da Microsoft, que sai a partir de US$ 5, permite custear
campanha de acordo com o número de cliques dos banners; visualizações não contam
reportagem sugerem a inserção de anúncios no Google (veja
box “Como anunciar no Google, nesta página”). Outra opção
semelhante ao serviço do Google é o adCenter da Microsoft
(veja box “AdCenter da Microsoft, na página ao lado”).
Quero investir R$ 5 mil
“Com este investimento já
podemos construir um local
próprio ou mesmo viabilizar
uma pequena campanha com
o apoio das soluções gratuitas
de divulgação”, disse Amato.
Marcello Póvoa acha que os links patrocinados são boas
sugestões para quem tem de R$ 5 a 10 mil para investir. “Há
diversas opções de empresas que oferecem o serviço de links
patrocinados para o seu site. Quanto mais links você tiver, mais
subirá nos algoritmos sobre resultados de busca”, explica Póvoa.
Isso é determinante para o sucesso de uma página.
Links Patrocinados \\ Qualquer grande empresa de busca, como o Yahoo!,
trabalha com a opção de links patrocinados; resultado quase sempre é excelente
capa/campanhas
Como anunciar no Google
AdWords\\ Para trabalhar em parceria com o AdWords, ou com qualquer
outro serviço do Google, usuário deve ter cadastro no site e senha de acesso
Cada pessoa ou empresa decide quanto quer pagar no Google AdWords. Assim, é
possível definir um orçamento diário de dez reais e um custo máximo de dez
centavos por cada clique em seu anúncio
1. Acesse o site www.adwords.google.com.br;
2. Clique em ‘Inscreva-se agora’ ou em ‘Anuncie Já’;
3. Você deverá clicar na opção ‘edição para iniciantes’, para anunciar um único produto ou serviço
de forma simplificada, ou em ‘edição completa’ para usar todos os recursos com opções de
lances avançadas, várias campanhas, acompanhamento de conversões;
4. Em seguida, preencherá uma ficha de inscrição na qual informará:
“Onde seus clientes estão localizados e em que idioma será escrito o seu anúncio”;
“A qual site o seu anúncio será vinculado e o que deve dizer o seu anúncio”. Ler com atenção o
tópico ‘as cinco dicas para anúncios eficazes’:
4.1. Acrescente uma frase de chamariz
4.2. Descreva claramente que há de especial sobre seu produto ou serviço
4.3. Coloque o nome do seu negócio no texto do anúncio
4.4. Insira as palavras-chave mais importantes no título
4.5 Se atende um local específico, identifique-o no anúncio;
“Quem verá o seu anúncio” – Escolha palavras-chave eficientes
“Como pagará pelo seu anúncio”;
“Qual é seu orçamento mensal?” Quanto mais alto o orçamento definido
maior o número de impressões de anúncios. Eles aparecerão com maior
freqüência, de acordo com as suas palavras-chave. O Custo por Clique (CPC) mais
alto contribui para que os anúncios apareçam nas posições de maior destaque
nas páginas de resultados de pesquisa do Google, além de apresentarem taxas
de cliques mais elevadas. A taxa de cliques, ou CTR, é igual ao número de cliques
recebidos pelo anúncio dividido pelo número de impressões.
“Configuração de conta”;
“Deseja ajuda extra” – idéias personalizadas e informativos periódicos do AdWords
5. Cadastro de conta ou abertura de e-mail;
6. Insira suas informações de faturamento e seu anúncio será ativado. Você poderá acompanhar
o Resumo do seu faturamento sempre que desejar e também deverá pagar uma taxa de
ativação de conta de R$ 20,00;
7. Concluído o cadastro, receberá um e-mail do Google AdWords para começar a utilizar os
serviços oferecidos.
locaweb 31
Capa Campanhas_parte2:W2008 21/1/2009 06:54 Page 32

capa/campanhas

Quero investir R$ 10 mil Faça você mesmo

“Invista em pontuais ações de
comunicação. Você poderá Indexe e mensure a sua página da web. A indexação mostra o seu negócio para o
mundo virtual, já que pode ser encontrado por sites de busca como:
construir um sistema próprio Google (www.google.com.br/add_url.html),
para relacionamento com seus Site é o principal
clientes e prospects (alvos/ buscador do mundo,
muito popular entre
futuros clientes)”, aconselha Norton. jovens e com alcance
que vai até outros
serviços, como
YouTube e Orkut

Yahoo (http://search.yahoo.com/info/submit.html)
Página ainda é uma
das mais lembradas
pelos internautas
quando o assunto é
busca. Seu popular
e-mail ajuda a
manter a marca em
alta há muitos anos

Hotmail \\ Investir em várias opções, como a publicidade em e-mails e também

em messengers, é o mais indicado para quem pode investir mais de R$ 10 mil

Faça um planejamento de //O céu é o limite

marketing. “Depois, invista O que é possível fazer Live Search (http://beta.search.msn.com/docs/submit.aspx?FORM=WSUT)
em marketing digital
freqüentemente em pontuais ações quando dinheiro não Buscador da
de comunicação. Você também é problema Microsoft tem muito
potencial, já que
poderá construir um sistema próprio • Use o planejamento de conta com o popular
para relacionamento com seus marketing e desenvolva messenger como
ações em longo prazo; apoio. O Hotmail,
clientes e prospects (alvos/ futuros
e-mail da
clientes)”, aconselha Norton. • Diversifique as empresa,também
compras de mídias; garante popularidade
Caso prefira, a verba de publicidade
pelo adCenter da Microsoft também pode • Identifique os
portais, banners e redes
ser pré-definida e os valores flutuam entre sociais relacionados ao
US$ 3.000 a US$ 15.000 por mês, e a seu negócio;
escolha de quais produtos explorar é do • Foque em campanhas Os buscadores fornecem seus próprios locais de indexagem. Confira as dicas
cliente: e-mails, banners, resultados de de relacionamento e, básicas para indexação:
principalmente, • Abuse de tags em seu site – palavras que resumem o assunto tratado;
pesquisa, e assim por diante. Com esse captação de dados para
melhor conhecimento • Use o máximo possível de texto
montante de investimento, pode-se
da base consumidora; • Insira tags nas imagens;
diversificar onde investir. • Torne-se referência em outros sites;
• Grandes empresas
nacionais e • Invista em links patrocinados;

* Depois de montado e
estruturado o seu site ou
blog, outra boa dica é
enviar e-mails marketing para
formadores de opinião com mensagens
eficientes e bom visual. Nada de junk
e-mail, senão a sua mensagem vai
diretamente para o lixo - sem dó.
32 locaweb
multinacionais optam • Domine bem o que você faz, para ter credibilidade no mercado.
por investir pesado em
programas de Business Como medir a audiência do seu site
Inteligence e CRM.
• Relatório de estatística. O hospedeiro do site pode orientá-lo sobre como acessá-lo.
Os programas mais usados são Webtrends (www.webtrends.com) e Netgravity. Há opções
para baixá-lo nas versões Word ou Excel.
• Há opções gratuitas na web são: Webtrendslive ou Superstats, ambos em inglês. É
preciso colocar uma imagem atrelada a um código HTML em todas as páginas que deseja
fazer o levantamento, nas versões pagas o código fica invisível.
Capa Campanhas_parte2:W2008 21/1/2009 06:54 Page 33

capa/campanhas

* As dicas básicas para

indexação são: abusar de
tags em seu site – palavras
que resumem o assunto
tratado -, usar o máximo
possível de texto, investir
em links patrocinados e
dominar o que você faz,
para ganhar credibilidade

Site da Peugeot \\ Site é usado como case de sucesso por parte de

desenvolvedora online; por meio de uma ação conjunta de e-mail marketing, banners
e outros, montadora vendeu mais de 700 carros por meio de página eletrônica

Cases de sucesso
“A campanha mais notável que já realizamos na MPP
Solutions foi a do Pegeout (confira pelo link
www.mppsolutions.com/cliente.asp?id=76). Conseguimos uma
comunicação efetiva por meio de hotsite, mídia e e-mail marketing,
e atualmente, vendemos 770 carros por mês pela página da web. A
comunicação está funcionando. Uma estratégia só tem sucesso
quando todas as etapas funcionam. Desde o banner que será
clicado na Globo.com até a entrada do consumidor no site da
Pegeout , o tour que ele fará pela página, a escolha das cores e
modelos do carro até o carrinho de compras. Não adianta a
comunicação ser bem feita e chegar na hora, não for possível
completar a compra ou a loja não conseguir entregar o produto
certo no prazo combinado”, disse Marcello Póvoa.

Páginas da Globo.com
\\ Site foi escolhido a dedo para
ser parceiro da Peugeot, devido
ao perfil do público que o visitava
e também por conta da boa
audiência; resultado surgiu em
poucos dias de campanha

locaweb 33
Artigo_Mercado 2:W2008 21/1/2009 06:10 Page 34
opinião/articulista
e-business
UX
mais ágil
Explorar corretamente os conceitos de usabilidade e de psicologia na hora
de construir um site é fundamental para obter sucesso nas vendas online
Recentemente li dois posts sobre como “encaixar” UX em
times que estão usando metodologias ágeis. Um deles é o
“Agile UX: Como trabalhar com os designers”, do Guilherme
Chapiewski, que trabalha na Globo.com. O outro é o “Agile UX:
como integrar UX e desenvolvimento”, do Antonio Carlos Silveira
do Yahoo! Brasil.
Como o próprio Antonio apontou bem, essa preocupação sobre
como integrar UX em um time de desenvolvimento de software que
segue alguma metodologia ágil existe desde o início das
metodologias ágeis. Alguns posts sobre o tema:
• Agile Development Projects and Usability: Jakob Nielsen descreve
maneiras de garantir que a qualidade da usabilidade não seja ameaçada pela
adoção de metodologias ágeis.
• Agile / Scrum Product Development Process: Marty Cagan propõe uma
forma de integrar UX e Scrum.
• Extreme Programming vs. Interaction Design: Entrevista com Kent Beck
e Alan Cooper sobre design de interação e XP. Nessa entrevista, chamada por
alguns de “duelo de titãs”, Beck defende o desenvolvimento do design de
interação de forma incremental, enquanto Cooper defende que o
desenvolvimento de software não deve começar antes de todo o trabalho de
design de interação ser concluído.
• UX Agile: um blog totalmente dedicado à questão de integrar UX aos times de
desenvolvimento que usam metodologias ágeis.
Aliás, a busca por Agile UX no Google retorna muitas e muitas
páginas dedicadas ao tema. Um exemplo interessante é a
apresentação, da Leisa Reichert, na Web 2.0 Expo Berlin e que pode
ser vista em www.slideshare.net/leisa/agile-development-agile-
34 locaweb
Joaquim Torres
Diretor de Produtos da Locaweb
joaquim.torres@locaweb.com.br
design-web-20-expo-berlin?type=powerpoint..
Sob meu ponto de vista, apesar de ser importante termos
especialistas em UX, pessoas que conheçam a fundo arquitetura da
informação, design de interação, design visual e todos os temas
relacionados à experiência do usuário, o UX deve ser uma
preocupação de todas as pessoas do time. Não há razão alguma para
o PO e os membros do time não se preocuparem com o tema e
deixarem tudo nas mãos de um especialista.
Vou citar duas situações-exemplo que ilustram bem a importância
de todo o time se preocupar com UX:
1. Feedback: imagine que você tem em sua aplicação uma determinada função
que não é executada na hora e que pode levar até 2 horas para acontecer. Na
interface você implementa o comando que executa essa função, só que não informa
o prazo. O usuário certamente vai se perguntar o que aconteceu, se a função foi de
fato executada. Uma solução é avisá-lo desse prazo logo após o comando. O ideal é
avisar antes mesmo de ele invocar o comando que executa a função.
2. Opções: imagine que você está desenvolvendo um formulário de pagamento
com opções de pagamento por cartão de crédito. Você recebe o protótipo com
um select que permite escolher entre Amex, VISA e Mastercard. Você implementa
esse protótipo. Na hora de colocar em produção, você recebe a informação de
que inicialmente o sistema só irá aceitar Mastercard. Você edita o select e remove
as outras opções. A sua interface vai ficar com um select de uma opção só! O
correto aqui seria remover o select enquanto houver uma opção só.
Ou seja, não é necessário ser um especialista em UX para
ajudar no desenvolvimento e melhoria de UX dos sistemas que
seu time cuida. Leia, estude, informe-se, afinal conhecimento
nunca é em excesso.
21 X 28.qxp 29/7/2008 15:42 Page 1
YouTube:W2008 29/1/2009 17:15 Page 36

36 locaweb
YouTube:W2008 29/1/2009 17:15 Page 37

marketing/yppr

Ganhe dinheiro no

YouTube Programa Texto: Leonor Ribeiro

Ilustração: Alexandre Dias (Nani)
exclusivo permite rasileiros são naturalmente entusiastas em tecnologia e
que usuários
comuns se B em uso de redes sociais. Exemplo claro disso é o Orkut
(www.orkut.com), completamente “dominado” pela
comunidade verde-amarela. No YouTube (www.youtube.com),

tornem parceiros não é diferente. Somos o quarto maior país no mundo em

acessos ao site de vídeos. E o mais interessante de tudo é que,
e ainda remunera a partir de agora, é possível não apenas navegar, mas também
ganhar dinheiro por meio do mais expressivo site de
bons índices compartilhamento de vídeos da web.
Isso mesmo! Usuários que queiram ser parceiros do YouTube
de audiência podem fazer parte da plataforma YPP (YouTube Partner
Programa), que está aberta para qualquer pessoa com acesso à
internet. Na prática, isso significa que todas as pessoas podem
criar seu canal e produzir vídeos atraentes para postar,
transformando a audiência em dinheiro. Para participar,
entretanto, é preciso provar que o conteúdo fornecido é
realmente relevante e investir em atualizações frequentes.

locaweb 37
YouTube:W2008 21/1/2009 04:01 Page 38

marketing/yppr

* Todas as pessoas
podem criar seu canal e
produzir vídeos para
postar, transformando a
audiência em dinheiro.
Para participar, é preciso
ter conteúdo relevante
Usuários que postarem vídeos pelo
menos uma vez por semana e que
estejam entre os primeiros colocados na
classificação dos mais vistos – ou ainda que
tenham “muitos assinantes” – estão aptos a
participar do programa e recebem sua
parte na renda gerada com publicidades
no canal. O pré-requisito imprescindível
Parceria lucrativa \\ Parceria criada pelo YouTube permite aos usuários que postem vídeos com frequência
para participar do YPP é o que conteúdo e que garantam boa audiência ganhar uma remuneração pelas verbas de publicidade obtidas pelo site
dos vídeos seja integralmente produzido
pelo autor. Ou seja, que não use imagens ou músicas de outros
artistas, a menos que tenha a posse dos direitos autorais. A
renda se origina do percentual das inserções publicitárias em
cada um dos vídeos postados.
Quem já faz parte do projeto é o brasileiro Joe Pena, músico
e dono do canal MysteryGuitarMan – (www.youtube.com/
user/MysteryGuitarMan?blend=1), que possui mais de
286 mil vídeos assistidos e mais de 381 mil exibições no canal.
Parceiro do YouTube desde julho de 2007, Pena usa o
mecanismo virtual para divulgar seus trabalhos e músicas.
Segundo ele, o que motivou a parceria foi a possibilidade de ter
acesso a opções extras, como o banner do canal e o ingresso
no promoted vídeos (ferramenta de remuneração por clique no
MysteryGuitarMan \\ Canal do músico brasileiro Joe Pena inscrito no programa
conta com 286 mil vídeos assistidos e mais de 381 mil exibições no YouTube
link). “Apesar de não receber uma quantia significativa, já que
não faço uploads no canal tão frequentemente, integrar esse a TV Barbante surgiu da ideia de apresentar trechos de
seleto grupo de parceiros do YouTube impactou positivamente palestras e crônicas narradas em vídeo, mas de uma maneira
na divulgação de meu trabalho. Só para você ter uma ideia, deliberadamente caseira e "amarrada com barbante" – daí o
apenas um dos meus vídeos, tem mais de 1,8 milhão de nome TV Barbante. De olho no alcance que a maior
exibições”, explica o músico. comunidade de vídeo online do mundo tem, desde outubro
Outro que está aproveitando as facilidades do canal é o de 2008 Persona participa do YPP.
consultor e professor de estratégias de comunicação e “Graças ao YouTube, a TV Barbante se transformou em um
marketing Mario Persona, criador da TV Barbante importante canal de comunicação com meu público”, explica
(www.youtube.com/user/tvbarbante?blend=1), que soma Persona. “Já fechei vários negócios de palestras com clientes
cerca de 800 mil views nos diferentes serviços de vídeo em que assistiram a meus vídeos dentro do site. Além disso, não é
que atua, dos quais 630 mil são via YouTube. Criada no início raro às empresas me procurarem perguntando se posso
de 2006, pouco tempo antes da chegada do próprio YouTube, palestrar o mesmo tema apresentado pela TV Barbante no meu
canal do YouTube”, explica o consultor.
* Não há nada que garanta mais Veterano no uso do serviço, Persona aproveita o YPP como
destaque do que a criatividade um novo canal para expor seu negócio, já que o programa não
exige exclusividade de contrato. Além de participar do
do conteúdo. E, nessa área, a programa, o consultor também mantém um blog, um videolog
concorrência é avassaladora. A cada e um site para divulgação de seus serviços. “O programa de
minuto, aproximadamente 12 horas parcerias amplia consideravelmente a minha exposição”,
de vídeo são postadas no YouTube comemora o consultor.

38 locaweb
YouTube:W2008 29/1/2009 17:16 Page 39

//QUEM PODE SER

* Os canais de música são uma UM PARCEIRO?
forte tendência de boa audiência Para se tornar um
parceiro, é necessário
no YouTube, assim como os atender aos
vídeos de stand-up comedy, seguintes critérios:
• Cria vídeos originais
gênero de comédia que não adequados para
transmissão online.
para de crescer no Brasil • Deter os direitos
autorais e os direitos de
Persona destaca ainda que as pessoas que têm distribuição de todo o
conteúdo de áudio e
uma mensagem para transmitir precisam entrar vídeo que envia por
sem pensar duas vezes no YouTube, ainda mais upload, sem exceções.
agora que é possível ganhar por isso. “Acredito que • Fazer upload
regularmente de vídeos
o programa de parcerias é mais uma forma de assistidos por milhares
conquistar remuneração pelo seu trabalho. Claro de usuários do YouTube.
que isso acontece desde que se tenha um volume Por que tornar- se
considerável de acesso, mas isso também se um parceiro?
• Participação eficaz
conquista com trabalho. O fato é que quem está nos lucros
sempre na lista dos mais vistos do mundo com O YouTube mantém
certeza tem um ganho considerável”, complementa. uma experiência
positiva para o usuário
Para aqueles que se animaram a fazer parte do com formatos de
programa, Patrícia Pflaeging, gerente do Google anúncios criativos e
automaticamente
Brasil, grupo responsável pelo YouTube, dá direcionados, gerando
algumas pistas dos tipos de canais que têm mais lucros quando seus
apelo junto aos usuários. Os canais de música são vídeos são exibidos.
Tudo que você precisa é
uma forte tendência. Segundo a gerente, ouvir criar um conteúdo de
bandas no YouTube é um movimento crescente, vídeo atraente.

• Alcance mais amplo

O conteúdo será onde os usuários estão em busca de clipes de suas
disponibilizado para canções preferidas ou mesmo de novidades do
a maior comunidade
de vídeo online mercado musical.
do mundo por meio Outro nicho que tem grande potencial de
do YouTube e dos
seus diversos parceiros crescimento são os vídeos de stand-up comedy.
de distribuição. Além da curiosidade natural, programas como o
• Contrato
CQC, da TV Bandeirantes, impulsionaram o
não exclusivo interesse do público para este tipo de humor, que
O YouTube não a cada dia ganha mais espaço no Brasil. Exemplo
restringe onde você
pode fazer upload e disso é o canal Companhia Barbixas de Humor
distribuir seus vídeos. (http://br.youtube.com/user/ Barbixas?blend=1).
“É preciso ter paciência e exercer um
planejamento anterior para criação de conteúdo de
qualidade”, aconselha Daniel Nascimento, responsável pelo
canal de humor. Joe Pena, do MysteryGuitarMan, também dá
sua dica para quem deseja se inscrever no programa. “Vale a
pena certificar-se de que há um bom número de inscritos e
vídeos com muitas exibições. Assim, as chances de fazer do
seleto time parte aumentam consideravelmente.”
Não há nada que garanta mais destaque, porém, do que a
criatividade do conteúdo. E, nessa área, a concorrência é
avassaladora. A cada minuto, aproximadamente 12 horas de
vídeo são postadas no YouTube. Não é fácil se destacar e
conquistar a audiência dos usuários, mas a grande verdade é
que ainda há espaço de sobra para todo mundo. Por isso, se
Sucesso \\ Com a TV Barbante (acima), Mario Persona ampliou seu número de você acha que tem potencial, não deixe de investir agora
palestra; no alto, a Companhia Barbixas de Humor, uma das tendências do YouTube para assegurar seu lugar entre os primeiros.

locaweb 39
Artigo_Mercado:W2008 21/1/2009 03:01 Page 40
opinião/articulista
e-business
Feliz 2009, muito
trabalho e nada de crise
Em meio à tão propagada crise econômica mundial, a mídia online deve se
salvar, caminhar a passos largos e com grandes expectativas em 2009
Sempre acreditei na teoria de que a mídia tem um papel
fundamental no efeito prático das crises econômicas que
permeiam nossas vidas. Não que a crise não exista e que seja
fabricada apenas para vender jornal, mas sua dimensão e seus
efeitos são potencializados muitas vezes pelas manchetes
catastróficas e, às vezes, sensacionalistas.
Funciona mais ou menos assim: você lê uma notícia de grande
impacto negativo, fica com medo e adia a compra daquela TV de
alta definição que estava paquerando. Um simples gesto como este
causa um efeito dominó: a loja deixa de vender, a fábrica para de
produzir e o governo não arrecada. E mais: em algum momento, a
empresa em que você trabalha e que, inicialmente, não tinha nada a
ver com a crise, acaba tendo que demitir.
Dentro desse cenário, como fica o mercado de publicidade
digital? O quanto ele será contaminado em 2009 por essa tal crise?
Os publicitários não têm dúvidas de que uma das primeiras áreas
que sofrem cortes em momentos de retração são os investimentos
em marketing. Por isso, as projeções para 2009 revelam um ano
fraco, depois de bons momentos. Em 2007, por exemplo, o
faturamento do mercado publicitário cresceu 9% em relação ao
ano anterior, atingindo R$ 26 bilhões de acordo com o Projeto
Inter-Meios. Os valores de 2008 ainda estão sendo computados, mas
não devem sofrer muitas alterações. Já os de 2009....
Nesse contexto, a mídia online se salva, caminha a passos largos
e com grandes expectativas. O ano de 2009, portanto, não será
diferente. O crescimento deve ficar na casa dos dois dígitos, mais
precisamente entre 15% e 20%.
40 locaweb
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
marcelo.tripoli@ithink.com.br
Os motivos para tanto otimismo são três:
• A mídia online é muito mais mensurável. Quando cada real investido precisa ser
justificado, nenhuma outra mídia tem mais recursos e ferramentas de avaliação do que
a internet. As soluções de métricas permitem um enorme controle do anunciante,
inclusive mudando a rota da campanha durante a veiculação, se for o caso;
• A mídia online é muito mais barata do que a tradicional TV. Com poucas veiculações, a
internet garante um grande impacto. É verdade que esse fenômeno não irá durar para
sempre, pois com o amadurecimento do mercado, os valores já estão aumentando,
mas, por enquanto, o GAP ainda é muito grande;
• O consumidor está migrando rapidamente para a internet e os anunciantes não têm o
que fazer senão acompanhar a tendência. Estudo realizado recentemente pela Real
Networks revela, por exemplo, que a publicidade em jogos de passatempo para
donwloads cresceu mais de 120% em 2007 e deve movimentar R$ 5,5 bilhões até
2011 em todo o mundo.
Há, além desses, um outro dado importante e positivo: apesar de
estar em forte ascensão, o total do bolo publicitário investido em
mídia online no Brasil ainda é muito pequeno (menos de 4%,
segundo o Inter-Meios). Se considerarmos o hábito de mídia dos
consumidores e o tempo que eles gastam com a internet, esse valor
deveria ser, no mínimo, o dobro. Por isso, estou otimista com relação
a este ano que se inicia e tenho a certeza de que, assim como em
2008, muitos paradigmas serão quebrados. Por isso, que 2009 seja
excelente para todos, com muito trabalho e nada de crise!
21 X 28.qxd 21/2/2008 17:38 Page 1
Life:W2008 21/1/2009 01:18 Page 42
Life:W2008 21/1/2009 01:18 Page 43

História na
internet
Acervo da revista Life, periódico de fotos mais importante
do mundo, está disponível de graça no Google Images
Texto: Letícia Sallorenzo
Ilustração: Life

Google adicionou uma respeitável galeria de fotos a seu

O acervo de imagens. Desde o dia 18 de novembro de

2008, estão disponíveis no site http://images.google.
com/hosted/life milhões de fotos da antológica Life Magazine,
um dos ícones da mídia mundial no século 20.
Idealizada por Henry Luce em 1936, a Life Magazine foi a
primeira revista norte-americana exclusivamente dedicada ao
fotojornalismo. O periódico inspirou diversas publicações, como a
brasileira Manchete. A revista Life foi semanal até 1972, quando
tornou-se esporádica, saindo apenas em edições especiais. E, de
1978 a 2000, a publicação foi mensal.
Luce adquiriu em 1936 o título “Life” de uma publicação de Belo acervo \\ Inicialmente, estão disponíveis 2 milhões de fotos, mas a ideia é
humor por US$ 92 mil e resolveu apostar num novo estilo de subir para o banco de dados todos as 10 milhões imagens do acervo da revista Life

locaweb 43
Life:W2008 21/1/2009 01:18 Page 44

acervo/life

jornalismo: a ideia era contar histórias apenas

com imagens e algumas legendas. O título
juntou-se às outras duas publicações da
editora de Luce, Time e Fortune. A primeira
edição de Life já contava com os cliques de
Alfred “Eisie” Eisenstaedt, fotógrafo cuja
história praticamente se confundiu com a da
revista. De 1936 a 1972, ele foi o autor de
mais de 90 fotos que ilustraram as capas da
publicação, sem contar as fotos internas.
O sucesso de Life foi estrondoso: a
tiragem saltou de 380 mil cópias da primeira
edição para mais de um milhão quatro
meses depois. Foi o começo de uma era.
Com Edward K. Thompson na edição geral, a
Life viveu seu auge de 1949 a 1961. Em
1941, a revista embarcou junto às tropas
norte-americanas para a Segunda Guerra
Mundial. As publicações de Henry Luce
Império da comunicação \\ Idealizada por Henry Luce em 1936, a Life Magazine foi a primeira
revista norte-americana exclusivamente dedicada ao fotojornalismo. Luce também fundou a Time e a Fortune
contavam com 46 correspondentes de

* As imagens de pessoas
guerra – dos quais seis eram mulheres. Todas mesmo a antológica foto do
as semanas, de 1941 a 1944, a Life estampava marinheiro beijando uma enfermeira
em suas capas fotos de todos os fronts da
e eventos que marcaram em plena Times Square no dia 14 de
guerra, sempre com enfoque pró-americano. o século 20 estão lá: agosto de 1945, que tornou-se ícone
No final dos anos 1950, a revista começou a Marilyn Monroe, Einstein, da revista. Mas na home do arquivo
sofrer com a concorrência da televisão. E, Kennedy, o homem na Life, as fotos disponíveis são ainda
ainda que os anos 1960 tivessem muito a mais antigas: datam da década de
ilustrar, em 1971 a tiragem foi diminuída de
Lua, Walt Disney e a 1750. Fotos mais recentes também
8,5 milhões para 7 milhões de exemplares para antológica foto de um estão disponíveis, mas a maioria em
tentar compensar a queda no número de beijo na Times Square forma de capa da revista Time.
anunciantes. A última edição semanal da Life que virou ícone da Life Inicialmente, estão disponíveis
foi publicada em 8 de dezembro de 1972. 2 milhões de fotos, mas a ideia é subir
Em 1978, a revista ressuscitou como publicação mensal, com para o banco de dados todos as 10 milhões imagens do acervo da
tiragem média de 1,5 milhão de exemplares, e assim perdurou até revista Life ainda nos próximos meses. Isto significa que a maioria
o ano 2000. As imagens de pessoas e eventos que marcaram o das fotos disponíveis (97% delas, mais precisamente) não foram
século 20 estão todas lá: Marilyn Monroe, Martin Luther King, publicadas. São fotos cujos originais estão disponíveis em
Albert Einstein, a era Kennedy, o homem na Lua, Walt Disney, ou negativos, slides, ou mesmo em placas de vidro, caso das mais
antigas. As imagens estão disponíveis
gratuitamente e liberadas para uso pessoal,
desde que não seja para fins comerciais. As
fotos baixadas no site do acervo Life
(http://images.google.com/ hosted/life)
estão em boa resolução, mas são pequenas
(7 X 10 cm, em média). O objetivo da
Time-Warner Inc., que atualmente detém
o título Life, é ganhar dinheiro com a
venda de imagens em alta resolução pelo
site www.qoop.com.
Para fazer a busca, há duas opções: dá
para entrar no site do acervo Life ou, então,
no próprio Google Images. A partir daí,
basta digitar o que se procura, seguido de
Busca fácil \\ É bastante fácil encontrar as imagens. Basta entrar no site da Life ou no Google Images e digitar o “source:life”, que a busca será feita no
termo procurado seguido da expressão “source:life”. A lista com as fotos aparecerá automaticamente na tela acervo da revista de fotografias.

44 locaweb
Anuncio:Layout 1 10/11/2008 17:40 Página 1
Design_Smush:W2008 20/1/2009 18:35 Page 46

designweb
Melhore a
performance de
seu site com Ferramenta online
auxilia desenvolvedores a

Smush It! reduzir peso das imagens

e ainda exclui dados
extras dos arquivos – o
que leva agilidade às
páginas na internet
Por Leonor Ribeiro

O
timização de imagens, sem
afetar a qualidade visual. Esta é
a promessa do Smush It!
(www.smushit.com), ferramenta que
torna mais rápida e fácil a otimização do
tamanho das imagens sem afetar a
qualidade visual, lançada recentemente
pelo Yahoo!. Trata-se de um projeto dos

46 locaweb
Design_Smush:W2008 20/1/2009 18:35 Page 47
Smush It! \\ Projeto de dois desenvolvedores web reúne ferramentas específicas para compressão dos
bites finais da imagem; intenção é atender diretamente às necessidades de desenvolvedores e webdesigners
* O otimizador Smush It!
desenvolvedores Stoyan Stefanov e
Nicole Sullivan, estrelas do Yahoo
Developer Network, que trabalham
remove dos arquivos de
constantemente para tornar a internet imagens dados como
um lugar mais rápido e data de edição ou
consequentemente mais acessível. criação, nome do editor
A novidade apresenta tecnologia que
reúne ferramentas específicas para
utilizado, entre outras
“compressão” dos bites finais da imagem. informações dispensáveis
Isso atende diretamente às necessidades para a publicação do
dos desenvolvedores e webdesigners que material gráfico
trabalham em um mercado dinâmico, que
evolui a passos largos. É fácil perceber a atualmente, mais do que apenas uma
importância quando consideramos que questão puramente estética, as imagens
usadas nas páginas da
internet integram projetos
cuidadosos, cujo objetivo
principal é ser simples e
acessível para o maior número
possível de usuários.
Se considearmos apenas
o Brasil, isso significa atender,
com mais eficiência, cerca de
38,2 milhões de brasileiros que
hoje têm acesso à Internet em
suas casas, segundo dados do
Ibope/NetRatings,
Yahoo! \\ Funcionários da empresa foram os responsáveis pela aproximadamente 21% da
criação do Smush It!, que vem agradando a profissionais web população do País. Ou seja, é
projetos
preciso minimizar os efeitos das imagens
muito carregadas.
Num primeiro momento, pode não
parecer grande mudança. Afinal, os
desenvolvedores normalmente já
conhecem programas como o
Photoshop, que integram em suas
funções o comando “save for the web” –
ou ainda CRTL+ALT+SHIFT+S –, que
ajuda reduzir a imagem que será usada.
Entretanto, alguns desenvolvedores
apontam que, apesar de já existirem
no mercado diversos editores que
otimizam o tamanho do arquivo da
imagem, ainda sobram muitos dados
extras (e inúteis!) no arquivo.
Isso é resolvido com a aplicação do
Smush It!, pois são removidos dos
arquivos dados como data de edição ou
criação do arquivo, nome do editor utilizado,
entre outras informações dispensáveis para
a publicação da imagem. E, mais importante
no processo, isso acontece sem nenhuma
perda da qualidade visual, mas com
percentuais significativos de redução – que
vão de 2% à 48% –, que variam de acordo
com a imagem.
A boa notícia é que a ferramenta
também é útil para imagens menores.
Teste realizados indicam que passar as
imagens pelo Smuth It! compensa –
especialmente para sites grandes –
pois, diminuir cerca de 2% do peso de
cada imagem já impacta
significativamente na performance, com
qualidade de exibição inalterada.
Grandes portais que veiculam
banners de todos os tamanhos ou sites
que ainda usam ferramentas em flash
mais “pesadas” também poderão se
beneficiar do Smush It!, que pode
otimizar as imagens, aumentando
consideravelmente a velocidade de
carregamento das páginas. Além disso, a
ferramenta também pode “emagrecer” as
peças de e-mail marketing, muitas vezes
barradas por anti-spans ou simplesmente
deletadas pelos usuários porque contêm
imagens muito pesadas.
locaweb 47
Design_Smush:W2008 20/1/2009 18:35 Page 48
projetos
Finalmente, para desenvolvedores ou
editores web, o Smush It! ainda apresenta
uma vantagem adicional: a diminuição
significativa da fatura de serviços de banda
larga. Isso mesmo, imagens menores,
geram menos tráfego nos sites e,
consequentemente, menores custos.
Modo de usar
Existem três formas de usar Smush It!:
• Pode-se enviar diversas imagens
pelo navegador;
• Através de URL’s com endereços
das imagens;
• Plugin para Firefox que otimiza as imagens
encontradas em qualquer página, gerando
uma lista e um zip.
Cem por cento online e com interface
simples, no Smush It! as imagens,
enviadas por meio de uma URL ou por
upload, são otimizadas e disponibilizadas
para o download novamente nos sites de
origem. O interessante é que pode-se
enviar várias imagens de uma vez, e
depois baixá-las em um arquivo único
zipado. Isto significa que os
desenvolvedores podem enviar imagens
diretamente para o site do Smush It! ou
enviar o endereço de um site e a
ferramenta devolve um pacote com as
mesmas imagens já otimizadas.
Segundo o Yahoo!, o Smush It!
Superfácil para usuários do Firefox
Usuários do Firefox, que representam mais de 21%, segundo a Net Aplications, defrutam mais uma facilidade do Smush It!. A ferramenta possui uma extensão
que cria um ícone na barra de status do navegador (passo 1). Ao acessar um site, basta clicar sobre o ícone que ele abrirá a ferramenta em uma nova aba,
carregando todas as imagens da página, que serão automaticamente otimizadas e devolvidas com o link direto para o download do arquivo .zip (passo 2).
1 2
48 locaweb
trabalha em dois níveis diferentes.
Num primeiro momento, ajusta o número
das cores e retira o excesso dos
metadados e outros dados visuais. Esta
“limpeza” vale para todos os arquivos
selecionados, que podem ser desde a
imagem principal da página até
pequenos botões de comando.
Ou seja, além de ajudar o editor a
diminuir o tamanho dos arquivos das
imagens propriamente definidas para
ilustrar a página, a ferramenta possibilita
cuidar de detalhes, muitas vezes
esquecidos, como a otimização
de todos os pequenos arquivos –
como logos ou botões – que somados
podem ter um peso significativo e
interferir na performance.
Já na segunda etapa, o Smush It! aplica
algoritmos de otimização de imagens que
podem transformar, por exemplo, arquivos
PNG em GIFs mais eficientes. No final de
* O Smush It! ajusta o
número das cores e retira
o excesso dos metadados
e outros dados visuais.
Esta “limpeza” vale para
todos os arquivos
selecionados, da imagem
principal da página até
pequenos botões
todo o processo, a ferramenta informa o
novo tamanho das imagens, com seus
respectivos percentuais de redução.
5 dicas para alta performance
Além das facilidades oferecidas pelo Smush It!,
destacamos 5 dicas para garantir alta
performance em seu web site:
1. Seja simples: usuários não leem, eles “escaneiam” a
página. A internet está ficando mais rápida e cada vez
mais cheia de informações. Isto significa que os usuários
tendem a procurar informações mais simples e claras,
que trazem imediatamente o que desejam;
2. Domine HTML: invista em qualificação e
aprenda tudo sobre a ferramenta. Dominar a técnica
garante o desenvolvimento de páginas com melhor
performance e qualidade;
3. Minimize o uso das imagens: embora o
percentual de usuários de banda larga tenha aumentado
consideravelmente, imagens pesadas geram altos índices
de tráfego e isso custa dinheiro. Além disso, imagens
menores impactam diretamente na rapidez de
carregamento de seu site;
4. Evite gif animado e limite o uso do Flash:
elementos animados tendem a distrair o visitante de seu
objetivo principal e a dificultar o acesso ao conteúdo de
seu site. Caso seja fundamental a animação, use como
parte do conteúdo e não como parte do layout;
5. Teste o tempo de carregamento do site: use
ferramentas online para testar a velocidade de
carregamento das páginas de seu site. Isso garantirá o
sucesso de seu projeto.
Artigo_Design:W2008 21/1/2009 02:38 Page 49
opinião/articulista
Eu acho
Numa época onde o acesso à informação é fácil, as pessoas estão se
fechando cada vez mais em panelas e ideologias e deixando de descobrir
Entrevista com o Picasso. A entrevistadora pergunta ao mestre:
onde o senhor busca inspiração? Ele teria respondido: eu não
busco, eu acho. Genial, não? Acho que era o Picasso. Acho. Achar é um
verbo engraçado: significa tanto encontrar quanto “penso sem muita
certeza que”. Na nossa área digital, então, é uma festa: a gente vive
achando gente que acha que isso ou acha que aquilo ou... “se acha”.
Mas deixemos o achismo pra lá. Meu assunto aqui é outro:
achabilidade. Ou encontrabilidade. Ou descobribilidade. Ou... sei lá,
algum neologismo qualquer que signifique a capacidade de se
encontrar coisas. Encontrabilidade soa bem, mas encontrar me faz
pensar em busca, um cenário no qual a gente já sabe de antemão o que
quer encontrar. Melhor não, esse cenário já está bem resolvido.
O que me fascina é a descobribilidade, o milagre de se encontrar sem
querer. Uma boa descoberta é uma delícia, muda nossa perspectiva
quando a gente menos espera. Descobertas descobrem novos mundos
(Cabral que o diga), abrem novos caminhos e nos levam a novos lugares.
Mas descobrir é algo que está entrando em extinção. E isso me
preocupa. Para começar, um exemplo de design: você desenhou a
arquitetura de informação levando em conta a encontrabilidade. Tudo o
que o seu público procurar vai estar acessível. A busca interna também é
ótima, funciona superbem. Mas... como o usuário vai descobrir coisas
que ele não conhecia? Como o seu cliente/marca/ empresa vai mostrar
para o visitante coisas absolutamente novas e que valem muito ($$$) a
pena? Dica: lojas têm vitrines e manequins, não só cabides e araras.
Não é só o design, porém, que me preocupa. É o designer em si.
Suponhamos que você adore tecnologia, sobretudo a tecnologia X. Você
pode acompanhar N feeds RSS só daquele assunto, pode participar de N
comunidades discutindo aquele assunto e pode ir a N eventos e
design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula
Ilustração//Alexandre Dias (Nani)
desconferências sobre aquele assunto. Genial, não? Não. Você vai se
aprofundar sim, mas vai afundar também. Vai ficar um bitolado. Perderá a
visão de conjunto. Deixará de saber o que as tecnologias Y e Z estão
fazendo. Ou pior, vai saber pelo filtro de quem pensa igual a você, sejam
blogueiros ou companheiros de listas. Em suma: você vai encontrar
sempre mais do mesmo e não descobrirá mais nada. Terá uma visão
limitada do mundo, filtrada por quem pensa de um jeito só.
Eu circulo tanto offline quanto online e cruzo com muita gente. De
uns tempos pra cá, sobretudo com o sucesso da web 2.0, as pessoas
estão se bitolando. Curioso, não? Numa época onde o acesso à
informação é fácil, onde os recursos sociais são tão ricos, as pessoas estão
se fechando cada vez mais em tribinhos e panelas e ideologias e estão
perdendo a capacidade de conversar com quem é diferente. É como se
a social media tivesse se tornado a antissocial media. Preocupante isso.
Ontem, por coincidência, duas pessoas me procuraram dizendo:
você que é um cara superantenado... Achei engraçado. O que isso queria
dizer? Eu acho (espero, aliás) que isso se traduz por: você vive
descobrindo coisas inusitadas e tem uma visão ampla de tudo o que
está acontecendo... Fiquei lisonjeado, fiquei mesmo. Legal ser
reconhecido por ser alguém sem preconceitos e aberto ao novo.
Como eu “acho” coisas? Well, de várias maneiras. Voltei a assinar jornal
e revistas não-especializadas. Acompanho uns 20 podcasts não-técnicos,
daqueles onde o tema pode ser um dia Teoria das Cordas ou A
Imaturidade Masculina ou Placas Tectônicas ou O Grande Incêndio
de Londres ou Neurociência ou O Impacto da Tecnologia no
Desenvolvimento Cerebral. Nunca sei o que vou ouvir, e as surpresas
são maravilhosas.
Pelo menos eu tenho assunto sempre... eu acho.
locaweb 49
Case:W2008 29/1/2009 17:18 Page 50

portfólio

caseslocaweb
Site de torcedor
Página da loja Roxos e Doentes na internet conta como aumentou as vendas
online devido a contratação do atacante Ronaldo pelo time do Corinthians

A contratação do freqüência, simpatizantes de parceiro da Locaweb, e que estratégia especial, já

atacante Ronaldo clubes adversários fizeram vende artigos de futebol, por
Fenômeno pelo Corinthians piadinhas e as conversas em exemplo, teve de realizar
gerou uma série de mesas de bares foram tomadas alterações em sua estrutura.
acontecimentos paralelos. pelo assunto. De acordo com Cléia Barros,
Empresas de mídia aumentaram Do ponto de vista da web, da Roxos e Doentes, a chegada
a cobertura do dia-a-dia do algumas coisas mudaram. O do Ronaldo Fenôneno gerou
clube, torcedores do alvinegro site Roxos e Doentes vendas expressivas na loja
passaram a sorrir com mais (http://roxosedoentes.com.br), virtual Roxos e Doentes.
“Somos pioneiros na
implementação de
personalização. O cliente pode
personalizar com o nome e
número do jogador” conta.
“Pelo visitante poder incluir o
nome Ronaldo na camisa de
número 9, ou até mesmo com
o nome e número que o
cliente desejar, as vendas
aumentaram muito”.
Entretanto, apesar do
aumento de vendas de
camisetas, o site não caiu ou
Página do Milan\\ Equipe da Roxos e Doentes ainda administra alguns sites encerrou as transações. A Roxos
de e-commerce de outros clubes ao redor do mundo, como a www.milanstore.com.br/ e Doentes mantém uma
esperando que esses “booms”
de marketing resultem em
vendas maciças.
“As ações são realizadas em
tempo recorde para levar até o
nosso cliente novidades em
primeira mão” , conta Cléia. “Em
diversas ocasiões realizamos
pré-vendas de produtos com
grande procura para que o
torcedor consiga fazer a reserva
com a garantia de entrega”.
Como exemplo destas
opções, há a pré-venda de
lançamento de camisas
comemorativas, oficiais e DVDs
com conquistas dos clubes,
antes mesmo que esses
cheguem aos estoques.
Ao lado, você confere mais
detalhes do site Roxos e
Doentes, bem como a parte
técnica da página eletrônica de
e-commerce esportivo.

50 locaweb
Case:W2008 29/1/2009 17:18 Page 51
J O site
1 LOJA VIRTUAL
J Como o foco da Roxos e Doentes na
internet é o e-commerce, uma das
principais preocupações da empresa ´´e
quanto à segurança. O site armazena as
informações particulares de forma segura,
usando um Certificado SSL da Cômodo Class
3 Security Services CA. Todas as informações
trocadas com endereços de site que
começam por https são criptografadas com
SSL antes da transmissão.
2 VITRINE CENTRAL
J Na parte central da página há uma
espécie de vitrine virtual, que atualiza
alguns produtos do site em tempo real. A
idéia é que as ofertas atraiam os visitantes. E
essa tática de colocar produtos em destaque
têm atraído cada vez mais visitantes.
Segundo números oficiais, em média, o
Roxos e Doentes registra acesso diário de 5
mil pessoas.
3 LAY OUT
J O desenho da página prima pelos
preceitos do e-commerce. No menu à
direita há os links para os países e
camisas de seleções que são vendidas. O
fundo é roxo, o que tem a ver com o
nome do site. Mas nem sempre foi assim.
A página foi lançada em 1999, no mesmo
período que nasceu a empresa. Ela já
passou por três reformulações que
englobam: tecnologia, layout e adaptação
4 5
da logomarca no e-commerce. A página
está em sua terceira reformulação e, em
breve, deve passar por novas
intervenções. De acordo com Cléia, essas
modificações são necessárias para
garantir mais interatividade, velocidade e
facilidades na navegação.
4 SERVIÇOS
J A página da Roxos e Doentes oferece
serviços que vão além do simples
e-commerce. A idéia é que a página
reúna facilidade e segurança na compra;
pré-venda de lançamentos, promoções de
produtos e personalização de nome e/ou
número nas camisas. Além disso, como há
uma loja física Roxos e Doentes, o site
portfólio
conta com alto estoque de produtos. O
usuário pode ter contato em primeira mão
dos lançamentos do time de coração. As
ações conjuntas com as lojas físicas
também são uma constante.
5 CLUBES
J A Roxos e Doentes ainda é a
responsável por outros sites de clubes.
Entre eles, se destacam
www.milanstore.com.br,
www.lojadogalo.com.br,
www.gloriosoverdao.com.br,
www.lojacruzeiromania.com.br e
www.figueirastore.com.br.
locaweb 51
Metodologias Ageis:W2008 29/1/2009 17:23 Page 52

programação/agile_e_xp

Agile e XP: O que,

por que e como
Conheça as metodologias ágeis de
desenvolvimento de software,
alternativas aos métodos baseados
em planos, que podem dar cara
nova ao seu projeto
Texto: Adam Victor Brandizzi

os anos 1980 e 1990, havia um vago consenso na Engenharia

N de Software: desenvolver programas de qualidade exigia

planejamento detalhado e um processo de desenvolvimento
rígido. Essa filosofia era o resultado de anos de pesquisa no
desenvolvimento de sistemas complexos e
críticos, e resultou em diversas metodologias
que dependiam de um planejamento inicial
detalhado dos projetos de software.
Entretanto, essas metodologias tinham
problemas. Em equipes não tão grandes, o
tempo documentando e planejando era maior
que o tempo gasto em codificação e testes. Os
negócios precisaram responder a mudanças
rápidas. Metodologias baseadas em
documentação e planejamento eram lentas
para acomodar mudanças: quando a
especificação era satisfeita, as necessidades já
haviam mudado.
Por isso, no meio da década de 1990, o
consenso começou a ser posto em xeque. A
alternativa eram as metodologias ágeis.

O que
As metodologias ágeis de desenvolvimento
Improve \\ No endereço www.improveit.com.br/xp (acima e no topo da página) há um descritivo em tópicos
das metodologias ágeis e ainda um vídeo bastante didático sobre o conteúdo, que torna-se cada vez mais popular
de software são alternativas aos métodos de
desenvolvimento baseados em planos. Os princípios dessas
metodologias estão descritos no Manifesto pelo desenvolvimento * O Manifesto Ágil afirma que um
ágil de Software. O Manifesto Ágil propõe que se valorize: software funcional é preferível a vasta
documentação. O código deve pertencer
• Indivíduos e iteração entre eles mais que processos e ferramentas;
• Software em funcionamento mais que documentação abrangente;
a toda a equipe, e a compreensão
• Colaboração com o cliente mais que negociação de contratos; coletiva reduz a necessidade de uma
• Responder a mudanças mais que seguir um plano. documentação trabalhosa de se manter
52 locaweb
Metodologias Ageis:W2008 29/1/2009 17:23 Page 53

programação/agile_e_xp

Os adeptos do Manifesto Ágil defendem que a comunicação
no time de desenvolvedores é mais importante que processos e
ferramentas gerenciais. A melhor maneira de se mensurar o
sucesso de um projeto é observar o quão útil e utsado é o
software criado. Como as metodologias ágeis adotam uma
abordagem incremental, os softwares desenvolvidos são avaliados
antes mesmo de serem concluídos.
De modo análogo, o Manifesto Ágil afirma que um software
funcional é preferível à vasta documentação. O código deve
pertencer a toda a equipe, e a compreensão coletiva do
código reduz a necessidade de uma documentação trabalhosa
de se manter.
Nas metodologias ágeis, a especificação do software é
desenvolvida incrementalmente. É necessária a colaboração
constante do cliente, para que especifique novas funcionalidades
e esclareça dúvidas.
A especificação incremental é importante porque as
metodologias ágeis abraçam a mudança. Por isso metodologias
ágeis geralmente não trabalham com um plano inicial detalhado:
é difícil saber se as funcionalidades realmente serão necessárias
no começo, e outras funcionalidades podem ser esquecidas. Com
o projeto já avançado, cliente e desenvolvedores têm melhor
visão dos requisitos.
Extreme Programming
Existem diversas metodologias ágeis: Scrum, FDD, Crystal,
DSDM etc. A mais conhecida é, provavelmente, Extreme
Programming, ou XP [Sommerville2007]. A ideia principal de XP,
de acordo com seu criador Kent Beck, é “levar as boas práticas da
engenharia de software ao extremo”. O XP se baseia em doze
práticas centrais:
disso, a cada iteração, as funcionalidades adicionadas ou alteradas passarão pelos
testes de aceitação do cliente. Se um bug for encontrado, é obrigatório que se escreva
um código que “ative” o bug.
• Refatoração: como as funcionalidades são adicionadas à medida que o projeto
avança, o código resultante pode ficar complicado. Portanto, é necessário que o
código seja constantemente refatorado.
• Programação em pares: em uma equipe XP, os programadores trabalham no
mesmo computador, olhando para o mesmo código. Isso favorece a posse coletiva
do código e serve como um processo informal de revisão e inspeção.
• Posse coletiva do código: o código deve pertencer a toda a equipe e todos
devem ser capazes de compreender qualquer parte dele. Ademais, todos devem
poder alterar o código: quando um problema for encontrado, deve ser resolvido o
mais rápido possível.
• Integração contínua: equipes XP integram, compilam e testam o
código várias vezes. Isso permite verificar se o projeto está andando e se o
código não está quebrando.
• Semana de 40 horas: a equipe nunca deve trabalhar em excesso.
XP
Na página
www.extreme
programming.org,
há muita
documentação
sobre a técnica de
programação

• Jogo de Planejamento: o planejamento do projeto é feito incrementalmente,

ao fim de cada iteração. O cliente deve participar do
planejamento, priorizando as próximas tarefas a serem
executadas. Cada iteração dura de uma a três semanas.

• Releases pequenos: o software deve ser entregue em

pequenos releases funcionais o mais cedo possível. Também
deve ser atualizado frequentemente, em ciclos curtos.

• Metáforas do sistema: é recomendado utilizar

metáforas para representar o sistema. Por exemplo, a
metáfora para um sistema de pagamento pode ser uma
linha de produção.

• Design simples: para cada problema, implemente a

solução mais simples possível. Não pense sobre o que virá a
ser necessário: resolve-se o problema do momento.

• Desenvolvimento Orientado a Teste: os

programadores devem escrever testes de unidade
automatizados antes de escrever o código do software. Esses Wikipedia \\ O verbete da enciclopédia livre (http://en.wikipedia.org/wiki/Extreme_Programming)
testes devem ser independentes e fáceis de executar. Além oferece até mesmo um gráfico explicativo que ensina como colocar em prática as metodologias ágeis

locaweb 53
Metodologias Ageis:W2008 29/1/2009 17:23 Page 54

programação/agile_e_xp

Programadores cansados tendem a ficar desmotivados e infelizes. Isso prejudica Recomenda-se escrever as histórias cartões: são mais visíveis que
tanto o programador quanto a equipe. arquivos digitais, e seu tamanho limita o impulso de descrever
demais a funcionalidade.
• Cliente no local: deve haver um representante do cliente junto à equipe Uma vez que se tenha uma visão geral do sistema e algumas
constantemente, para tirar dúvidas, estabelecer prioridades e determinar requisitos. A histórias, o representante do cliente deve priorizar as histórias. Se
comunicação face a face é mais efetiva que trocas de e-mail e documentos formais. o representante do cliente apresentou trinta histórias, mas a
equipe só consegue implementar dez no período de uma
• Padrão de codificação: todo programador tem consciência da importância dos iteração, o representante deve escolher que histórias que serão
padrões de codificação. Em XP, não poderia ser diferente: em um ambiente onde a implementadas nessa iteração.
comunicação deve ser a mais rápida e efetiva possível, os padrões de codificação Definidas as histórias da iteração, a equipe decide questões
são indispensáveis. técnicas do projeto, como a arquitetura e as tecnologias a serem
usadas. Hoje em dia, é usual se utilizar uma arquitetura MVC baseada
Como em web; qualquer outra arquitetura ou tecnologia mais adequada
Adotar XP é simples, mas deve ser feito com cuidado. XP foi poderia ser usada. A equipe também escolherá uma metáfora para o
projetado para pequenas equipes, de dois a trinta desenvolvedores. projeto, que servirá de base para a terminologia usada.
Usa-se XP com equipes maiores, mas é mais raro e há poucas
experiências nesse sentido. A equipe deve trabalhar fisicamente A codificação //ALGUMAS TAREFAS
junto, conviverem e se comunicarem bem. As histórias são divididas em tarefas, DA HISTÓRIA 1
Tarefa 1: Calcular
que serão delegadas aos pares. Antes de média de aluno.
O planejamento começar a codificar a solução das tarefas, Tarefa 2: Verificar se
a média aprova.
Suponha que sua equipe vá cada par deve codificar testes
//DOIS EXEMPLOS
desenvolver o sistema que calcula notas DE HISTÓRIAS automatizados que verificarão se a implementação satisfaz os
de alunos. Deve haver um representante História 1: O programa requisitos. É indispensável o uso de ferramentas de automação de
do cliente com a equipe. Esse precisa guardar as testes, como o JUnit.
notas dos alunos. Os
representante deve ter bastante alunos fazem uma Após escrever os testes, o par deve implementar a solução
compreensão do negócio do cliente; o avaliação por bimestre. mais simples que satisfaça os testes, sem pensar em necessidades
Há quatro bimestres.
representante ideal é um funcionário não futuras. Se a solução for insuficiente para satisfazer a tarefa, é
técnico do cliente. História 2: O programa necessário escrever mais testes. Se um bug for encontrado, é
deve mostrar uma
Na primeira reunião, o representante lista de alunos, dizendo obrigatório escrever um teste que falhe devido ao bug. Isso
escreverá histórias. Uma história é uma se passaram ou não. garante que o bug não será inserido novamente no código.
descrição, em poucas frases, de uma O primeiro bimestre Ademais, é mais simples depurar o código em um teste isolado.
tem peso 1, o segundo
funcionalidade do sistema, feitas na tem peso 2 e assim Ao terminar uma tarefa, o par deve integrar o novo código ao
linguagem do negócio do cliente. por diante. resto da aplicação localmente, e executar todos os testes

* XP foi projetado para

pequenas equipes, de dois
a trinta desenvolvedores;
usa-se XP com equipes
maiores, mas é mais raro
e há poucas experiências
conhecidas nesse sentido

Livro\\ Já há no mercado um material literário sobre o assunto; um deles é o livro de Vinícius Magalhães Teles,
o Extreme Programing (acima) que pode ser adquirido erm novatec.com.br/livros/extreme (ao lado)

54 locaweb
Metodologias Ageis:W2008 29/1/2009 17:23 Page 55

programação/agile_e_xp

automatizados. Se algum teste falhar, é

prioritário reparar a implementação. O
código não deve ser enviado ao repositório
central se não estiver passando nos testes.
Quando todos os testes estiverem
passando, o par pode analisar melhor a
solução e refatorá-la. Como sempre uza-se a
solução mais simples, uma série de soluções
simples pode resultar em código obscuro e
complicado. É agora que isso deve ser
resolvido: o par procurará algoritmos e
padrões de projeto que equivalham ao
código atual. Ao terminar a refatoração, o
código deve passar pelos testes.
Como as histórias são curtas e vagas,
dúvidas aparecerão. O representante do cliente
deverá próximo da equipe para saná-las.
Esse processo será repetido todos os dias
de trabalho, até o final da iteração. O ideal é Comunidade\\ O JavaFree (http://www.javafree.org, indicado acima) mantém uma página de referência em
www.javafree.org/artigo/871447/Apresentando-XP-Encante-seus-clientes-com-Extreme-Programming (abaixo)
que os pares sejam alterados

* Se sua equipe está

periodicamente, de modo
que os desenvolvedores não
trabalhem sempre sobre o
motivada a tentar
mesmo código. Isso favorece uma metodologia
a posse coletiva do código: ágil, adote-a e veja
todos os desenvolvedores seus projetos
onhecerão todo o código.
prontos mais cedo,
A nova iteração de forma mais
Ao final da iteração, as barata e com
funcionalidades menos estresse
implementadas são
apresentadas ao cliente. Se o cliente perceber algum problema,
ele deve redigir uma nova história solicitando uma alteração. Uma
equipe ágil espera que mudanças sejam solicitadas. No começo, e blogs onde vários profissionais compartilham sua experiência.
as mudanças serão em maior número; à medida que o projeto É possível implantar XP aos poucos. Se sua equipe já trabalha em
avançar, o número de mudanças provavelmente diminuirá. um projeto com algumas dificuldades, esta é uma boa
O cliente também poderá apresentar novas histórias, solicitando oportunidade para implantar algumas práticas de XP que possam vir
funcionalidades novas. O cliente e a equipe devem priorizar, dentre a ajudar o projeto. Outra possibilidade é adotar XP em um projeto
as histórias – antigas e novas –, quais serão implementadas nessa pequeno, para obter experiência.
iteração. A história que for mais relevante ao cliente é a história que A metodologia anterior não precisa ser abandonada: XP pode
será implementada, independente da idade. complementá-la. Entretanto, é importante observar se vale a pena
Após a priorização das histórias, a equipe novamente as divide manter uma metodologia anterior: tentar sobrepor metodologias
em tarefas e volta a trabalhar em pares. Espera-se que não haja ágeis a metodologias anteriores pode ser sinal de que a equipe não
grandes mudanças de arquitetura e tecnologias utilizadas, mas, está motivada a mudar de práticas. Tomado o devido cuidado,
obviamente, nada impede a equipe de mudar uma arquitetura ou porém, é perfeitamente possível adequar XP a outras metodologias,
escolha de ferramentas pouco adequadas. sejam metodologias leves – como Scrum – ou processos mais
tradicionais, como CMMI e Six Sigma.
Riscos
Para minimizar o risco da adoção, é importante que a equipe Conclusão
esteja motivada para a mudança. É ideal que a equipe possua um Se sua equipe está motivada a tentar uma metodologia ágil,
coach, um profissional com experiência na metodologia que sanará aproveite a oportunidade. Busque informações e ajuda da
dúvidas e incentivará a observação das práticas e valores. Também é comunidade ágil. Você poderá se surpreender ao ver os projetos
interessante participar das comunidades, listas de discussões, fóruns prontos mais cedo, mais baratos e com menos estresse.

locaweb 55
Artigo_Programação:W2008 29/1/2009 17:29 Page 56
opinião/articulista
programação
Rails
on Vim
Confira uma das melhores maneiras de se programar com Ruby on Rails fora do
ambiente Mac. Basta um bom editor de textos e o terminal/linha de comando
Faz tempo que venho quebrando a cabeça sobre qual a
melhor maneira de se programar com Ruby e Rails fora do
ambiente Mac. Sempre digo que basta um bom editor de textos e o
terminal/linha de comando. Porém, no Windows não há tantos
editores competentes como o Textmate. E mesmo no Mac, há quem
não queira pagar pelo Textmate também.
Alguns Railers começaram a se voltar ao Emacs. Sinceramente, eu
ainda não consigo gostar muito do Emacs. É questão de gosto
pessoal, mas eu sempre preferi o Vim.
Por outro lado, eu nunca tinha parado para tentar configurar o
Vim decentemente. Gastei uns 2 dias remexendo a web em busca
das peças que tornariam o Vim mais parecido com o Textmate. No
próprio Github existem várias configurações. Eu peguei um deles
que achei interessante e fiz meu próprio fork.
Passei o dia todo convertendo snippets do Textmate para o
NERDSnippets do Vim, incluindo os bundles de Ruby, Rails, Javascript
e jQuery. O resultado é algo muito próximo, porém a engine de
snippets do Textmate é mais avançada que o NERDSnippets. A
adaptação do plugin FuzzyFinder do Jamis Buck dá um substituto
razoável para o navegador de arquivos do Textmate também.
Para instalar no Mac, primeiro recomendo não usar o Vim que
vem por padrão porque ele não tem com os bindings de Ruby que
precisamos. Baixe o MacVim. Daí no seu ~/.bash_profile coloque:
alias
vim="/Applications/MacVim.app/Contents/MacOS/Vim"
No Windows, baixe o gVim. No Mac e no Linux, você deve ter um
arquivo .vimrc e um diretório .vim no seu home (por exemplo,
56 locaweb
Fabio Akita
Gerente de produtos Linux
da Locaweb
www.akitaonrails.com
/Users/akitaonrails). No Windows você deve ter um arquivo _vimrc e
um diretório vimfiles também no home (ex: c:\Documents and
Settings\akitaonrails, no Windows XP ou c:\Users\akitaonrails, no
Vista e no Windows 7).
No Linux e no Mac, no seu diretório home, faça:
git clone
git://github.com/akitaonrails/vimfiles.git ~/.vim
cp ~/.vim/vimrc ~/.vimrc
No Windows, no seu diretório home, faça:
git clone
git://github.com/akitaonrails/vimfiles.git
vimfiles
copy vimfiles\vimrc _vimrc
copy vimfiles\snippets.vim.win32
vimfiles\after\plugin\snippets.vim
De dentro do Vim, digite “:help rails” para saber as opções que
você tem. Comandos como :Rgenerate emulam o script/generate,
:Rake emula o rake, :Rscript emula os script/* e assim por diante.
Ctrl+t é o FuzzyFinder, o equivalente ao Command+T do
Textmate. O comando \+p abre o Nerd Tree que é parecido com o
Project Viewer do Textmate. Navegue pelos diretórios e arquivos
apertando a tecla “o”. E a partir dos arquivos do seu projeto Rails
experimente usar as mesmas abreviações do Textmate. Para
descobrir todas as abreviações, navegue pelo diretório .vim/snippets.
Dentro haverá sub-diretórios para cada tipo de arquivo. Por exemplo,
.vim/snippets/ruby-rails/hm.snippet significa que se você digitar
“hm[tab]” ele ativará o “has_many” (veja o screencast no meu site).
21 X 28:21 X 28.qxd 22/1/2009 15:26 Página 1
Native Client:W2008 20/1/2009 18:07 Page 58
programação/google_native_client
Use e abuse do novo
Google Native Client
Conheça o projeto de pesquisa da maior empresa de buscas online do mundo
que permite a criação de programas com código de programação nativo x86
Texto: Max Reinhold Jahnke
A
internet atualmente está se tornando cada vez mais
dinâmica, rica em diversidade de conteúdo, acessível e
versátil. Mais do que simples páginas com links, hoje há
verdadeiras aplicações, bem completas, disponíveis na rede.
Há muito tempo diversas tecnologias têm sido empregadas na
tentativa de dinamizar as páginas web, para que exibam desde
informações atualizadas dinamicamente até aplicações
completas, criando uma experiência totalmente nova e autêntica
a cada site diferente visitado.
O Google, por exemplo, disponibiliza para uso online, sem
instalação, verdadeiras soluções completas, como sua gama de
programas de escritório com as mais importantes funcionalidades
encontradas no Microsoft Office, líder deste segmento.
Com este crescente aumento na complexidade das aplicações
web, torna-se cada vez mais necessária a criação de ferramentas
que permitam a execução destes programas dentro do navegador.
Isto é bem complicado, porque envolve segurança (a aplicação não
pode acessar recursos nem informações que não sejam diretamente
Docs do Google.com\\ Empresa disponibiliza para uso online soluções completas, como sua gama de
programas de escritório com importantes funcionalidades encontradas nos concorrentes, como o Office
58 locaweb
relacionadas ao seu funcionamento), desempenho (uma aplicação
não pode ser muito pesada para fazer algo simples) e portabilidade
(deve rodar em qualquer sistema operacional e arquitetura de
computador sem adaptações).
O Native Client é um projeto de pesquisa do Google que
permite que programas sejam criados com código nativo x86 e
usufruam toda a capacidade do processador. Isso com o objetivo
de manter a neutralidade do browser (qualquer navegador pode
ser usado), a portabilidade entre sistemas operacionais diferentes
(Windows e Linux, por exemplo) e a segurança que as pessoas
esperam de aplicações online. Porém, antes de falar mais do
Native Client, é preciso conhecer as tecnologias existentes para
entender melhor como ele pretende revolucionar a maneira
como a Internet é utilizada no navegador.
JavaScript
O JavaScript foi uma das primeiras tentativas de criar páginas
dinâmicas. É amplamente usado e está constantemente sendo
aperfeiçoado. Seu uso é geralmente orientado a eventos, como o
clicar de um botão, a digitação de teclas, etc. É muito utlizado
também na validação de um formulário, como
por exemplo onde só se deve digitar números,
ou ao avisar que um campo cuja informação é
essencial está em branco. A linguagem
JavaScript pode ser usada em conjunto com o
NaCl para simplificar a programação e
aumentar a produtividade.
Além disto, também serve para enviar ou
receber informações do cliente, além de
* A linguagem JavaScript
pode ser usada em
conjunto com o Google
Native Client para
simplificar a programação
e aumentar a
produtividade em tarefas
realizadas via internet
Native Client:W2008 20/1/2009 18:07 Page 59
poder ser usado para trocar informações
entre as páginas. Mas seu uso não se resume
a apenas isto. JavaScript se mostra
importante na construção de aplicações bem
complexas usando a tecnologia Ajax e na
programação de aplicativos Native Client.
O Ajax é bem interessante, pois
ActiveX \\ Na página http://activex.microsoft.com (acima) é possível conhecer melhor o ActiveX, da Microsoft
representou um passo adiante na maneira de (ao lado), muito parecido com o Native Client, pois também permite executar aplicações usando código nativo
se construir aplicações web: com ele, não foi
mais necessário carregar toda uma página para que houvesse a
atualização do conteúdo, mas apenas parte dela.
ActiveX
O ActiveX da Microsoft é muito parecido com o Native Client,
pois também permite executar aplicações usando código nativo
(criado usando Visual Basic .NET, Delphi, C, C++ e outras). A
grande diferença entre ambos é a maneira com que a segurança
é tratada: no ActiveX, é feita com base na confiança em
determinadas empresas, domínios, em aplicativos específicos ou
de acordo com as configurações de segurança do navegador
Internet Explorer para a zona em que o programa é executado.
Entretanto, por ser uma tecnologia proprietária da Microsoft, o
ActiveX não segue os padrões do World Wide Web Consortium
(W3C), nem é compatível com outros navegadores nem outras
plataformas. Seu uso fica restrito à plataforma Windows usando
seu navegador Internet Explorer. É possível utilizá-lo também no
navegador Opera. Já no Firefox, o plugin está disponível apenas
Página do Flash \\ O Native Client possui várias vantagens sobre o Flash
(www.adobe.com/br/products/flashplayer): velocidade, portabilidade e flexibilidade
programação/google_native_client
até a versão 1.5.
O Activex não é muito seguro. Como ele roda código nativo, a
aplicação tem acesso a praticamente todos os recursos que o
usuário que o executa também tem. E, como muitos usuários têm
privilégios administrativos, o risco de se comprometer todo o
sistema com um navegador de configurações permissivas em um
site inseguro é muito alto.
Como a segurança do ActiveX é feita apenas com base na
confiança da procedência do programa, pouquíssimos
desenvolvedores terão uma grande quantidade de usuários. Já
com o Native Client, os aplicativos são verificados e validados
automaticamente, durante a execução do programa. Qualquer
código potencialmente inseguro é tratado ou descartado. Se esta
plataforma atingir a maturidade necessária e se tornar realmente
segura e confiável, qualquer pessoa poderá programar um
aplicativo e o usuário não precisará se preocupar tanto com
sua procedência.
Flash
O Flash é uma tecnologia muito famosa, e talvez a mais
difundida das quatro, para aplicações web. Já presente há muito
tempo em diversas páginas tão conhecidas, como o Youtube e
Miniclip, além de banners comerciais com joguinhos bem simples,
a imensa maioria de aplicações interativas envolvendo multimídia
é escrita em Flash. Entretanto, sua execução passa por um
interpretador, o que torna seu funcionamento muito lento em
máquinas mais antigas ou com menor poder de processamento e
memória, como terminais remotos.
O Native Client possui várias vantagens sobre o Flash:
velocidade, portabilidade e flexibilidade. Mesmo nos
computadores atuais, dependendo do sistema operacional, um
aplicativo feito em Flash pode consumir de 30% a até 90% do
poder de processamento da máquina. A portabilidade deixa
muito a desejar, pois esta tecnologia foi otimizada para Windows
locaweb 59
Native Client:W2008 20/1/2009 18:07 Page 60

programação/google_native_client

32 bits, o que faz com que seja muito lento e apresente várias * No Google Native Client, uma
incompatibilidades em ambientes Linux ou Mac OS, apesar de aplicação multimídia roda dentro do
serem suportados oficialmente pela Adobe.
Os aplicativos Flash são programados usando a linguagem
navegador. Isto é uma vantagem para
Action Script e seguem uma linha do tempo. A ideia da aplicação sistemas nos quais não existem codecs
é rodar como um filme, que pode ser interativo. Isto dificulta um para áudio ou vídeo, ou que não estejam
pouco as coisas para alguns programadores mais ortodoxos, disponíveis para outra plataforma
acostumados com uma abordagem mais procedural. O Action
Script permite que eventos sirvam de gatilhos para que as coisas vídeos no formato Windows Media Video mais recente no Linux
aconteçam, como seria em uma aplicação em JavaScript. sem depender de codecs livres, feitos por terceiros (e talvez mais
Programas feitos em Flash precisam ser compilados a cada instáveis). Sites também poderiam prover codecs específicos para
nova alteração: diferentemente do Microsoft Silverlight, código e rodar no NaCl.
interface são mesclados em um arquivo só e apenas seu binário é
distribuído, baixado pelo navegador e então interpretado pelo Java
plugin. Também é possível executar aplicações fora do O Java é uma tecnologia amplamente usada em sites de
navegador, através de um player distribuído pela Adobe. Ainda bancos, mas possui a limitação de exigir uma máquina virtual, o
existem tocadores de vídeo que suportam o formato FLV, que diminui muito o poder de processamento disponível para os
utilizado nos vídeos exibidos em Flash por sites como o Youtube. aplicativos e também a flexibilidade. Essa não é uma limitação
Uma aplicação multimídia no Google Native Client seria aceitável para o Google, que acredita ser possível descobrir se
realmente uma aplicação multimídia, porém rodando dentro do determinado código é confiável e executar, sem a necessidade de
navegador. Isto seria uma vantagem para sistemas nos quais não isolar sua execução num ambiente virtualizado.
existem codecs para formatos de áudio ou vídeo, ou que estejam A máquina virtual, além de isolar a aplicação, exige que o
disponíveis apenas para outra plataforma. Seria possível rodar código seja compilado para sua plataforma. Entretanto, o Java usa
um recurso chamado geração de bytecode, que permite que o
Silverlight programa, uma vez executado, seja também compilado para a
Novo sistema do
Google deve bater plataforma em que está rodando. Com isto, sua performance
de frente com o melhora substancialmente, mas ainda mantém as limitações de
Silverlight, espécie executar em uma máquina virtual, além de não poder tirar
de “Flash” criado
pela Microsoft para proveito de muitos recursos de processamento mais avançados.
rodar formatos Atualmente o Java é uma linguagem muito difundida. Além
multimídia de ser muito utilizada em sites, tem um uso bastante amplo
offline: desde celulares, pontos de venda até sistemas ERP
complexos, o Java tem sido adotado como alternativa
multiplataforma viável e eficiente.
Uma vantagem (não necessariamente
técnica) do Java é que já não é mais uma
linguagem mantida por apenas uma
empresa, mas sim por uma comunidade. Isto
permite que seu uso seja realmente
padronizado para diversas plataformas de
maneira bem coesa.
Caso alguém tenha algum
programa interessante feito em C, C++,
Visual Basic, .NET ou Delphi e queira utilizá-
lo numa página web, deverá reescrevê-lo
todo em Java, o que consumiria um tempo
muito grande ou seria até mesmo
impossível, dependendo de sua
complexidade. Com o Native Client esse
problema será muito menor, pois o
aplicativo poderá ser simplesmente
readaptado. E isto não é muito trabalhoso,
Java \\ Tecnologia amplamente usada em sites de bancos possui a limitação de exigir uma máquina virtual, o como o Google mostrou adaptando o Quake
que diminui muito o poder de processamento disponível para os aplicativos; Google tenta driblar isso com NaCl para rodar no navegador.

60 locaweb
Native Client:W2008 20/1/2009 18:07 Page 61

programação/google_native_client

Implementação
O Google disponibilizou um runtime,
plugin para navegadores (Firefox, Safari, Opera,
e Google Chrome) e um conjunto de
ferramentas baseadas no GCC para
compilação, além de um conjunto de
exemplos, desde um simples "hello word" até
a adaptação do jogo Quake para rodar direto
no navegador. É interessante notar que só foi
possível portar o Quake porque a engine do
jogo foi liberada sob a licença GPL, e também
foi programado pensando em portabilidade.
Numa tentativa de identificar problemas na
segurança e de acelerar o desenvolvimento, o
Google disponibilizou o código do Native
Client sob a licença BSD. Essa postura é muito
interessante, pois disponibiliza todo o
conhecimento científico produzido com o Firefox \\ Testes realizados com o navegador da Mozilla rodando em algumas distribuições Linux não geraram
desenvolvimento do projeto e permite que os resultados esperados com o Google Native Client; para que vá para frente, a empresa terá de corrigir falhas
uma quantidade muito grande de
programadores participem. Inclusive isso já confiáveis troquem informações entre si.
rendeu um bom fruto: um programador de fora * O Native Client As sandboxes foram cuidadosamente
do Google escreveu um exploit, um programa implementa funções planejadas para evitar modificações no
que explora uma falha do Native Client para como infraestrutura para kernel, pois, de acordo com o Google, a
executar código que poderia ser malicioso. Essa portabilidade entre manutenção necessária seria praticamente
notícia pode parecer ruim, mas na verdade não
é, o hacker não fez o programa para prejudicar
sistemas operacionais e intratável. Essas técnicas de isolamento de
falhas via software foram amplamente
ninguém; na verdade o que ele fez foi um navegadores, o que discutidas na literatura científica e é a
software prova-de-conceito, para mostrar uma permite a execução de confiança nessa técnica que fez com que o
falha de segurança. Desta forma foi possível módulos binários Google se posicionasse contra o uso de
descobrir onde estava a falha e corrigi-la. Abrir o virtualização no Native Client.
código está realmente ajudando o NaCl a se
criados em x86; além Mas alguns efeitos colaterais são
tornar um software mais seguro. disso, tem suporte a necessários para que aplicativos realmente
O Native Client implementa diversas funções recursos como threads úteis sejam feitos. Por exemplo, há a
agradáveis, como uma infraestrutura para necessidade de comunicação entre os
portabilidade entre sistemas operacionais e navegadores que módulos, a necessidade de guardar e compartilhar dados em disco
permite a execução de módulos binários criados em x86. Tem ou acessar algum recurso físico, como uma webcam ou microfone.
suporte a recursos como threads, instruções multimídia (MMX, SSE, Esses acessos mais "perigosos" serão feitos pelos chamados módulos
3DNow, etc) e programação diretamente em assembly, além de confiáveis, ou por plugins de serviços para o NaCl, e são eles que
isolamento de falhas por software. garantirão que módulos não confiáveis possam ter acesso a recursos
O sistema de segurança ainda não está pronto. Até o importantes sem comprometer toda a segurança do sistema.
fechamento desta edição de Locaweb em Revista, o Google havia
programado apenas o sandbox interno, que analisa as instruções do Conclusão
aplicativo em busca de práticas inseguras, como modificação de Infelizmente o Native Client ainda está em fase inicial de
instruções durante a execução (comportamento característico de desenvolvimento e o sistema de segurança ainda não foi totalmente
muitos vírus). O sandbox externo, que ainda não foi implementado, implementado. O runtime aparentemente funciona bem, mas a
analisa as chamadas de sistema e as compara com uma lista de instalação do plugin para o navegador ainda é problemática. O
chamadas permitidas. Chamadas como connect() e accept() são plugin para Firefox, por exemplo, não funciona sempre em algumas
proibidas, para impedir que os aplicativos se tornem backdoors via distribuições Linux (utilizadas pela reportagem).
rede em potencial. Entretanto, uma coisa é certa: se o projeto do Google se tornar
Como as chamadas do connect() são bloqueadas, o Native Client uma ferramenta segura, então terá potencial de acabar com todas
usa um recurso próprio para permitir que os módulos se as alternativas, pois além de garantir boa performance e
comuniquem. Este recurso é chamado de IMC (Inter-Module flexibilidade, permitirá que desenvolvedores usem suas
Communications), que permite que módulos confiáveis e não linguagens preferidas e reaproveitem muito código já existente.

locaweb 61
Moonlight Project:W2008 20/1/2009 18:03 Page 62
programação/moonlight_project
O Silverlight aberto:
Moonlight Project
Aprenda a utilizar o sistema multimídia da Microsoft e, a partir dele, trabalhe
com o Moonlight, escrito puramente em C++ e 100% compatível com o SL
Texto: Eduardo Costa Lisboa
uando a Internet foi criada, todas as páginas eram
Q estáticas. Havia hyperlinks, mas todos apontavam para
documentos inanimados. Com o tempo, foram criadas
tecnologias que permitiam executar aplicações que geravam
esses documentos; surgiram então as páginas dinâmicas. Logo
depois, houve um avanço na dinamização com a atualização
assíncrona de partes da página, através da tecnologia hoje
conhecida como Ajax. A tecnologia Silverlight, da Microsoft,
representa um passo adiante na evolução de como estas páginas
web geradas dinamicamente são apresentadas. É semelhante ao
Flash, da Adobe, pois conta com os mesmos recursos: imagens
vetorizadas, exibição de textos e animações em vídeo. Entretanto,
a maneira como o documento é disponibilizado é um pouco
diferente: enquanto no Flash é feito apenas o download de um
62 locaweb
Moonlight\\ Projeto open-source (página do
site oficial ao lado) integra o que há de melhor
no Silverlight (acima) e oferece uma proposta
multimídia semelhante ao que o veterano
Adobe Flash (abaixo) apresenta aos usuários
binário, que contém toda a aplicação, no Silverlight existem
diversas partes.
No Silverlight 1.0, são três partes: um renderizador XAML, um
bloco de código e os codecs multimídia. O Renderizador XAML,
como o nome diz, interpretará o conteúdo do arquivo XAML, um
arquivo de texto simples com especificações do formato XAML,
criado pela Microsoft. Este renderizador é instalado como um
plugin do navegador, assim como o Flash também é.
O arquivo XAML contém todas as definições da interface, como
widgets, layout e temas -- é possível aplicar "skins" sobre os widgets.
Além das definições de interface, também é possível criar objetos
independentes de linguagem de programação utilizando recursos de
data binding, bem como também manipular os eventos (texto
digitado, foco ligado/desligado, botão do mouse pressionado/solto,
etc) previstos pela interface DOM, como: clique do mouse, tecla
pressionada, mudança de foco, etc. Uma lista completa dos eventos
Moonlight Project:W2008 20/1/2009 18:03 Page 63

programação/moonlight_project

DOM existentes pode ser encontrada no site da

Wikipedia: "http://en.wikipedia.org/wiki/
DOM_Events". As animações em vídeo e
imagens em geral também são definidas neste
documento XAML.
Já a parte de programação, o código
propriamente dito, é feita no navegador.
Mais precisamente, utilizando o
interpretador de Java Script do mesmo.
Com isto, há uma separação bem clara da
interface e do código, uma vez que os
eventos, sinalizados no documento XAML,
são processados pelo navegador em um
arquivo de texto no formato Java Script,
separado. O código torna-se bem mais
limpo e organizado, desta forma. Apenas
como lembrete histórico, a própria Microsoft
já caminhava em direção a esta separação
Exemplo\\ Em http://miguelmoreno.net/sandbox/Silverlight_0, há um exemplo interessante de um demo do
desde a implementação do ASP. Silverlight 1.0, os recursos de áudio e vídeo chamam a atenção nas apresentações com o irmão do Moonlight
A terceira e última parte é a dos codecs
multimídia, para a renderização de áudio e vídeo. Os seguintes Um exemplo interessante de um demo do Silverlight 1.0
formatos são suportados pelo Windows Media Pack, no utilizando recursos de áudio e vídeo pode ser encontrado neste
Silverlight 1.0: site: http://miguelmoreno.net/sandbox/Silverlight_0. Lá é possível
encontrar outros exemplos, no caso, para Silverlight 2.0.
Codecs de áudio:
• WMA-7: Windows Media Audio 7 Programação
• WMA-8: Windows Media Audio 8 Programar para o SilverLight 1.0 é razoavelmente bem simples,
• WMA-9: Windows Media Audio 9 uma vez que envolve apenas Java Script e definição da interface
• MPEG 1 Layer 3: o famoso MP3 em XAML. Tudo começa com uma página em HTML, que carrega
o controle Silverlight. Este controle, por sua vez, carrega um
Codecs de vídeo: arquivo no formato XAML. Nele, é criado um objeto do tipo
• WMV-1: Windows Media Video 7 "Canvas", que serve como base para abrigar os controles widgets,
• WMV-2: Windows Media Video 8 que serão criados depois. No Silverlight 1.0, os widgets são nativos
• WMV-3: Windows Media Video 9 do navegador em uso. Algumas formas geométricas primitivas
• WMVA: Windows Media Video Advanced Profile (sem são suportadas pelo renderizador XAML do Silverlight, como
suporte a VC-1) linhas, elipses, quadrados e triângulos. Como o XAML renderiza
• WMVC1: Windows Media Video Advanced Profile (com gráficos vetoriais, qualquer forma pode ser desenhada. Uma vez
suporte a VC1) definidas as formas e os widgets, é hora de criar manipuladores de
eventos para eles, usando os "event triggers". Estes eventos,
O formato de vídeo H.264 não é suportado pelo Silverlight 1.0. declarados ainda no XAML, são trabalhados no Java Script,
Caso um site seja aberto e não tenha sido instalado ainda o executado pelo navegador. A seguir, um exemplo bem simples de
codec de áudio ou vídeo necessário para o funcionamento da uma aplicação para o Silverlight 1.0:
página, uma janela é aberta perguntando ao usuário se deseja
fazer o download do componente necessário. Caso o aceite, será -- arquivo helloWorld.html
baixado do site da Microsoft o pacote oficial dos codecs binários <html>
do Windows Media Pack, disponíveis apenas para as arquiteturas <head>
x86 e x86_64, atualmente. <script src="Silverlight.js"></script>
<script
* O Moonlight é um clone do src="createSilverlight.js"></script>
Silverlight, feito do zero, por membros <style>
.slControl {
da equipe que desenvolve o Mono. A height: 480px;
gigante Microsoft dá suporte e apoia width: 640px;
o desenvolvimento do sistema border: 1px dotted black;

locaweb 63
Moonlight Project:W2008 20/1/2009 18:03 Page 64

programação/moonlight_project

} slControl = control;
</style> entryHello =
<title>Silverlight Hello slControl.content.findName("entryHello");
World!!!!</title> entryHello.addEventListener("MouseLeft
</head> ButtonDown","entryOnClick");
<body> }
Moonlight/Silverlight Sample:<br> function entryOnClick(sender,args)
<div id="slControl" class="slControl"> {
<script> entryHello.Text = "Hello, World! It is
createSilverlight(); Silverlight!";
</script> }
</div> -- fim de arquivo
</body>
</html> O arquivo Silverlight.js deve ser baixado do site da Microsoft,
-- fim de arquivo após a aceitação de sua licença, no site:
http://code.msdn.microsoft.com/silverlightjs
-- arquivo MyCanvas.xaml
<Canvas Abaixo, uma lista dos eventos que o Silverlight pode manipular:
xmlns="http://schemas.microsoft.com/client/2007" • createObject
xmlns:x="http://schemas.microsoft.com/ • createObjectEx
winfx/2006/xaml" • default_error_handler
width="640" Height="480" • getSilverlight
Background="White" • isBrowserRestartRequired
x:Name="PageTextBlock"> • isInstalled
<TextBlock Width="195" Height="42" • onGetSilverlight
Canvas.Left="28" Canvas.Top="35" • onSilverlightInstalled
Text="Click Here!!!!" • WaitForInstallCompletion
x:Name="entryHello" />
</Canvas> Referências: http://mono-project.com/Howto_helloWorld_Moonlight_
-- fim de arquivo ff3 e http://msdn.microsoft.com/en-us/library/cc838126(VS.95).aspx

-- arquivo createSilverlight.js Silverlight 1.0 e 2.0 e introdução ao Moonlight

var slControl; O Silverlight é desenvolvido pela Microsoft e seu código-fonte
var entryHello; não está disponível. Entretanto, sua implementação é muito bem
function createSilverlight() documentada. O Moonlight, portanto, é um clone do Silverlight,
{ feito do zero, por membros da equipe que desenvolve o Mono. O
Silverlight.createObjectEx({ Moonlight atualmente é 100% compatível com o Silverlight 1.0, e
source: "MyCanvas.xaml", é escrito puramente em C++. Já no Moonlight 2.0 a coisa se torna
parentElement:
document.getElementById("slControl"),
id: "slControlObj",
properties: {
width: "100%",
height: "100%",
version: "1.0"
},
events: {
onLoad: load
}
});
}

function load(control,userContext,rootElement) Referências \\ Em msdn.microsoft.com/en-us/library/cc838126(VS.95).aspx há

{ vasta documentação com relação ao Silverlight e, consequentemente, ao Moonlight

64 locaweb
Moonlight Project:W2008 20/1/2009 18:03 Page 65
Wiki dio Fedora \\ Em fedoraproject.org/wiki/ForbiddenItems (acima), pode-se ler um comunicado sobre
o Moonlight; quem quiser baixar um pacote da tecnologia pode acessar olea.org/paquetes-rpm/mono (ao lado)
mais complicada. Mas para ambos, a Microsoft dá suporte e apoia
o desenvolvimento, inclusive oferecendo as mesmas suítes de
teste utilizadas oficialmente no Silverlight.
O Silverlight 2.0 utiliza, além do Java Script, para a parte da
lógica, uma versão simplificada do .NET 2.0, chamada de .NET 2.1.
Este suporte está em estado pré-alfa pela equipe de
desenvolvimento do Mono, que é o nome da implementação .NET
para Linux. No Silverlight 2.0, a questão dos codecs não muda, nem
a renderização das páginas, usando o XAML. Mas, pelo fato de
utilizar uma versão do .NET não coberta pelo Mono no Linux, não é
possível utilizar nenhuma aplicação feita para esta versão.
Entretanto, como a versão 1.0 do Silverlight é 100% suportada, é
possível inclusive desenvolver aplicações nesta versão usando Linux.
Para o desenho da interface, pode-se usar o Lunar Eclipse, que dá
suporte ao formato XAML. Para o código, há muitas opções de
editores de texto, desde o vim, emacs até o próprio Eclipse, também.
No Linux, é possível utilizar tanto o conjunto de codecs Microsoft
Media Pack quanto seu alternativo, o FFMPEG, disponível para outras
plataformas além das x86 e x86_64, e também sob uma licença
diferente. Ele suporta os mesmos formatos que o Windows Media
Pack, atualmente. No Windows, o Silverlight pode usar qualquer
codec instalado em seu computador. Caso não haja nenhum, é
possível instalar o Windows Media Pack.
O tipo de codec a ser utilizado no Linux é definido durante a
compilação do plugin Moonlight. Portanto, não é possível escolher
qual usar depois de instalar o plugin. Apenas é exibida uma janela
pedindo para o usuário aceitar o download do codec, feito a partir de
um site pré-determinado, bem como a exibição de sua licença.
Questões legais
Muito se tem discutido sobre a liberdade que o acordo entre a
Microsoft e a Novell tem oferecido aos usuários do Silverlight e
Moonlight. Há muitas divergências sobre o assunto, inclusive
dentre as maiores distribuições de Linux existentes atualmente.
programação/moonlight_project
Na página wiki do Projeto Fedora –
http://fedoraproject.org/wiki/ForbiddenItems
–, pode-se ler o comunicado sobre o assunto.
Para mais referências, indicam-se os sites
• microsoft.com/interop/msnovellcollab/
moonlight.mspx
• http://blogs.cnet.com/5530-13505_1-0-
10.html?forumID= 166&messageID=
2490312&threadID=228078
• www.groklaw.net/article.php?story=20080528133529454
Entretanto, é possível baixar um pacote independente no
seguinte endereço: http://olea.org/paquetes-rpm/mono/
Para Debian, também não há pacotes; mas será possível baixar
pacotes do famoso repositório Debian Multimedia. Mais
informações disponíveis no site: http://wiki.debian.org/Teams/
DebianMonoGroup/Moonlight
Na prática, ao se navegar por uma página que use Silverlight,
no Linux, o usuário é redirecionado para o site do projeto Moonlight
–- http://go-mono.com/moonlight/ –, onde poderá fazer o
download do plugin binário já compilado (para usar os codecs do
pacote Windows Media Pack) do Moonlight, tendo que instalá-lo
manualmente. E, ao acessar a página com algum conteúdo
multimídia, o usuário é convidado a aceitar a licença de distribuição
do Windows Media Pack, concordando, por exemplo, em utilizar os
codecs apenas em conjunto com o Silverlight, em páginas web.
Conclusão
A tecnologia Silverlight está em ampla difusão; até mesmo no
site oficial das Olimpíadas de Pequim ela foi utilizada. O incentivo
da Microsoft em oferecer esta tecnologia parece estar
funcionando. E, com o suporte a .NET, no Silverlight 2.0, os
recursos para se trabalhar serão bem maiores. Ainda não há
suporte algumas coisas básicas, como suporte a microfone e
webcam, infelizmente.
Entre os usuário de Linux, há quem se sinta bastante
incomodado com as licenças restritivas, mais precisamente, do
uso dos codecs. E, como o Moonlight está sempre um passo
atrás do Silverlight, as coisas ainda demorarão mais para
acontecer. Por usar uma versão recente do .NET, é necessário
utilizar uma versão em desenvolvimento do Mono, o Olive. Um
beta do Moonlight 2.0 está previsto, por enquanto, apenas para
setembro de 2009.
locaweb 65
LocaVIP:W2008 21/1/2009 02:00 Page 66

parceiros/locaweb

locavip
Conheça aqui alguns dos principais clientes vips da Locaweb

J Agência Neurônio J Brclick

J www.agencianeuronio.com J www.brclick.com.br

J Fulldesign Comunicação Integrada J Oito Soluções Digitais

J www.fulldesign.com.br J www.oito.net

J EOL - Tecnologia de Informática J Jointer Tecnologia

J www.entornoonline.com.br/eol J www.jointer.com.br

66 locaweb
21 X 28.qxp 2/10/2008 11:02 Page 1