Você está na página 1de 68

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 Locaweb em Revista – Como surgiu a por qualquer pessoa. Fenômeno\\
Wales é apontado por
abaixo a entrevista que o profissional ideia da Wikipédia? Para isso, basta usar especialistas como
concedeu à Locaweb em Revista e Wales – A ideia nasceu da observação do qualquer tipo de o único homem
conheça mais sobre o empreendedor que crescimento do movimento dos softwares de navegador que seja do mundo capaz de
ameaçar a soberania
é cotado como uma das poucas pessoas códigos abertos e também da constatação de capaz de ler páginas do Google
do mundo capazes de ameaçar a que pessoas e programadores estão se unindo em HTML, como o
liderança do Google num futuro próximo. para desenvolver e usar softwares que hoje Explorer, o Firefox e muitos outros.
inundam a internet. Nós percebemos que esse
* Artigos sobre eventos tipo de colaboração poderia se estender dos LR – Com a evolução da Wikipédia, a
que são tratados na aplicativos para outros produtos e isso foi uma
visão muito feliz. Inspirado nesse conceito,
qualidade dos artigos passou a ser uma
questão preocupante para vocês?
mídia tendem a puxar desenvolvemos o modelo Wiki e começamos a Wales – Sim. Existe uma discussão
picos de audiência, mas, usá-lo, o que felizmente se tornou a chave de constante na comunidade Wikipédia sobre
nosso sucesso. como fazer um trabalho melhor, de melhor
no cenário normal, qualidade. Isso inclui pensar e discutir como
assuntos relacionados às LR – O que é exatamente o modelo Wiki? produzir um conteúdo mais consistente e
questões do universo Wales – De maneira reduzida, pode-se mais focado nas necessidades de nossa
dizer que o Wiki é uma rede de páginas web, audiência. Ou seja, a questão da qualidade
dos adultos têm o maior com os mais diferentes tipos de informação, permeia todas as nossas ações e é um de
volume de acessos que podem ser ampliadas e/ou modificadas 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 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.

SEO própria. A Locaweb também fornecedores pelo campo de programa é extremamente rápido
Estou pensando em oferece uma série de ferramentas código do fornecedor, que é uma para o dia-a-dia.
contratar uma empresa de SEO para você mesmo fazer o projeto chave primária na tabela de Outro ponto que merece
para fazer o marketing de de SEO de seu site. Para saber mais, fornecedores. Veja como pegar os destaque é a rotina de execução
busca do site de nossa acesse o endereço registros correspondentes dessas de queries. Em nossos testes, o
empresa. Que fatores devemos www.locaweb.com.br duas tabelas: programa foi capaz de rodar
levar em conta para não fazer uma sequência de queries de
uma escolha equivocada? Ligação de SELECT 5MB em poucos segundos. Para
Carlos Torres / por e-mail tabelas Fornecedores.Nome você ter uma ideia do que isso
Como posso fazer para obter DaEmpresa, significa, a mesma sequência
Algumas coisas podem dados em duas tabelas Produtos.NomeDoProduto demorou quase cinco minutos
servir como sinal de alerta separadas num banco de dados FROM para ser executada no
em relação a um SEO desonesto. MySQL. Por exemplo, eu tenho Fornecedores, Produtos PHPMyAdmin.
Caia fora, por exemplo, se o seu os produtos em uma tabela e o WHERE Mas é claro que o SQLyog não
SEO tiver domínios de fachada, fornecedor em outra. Como Fornecedores.CodigoDo tem só qualidades. Uma das
colocar links para outros clientes funciona esse comando? Fornecedor = Produtos. coisas que nos chamou a
nas páginas de entrada ou Marcos Finasi/ por e-mail CodigoDoFornecedor atenção é a facilidade como você
oferecer para vender palavras- exclui tabelas e até mesmo
chave na barra de endereços. Nesses casos é necessário Administração databases inteiras. Se você clicar
Fique também com um pé atrás se fazer uma conexão entre com SQL com o botão direito do mouse
o SEO não distinguir entre elas. As tabelas de um banco de Trabalho muito com MySQL e sobre um banco de dados
verdadeiros resultados de pesquisa dados são ligadas umas as outras sempre tive dificuldade em qualquer e escolher Drop
e anúncios que aparecem nos por chaves. Uma chave primária é encontrar um bom aplicativo Database, o programa faz uma
resultados de pesquisa, se garantir uma coluna com um valor único para gerenciar meus bancos de simples pergunta e adeus. Você
a classificação, mas somente para em cada linha, com o propósito de dados. Gostaria de saber se perde tudo, incluindo estruturas,
frases de palavras-chave longas e unir dados através das tabelas. vocês aí da revista poderiam procedimentos e dados.
obscuras, que você obteria de Assim, não é necessário repetir me indicar uma ferramenta
qualquer forma. Você sempre tem todos os dados em toda tabela. desse tipo, já que no decorrer Links entre
a opção de estudar sobre SEO na No seu banco de dados, por desses anos devem ter testado ASP e PHP
internet e em edições anteriores da exemplo, há uma tabela de várias delas. Gostaria de saber se há alguma
Locaweb em Revista e fazer a produtos. Cada produto é Norberto Silveira/ por e-mail possibilidade de fazer uma
otimização de seus sites por conta relacionado à tabela de ligação entre uma página PHP
Um dos programas mais para ASP? Por exemplo: estou
indicados é o SQLyog, numa página PHP e desejo
que pode ser encontrado abrir por um link um
no endereço eletrônico documento ASP.
www.webyog.com/en. No Danilo Leque/ por e-mail
mesmo site, é possível realizar o
download e adquirir o SQLyog . Se o caso for apenas
Logo à primeira vista, você pode colocar o link em uma
achar a interface do programa um página apontando para outra não
pouco confusa. Na verdade, ela existe nada que o impeça. Só é
realmente é. Você demora um necessário que cada uma esteja
bom tempo para descobrir onde localizada em um servidor que dê
estão alguns comandos simples, suporte à sua linguagem. Inclusive,
como, por exemplo, o visualizador é possível até enviar parâmetros
MySQL\\ O SQLyog Outro se destaca pela rotina de execução de queries; em nossos de dados da tabela. Mas depois ou postar formulários entre
testes, o programa foi capaz de rodar uma seqüência de queries de 5MB em segundos que você se acostuma, verá que o aplicativos ASP e PHP.

8 locaweb
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 membros do domínio (e
lançar uma nova e criptografada); Mobilidade, Push
revolucionária plataforma de Mail e sincronização sem fio de
e-mail. Desde dezembro, Contatos e Calendário com
todos os novos domínios da iPhone/iPod Touch, Nokia
empresa passaram a ser Symbian e Windows Mobile.
instalados em uma nova
plataforma de e-mail, que foi Como a Locaweb sentiu que
batizada de “Mobimail”, para o aumento da estabilidade era
diferenciar daquela que funciona um desejo muito forte dos
para clientes instalados antes clientes, optou-se por iniciar a
dessa data, o “Locamail”. instalação de novos domínios no
A Locaweb está muito Mobimail já em dezembro. É
entusiasmada com o projeto, sabido que ainda faltam recursos
que tomou quase um ano de Mobimail \\ Novo sistema de e-mails da Locaweb, que substitui o Locamail, é no Mobimail, como conta pega-
mais robusto e mais fácil de ser utilizado pelos desenvolvedores e clientes da empresa
trabalho até esta primeira fase tudo (*@dominio), configurações
do lançamento para novos conceitos de cloud computing Acesso critptografado: por globais de acesso e outras. Mas
clientes. Toda plataforma foi desde sua fundação. SSL a POP, IMAP e SMTP para já há movimentações para
inteiramente desenvolvida do Esta plataforma não é tráfego seguro de mensagens implementar esses serviços.
zero para garantir velocidade e somente mais robusta, mas entre seu terminal e o servidor de Não haverá alteração de
estabilidade sem sobressaltos. oferece também alguns recursos e-mail hospedado na Locaweb. preços para usufruir os recursos
O Mobimail funciona sobre novos como: desta nova ferramenta: o
“clusters” de servidores Webmail: duas novas interfaces. Mobimail está incluso nos planos
redundantes, que garantem Colaboração: sincronização Uma com Ajax, com drag & drop, de hospedagem de sites e nos
uma operação mais imune a total de e-mail, Contatos operação via teclado e muitos serviços de e-mail.
falhas do que a plataforma e Calendário. outros recursos. A outra, Clássica, Atualmente, a Locaweb
anterior (Locamail), e com mais para quem está familiarizado trabalha em um programa de
facilidade de acrescentar Outlook: acesso via plugin MAPI com a plataforma antiga migração do Locamail para
capacidade de tráfego, bastando pelo Outlook do Office, (Locamail). o Mobimail, que mantenha
acrescentar mais servidores permitindo o mesmo grau de caixas postais, mensagens,
(escalabilidade horizontal). Quem integração de mensagens, Instant Messaging: Com pastas, contatos e outras
sentiu cheiro de computação em contatos e calendário que um protocolo Jabber, para configurações inalteradas, para
nuvem acertou: ela contém os servidor Exchange oferece. comunicação instantânea entre os uma migração indolor.

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

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 Thunderbird 3 não tem esse
a morte do Thunderbird nome: ele atende por um
foram um tanto exagerados. A curioso Shredder, que em
popularização do Gmail, o português significa picotador.
webmail do Google que se Esse nome foi dado pela
tornou uma espécie de central equipe de desenvolvimento
de mensagens eletrônicas, justamente para desencorajar
aliado ao lançamento do curiosos a baixar o programa de
bom Outlook 2007, que e-mail antes de soltarem uma
acompanha o Vista na maior versão estável e que não seja
parte das distribuições foram danosa ao computador.
dois fatores que fizeram os Ainda extremamente estável e
analistas de mercado apostarem com diversos bugs, o
que os dias do Thunderbird Thunderbird 3 pode realmente
estavam contados. picotar as correspondências do
O que se esperava é que o usuário, apagar pastas, registros, 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
programa de e-mails de código identidades. Por isso, somente é
aberto migrasse para o mesmo recomendado o download do mais agrada e inova no soft é a para que pudesse ver fotos e
ostracismo que o antes popular software, que pode ser realizado navegação por abas – sim, elas desenhos. Agora, o programa
Eudora trilhou anos atrás. Para no endereço eletrônico chegaram até mesmo aos trabalha de forma simples e
piorar a situação, a Mozilla, br.mozdev.org/drupal/2008/05/ gerenciadores de e-mail, depois projeta as imagens com
mantenedora do Thunderbird, shredder-alpha-1, por usuários de infestar navegadores e até poucos cliques, o que, de
informou que criaria uma divisão experientes e desenvolvedores. mesmo alguns editores de texto. forma geral, facilita a
específica para tocar o projeto As abas funcionam como navegação pela interface do
de leitor de e-mail, chamada O teste compartimentos. Por meio delas programa e na leitura das
Mozilla Messaging Uma vez realizado o download pode-se acessar pastas, mensagens eletrõnicas.
(www.mozillamessaging.com). E e com o Thunderbird v3 calendário, mensagens de e- Outro item que agrada ao
eis que quando tudo mais funcionando, o que se percebe é mails em geral. visitante no Thunrderbird 3 é a
parecia perdido e que o que o editor mantém o mesmo Outro ponto altamente possibilidade de gerenciar
Thurderbird não mais “jeitão” de seu antecessor, mas favorável no Thunderbird v3 extensões e complementos em
desempacaria da versão 2.x, que está muito mais integrado é o visualizador de imagens. geral. Por meio de sua interface
começam a aparecer na rede ao sistema Vista – no XP, não faz Na versão anterior, o usuário renovada, o programa tem uma
edições de teste. tanta diferença. tinha de apontar outro software seção que garante ao usuário
Ainda extraoficialmente, o Mas, de forma geral, o que – no caso, um do tipo gráfico – encontrar e baixar as aplicações

18 locaweb
Preview Thunderbird:W2008 21/1/2009 02:01 Page 19

review/msn2009

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 novidades são incipientes. anexadas de acordo com a computador, antes de
necessidade de usar um Quando um novo nome ou e- vontade do usuário. ser instalado, deve-se
navegador para acessar os mail aparece em sua lista, ele é criar um perfil diferente do
plugins. Além disso, após indicado com uma estrela. Cuidados que está configurado no
realizar o download, um Caso o usuário queira Conforme foi indicado nesta Thunderbird 2.x. Isso
simples botão permite que a registrar em seu Thunderbird o reportagem, baixar e usar o minimiza problemas como
extensão seja aplicada à indivíduo, basta clicar na Thunderbird ainda é uma perdas de dados (como
interface do gerenciador de estrela, que ele opção de risco. O programa pastas e mensagens) e
mensagens eletrônicas. Há automaticamente entrar na ainda contém muitos e muitos travamentos com determinadas
ainda poucas extensões que relação de endereços erros, que podem danificar a extensões e temas.
funcionam perfeitamente no conhecidos. Há ainda um versão anterior do soft Com isso, ambos os
Thunderbird v3, pois, como já campo que garante a inserção instalada em seu PC. Thunderbirds rodarão lado a
foi informado, a versão de da data de aniversário da Prova disso é que na página lado e é possívei, sempre,
testes é muito instável pessoa ou do amigo. do desenvolvedor há a relação optar por um ou outro até que
e ainda não conta com Por fim, o último tópico que de diversos erros (www.mozilla você deseje ficar só com uma
desenvolvimento maciço de merece destaque na nova messaging.com/en- versão no seu computador.
extensões compatíveis. versão do Thunderbird v3 é a – US/thunderbird). Mas se Com ambos os perfis, para
Uma exceção e que funciona boa – integração com o Vista mesmo assim você quiser evitar que você se confunda, é
perfeitamente é a Lightning, (com o XP, ainda há utilizar e testar, é muito indicado iniciar o Thunderbird
que acopla ao navegador um deficiências). O Thunderbird e importante seguir algumas com o comando -p, utilizando
bom calendário, que pode ser o buscador do Vista trabalham recomendações que a janela “Executar” do Windows.
utilizado em conjunto com as em conjunto e, assim, minimizam a ocorrência de Em sistemas como Linux, a
pastas e abas de e-mails. mensagens e conversas problemas e conflitos. tarefa deve ser realizada por
Sobre a lista de contatos, as podem – ou não – ser Com o software já no 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

review/chrome_1.0

A interface
requeira reiniciar o browser –
1 3 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
2 outras ferramentas profissionais
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
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 conta do transtorno que é
3 \\ A ferramenta que indica as Opções e Preferências do usuário agrega muito pouco, já que o browser é esperto e minimalista para exportar os favoritos
salvos no navegador para
Chrome 1.0 ainda é mais
rápido que os concorrentes de
* O foco do Chrome 1.0 continua outros browsers. Encontrar
ainda resquícios de navegação
sendo colocar o usuário em contato
forma geral, concorrendo ou mesmo localizar
somente – no quesito
com a internet. Sem frescura e temporários é uma tarefa
velocidade – com o Opera. Na também sem itens úteis como para usuários avançados e,
saída fria, o navegador integração com programas offline em alguns casos, softwares
escandinavo levou a melhor que prometem realizar o
com a média de 2,2 segundos. 13,65 e 14,1 segundos). O foco dele continua sendo backup destes arquivos dão
Chrome (2,4), Firefox (4,1), IE Obviamente, o teste não colocar o usuário em contato conflitos com o Chrome 1.0 e
(4,2) e Safari (4,9) vieram tem valor científico, já que foi com a internet. Sem frescura e chegam a desaparecer com
na sequência. realizado aleatoriamente sem também sem úteis itens de alguns programas ou
Com o navegador qualquer software de personalização. Há pouco mais conteúdos importantes.
“aquecido”, os tempos mudam medição. Mas na prática, e no em sua interface – e em sua
e as posições também. A dia-a-dia, o Chrome aparenta aba de Opções – do que a Chrome 2.0
ordem agora é Chrome (0,7 ser mais veloz. barra de endereços e um ou Após o lançamento da
segundos), Opera (0,8), Safari outro botão para dar uma versão 1.0, agora os boatos
(0,9), Internet Explorer (1,0) e O que mudou burilada no browser. apontam para um Crhome 2.0.
Firefox (1,2). Já com o Assim como a velocidade – Ele continua com sua De acordo com alguns
navegador aberto, mais uma mostrando ser o mais rápido engine inteligente – que rumores de mercado, a
vez o 1.0 do Google fica com a entre os mais populares renderiza páginas e mais próxima versão do navegador
pole position. O tempo médio navegadores – não mudou, páginas web sem requerer contará com duas opções de
de carregamento das páginas boa parte das características muito hardware, e também uso: uma profissional e outra
dele é de 10,23 segundos. do navegador continua conta com aquele inteligente pessoal. Assim, o usuário
Opera segue com 12 inalterada. A começar pelo seu recurso que permite que uma poderia formatar o browser
segundos. FF, IE e Safari aspecto pálido, branco e aba defeituosa aberta em uma de acordo com sua
acompanham de longe (13,23; demasiadamente minimalista. página conflitante não 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

ESTE MÊS
Serviço: Loja Pronta

Loja Pronta Para: Sistema de e-commerce


Site: www.locaweb.com.br

* Para configurar a loja,

da Locaweb
Conheça e use a ferramenta que facilita a vida de
não é necessário nenhum
conhecimento técnico,
basta preencher um
formulário com dados
cadastrais para ativá-la.
quem quer incluir um e-commerce em sua página Na parte de configuração
eletrônica mas pensa que isso é tarefa árdua o usuário poderá "brincar"
com os diversos recursos
Texto: Sérgio Vinícius De acordo com Reinaldo Santos,
gerente de comércio eletrônico da recurso para downloads, o que permitiria
Locaweb, de tão versátil a Loja Pronta a venda de produtos em forma de
uem quer ter seu próprio não é destinada a um tipo específico de arquivos para downloads, mas em breve

Q e-commerce mas nunca teve


coragem de implementar a loja
conta com uma solução sob medida da
público ou usuário.
“Eu diria que não existe um perfil
específico para usar este produto. Dentre
resolveremos isso.”
Para configurar a loja, não é necessário
nenhum conhecimento técnico, basta
Locaweb: trata-se da Loja Pronta as lojas já configuradas, temos usuários preencher um formulário com dados
Locaweb (locaweb.com.br/lojapronta). vendendo material esportivo, bijuterias, cadastrais para ativá-la. Na parte de
O sistema é de fácil configuração e artesanato, equipamento de informática”, configuração o usuário poderá "brincar"
utilização e conta com a garantia de diz o criador do sistema. “Talvez, por com os recursos até encontrar a forma
qualidade Locaweb - além de oferecer conta da estrutura do produto, o único visual que pretende dar a loja.
itens de segurança e que facilitem o requisito é que o produto vendido seja Isso é possível porque, antes de
pagamento dos clientes. tangível, pois a loja ainda não possui o finalizar a configuração, ele tema opção

22 locaweb
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
Pagamento Certo
por meio do Loja Pronta e com o Pagamento Certo GERAL
Meios de Pagamento: Boleto Bancário / Cartões de Crédito
de visualizar o preview da configuração especifico para e-commerce, pois em seu Plataformas:Windows / Linux
que fez. Este trabalho é apenas selecionar contrato de uso consta uma cláusula que Interfaces de integração: SOAP
cor de fundo, publicar o logo da loja, "se não houver nenhuma transação de Número de transações/mês: Ilimitado
Para integração Módulo para Loja Exemplo Locaweb
mudar disposição de itens. Tudo isso é pagamento durante o período de 3 meses,
Kit de integração com exemplos de chamadas em ASP, C#,
realizado via administração. Em nenhum a loja será devidamente desativada". Java, PHP 5 e Ruby on Rails
momento o usuário terá acesso a linhas O uso da ferramenta é gratuito, mas há Operadoras/bancos: Não é necessário contrato
de código da programação da loja. alguns procedimentos que devem ser Pessoa jurídica: Não
A facilidade que a Loja Pronta garante seguidos. “A Loja Pronta está diretamente
para o usuário tem sido, até agora, seu condicionada ao uso do Pagamento Certo
Loja Pronta
Beneficios
maior êxito. Tanto que a Locaweb sequer como forma de pagamento” , informa • Carrinho de compras
divulgou por meio de mailing lists ou Santos. “E é bom lembrar que para usar a • Cálculo de frete (Sedex, E-Sedex, PAC, Direct Express, FEDEX,
outras formas a Loja Pronta e ela já conta Loja Pronta não é necessário que o cliente Retirar na loja, Transportadora a cobrar, Frete Personalizado)
com um número alto de usuários, que possua algum serviço pago da Locaweb”. • Cadastro de clientes com área administrativa de
pedidos para o cliente
atingem a casa dos milhares.
• Área administrativa para o lojista
“A aceitação da Loja Pronta é boa. Até Pagamento Certo • Customização do layout da loja através da administração (sem
o momento, não houve uma divulgação O sistema Pagamento Certo necessidade de conhecer programação)
do produto, apenas colocamos o link (locaweb.com.br/PagamentoCerto) é uma • Cadastrado ilimitado de categorias, subcategorias,
sobre produto na página inicial de nosso carteira virtual para receber pagamento produtos, marcas e tamanhos
• Controle de Estoque
site” conta Santos. “Até o momento, foram online em qualquer site, loja virtual, blog.
• Gerenciamento de pedidos através da administração
configuradas mais de 2.500 lojas e boa Por meio da Locaweb, o usuário vende via • Gerenciamento dos usuários cadastrados pela administração
parte delas já está vendendo.” web e não tem dor de cabeça na hora de • Gerenciamento de usuários
De acordo com o executivo, muitas receber, com todas as contas e meios de • Ferramenta para envio de newsletter
destas lojas não são de clientes da pagamento centralizados em um só lugar. • Exibição e administração de banners na loja
• Meios de Pagamento
Locaweb. A maioria, inclusive, não possui O Pagamento Certo é tão fácil de usar
Pagamento Certo: Boleto Bancário e Cartões de Crédito
nenhum site. O uso da Loja Pronta é quanto o Loja Pronta. O sistema de (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 Árvore de hiperlinks \\ O filósofo Pierre Lévy se baseou na estrutura da
sonhava com internet e e-mail, o psicólogo e professor americano webcom seus hiperlinks, para entender a relação entre ser humano e ambiente online
Abraham Maslow desenvolveu uma pirâmide das necessidades
básicas do ser humano, conhecida como Pirâmide de Maslow. Na sustentado por conexões sociais, tornadas viáveis pelas redes
base estavam as necessidades fisiológicas/ básicas; em seguida as abertas de computação que configuram a internet, são
necessidades de segurança em todos os aspectos da vida; depois as caracterizadas pelo uso da interatividade, criação de comunidades
de pertencimento a um grupo; as de auto-estima e por último as de virtuais e ferramentas de relacionamento. “A Wikipédia é um
auto-realização. A partir destas informações, as campanhas exemplo de manifestação de inteligência coletiva, na medida em
publicitárias focavam o lado emocional do consumidor. que permite a edição coletiva de verbetes e sua hipervinculação
Com o avanço da tecnologia, e aí estamos falando em mais de (links hipertextuais).”
quarenta anos depois da Pirâmide de Maslow, a propaganda As constantes mudanças no mundo digital também fizeram
tornou-se interativa, abordando as “necessidades em rede”, a com que as criações publicitárias se adaptassem às necessidades
comunicação e a informação. A partir daí, na base da pirâmide do webconsumidor. No início, a ação do internauta era pré-
estão comida e água; no centro, o abrigo e, no topo, a internet e o estabelecida e determinada como, por exemplo, nos banners que
celular. Segundo o filósofo Pierre Lévy, nascido na Tunísia e autor contêm jogos pelos quais o usuário “interage” com a marca. O
de ‘Cibercultura’ e ‘O que é o virtual’, um novo tipo de pensamento 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),
Pirâmide de Maslow \\ Sistema criado por
Abraham Maslow mostra graficamente o que o spywares (descobre informações sobre pessoas ou empresas,
estudioso acreditava serem as necessidades do ser- mesmo sem o conhecimento delas).
humano; com o advento da cultura digital, tudo Atualmente, o internauta pode interferir diretamente no
mudou rapidamente
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’ –

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

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


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

• 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;

4
qual o consumidor possui cadastro, a Design aliado à ou pessoa física pretende. “A marca Coca-Cola demorou dezena
empresa consegue armazenar em um usabilidade de de anos para se tornar o que ela é hoje. Agora, se a intenção é a
banco de dados as preferências forma que os usuários de anunciar uma promoção do dia de um hipermercado do
daquela pessoa e, assim, investir na possam entender o tipo ‘Compre dois e leve três’ a campanha tem como objetivo
conteúdo, a ação e
comunicação dirigida, personalizando o gerar os resultados; trazer resultados em curto prazo”, completa Póvoa.
envio de e-mail marketing. Póvoa
explica que “ao usar ferramentas de
mensuração de audiência, você pode 5 Mensuração eficaz é
muito importante,
pois, sem isso não se
Quais as diferenças entre uma
campanha off-line e uma "digital"?
saber quem está fazendo o que e em pode acompanhar o Beth Saad diz que é difícil de comparar. “Na realidade são
que momento no mundo virtual, uso do ambiente criado canais complementares. Os custos e o envolvimento são fatores
permitindo que a empresa ou pessoa e, portanto os diferenciais. Além disso, uma ação no meio digital pode ter
resultados esperados;
física conheça o perfil de quem está continuidade ou uma espécie de revitalização de seu conteúdo
clicando em seu site”. Fonte: Beth Saad, por meio do relacionamento com o consumidor, o que não é
Os resultados a curto, médio ou professora de propaganda e possível nos meios tradicionais.” Em resumo, ambas são
novas tecnologias do curso
longo prazo dependem do tipo de de lato sensu Publicidade e independentes e complementares ao mesmo tempo. Não é
trabalho de marketing que a empresa Mercado - USP 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 adCenter da Microsoft
claros, palpáveis e mensuráveis. Geralmente estes objetivos estão Crie e modifique campanhas de publicidade, faça pesquisas sobre o público,
alinhados com estratégias mais abrangentes do plano de marketing. defina as palavras-chave adequadas e, confira relatórios que ajudam a
As possibilidades são muitas e devem ser escolhidas com critério. melhorar a performance de vendas
Fique atento aos modismos e evite a empolgação de usar alguma O sistema adCenter – adcenter.microsoft.com – permite custear sua campanha de
ferramenta meramente pela novidade. Escolha as opções que lhe acordo com o número de cliques dos banners: visualizações não contam, mas a cada vez
ofereçam relatórios de desempenho e foque na obtenção dos seus que um usuário se interessar e efetivar um clique na publicidade, um valor é cobrado e
resultados, sejam eles vendas, acessos, cadastros. adicionado a uma conta mensal. Levando em consideração os mais de 43 milhões de
Campanhas planejadas tendem a ter uma duração maior e 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
trazem melhores resultados no longo prazo. “Sugiro que comece chances de divulgar o seu produto ou serviço serão enormes.
com pequenos e constantes investimentos e vá ajustando sua Para iniciar, é necessário pagar uma taxa de US$ 5. O valor cobrado por clique pode
comunicação em relação aos seus objetivos pré-definidos”, custar até US$ 0,05 (custo flutuante, depende do posicionamento da campanha) – taxas
recomenda Amato. As ações, especialmente no meio digital, tendem muito atraentes, quando vislumbramos os valores astronômicos empregados em
a tomar "vida própria" e dependem diretamente da interação do seu 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
consumidor. Seu sucesso está diretamente relacionado à sua cem cliques únicos no banner.
atenção e ao direcionamento a estas mudanças de comportamento. 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é
Quero investir R$ 1 mil mesmo uma micro-empresa pode lucrar ao empregar seu orçamento de marketing no

“Vale a pena você investir em 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.
seu aprendizado para que
possa montar seu próprio ferramentas de comparação de preços, por serem mais
site ou blog”, explica Marcello Póvoa. acessíveis e também por fornecerem boas ferramentas de
acompanhamento dos resultados.” Trindade concorda. “O link
Com investimentos a partir de R$ 18,00, é possível encontrar patrocinado é bom para trabalhar a relevância do marketing no
cursos de HTML on-line, com duração mínima de um mês, no caso de duas empresas que podem ter produtos similares e
qual o aluno aprende diversos recursos da Linguagem de planejamentos diferentes.”
Marcação de HiperTextos para criação de páginas trabalhando Depois de montado e estruturado o seu site ou blog,
com o código-fonte de diversas formas. outra boa dica é enviar e-mails marketing para formadores de
Norton sugere soluções gratuitas como blogs, Twitter, opinião com mensagens eficientes e bom visual. Nada de junk
classificados. “Também se pode utilizar links patrocinados e 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
Cursos de HTML\\ Aprender a linguagem de marcação é o primeiro passo para se virar na web, na internet
comparação de preço
uma série de tutoriais e cursos grátis; a documentação do HTML está em www.w3schools.com/html/DEFAULT.asp também dão resultado
30 locaweb
Capa Campanhas_parte2:W2008 29/1/2009 17:12 Page 31

capa/campanhas

Como anunciar no Google

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 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
box “Como anunciar no Google, nesta página”). Outra opção
semelhante ao serviço do Google é o adCenter da Microsoft Cada pessoa ou empresa decide quanto quer pagar no Google AdWords. Assim, é
(veja box “AdCenter da Microsoft, na página ao lado”). 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

Quero investir R$ 5 mil 1. Acesse o site www.adwords.google.com.br;

“Com este investimento já 2. Clique em ‘Inscreva-se agora’ ou em ‘Anuncie Já’;


podemos construir um local 3. Você deverá clicar na opção ‘edição para iniciantes’, para anunciar um único produto ou serviço
próprio ou mesmo viabilizar 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;
uma pequena campanha com
o apoio das soluções gratuitas 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”;
de divulgação”, disse Amato. “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
Marcello Póvoa acha que os links patrocinados são boas 4.2. Descreva claramente que há de especial sobre seu produto ou serviço
sugestões para quem tem de R$ 5 a 10 mil para investir. “Há 4.3. Coloque o nome do seu negócio no texto do anúncio
diversas opções de empresas que oferecem o serviço de links 4.4. Insira as palavras-chave mais importantes no título
patrocinados para o seu site. Quanto mais links você tiver, mais 4.5 Se atende um local específico, identifique-o no anúncio;
subirá nos algoritmos sobre resultados de busca”, explica Póvoa. “Quem verá o seu anúncio” – Escolha palavras-chave eficientes
“Como pagará pelo seu anúncio”;
Isso é determinante para o sucesso de uma página.
“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


Links Patrocinados \\ Qualquer grande empresa de busca, como o Yahoo!, serviços oferecidos.
trabalha com a opção de links patrocinados; resultado quase sempre é excelente

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 multinacionais optam • Domine bem o que você faz, para ter credibilidade no mercado.
por investir pesado em
estruturado o seu site ou programas de Business Como medir a audiência do seu site
Inteligence e CRM.
blog, outra boa dica é • 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
enviar e-mails marketing para para baixá-lo nas versões Word ou Excel.
formadores de opinião com mensagens
• Há opções gratuitas na web são: Webtrendslive ou Superstats, ambos em inglês. É
eficientes e bom visual. Nada de junk preciso colocar uma imagem atrelada a um código HTML em todas as páginas que deseja
e-mail, senão a sua mensagem vai fazer o levantamento, nas versões pagas o código fica invisível.
diretamente para o lixo - sem dó.
32 locaweb
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
Joaquim Torres
Diretor de Produtos da Locaweb
joaquim.torres@locaweb.com.br

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 design-web-20-expo-berlin?type=powerpoint..
times que estão usando metodologias ágeis. Um deles é o Sob meu ponto de vista, apesar de ser importante termos
“Agile UX: Como trabalhar com os designers”, do Guilherme especialistas em UX, pessoas que conheçam a fundo arquitetura da
Chapiewski, que trabalha na Globo.com. O outro é o “Agile UX: informação, design de interação, design visual e todos os temas
como integrar UX e desenvolvimento”, do Antonio Carlos Silveira relacionados à experiência do usuário, o UX deve ser uma
do Yahoo! Brasil. preocupação de todas as pessoas do time. Não há razão alguma para
Como o próprio Antonio apontou bem, essa preocupação sobre o PO e os membros do time não se preocuparem com o tema e
como integrar UX em um time de desenvolvimento de software que deixarem tudo nas mãos de um especialista.
segue alguma metodologia ágil existe desde o início das Vou citar duas situações-exemplo que ilustram bem a importância
metodologias ágeis. Alguns posts sobre o tema: de todo o time se preocupar com UX:

• Agile Development Projects and Usability: Jakob Nielsen descreve 1. Feedback: imagine que você tem em sua aplicação uma determinada função
maneiras de garantir que a qualidade da usabilidade não seja ameaçada pela que não é executada na hora e que pode levar até 2 horas para acontecer. Na
adoção de metodologias ágeis. interface você implementa o comando que executa essa função, só que não informa
• Agile / Scrum Product Development Process: Marty Cagan propõe uma o prazo. O usuário certamente vai se perguntar o que aconteceu, se a função foi de
forma de integrar UX e Scrum. fato executada. Uma solução é avisá-lo desse prazo logo após o comando. O ideal é
• Extreme Programming vs. Interaction Design: Entrevista com Kent Beck avisar antes mesmo de ele invocar o comando que executa a função.
e Alan Cooper sobre design de interação e XP. Nessa entrevista, chamada por 2. Opções: imagine que você está desenvolvendo um formulário de pagamento
alguns de “duelo de titãs”, Beck defende o desenvolvimento do design de com opções de pagamento por cartão de crédito. Você recebe o protótipo com
interação de forma incremental, enquanto Cooper defende que o um select que permite escolher entre Amex, VISA e Mastercard. Você implementa
desenvolvimento de software não deve começar antes de todo o trabalho de esse protótipo. Na hora de colocar em produção, você recebe a informação de
design de interação ser concluído. que inicialmente o sistema só irá aceitar Mastercard. Você edita o select e remove
• UX Agile: um blog totalmente dedicado à questão de integrar UX aos times de as outras opções. A sua interface vai ficar com um select de uma opção só! O
desenvolvimento que usam metodologias ágeis. correto aqui seria remover o select enquanto houver uma opção só.

Aliás, a busca por Agile UX no Google retorna muitas e muitas Ou seja, não é necessário ser um especialista em UX para
páginas dedicadas ao tema. Um exemplo interessante é a ajudar no desenvolvimento e melhoria de UX dos sistemas que
apresentação, da Leisa Reichert, na Web 2.0 Expo Berlin e que pode seu time cuida. Leia, estude, informe-se, afinal conhecimento
ser vista em www.slideshare.net/leisa/agile-development-agile- nunca é em excesso.

34 locaweb
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
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
marcelo.tripoli@ithink.com.br

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

40 locaweb
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

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
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 arquivos dados como data de edição ou
criação do arquivo, nome do editor utilizado,

* O otimizador Smush It!


desenvolvedores Stoyan Stefanov e entre outras informações dispensáveis para
Nicole Sullivan, estrelas do Yahoo a publicação da imagem. E, mais importante
Developer Network, que trabalham
remove dos arquivos de no processo, isso acontece sem nenhuma
constantemente para tornar a internet imagens dados como perda da qualidade visual, mas com
um lugar mais rápido e data de edição ou percentuais significativos de redução – que
consequentemente mais acessível. criação, nome do editor vão de 2% à 48% –, que variam de acordo
A novidade apresenta tecnologia que com a imagem.
reúne ferramentas específicas para
utilizado, entre outras A boa notícia é que a ferramenta
“compressão” dos bites finais da imagem. informações dispensáveis também é útil para imagens menores.
Isso atende diretamente às necessidades para a publicação do Teste realizados indicam que passar as
dos desenvolvedores e webdesigners que material gráfico imagens pelo Smuth It! compensa –
trabalham em um mercado dinâmico, que especialmente para sites grandes –
evolui a passos largos. É fácil perceber a atualmente, mais do que apenas uma pois, diminuir cerca de 2% do peso de
importância quando consideramos que questão puramente estética, as imagens cada imagem já impacta
usadas nas páginas da significativamente na performance, com
internet integram projetos qualidade de exibição inalterada.
cuidadosos, cujo objetivo Grandes portais que veiculam
principal é ser simples e banners de todos os tamanhos ou sites
acessível para o maior número que ainda usam ferramentas em flash
possível de usuários. mais “pesadas” também poderão se
Se considearmos apenas beneficiar do Smush It!, que pode
o Brasil, isso significa atender, otimizar as imagens, aumentando
com mais eficiência, cerca de consideravelmente a velocidade de
38,2 milhões de brasileiros que carregamento das páginas. Além disso, a
hoje têm acesso à Internet em ferramenta também pode “emagrecer” as
suas casas, segundo dados do peças de e-mail marketing, muitas vezes
Ibope/NetRatings, barradas por anti-spans ou simplesmente
Yahoo! \\ Funcionários da empresa foram os responsáveis pela aproximadamente 21% da deletadas pelos usuários porque contêm
criação do Smush It!, que vem agradando a profissionais web população do País. Ou seja, é imagens muito pesadas.

locaweb 47
Design_Smush:W2008 20/1/2009 18:35 Page 48

projetos

Finalmente, para desenvolvedores ou trabalha em dois níveis diferentes. todo o processo, a ferramenta informa o
editores web, o Smush It! ainda apresenta Num primeiro momento, ajusta o número novo tamanho das imagens, com seus
uma vantagem adicional: a diminuição das cores e retira o excesso dos respectivos percentuais de redução.
significativa da fatura de serviços de banda metadados e outros dados visuais. Esta
larga. Isso mesmo, imagens menores, “limpeza” vale para todos os arquivos
geram menos tráfego nos sites e, selecionados, que podem ser desde a 5 dicas para alta performance
consequentemente, menores custos. imagem principal da página até Além das facilidades oferecidas pelo Smush It!,
pequenos botões de comando. destacamos 5 dicas para garantir alta
Modo de usar Ou seja, além de ajudar o editor a performance em seu web site:
Existem três formas de usar Smush It!: diminuir o tamanho dos arquivos das
1. Seja simples: usuários não leem, eles “escaneiam” a
imagens propriamente definidas para página. A internet está ficando mais rápida e cada vez
• Pode-se enviar diversas imagens ilustrar a página, a ferramenta possibilita mais cheia de informações. Isto significa que os usuários
pelo navegador; cuidar de detalhes, muitas vezes tendem a procurar informações mais simples e claras,
• Através de URL’s com endereços esquecidos, como a otimização que trazem imediatamente o que desejam;
das imagens; de todos os pequenos arquivos –
2. Domine HTML: invista em qualificação e
• Plugin para Firefox que otimiza as imagens como logos ou botões – que somados aprenda tudo sobre a ferramenta. Dominar a técnica
encontradas em qualquer página, gerando podem ter um peso significativo e garante o desenvolvimento de páginas com melhor
uma lista e um zip. interferir na performance. performance e qualidade;
Já na segunda etapa, o Smush It! aplica
3. Minimize o uso das imagens: embora o
Cem por cento online e com interface algoritmos de otimização de imagens que
percentual de usuários de banda larga tenha aumentado
simples, no Smush It! as imagens, podem transformar, por exemplo, arquivos consideravelmente, imagens pesadas geram altos índices
enviadas por meio de uma URL ou por PNG em GIFs mais eficientes. No final de de tráfego e isso custa dinheiro. Além disso, imagens
upload, são otimizadas e disponibilizadas menores impactam diretamente na rapidez de

* O Smush It! ajusta o


para o download novamente nos sites de carregamento de seu site;
origem. O interessante é que pode-se número das cores e retira 4. Evite gif animado e limite o uso do Flash:
enviar várias imagens de uma vez, e
depois baixá-las em um arquivo único
o excesso dos metadados elementos animados tendem a distrair o visitante de seu
objetivo principal e a dificultar o acesso ao conteúdo de
zipado. Isto significa que os e outros dados visuais. seu site. Caso seja fundamental a animação, use como
desenvolvedores podem enviar imagens Esta “limpeza” vale para parte do conteúdo e não como parte do layout;
diretamente para o site do Smush It! ou todos os arquivos 5. Teste o tempo de carregamento do site: use
enviar o endereço de um site e a
ferramenta devolve um pacote com as
selecionados, da imagem ferramentas online para testar a velocidade de
carregamento das páginas de seu site. Isso garantirá o
mesmas imagens já otimizadas. principal da página até sucesso de seu projeto.
Segundo o Yahoo!, o Smush It! pequenos botões

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
Artigo_Design:W2008 21/1/2009 02:38 Page 49

opinião/articulista

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)


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: desconferências sobre aquele assunto. Genial, não? Não. Você vai se
onde o senhor busca inspiração? Ele teria respondido: eu não aprofundar sim, mas vai afundar também. Vai ficar um bitolado. Perderá a
busco, eu acho. Genial, não? Acho que era o Picasso. Acho. Achar é um visão de conjunto. Deixará de saber o que as tecnologias Y e Z estão
verbo engraçado: significa tanto encontrar quanto “penso sem muita fazendo. Ou pior, vai saber pelo filtro de quem pensa igual a você, sejam
certeza que”. Na nossa área digital, então, é uma festa: a gente vive blogueiros ou companheiros de listas. Em suma: você vai encontrar
achando gente que acha que isso ou acha que aquilo ou... “se acha”. sempre mais do mesmo e não descobrirá mais nada. Terá uma visão
Mas deixemos o achismo pra lá. Meu assunto aqui é outro: limitada do mundo, filtrada por quem pensa de um jeito só.
achabilidade. Ou encontrabilidade. Ou descobribilidade. Ou... sei lá, Eu circulo tanto offline quanto online e cruzo com muita gente. De
algum neologismo qualquer que signifique a capacidade de se uns tempos pra cá, sobretudo com o sucesso da web 2.0, as pessoas
encontrar coisas. Encontrabilidade soa bem, mas encontrar me faz estão se bitolando. Curioso, não? Numa época onde o acesso à
pensar em busca, um cenário no qual a gente já sabe de antemão o que informação é fácil, onde os recursos sociais são tão ricos, as pessoas estão
quer encontrar. Melhor não, esse cenário já está bem resolvido. se fechando cada vez mais em tribinhos e panelas e ideologias e estão
O que me fascina é a descobribilidade, o milagre de se encontrar sem perdendo a capacidade de conversar com quem é diferente. É como se
querer. Uma boa descoberta é uma delícia, muda nossa perspectiva a social media tivesse se tornado a antissocial media. Preocupante isso.
quando a gente menos espera. Descobertas descobrem novos mundos Ontem, por coincidência, duas pessoas me procuraram dizendo:
(Cabral que o diga), abrem novos caminhos e nos levam a novos lugares. você que é um cara superantenado... Achei engraçado. O que isso queria
Mas descobrir é algo que está entrando em extinção. E isso me dizer? Eu acho (espero, aliás) que isso se traduz por: você vive
preocupa. Para começar, um exemplo de design: você desenhou a descobrindo coisas inusitadas e tem uma visão ampla de tudo o que
arquitetura de informação levando em conta a encontrabilidade. Tudo o está acontecendo... Fiquei lisonjeado, fiquei mesmo. Legal ser
que o seu público procurar vai estar acessível. A busca interna também é reconhecido por ser alguém sem preconceitos e aberto ao novo.
ótima, funciona superbem. Mas... como o usuário vai descobrir coisas Como eu “acho” coisas? Well, de várias maneiras. Voltei a assinar jornal
que ele não conhecia? Como o seu cliente/marca/ empresa vai mostrar e revistas não-especializadas. Acompanho uns 20 podcasts não-técnicos,
para o visitante coisas absolutamente novas e que valem muito ($$$) a daqueles onde o tema pode ser um dia Teoria das Cordas ou A
pena? Dica: lojas têm vitrines e manequins, não só cabides e araras. Imaturidade Masculina ou Placas Tectônicas ou O Grande Incêndio
Não é só o design, porém, que me preocupa. É o designer em si. de Londres ou Neurociência ou O Impacto da Tecnologia no
Suponhamos que você adore tecnologia, sobretudo a tecnologia X. Você Desenvolvimento Cerebral. Nunca sei o que vou ouvir, e as surpresas
pode acompanhar N feeds RSS só daquele assunto, pode participar de N são maravilhosas.
comunidades discutindo aquele assunto e pode ir a N eventos e 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 esperando que esses “booms”
Fenômeno pelo Corinthians piadinhas e as conversas em exemplo, teve de realizar de marketing resultem em
gerou uma série de mesas de bares foram tomadas alterações em sua estrutura. vendas maciças.
acontecimentos paralelos. pelo assunto. De acordo com Cléia Barros, “As ações são realizadas em
Empresas de mídia aumentaram Do ponto de vista da web, da Roxos e Doentes, a chegada tempo recorde para levar até o
a cobertura do dia-a-dia do algumas coisas mudaram. O do Ronaldo Fenôneno gerou nosso cliente novidades em
clube, torcedores do alvinegro site Roxos e Doentes vendas expressivas na loja primeira mão” , conta Cléia. “Em
passaram a sorrir com mais (http://roxosedoentes.com.br), virtual Roxos e Doentes. diversas ocasiões realizamos
“Somos pioneiros na pré-vendas de produtos com
implementação de grande procura para que o
personalização. O cliente pode torcedor consiga fazer a reserva
personalizar com o nome e com a garantia de entrega”.
número do jogador” conta. Como exemplo destas
“Pelo visitante poder incluir o opções, há a pré-venda de
nome Ronaldo na camisa de lançamento de camisas
número 9, ou até mesmo com comemorativas, oficiais e DVDs
o nome e número que o com conquistas dos clubes,
cliente desejar, as vendas antes mesmo que esses
aumentaram muito”. cheguem aos estoques.
Entretanto, apesar do Ao lado, você confere mais
aumento de vendas de detalhes do site Roxos e
camisetas, o site não caiu ou Doentes, bem como a parte
Página do Milan\\ Equipe da Roxos e Doentes ainda administra alguns sites encerrou as transações. A Roxos técnica da página eletrônica de
de e-commerce de outros clubes ao redor do mundo, como a www.milanstore.com.br/ e Doentes mantém uma e-commerce esportivo.

50 locaweb
Case:W2008 29/1/2009 17:18 Page 51

portfólio

J O site

4 5

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

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

• 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
Fabio Akita
Gerente de produtos Linux
da Locaweb
www.akitaonrails.com

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 /Users/akitaonrails). No Windows você deve ter um arquivo _vimrc e
melhor maneira de se programar com Ruby e Rails fora do um diretório vimfiles também no home (ex: c:\Documents and
ambiente Mac. Sempre digo que basta um bom editor de textos e o Settings\akitaonrails, no Windows XP ou c:\Users\akitaonrails, no
terminal/linha de comando. Porém, no Windows não há tantos Vista e no Windows 7).
editores competentes como o Textmate. E mesmo no Mac, há quem No Linux e no Mac, no seu diretório home, faça:
não queira pagar pelo Textmate também.
Alguns Railers começaram a se voltar ao Emacs. Sinceramente, eu git clone
ainda não consigo gostar muito do Emacs. É questão de gosto git://github.com/akitaonrails/vimfiles.git ~/.vim
pessoal, mas eu sempre preferi o Vim. cp ~/.vim/vimrc ~/.vimrc
Por outro lado, eu nunca tinha parado para tentar configurar o No Windows, no seu diretório home, faça:
Vim decentemente. Gastei uns 2 dias remexendo a web em busca git clone
das peças que tornariam o Vim mais parecido com o Textmate. No git://github.com/akitaonrails/vimfiles.git
próprio Github existem várias configurações. Eu peguei um deles vimfiles
que achei interessante e fiz meu próprio fork. copy vimfiles\vimrc _vimrc
Passei o dia todo convertendo snippets do Textmate para o copy vimfiles\snippets.vim.win32
NERDSnippets do Vim, incluindo os bundles de Ruby, Rails, Javascript vimfiles\after\plugin\snippets.vim
e jQuery. O resultado é algo muito próximo, porém a engine de
snippets do Textmate é mais avançada que o NERDSnippets. A De dentro do Vim, digite “:help rails” para saber as opções que
adaptação do plugin FuzzyFinder do Jamis Buck dá um substituto você tem. Comandos como :Rgenerate emulam o script/generate,
razoável para o navegador de arquivos do Textmate também. :Rake emula o rake, :Rscript emula os script/* e assim por diante.
Para instalar no Mac, primeiro recomendo não usar o Vim que Ctrl+t é o FuzzyFinder, o equivalente ao Command+T do
vem por padrão porque ele não tem com os bindings de Ruby que Textmate. O comando \+p abre o Nerd Tree que é parecido com o
precisamos. Baixe o MacVim. Daí no seu ~/.bash_profile coloque: Project Viewer do Textmate. Navegue pelos diretórios e arquivos
apertando a tecla “o”. E a partir dos arquivos do seu projeto Rails
alias experimente usar as mesmas abreviações do Textmate. Para
vim="/Applications/MacVim.app/Contents/MacOS/Vim" descobrir todas as abreviações, navegue pelo diretório .vim/snippets.
Dentro haverá sub-diretórios para cada tipo de arquivo. Por exemplo,
No Windows, baixe o gVim. No Mac e no Linux, você deve ter um .vim/snippets/ruby-rails/hm.snippet significa que se você digitar
arquivo .vimrc e um diretório .vim no seu home (por exemplo, “hm[tab]” ele ativará o “has_many” (veja o screencast no meu site).

56 locaweb
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 relacionadas ao seu funcionamento), desempenho (uma aplicação
não pode ser muito pesada para fazer algo simples) e portabilidade

A
internet atualmente está se tornando cada vez mais (deve rodar em qualquer sistema operacional e arquitetura de
dinâmica, rica em diversidade de conteúdo, acessível e computador sem adaptações).
versátil. Mais do que simples páginas com links, hoje há O Native Client é um projeto de pesquisa do Google que
verdadeiras aplicações, bem completas, disponíveis na rede. permite que programas sejam criados com código nativo x86 e
Há muito tempo diversas tecnologias têm sido empregadas na usufruam toda a capacidade do processador. Isso com o objetivo
tentativa de dinamizar as páginas web, para que exibam desde de manter a neutralidade do browser (qualquer navegador pode
informações atualizadas dinamicamente até aplicações ser usado), a portabilidade entre sistemas operacionais diferentes
completas, criando uma experiência totalmente nova e autêntica (Windows e Linux, por exemplo) e a segurança que as pessoas
a cada site diferente visitado. esperam de aplicações online. Porém, antes de falar mais do
O Google, por exemplo, disponibiliza para uso online, sem Native Client, é preciso conhecer as tecnologias existentes para
instalação, verdadeiras soluções completas, como sua gama de entender melhor como ele pretende revolucionar a maneira
programas de escritório com as mais importantes funcionalidades como a Internet é utilizada no navegador.
encontradas no Microsoft Office, líder deste segmento.
Com este crescente aumento na complexidade das aplicações JavaScript
web, torna-se cada vez mais necessária a criação de ferramentas O JavaScript foi uma das primeiras tentativas de criar páginas
que permitam a execução destes programas dentro do navegador. dinâmicas. É amplamente usado e está constantemente sendo
Isto é bem complicado, porque envolve segurança (a aplicação não aperfeiçoado. Seu uso é geralmente orientado a eventos, como o
pode acessar recursos nem informações que não sejam diretamente 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
Docs do Google.com\\ Empresa disponibiliza para uso online soluções completas, como sua gama de
produtividade em tarefas
programas de escritório com importantes funcionalidades encontradas nos concorrentes, como o Office realizadas via internet
58 locaweb
Native Client:W2008 20/1/2009 18:07 Page 59

programação/google_native_client

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 até a versão 1.5.
atualização do conteúdo, mas apenas parte dela. O Activex não é muito seguro. Como ele roda código nativo, a
aplicação tem acesso a praticamente todos os recursos que o
ActiveX usuário que o executa também tem. E, como muitos usuários têm
O ActiveX da Microsoft é muito parecido com o Native Client, privilégios administrativos, o risco de se comprometer todo o
pois também permite executar aplicações usando código nativo sistema com um navegador de configurações permissivas em um
(criado usando Visual Basic .NET, Delphi, C, C++ e outras). A site inseguro é muito alto.
grande diferença entre ambos é a maneira com que a segurança Como a segurança do ActiveX é feita apenas com base na
é tratada: no ActiveX, é feita com base na confiança em confiança da procedência do programa, pouquíssimos
determinadas empresas, domínios, em aplicativos específicos ou desenvolvedores terão uma grande quantidade de usuários. Já
de acordo com as configurações de segurança do navegador com o Native Client, os aplicativos são verificados e validados
Internet Explorer para a zona em que o programa é executado. automaticamente, durante a execução do programa. Qualquer
Entretanto, por ser uma tecnologia proprietária da Microsoft, o código potencialmente inseguro é tratado ou descartado. Se esta
ActiveX não segue os padrões do World Wide Web Consortium plataforma atingir a maturidade necessária e se tornar realmente
(W3C), nem é compatível com outros navegadores nem outras segura e confiável, qualquer pessoa poderá programar um
plataformas. Seu uso fica restrito à plataforma Windows usando aplicativo e o usuário não precisará se preocupar tanto com
seu navegador Internet Explorer. É possível utilizá-lo também no sua procedência.
navegador Opera. Já no Firefox, o plugin está disponível apenas
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
Página do Flash \\ O Native Client possui várias vantagens sobre o Flash poder de processamento da máquina. A portabilidade deixa
(www.adobe.com/br/products/flashplayer): velocidade, portabilidade e flexibilidade 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

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

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 binário, que contém toda a aplicação, no Silverlight existem
diversas partes.
uando a Internet foi criada, todas as páginas eram No Silverlight 1.0, são três partes: um renderizador XAML, um

Q estáticas. Havia hyperlinks, mas todos apontavam para


documentos inanimados. Com o tempo, foram criadas
tecnologias que permitiam executar aplicações que geravam
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,
esses documentos; surgiram então as páginas dinâmicas. Logo criado pela Microsoft. Este renderizador é instalado como um
depois, houve um avanço na dinamização com a atualização plugin do navegador, assim como o Flash também é.
assíncrona de partes da página, através da tecnologia hoje O arquivo XAML contém todas as definições da interface, como
conhecida como Ajax. A tecnologia Silverlight, da Microsoft, widgets, layout e temas -- é possível aplicar "skins" sobre os widgets.
representa um passo adiante na evolução de como estas páginas Além das definições de interface, também é possível criar objetos
web geradas dinamicamente são apresentadas. É semelhante ao independentes de linguagem de programação utilizando recursos de
Flash, da Adobe, pois conta com os mesmos recursos: imagens data binding, bem como também manipular os eventos (texto
vetorizadas, exibição de textos e animações em vídeo. Entretanto, digitado, foco ligado/desligado, botão do mouse pressionado/solto,
a maneira como o documento é disponibilizado é um pouco etc) previstos pela interface DOM, como: clique do mouse, tecla
diferente: enquanto no Flash é feito apenas o download de um pressionada, mudança de foco, etc. Uma lista completa dos eventos

62 locaweb
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

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

Interesses relacionados