Capa:Capa Locaweb 7/12/2009 14:42 Page 2

205 X 275:Layout 1 26/11/2009 16:39 Página 1

205 X 275:Layout 1 26/11/2009 16:39 Página 2
Editorial_Sumario:W2008 7/12/2009 14:46 Page 4

ao leitor
Locaweb em Revista Edição 19
Como medir sua
VP Comercial: Cláudio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Daniela Veronese
Coordenação Editorial: Déborah De Mari e Douglas Camargo
participação online
Editora Europa A palavra métrica está na moda e o motivo é simples: o
Editor e Diretor Responsável: Aydano Roriz
Diretor Executivo: Luiz Siqueira
mundo corporativo finalmente observou o crescente
Diretor Editorial e Jornalista Responsável:
número de pessoas ligadas às mídias sociais e passou a atuar
Roberto Araújo - MTb.10.766 - araujo@europanet.com.br como nunca nesse território virtual. Como todo mercado incipiente, porém, o relacionamento
Editores: Paulo Basso Jr. e Sérgio Vinícius
Revisão: Cátia de Almeida mais íntimo entre empresas e consumidores via ferramentas sociais trouxe na bagagem uma
Editor de Arte (projeto gráfico): Alexandre Dias (Nani) série de dúvidas sobre como valorar a atuação nesse segmento. Que tipo de investimento, por
Colaboração: Felipe Magalhães, Luciano Delfini,
Gabriel Dudziak, Guilherme Tsubota, Leonor Ribeiro, exemplo, pode ser feito nessas plataformas? Como é possível medir o retorno da campanha?
Yan Borowski, Leandro Gacia e Vinícius Macedo E, o que é mais importante, onde e de que forma são refletidos os resultados.
Publicidade São Paulo: Ao contrário do que ocorre com os anúncios feitos em jornais ou na TV, ferramentas
E-mail: publicidade@europanet.com.br consolidadas há anos no universo publicitário, o poder das mídias sociais ainda reside nesse
Diretor de Publicidade: Mauricio Dias (11) 3038-5093
Executivos de Negócios: Alessandro Donadio, Angela cenário obscuro, porém com potencial evidente e cada vez mais próspero. E é exatamente em
Taddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier e meio a esse panorama que surgem as novas métricas oferecidas por agências de publicidade
Rodrigo Sacomani.
Executivos de Contas: Leandro Blotta, Marcos Roberto e e plataformas da web no sentido de orientar quem busca um lugar ao sol na internet por
Renata Naomi meio das mídias sociais. Há caminhos e espaço para todos aproveitarem a maré, como você
Criação Publicitária: Rodrigo Barros e João Paulo Gomes
(11) 3038-5103 - Tráfego: Renato Peron (11) 3038-5097 irá conferir na reportagem completa sobre o tema que ilustra a capa desta edição.
Circulação e Promoção - Gerente: João Alexandre Fora isso, Locaweb em Revista traz as tendências de infraestrutura, mobile e mercado
Desenvolvimento de Pessoal:
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki para 2010. Ao longo das próximas páginas, você também verá entrevistas com Maurício de
Locaweb em Revista é uma publicação da Editora Europa
Sousa, que usa toda a força da internet em sua produção, com direito a recursos do Twitter e
Ltda. e do departamento de comunicação e marketing da Orkut, e também com Bem Self, o marqueteiro online de Barak Obama que participará da
Locaweb Serviços de Internet. A Editora Europa não se
responsabiliza pelo conteúdo dos anúncios de terceiros.
próxima campanha de sucessão presidencial no Brasil. Há ainda reportagens técnicas como a
Distribuidor Exclusivo para o Brasil:
disputa da Adobe contra o HTML 5, novidades como o Google Wave, uma interessante
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, abordagem sobre o uso da realidade aumentada no design e muito mais. Boa leitura e
907 - CEP 20563-900 - Grajaú - RJ
ótimas festas de fim de ano!
Impressão: Prol Editora Gráfica
Somos Filiados à ANER - Associação
Nacional dos Editores de Revistas
Claudio Gora
editor@locawebemrevista.com.br

O que tem nesta edição...

* Entrevista: Maurício de Sousa.............06
* E-mails...................................................08
* Notícias .................................................10
* Portfólio ................................................18
* Google Wave ........................................20
* Tendências 2010...................................22
* Artigo: Éster Razzo...............................27
• Capa 28 • Eleições online 38 * Métrica de redes sociais ......................28
* Eleições online .....................................38
* Artigo: Marcelo Trípoli.........................42
* Realidade aumentada ..........................44
* Artigo: René de Paula Jr ......................48
* Case: Sadia............................................50
* Facebook...............................................52
* Como colocar mapas em sites ............56
* Adobe X HTML 5 ..................................60
• Tendências 2010 22 • Realidade aumentada 44
* Locavip ..................................................66

4 locaweb
Entrevista:W2008 7/12/2009 13:45 Page 6

Entrevista

A interatividade é
essencial para conduzir
nossas criações
Maurício de Sousa fala sobre o uso da internet em seus trabalhos e
debate questões sobre direitos autorais e interação com os leitores
Por Gabriel Dudziak

le começou como desenhista

E de cartazes e até trabalhou

como repórter policial, mas foi
a criação da turma de histórias em
quadrinhos mais famosa do Brasil
que o consagrou como o Maurício
de Sousa que todos conhecem. As
aventuras de Mônica, Cebolinha,
Cascão, Magali e companhia fizeram
com que Maurício conquistasse
milhões de fãs em todo o País.
Mas ele não parou por aí. Ao
longo dos anos, o desenhista se
reinventou na mesma velocidade em
que a fama de seus estúdios e o
prestígio de seu trabalho cresceram Desenhista multiplataforma \\ Aos 74 anos, Maurício de Sousa tem Orkut, Twitter e acaba de
entre os leitores brasileiros. Vieram lançar o Máquina de Quadrinhos, um site para as crianças fazerem seus próprios desenhos
as turmas do Chico Bento, do
Astronauta, do Pelézinho e do Locaweb – Como você usa a internet responder a questões levantadas nos
Ronaldinho Gaúcho, além de games, e suas muitas plataformas (Twitter, grupos de discussões. Fora isso,
desenhos animados e, mais sites de relacionamento, YouTube) na acabamos de lançar a Máquina de
recentemente, a Turma da Mônica atividade profissional? A web Quadrinhos, em que as crianças podem
Jovem em versão mangá. permite que você tenha um convívio criar suas próprias historinhas da Turma
Aos 74 anos, Maurício quer mais. mais próximo dos leitores? da Mônica. Em um mês, tivemos 56 mil
Ele ainda procura ser um cara Maurício de Sousa - A internet veio historinhas feitas no site e acesso de
multimídia: tem Orkut, Twitter e para ajudar na comunicação rápida que cerca de 60 países.
acabou de lançar um site para as o mundo exige e facilitou o nosso
crianças fazerem seus próprios contato com os leitores. Hoje, estamos Locaweb – Você acredita que a
desenhos (www.maquinade praticando a interatividade, algo internet e as novas mídias vão acabar
quadrinhos.com.br). Em entrevista à essencial para sabermos como conduzir com jornais, livros, revistas e
Locaweb em Revista, o desenhista nossas criações. Eu uso o Twitter para quadrinhos impressos?
conta um pouco mais sobre esses e mostrar novidades e até historinhas em MS - A tecnologia avança para
outros assuntos relacionados à primeira mão, às vezes ainda no esboço. melhorar a comunicação, mas
carreira, tecnologia e internet. No Orkut, entro de vez em quando para sempre que surge algo novo há um

6 locaweb
Entrevista:W2008 7/12/2009 13:45 Page 7
questionamento sobre o que será
substituído. A TV não acabou com o
cinema, mesmo após as digitais em
LCD, som acústico e DVD. O que
acontece é uma adaptação natural às
novas tecnologias. O cinema também
está sendo digitalizado e as salas
diminuíram de tamanho e foram para
os shoppings. Assim, acredito que o
material impresso deve continuar a
conviver com as telas maleáveis, que
já estão sendo testadas.
Locaweb – Nesse contexto, como
você vê os direitos autorais?
MS - A legislação sempre está
atrasada diante da velocidade das
novas formas de comunicação. O que
devemos fazer no caso dos direitos
autorais é estudar maneiras de nos
adequarmos aos novos tempos. Isso
desde que os artistas, os criativos,
não percam o chão nos seus direitos
de sobrevivência profissional.
Locaweb – Você chegou a processar
algum site que veiculou suas obras
sem a devida licença? Acha que esse
é o caminho para lutar contra a
pirataria virtual?
MS - Temos usado medidas judiciais
quando acontece esse tipo de
ocorrência. Nossos advogados
analisam todos os casos e, a partir
daí, tomamos as providências. Minha
sorte é que tenho um público fiel,
que inclusive me ajuda a descobrir
essas ações piratas.
Locaweb – E para os novos autores, a
internet facilita as coisas?
MS - Muito. Quando comecei, não
havia nada dessa facilidade de
divulgação para mostrar minhas tiras
de jornal aos possíveis compradores.
Hoje, com a internet, dá para
mostrar ao mundo todo o trabalho
feito. Mas esse cenário também tem
outro lado. A dificuldade é a mãe da
criatividade. E isso é o grande
diferencial para um artista ganhar
seu público.
* O que devemos fazer
no caso dos direitos
autorais é estudar
maneiras para se adequar
aos novos tempos
Locaweb – Para criar a turma da
Mônica, você se baseou em suas
filhas e amigos de infância. E a
internet, como tem influenciado
suas novas histórias?
MS - A internet já entrou nas
historinhas da Turma da Mônica e hoje
até tenho um personagem específico
relacionado ao tema, o Bloguinho.
Locaweb – A Turma da Mônica
sempre mostrou uma infância típica
de quem nasceu nas décadas de
1960, 70 e 80. Os vizinhos, as
brincadeiras na rua... Hoje, essa
vivência é bastante distinta. Acha
que a turma perdeu apelo com
a nova geração?
Entrevista
Bloguinho \\ Novo personagem traz à
tona a visão do desenhista a respeito da
web e das novas tendências sociais
MS - Mantenho sempre as brincadeiras
de rua para mostrar que a convivência
entre amigos e parentes não se dá
apenas via equipamentos eletrônicos.
E acho que isso é um escape para os
leitores que ainda querem poder
brincar com a natureza ao seu redor.
Mas a turminha já está na internet.
Locaweb – Dentro desse cenário, a
Turma da Mônica Jovem é uma
tentativa de ter mais apelo com os
leitores de hoje?
MS - Eu estava perdendo meus leitores
para o mangá quando chegavam perto
dos 11, 12 anos. O projeto da Turma da
Mônica Jovem estava arquivado há
anos e resolvi juntar o útil ao agradável.
Deu certo. É o maior lançamento dos
últimos 30 anos.
Locaweb – Qual é a sensação de
presenciar uma evolução
tecnológica tão grande da década
de 1940, quando você era criança,
até 2009, quando passou dos
70 anos e posta no twitter?
MS - Ainda penso como sempre.
Mantenho minha vontade de brincar
com tudo. Inclusive com os
quadrinhos. É a maneira de
mantermos nossa inclusão no mundo
em todas as idades.
Jovem \\ Personagens da Turma
da Mônica Jovem são em estilo
mangá e estão conectados à rede
locaweb 7
Emails:W2008 7/12/2009 13:46 Page 8
e-mails
Addon para
Twitter
Sou usuário do Twitter e
acompanho as
atualizações de meus
amigos o dia inteiro.
Entretanto, cansei de ter
que entrar na página
eletrônica e deixá-la aberta
o tempo todo. Sou usuário
do browser Opera e, às
vezes, também utilizo o
Firefox. Vocês saberiam
me dizer se há algum
addon para esses
navegadores que me
permitisse atualizar e
acompanhar o Twitter sem
ter de acessar o site o
tempo todo?
Ana Esther - Por e-mail
Há diversas extensões
que podem
automatizar, ou mesmo
facilitar, o acesso à
Opera Twitter Widget \\ Ferramenta do browser Opera permite que usuário crie seus twitts e acompanhe o de
seus amigos por meio de uma interface independente da página do site, que tem o serviço de microblogging
8 locaweb
postagem no Twitter. Para o
navegador Opera, um dos
widgets - que é o nome
como a empresa nomeia
suas extensões - mais
populares para trabalhar
com a página de
microblogging é o Twitter
Opera Widget, que
pode ser encontrado no
endereço http://widgets.
opera.com/widget/7206.
Para o Firefox, o
complemento mais utilizado
para trabalhar com o Twitter
é o TwitterBar, uma barra
que coloca o usuário a
poucos cliques da rede
social. O programinha pode
ser encontrado no endereço
https://addons.mozilla.org/
en-US/firefox/addon/4664.
Há ainda um outro addon
chamado PowerTwitter em
https://addons.mozilla.org
en-US/firefox/addon/9591.
//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.
Download
no YouTube
Ultimamente, tenho
acessado muito sites de
vídeo, como o YouTube.
Entretanto, estou
precisando baixar alguns
filmes que encontrei na
página, mas não sei como
proceder. Há algum modo
de realizar download dos
vídeos armazenados no
YouTube?
Aldo Santos - Por e-mail
Não é possível realizar
o download dos vídeos
do YouTube sem o uso de
programas específicos.
Entretanto, há na internet
uma infinidade de softwares
que com poucos cliques
permitem que o usuário
guarde filmes do site em seu
próprio computador. Um dos
mais competentes programas
que realizam a tarefa chama-
se Orbit Downloader
(www.orbitdownloader.com).
Gratuito, o soft gerencia
downloads e é voltado
especialmente para usuário
com conexão rápida à
internet. Além do YouTube,
ele é compatível com os
mais populares sites de
música e de vídeo da rede,
conseguindo baixar os
arquivos com rapidez.
Leve e livre de spywares, o
funcionamento do Orbit é
simples. Basta abrir a
interface principal e, em
Arquivo, colocar o endereço
do arquivo para download
no campo adequado, dentro
de "Digite a nova URL para
baixar". Depois, basta
pressionar OK.
E-mail
Marketing
Preciso profissionalizar
meu envio de mala direta
por e-mail e gostaria de
saber se a Locaweb tem
alguma ferramenta que
possa me ajudar.
Ilson Antero - Por e-mail
A Locaweb tem o
produto “E-mail
Marketing” que proporciona,
por exemplo, campanhas
personalizadas, envio de
e-mails caracterizados com
detalhes, como data e hora
marcadas, e monitoramento
das mensagens para
comparação de resultados,
entre outros itens. Para saber
mais, acesse a página
locaweb.com.br/produtos/
email-marketing.html.
Noticias_Parte1:W2008 7/12/2009 13:50 Page 10

notícias
blog.locaweb.com.br
Confira as novidades da maior empresa de serviços de internet do Brasil

Locaweb turbina site

Camiseteria.com
Loja virtual migra o banco de dados do servidor dedicado para
o sistema cloud computing e reduz custos em até 40%
Os representantes
da famosa loja
virtual Camiseteria.com
(www.camisetaria.com),
uma startup do Rio de
Janeiro que promove
concursos para eleger
estampas em camisetas e,
posteriormente, as
transforma em produtos
para vender via internet,
concluíram que
necessitavam de uma
infraestrutura robusta que
oferecesse estabilidade e
segurança para suas
operações e transações de
e-commerce. Cliente da
Locaweb desde 2005, a
empresa não hesitou
em seguir as atuais
Inovadora \\ Startup carioca que promove concursos para eleger estampas para transformá-las em produtos para
tendências de vender na internet vai na onda das tendências de mercado e infraestrutura transferindo dados para as “nuvens”
infraestrutura e contratar
os serviços de Cloud dedicado para a nuvem. cerca de sete sistemas quando a Camiseteria.com
Computing para suportar O processo foi rápido, distintos que rodam em adotou processamento em
seu crescente tráfego levou apenas meia hora”, dois servidores na nuvem cloud, reduziu seus custos
de dados. afirma Fábio Seixas, sócio e, segundo Seixas, um em 40% em relação ao
“Migramos nosso banco fundador da empresa. terceiro será adicionado período em que usava
de dados do servidor A estrutura contempla em breve. Além disso, equipamento dedicado.

10 locaweb
Noticias_Parte1:W2008 7/12/2009 13:50 Page 11

e mais...
WEBCAST FALA SOBRE COMO Locaweb internacionaliza
DIMENSIONAR INFRAESTRUTURA
PARA O SEU SITE operações e abre subsidiárias
• Eduardo Martinez, consultor técnico de vendas da
em Miami e Montevidéu
Locaweb iniciou um
Locaweb, criou uma apresentação que fala sobre
“Como dimensionar a infraestrutura correta para obter A projeto de
internacionalização com
uma boa performance em seu site ou aplicação web”.
o estabelecimento de
Vale a pena conferir em blog.locaweb.com.br.
um centro técnico em
Miami, nos Estados
Unidos, e um de
serviços de suporte e
atendimento em
Montevidéu, no Uruguai.
O objetivo dos
complexos é atender a
clientes de língua
espanhola em todo o
continente americano. A
ação demandou
investimentos iniciais de
US$ 1 milhão, e a
expectativa é que
represente 5% do
faturamento total do
grupo em até três anos.

CLOUD COMPUTING COMEMORA UM Nova linha Intel®

ANO COM MAIS DE 2 MIL CLIENTES Xeon® Série 5500

Locaweb é o primeiro Data Center do Brasil a utilizar servidores

• No primeiro ano de implementação da ferramenta
Cloud Computing pela Locaweb, a qualidade da
solução e a boa aceitação do mercado renderam à
empresa mais de 2 mil servidores ativos, firmando a
marca como pioneira ao inserir a computação em
nuvem no mercado brasileiro.
A com processadores low-voltage Intel® Xeon® Série 5500.
Nesses processadores, baseados na microarquitetura Nehalem,
cada núcleo realiza o processamento de diversas aplicações
simultaneamente e em paralelo, oferecendo ganhos de performance
superiores a 120%. Além disso, otimizam o ambiente de
virtualização e reduzem o consumo de energia em até 40%,
contribuindo para uma operação ambientalmente correta.

locaweb 11
Noticias_Parte2e3_WishList:W2008 13/11/2009 17:39 Page 12

Wishlist

O melhor da
cultura digital
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

Upgrade para o
home-theater
A conceituada Harman Kardon lançou uma nova linha de
receivers para quem necessita dar um “up” no home-
theater. Dos três novos modelos apresentados, o que
mais se destaca é o AVR-3600. Apesar de o design não
ter sofrido mudanças, o receiver de 7.1 canais traz
caprichos como os decodificadores DTS HD e Dolby
TrueHD, recurso Dolby Volume e entrada para iPod com
possibilidade de reproduzir os vídeos em alta definição do dispositivo (recurso upscaling para
vídeos em resolução standard). O preço é um pouco elevado: US$ 1.200, nos EUA.
Mais informações: www.harman.com

Filmadora compacta
A linha Sony Handycam entra no mercado de filmadoras com memória
flash com a DCR-SX40, uma câmera leve e compacta que pode ser
carregada no bolso, pois pesa apenas 330 g. Ideal para esportes,
turismo e aventura, a filmadora tem memória interna de 4 GB e
permite que os vídeos sejam transferidos diretamente para sites
de relacionamento na internet, graças ao software Picture Motion
Browser, que acompanha a câmera. Possui superzoom óptico de
60x; função Quick Start; microfone zoom, Easy Handycam
(ajustes automáticos); LCD de 2,7" sensível ao toque e
também é compatível com o gravador externo de DVD -
DVDirect Express. A DCR-SX40 está disponível nas cores
prata e vermelho, ao preço sugerido de R$ 1.499.
Mais informações: www.sony.com.br

12 locaweb
Noticias_Parte2e3_WishList:W2008 7/12/2009 13:53 Page 13

Wishlist

Fotos para a web

A Samsung ST1000 é pura conectividade. Vem com
lente Schneider-Kreuznach de 35 mm e zoom ótico
de 5x. Além de capturar imagens de até 12 MPixels
e gravar vídeos em HD (720p), também é capaz de
colocar as fotos em sites de relacionamento da web,
como Orkut e Facebook, por meio de uma conexão
Wi-Fi. Outro atributo é a sensacional função de
geo-tagging, que insere informações de
posicionamento nas imagens e exibe em tempo real
o nome da cidade, Estado e país onde as imagens
foram clicadas. Ela ainda tem duplo estabilizador de
imagem e Bluetooth. Preço médio: R$ 1.999
Mais informações: www.samsung.com.br

Blackberry sem
terno e gravata
O Curve 8520 é o primeiro smartphone da Blackberry a oferecer
funcionalidades multimídias criadas para o público jovem. Entre as novas
ferramentas, destacam-se compatibilidade com MP3, AAC, WMA, MP4 e
WMV, sincronização com o iTunes, processador de 512 MHz – velocidade
mais que suficiente para um bom desempenho na reprodução de filmes,
músicas e games em 3D, conexões sem fio Bluetooth, Wi-Fi e saída
padrão (P2) para fones de ouvido. Os preços variam de R$ 490 (plano Vivo
escolha 50 minutos) a R$ 49 (plano Vivo escolha 900 minutos). Em breve,
o aparelho poderá ser adquirido em outras operadoras.
Mais informações: http://br.blackberry.com

Fone de ouvido premiado

O HD800 da Sennheiser recebeu o prêmio EISA (European
Imaging and Sound Association, ou Associação Europeia de
Imagem e Som) de melhor fone de ouvido de 2009. Segundo
o júri do evento, o fone se destacou por oferecer graves
potentes, ausência praticamente total de distorção harmônica e
conforto sem igual. O modelo é fabricado com materiais
especiais de baixa ressonância, que contribuem para a
reprodução de um som claro e limpo, e apresenta resposta de
frequência de 6 Hz a 51 kHz. O surpreendente HD800 não é
vendido oficialmente no Brasil, mas, nos EUA, o modelo pode
ser facilmente encontrado por US$ 1.200.
Mais informações: www.sennheiser.com

locaweb 13
Noticias_Parte2e3_WishList:W2008 13/11/2009 17:39 Page 14

Wishlist

Multifuncional
completa
A Photosmart Premium TouchSmart Web,
multifuncional da HP, é uma jato de tinta que usa cinco
cartuchos individuais de cores e dispensa os fios de
comunicação com o PC, pois traz as tecnologias semfio
Bluetooth e Wi-Fi integradas. Além disso, tem um painel
LCD de 4,3” touch screen que acessa conteúdo para
impressão (como mapas, fotos do Flickr e outros atrativos)
direto da internet, dispensando o uso de um computador.
Nos EUA, o modelo sai por US$ 400.
Mais informações: www.hp.com

Celular com tela de 4”

O New Chocolate BL 40, da LG, é um celular multimídia
com visual invocado e tela de 4” no formato wideHD
(21:9), uma das maiores do mercado. Sua interface gráfica
é atraente e já ganhou prêmios de design pelo mundo.
Tem câmera de 5 MPixels, slot para cartões de até 32 GB e
teclado multi touch. É a grande sensação da empresa para
o início de 2010. Preço sugerido de R$ 1.699.
Mais informações: www.lg.com.br

Guitarra estilosa
Se você é um dos milhões de fãs do game musical Guitar Hero, com
certeza esta belezinha aí em cima irá chamar, e muito, sua atenção. A
guitarra especial semfio da Logitech é uma réplica em miniatura da
clássica guitarra Stratocaster, com direito a braço em madeira maple e
trastes de metal. Além disso, a barra de palheta e os botões de notas
possuem um sistema antirruído, para que o único som que você escute
seja a música do game e não os botões. A Logitech Wireless Guitar custa
US$ 200 nos EUA e é compatível com o Nintendo Wii.
Mais informações: www.logitech.com

14 locaweb
 JIMENEZ ASSOCIADOS
Proteção completa, que você paga só
pelo que usar. Só podia ser F-Secure.
A F-Secure está sempre inovando para proporcionar a melhor proteção pessoal e corporativa. Agora, a
F-Secure inova também na forma de fazer negócios. É o SaaS - Software as a Service. Esqueça as caixas, CDs,
licenças e tudo que só toma tempo e espaço da sua empresa. Proteja seu sistema com a segurança das soluções
completas e pague como um serviço.
Por dentro do SaaS F-Secure: • Sob medida para sua empresa • Você usa por quanto tempo precisar • Pode
interromper a utilização a qualquer momento • Sem fidelidade obrigatória • Você utiliza porque está satisfeito.

Saiba mais sobre a confiabilidade F-Secure:

• Líder mundial em proteção para dispositivos móveis e provedores de acesso (ISP).
• Maior índice de detecção de malwares e spywares do mercado brasileiro. Solicite hoje mesmo uma visita comercial
• Um dos menores tempos de resposta contra novas ameaças (0 a 2 horas). para demonstração de nossas soluções:
• Proteção total contra vírus, spam, phishing e demais ameaças virtuais. fs7@f-secure.com.br • (11) 2108 3300
• Soluções completas de segurança corporativa premiadas em todo o mundo. www.f-secure.com.br
Noticias_Parte 4_Circuito_Twittosfera:W2008 13/11/2009 18:13 Page 16

//EVENTOS
E CURSOS
Jornalismo 2.0 -
Hipermídia e
Notícias/Circuito Redes Sociais
Este curso aborda não apenas as

Sua leitura
melhores práticas de texto na
internet, mas também conceitos
relacionados às novas mídias,
sobretudo a relação entre
jornalistas e leitores. As

sobre internet
Confira dicas interessantes de livros a respeito de
temas ligados ao mundo da tecnologia da informação
Google: A História do
Negócio de Mídia e
Tecnologia
Livro narra a história de
Sergey Brin e Larry Page, os
sóciosfundadores da Google.
Há informações desde a
época em que eles se
conheceram, na Universidade
de Stanford, até hoje.
Preço: R$ 12,50
Editora: Rocco
Inf.: www.rocco.com.br
A Cabeça de
Steve Jobs
O que há, realmente, dentro
do cérebro de Steve Jobs?
jQuery: A Biblioteca do Segundo Leander Kahney,
Programador JavaScript autor do livro, a mente do
Maurício Samy Silva relata scripts jQuery fundador da Apple é um
de emprego real, todos comentados e fascinante feixe de
disponíveis para download. Fora isso, contradições. Esta obra traz
mostra um estudo de sintaxe e o emprego histórias surpreendentes.
dos seletores e comandos da ferramenta. Preço: R$ 36,90
Preço: R$ 75 Editora: Agir
Editora: Novatec Informações:
Informações: www.novatec.com.br www.ediouro.com.br
atividades mesclam aulas
expositivas, debates e atividades
em sala de aula. Dia 12 de
dezembro, em São Paulo. Mais
informações em www.escolade
comunicacao.com.br.
Curso grátis de Linux
A Insigne e a Dr. Micro criaram
um curso online e gratuito para a
distribuição Linux. O treinamento
pode ser feito a partir de qualquer
navegador e ensina como usar o
sistema operacional Insigne
Momentum 5.0. Mais
informações no site
www.drmicro.com.br/insigne.
Curso de gerenciamento
de informação
Entre 7 e 11 de dezembro, 8 e 12
de fevereiro de 2010, e 22 e 26
de fevereiro de 2010, a Kaizen e
a EMC promoverão uma série de
cursos sobre tecnologia e
práticas de armazenamento e
gerenciamento da informação.
As aulas, ministradas por
professores que, em sua maioria,
falam português, são voltadas
para qualquer profissional que
tenha interesse em ingressar
nesse mercado por meio do
treinamento introdutório
Information Storage and
Management. Em São Paulo, na
R. Verbo Divino, 1.488. Inscrições:
treinamento@kaizen.com.br.

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MÊS

O ambiente online é
bastante propício
para videoaulas, já
que permite ao
aluno acompanhar
as lições quando
e onde quiser.
A cada edição da
Locaweb em
Revista, você vê
o melhor em Marketing de mídia social Resenha em 6
Duração: 4 minutos e 18 segundos Textos opinativos sobre bares, baladas, filmes músicas e
cursos disponíveis Preço: gratuito cultura em seis linhas ou menos.
na internet URL: www.youtube.com/watch?v=Wxxndtt4FOI URL: http://resenhaem6.blogspot.com

16 locaweb
Noticias_Parte 4_Circuito_Twittosfera:W2008 7/12/2009 13:58 Page 17

Notícias/Twitter

TWITTOSFERA
Confira as novidades do microblogging Twitter

Como funciona o botão de Retweets?

O Twitter passo a
• oferecer para todos os
usuários um botão de
retweet automático
embaixo de cada post e
permitiu que, com apenas
dois cliques, seja
repassado aquela
mensagem para seus
seguidores. Uma das
novidades é que, a partir
de agora, a informação de
quem fez o tweet original
e quem retwittou não
ficará mais restrito nos
140 caracteres da
mensagem. Além disso, é
exibida apenas uma cópia
do conteúdo retwittado
na sua timeline. Saiba o
que mais muda:
• CATEGORIA RETWEETS
Foi criada uma área
dedicada para os retweets
no menu direito da sua
home do Twitter, dividida
em três seções:
retweets daqueles
que você segue,
seus retweets e
pessoas que te
retwittam.
• IGNORAR
RETWEETS
DE ALGUÉM
Basta acessar o
perfil de alguém,
procurar pelo
botão de RTs e
desabilitá-lo. Os
retweets daquela
pessoa não mais
Prático \\ Botão incorporado embaixo de cada post permite que, com
aparecerão na sua
apenas dois cliques, a mensagem seja repassada para os seguidores
timeline.
processo, evita esse • SEM MUDANÇAS
• AUTORIA EXATA problema. Você Se você não quiser usar a
Nem sempre você sabe simplesmente não edita nova funcionalidade do
se o que está lendo em mais a mensagem ao Twitter basta escrever o
um RT foi realmente dito retwittar. Basta apertar o bom velho RT e colar a
pelo seu suposto autor. botão, confirmar, e a msg de alguém. O botão
A nova funcionalidade, mensagem é postada no veio apenas para facilitar
ao automatizar o seu perfil. o processo.

::LinkedIn e Twitter  ::Twittter Listas

O LinkedIn  e o
Twitter causaram
alvoroço ao anunciar
que as suas
atualizações de
status agora  podem
ser sincronizadas.
Enquanto muitos
pensaram que os
usuários poderiam trancar
o novo recurso, de acordo
com o LinkedIn as
atualizações de status   mensagem, adicione a
aumentaram em 25%.
Atualizar seu status no
LinkedIn direto do Twitter é
simples: ao twittar uma
hashtag #in.
Há algumas semanas, foi
lançado o Twitter listas. O
recurso  permite aos
usuários criarem listas
específicas, privadas ou
públicas e funciona como
uma poderosa ferramenta
de "indicação". O Twitter
indicou que melhorias estão Agora,ao editar qualquer
por vir e a primeira delas é a lista, você verá o campo
implementação das descrição, que permite
descrições. Antes, apenas o descrever a lista
título da sua lista de que criou em 100
indicados era visualizado. caracteres ou menos.

locaweb 17
Portfólio:W2008 7/12/2009 14:26 Page 18

portfólio
Confira a agência do mês destacada pela Locaweb
por produzir trabalhos online diferenciados

Agência WLD 1
Em seus dez anos de atuação,
a WDL tem consolidado
sua capacidade em
desenvolvimento de soluções
Web, Multimídia e TI. A
agência atende clientes em
diversos ramos de atuação,
como arquitetura, automação
industrial, advocacia,
capacitação, educação, clínicas,
bares, restaurantes, moda,
eventos, comunicação,
turismo, lazer, relações
publicas e diplomacia,
gastronomia, imobiliária,
editoras, entre outras.

1
Lustres Yamamura
(www.yamamura.com.br)

2 2
Latin Next
(www.latin-next.com)

3
Reserva Floral
(www.reservafloral.com.br)

18 locaweb
205 X 275:Layout 1 12/11/2009 17:53 Página 1
Preview GWave:W2008 7/12/2009 14:10 Page 20

{p}review Ficha Técnica

Nome e versão: Google Wave
Desenvolvedor: Google Inc.
Licença: Freeware, com convite
Tamanho: Online

Google Wave, o
tudo em um da web
Ambicioso projeto online da empresa que detém o buscador mais popular da
web reúne rede social, instant messenger, jogos online e outras funções
Por Sérgio Vinícius

Google abriu ao público seu

O novo projeto online: o Wave.

Trata-se de uma plataforma
que reúne, sob a mesma interface,
serviços como comunicador
instantâneo, mensagens eletrônicas,
jogos online, busca integrada, chats
coletivos e outras funções que, um
dia, foram chamadas de “Web 2.0”.
Os convites começaram a
aparecer aos poucos e chegam, a
partir do momento em que são
enviados, entre dois dias a uma
semana. Depois de recebê-lo, é mais
ou menos fácil brincar com o novo
sistema do Google. É necessário ter
um cadastro prévio em qualquer um
dos serviços da empresa, como
Gmail, Orkut ou Blogger. Mesmo
porque todos eles fazem parte, de
uma forma ou de outra, do Wave.
A Locaweb em Revista avaliou o
novo sistema do Google por vários
dias. Depois de realizar ações com
diferentes browsers - Firefox, Opera e
Chrome - conclui-se que o navegador
mais indicado para rodar G Wave é
seu próprio browser, o Chrome. Ele
acessa as funções mais rapidamente e
sem distorções.
Todos os outros navegadores
avaliados mostraram problemas
Compartilhar \\ A missão do Google Wave é colocar na mesma interface muito conteúdo online e
permitir compartilhá-lo com os amigos; no exemplo acima, um jogo de xadrez online é disputado
diferentes. O do Firefox, por exemplo, Há mensagens eletrônicas,
era a lentidão no carregamento de bate-papo, troca de imagens. O início
algumas ações. Com o Opera, ele se de tudo são os contatos do Gtalk que
dizia nem mesmo compatível (e já estejam usando o Wave. Clica-se
funcionou precariamente). sobre eles e decide-se que ação
Em uma primeira vista, a interface realizar. O sistema de busca, marca
do Wave não é tão intuitiva quanto os registrada da empresa que
outros produtos do Google. Mas desenvolve o Wave, também não
bastam alguns minutos para se deixa a desejar.
familiarizar com o sistema, Ao lado, você confere a interface
disponível na página wave.google.com principal - mesmo porque só há
somente para convidados (aos poucos, basicamente uma - do Wave, que
os convites vão se espalhando). mostra seus principais recursos.
O novo tudo em um do Google visa Depois, basta cruzar os dedos e
reunir os principais itens da vida online esperar que o convite chegue até
de um usuário sob a mesma interface, você, assim como ocorre com quase
no caso, web. todos os produtos do Google.

20 locaweb
Preview GWave:W2008 7/12/2009 14:10 Page 21
A interface
2 6
1 WAVE
Como quase todos os produtos do
Google, o Wave é um serviço
online, baseado na web. Ele está
localizado no endereço eletrônico
wave.google.com. Ainda em testes,
trata-se de uma tentativa de
centralizar diversos serviços em
uma mesma interface. Os testes
com o produto foram realizados
com diversos navegadores, mas o
que se portou melhor foi mesmo -
para a surpresa de ninguém - o
Crhome. Não tente com o Opera.
2 NAVEGAÇÃO
Do lado esquerdo superior da tela
principal, e uma das únicas, fica a
aba de navegação do Wave. Por
meio dela, o usuário pode acessar
1
4
mensagens, textos escritos por ele
mesmo, spams - se for o caso - e
histórico. É nesse local que ele
acerta as configurações pessoais e
ativa ou desativa a possibilidade de
interagir com outros usuários,
pelas bolinhas coloridas. A verde
indica que o usuário está
disponível para quaisquer eventos.
3 CONTATOS
Eis o principal motivo de existir
do Wave. Se não é o único, trata-
se de um dos principais: interagir.
Nessa caixa ficam exibidos os
contatos dos amigos do usuário. É
ali que, ao clicar em um nome
com foto, a pessoa pode realizar
ações como bater papo, enviar
mensagens, iniciar jogos
eletrônicos, mostrar imagens,
compartilhar conteúdo diverso.
4 INBOX
Em bom português, é a caixa de
entrada do usuário. Nela ficam
mensagens que podem ser
organizadas como a preferência de
quem a usa. É possível arquivar
itens e procurá-los. O Google
permite que as “Waves”, como
chama as ocorrências, sejam
divididas por semana ou por mês. É
possível ainda realizar alterações na
disposição da Inbox ou mesmo
arquivar ou deletar Waves.
5 ADIÇÃO
Com base em uma caixa de buscas,
é possível criar Waves e adicionar
Preview
participantes, de acordo com o que
o usuário queira realizar. Quando
um amigo é adicionado,
imediatamente surge nome, foto e o
estado em que ele se encontra:
online, offline.
6 FOTOS
O compartilhamento de conteúdo é
um dos itens mais interessantes do
Wave. No exemplo acima, estão
dispostas fotos. Mas é possível
dividir textos, jogar em conjunto,
entre outras ações.
locaweb 21
Tendências:W2008 7/12/2009 15:13 Page 22

O QUE
PODEMOS
ESPERAR
DE Especialistas em tecnologia

20
da informação apontam as
principais tendências de
mercado, mobile, infraestrutura
e redes sociais para os
próximos meses
Por Gabriel Dudziak

V
iradas de ano sempre trazem na bagagem

10
aquele clássico período de análise, projetos e
projeções. Todo mundo olha o que fez de bom
e de ruim no ano passado, imagina o que podia ter
feito diferente, começa a pensar em como tornar
realidade aquele sonho distante e, é claro, imagina o
que pode acontecer nos próximos meses. Quando o
contexto é tecnologia, a história não é diferente. O ano
de 2009 foi do Twitter, da briga acirrada do Orkut com
o Facebook, do crescimento dos aplicativos para
aparelhos de celular, de um maior debate e aplicação
do conceito de cloud computing e de muitos outros
acontecimentos. Mas e a respeito de 2010, o que
podemos esperar?
A Locaweb em Revista saiu a campo para ver o que
alguns dos principais especialistas do País analisam
como tendências do mercado de internet e TI para os
próximos meses. Começará a ser dado o adeus
definitivo aos programas guardados em nossas CPUs?
Computadores ainda menores que os netbooks serão

22 locaweb
Tendências:W2008 7/12/2009 15:13 Page 23

Tendências 2010
NETBOOKS E

PARA INTERNET
SMARTPHONES

SERVIÇOS
REDES
SOCIAIS

* CONTINUAREMOS COM O
DESENVOLVIMENTO EM SERVIÇOS PARA
WEB, EVOLUÇÃO DE DISPOSITVOS MÓVEIS
E APLICATIVOS PARA SOCIAL MEDIA
Michel Lent Schwartzman, especialista em mídias interativas e gerente da
agência OgilvyInteractive Brasil

lançados, assim como telefones

móveis mais inteligentes, aplicativos
revolucionários para iPhones e
processadores menos poluentes? O
mercado será testemunha da
decadência dos meios de comunicação
impressos, do início efetivo da
televisão via internet e do surgimento
de uma nova coqueluche que vai
substituir os tweets e scraps? Essas e
outras ponderações e considerações
você confere a seguir:

Mercado
Nos próximos anos e
especialmente em 2010, o mercado de
informática e internet deve seguir a
mesma toada observada nos últimos
meses. Mesmo assim, os investimentos
Plataformas \\ Será importante
nos netbooks e smartphones e a capitalização de recursos de serviços baseados em observar os meios que apostarão
com as mídias sociais têm potencial para ganhar mais web, evolução de em iniciativas multiplataforma,
espaço na pauta das companhias. Outro segmento que deve dispositvos móveis e como a criação de versões
específicas para iPhone e outros
crescer é o das transmissões de televisão via web, tanto em aplicativos para social aparelhos portáteis
número quanto em qualidade no envio de dados. Também media. Além disso, acredito
será importante observar os meios que apostarão em que haverá um grande foco no potencial de iniciativas
iniciativas multiplataforma, que devem ir desde o transporte relacionadas à computação em nuvem, em especial, o
de conteúdo impresso para online até a criação de versões desenvolvimento para telas menores e dispositivos
específicas para plataformas como iPhone e outros móveis”, afirma.
aparelhos portáteis. Dentro do cenário de negócios que envolvem internet,
De acordo com Michel Lent Schwartzman, especialista também é comum o pensamento de que a grande rede
em mídias interativas e gerente da agência pode substituir todas as demais formas de mídia, como
OgilvyInteractive Brasil, em 2010 os serviços e aplicativos rádios, livros, revistas e televisão. No entanto, para o
devem continuar como o core business das companhias. diretor executivo do site Videolog, Edson Mackeenzy, essa
“Acho que será mantido um desenvolvimento forte na área previsão apocalíptica não se concretizará em 2010 nem

locaweb 23
Tendências:W2008 7/12/2009 15:13 Page 24

Tendências 2010

MOBILE E
CELULARES
* EM 2004, FUI CHAMADO DE
LOUCO POR APOSTAR NO
VÍDEO COMO O FUTURO.
HOJE, CONHEÇO MUITAS
Cloud computing \\ O ano de 2010
PESSOAS LOUCAS PARA deve representar o início do fim dos
processadores como o conhecemos
COLOCAR PELO MENOS graças à tecnologia das nuvens

UM VÍDEO EM SEU SITE

Edson Mackeenzy, diretor executivo do site Videolog

nos anos vindouros. “Isso ocorre sempre que surge uma

nova mídia. Muitos vão se lembrar que as ondas FM iriam
acabar com o AM, que a TV acabaria com o rádio, que o e-
mail faria com que as carta virassem objeto de museu. Isso
é sensacionalismo barato. O fenômeno da convergência de
mídias é o que vai se consolidar”, projeta.
Seguindo essa linha de raciocínio, Mackeenzy aposta
em uma maior disseminação do uso de celulares
conectados à internet e com funções ainda pouco

acessíveis à grande parte da população. “Acredito também

Infraestrutura de internet e TI
• Alvo de debates extensos nas comunidades de especialistas em
computadores, TI e internet, é quase unânime a opinião de que o
cloud computing, o processamento em nuvens, com os aplicativos e
o armazenamento de dados alocados na rede, é o futuro da
computação. A tecnologia é considerada pelo grupo de pesquisas
Gartner como uma das três mais importantes tendências emergentes
para os próximos cinco anos. Embora ainda não haja prazos para
essa revolução nem o fim do processador como o conhecemos, o
fato é que 2010 pode representar o início desse processo.
Pesquisa realizada pela consultoria IDC
prevê que gastos com serviços de
computação em nuvem tripliquem até
2012, atingindo US$ 42 bilhões.
• Da mesma forma, em 2010 os recursos de TI devem se voltar a
práticas mais sustentáveis, o chamado TI Verde. Segundo dados do
Greenpeace, as peças descartadas de aparelhos eletrônicos já são
5% de todo o lixo produzido no mundo, quantidade que cresce
também à razão de 5% ao ano. Desde uma fabricação mais
adequada até um descarte inteligente, feito de forma ambientalmente
correta, o fato é que as iniciativas de sustentabilidade devem ser
ainda mais valorizadas no ano que vem. Isso tanto pela redução de
custos que imprimem às companhias quanto pela boa imagem e
reputação de correção socioambiental, algo ainda pouco explorado
pelas empresas do ramo, mas que pode gerar dividendos junto a
investidores e clientes.
que o mesmo governo que pisou na bola com a TV Digital
irá criar políticas públicas que aumentarão a oferta de
conectividade para qualquer pessoa. Fora isso, aponto
como tendênia que o 3G irá baratear a ponto de um
celular pré-pago conseguir acessar, com ‘dignidade’, seus
sites preferidos na web”.
Mobile
Se há alguns anos as iniciativas tecnológicas voltadas
para celulares e smartphones pareciam uma tentativa de
recriar, em uma plataforma menor e portátil, o ambiente e
as práticas já adotadas nos desktops e notebooks, hoje o
mobile é tratado como um novo meio de comunicação.
Esse “tratamento” distinto dado ao mercado também deve
direcionar as iniciativas para o setor em 2010. Assim, as
funcionalidades já consolidadas, como SMS, bluetooth e
transferências de arquivos devem continuar da forma
como conhecemos hoje, com o foco de inovações e
investimentos nos QR Codes. Eles são códigos impressos
que levam o usuário a determinado destino ou informação
na web e, principalmente, os sites móveis e aplicativos
para aparelhos de telefonia.
“Hoje, quando falamos em sites móveis e aplicativos
para celulares, observamos iniciativas voltadas mais para
marcar território do que qualquer outra coisa. Os projetos
têm pouco valor e se resumem a um hotsite vazio, com
projetos bobos e sem sentido. O mercado de 2010 tem

24 locaweb
Tendências:W2008 7/12/2009 15:13 Page 25

Tendências 2010

* O MERCADO DE 2010
TEM QUE ACORDAR E
FAZER HOTSITES E
CLOUD
COMPUTING

APLICATIVOS
CONSISTENTES INTERAÇÃO DE
Renato Gosling, especialista em tecnologia de
telefones móveis e sócio da companhia Finger TECNOLOGIAS
Tips, que desenvolve aplicativos para Iphone

que acordar e fazer hotsites e aplicativos consistentes”,
afirma Renato Gosling, especialista em tecnologia de
telefones móveis e sócio da companhia Finger Tips, que
desenvolve aplicativos para iPhone.
Segundo ele, hoje, a experiência do usuário com os
aplicativos de smartphones é outra. Não se trata apenas de
uma prática da comunicação via mobile, mas sim da
comunicação em geral. Para ilustrar sua opinião, Renato
Comunicação \\
Software do Brasileirão
opera iPhone é um exemplo
do que o mercado deverá
criar para uma melhor
comunicação via mobile
lembra o exemplo do aplicativo do Campeonato Brasileiro
de Futebol para iPhone, patrocinado pela marca Nova
Schin e projetado pela própria Finger Tips. De acordo com
dados colhidos pela companhia, o programa já foi baixado
mais de 40 mil vezes em três meses, e a média de
tempo que seus usuários gastam com o aplicativo é de
15 minutos por dia. “Que outro meio de comunicação
pode hoje oferecer a seu anunciante uma visibilidade tão
grande?”. Segundo Gosling, essa tendência também deve
se repetir no Android, sistema operacional para
smartphones com participação do Google e que, na
opinião do especialista, deve receber uma aprovação
rápida e já bombar em 2010.
Outro ramo que deve ganhar mais atenção nos
próximos meses é a incorporação das redes sociais às
plataformas móveis, algo que Gosling já vê consolidado,
até pelo fato de muitas pessoas twitarem e acessarem
mídias sociais só pelo telefone, além de um maior espaço
aos pagamentos de bens e serviços
pelo celular. De acordo com o
especialista, existem grandes
possibilidades desse tipo de transação
financeira se intensificar já no fim de
2010. “Tecnicamente, o mercado já
está pronto para esse tipo de
interação, mas ainda é necessário ter
calma”, afirma, ressaltando que o fato
de ter a tecnologia à disposição não
significa pronta adesão do público.

Mídias sociais
Principal porta de entrada de
novos usuários da internet e foco da
atenção de quem já utiliza a grande
rede há algum tempo, as redes
sociais são hoje objeto de estudos e
fascínio por parte de corporações e
Facebook \\ Segundo o diretor executivo do site Videolog, Edson Mackeenzy, vamos presenciar a especialistas no assunto. Com o
luta do Orkut para se modernizar contra o Facebook, que traz conceitos mais modernos Twitter como a grande febre de 2009

locaweb 25
Tendências:W2008 7/12/2009 15:13 Page 26
Tendências 2010
* FOMOS PIONEIROS COM CLOUD
COMPUTING NO PAÍS. ISSO NOS
POSSIBILITOU SAIR NA FRENTE DOS
CONCORRENTES E CONQUISTAR UM
NÚMERO SIGNIFICATIVO DE PROJETOS QUE
UTILIZAM AS SOLUÇÕES DE COMPUTAÇÃO
EM NUVEM. ACREDITAMOS QUE O
PRÓXIMO ANO SERÁ BASTANTE AQUECIDO.
Gilberto Mautner, Presidente da Locaweb.
Twitter \\ Grande febre de 2009, o microblog deve amplificar seu uso para
a capitalização de recursos por parte das empresas ao longo de 2010
e sua habilidade como verdadeiro filtro de informação
qualificada, todos se perguntam qual será o próximo
passo das mídias sociais.
Se no início as mídias sociais incluíam todos de forma
indiscriminada, hoje há um movimento de limitação e
qualificação delas. Mas, afinal de contas, qual deve ser o
futuro das mídias sociais: ampliar ou restringir? “Acho que
teremos ambas as vertentes: redes mais filtradas e mais
abertas ao mesmo tempo. Por um lado, uso de redes
específicas verticais mais fechadas. Por
outro, redes abrangentes e abertas voltadas
mais para o social e para o lazer”, afirma
Michel Lent Schwartzman.
Na parte de aplicativos e funções, Edson
Mackeenzy acredita que os vídeos pessoais
continuarão ganhando espaço nas redes
sociais. “Em 2004, fui chamado de louco por
apostar no vídeo como o futuro da web.
Hoje, conheço muitas pessoas loucas para
por pelo menos um vídeo em seu site. É
neste mercado que eu vou continuar
apostando, em um ambiente simples,
26 locaweb
COMUNICAÇÃO
EM TEMPO REAL
intuitivo e claro, em que uma pessoa comum e o melhor
dos cineastas estão a um clique de serem iguais,
separados apenas por talento e criatividade”, profetiza.
Outra tendência é que as redes sociais agrupem cada
vez mais pessoas de gosto semelhante. “O usuário que hoje
se divide entre redes sociais irá se organizar cada vez mais
em comunidades de interesse comum, formando
organizações com poderes incríveis. Imagino que essas
comunidades podem começar a ser como sindicatos e
cooperativas sérias”.
E qual será a nova menina dos olhos das redes sociais?
Com a possibilidade de interação e comunicação em tempo
real, via som, imagem, vídeo, filtragem de informações por
meio do RSS e do Twitter e o lado divertido dos aplicativos,
Michel Schwartzman acredita que o próximo passo das
redes sociais é juntar tudo em um só serviço. “Acho que a
próxima coqueluche será uma integração ainda maior de
plataformas: Orkut dentro de Facebook, Twitter em formato
'nugget', to go, para ser embedado em diversas localidades.
Acho que vamos caminhar para uma despersonalização dos
endereços das plataformas. O site ou endereço será menos
relevante que o serviço e sua marca”, analisa.
Já para Mackeenzy, 2010 será um ano de embates e de
consolidação de usuários nos principais serviços. “Vamos
presenciar a luta do Orkut para se modernizar contra o
Facebook. Também acredito que o Twitter será abandonado
pelas celebridades,
que não acharão
mais graça em se
autobigbrothear”,
finaliza.
Orkut \\
Especialistas apontam que
deverá ocorrer uma
integração maior entre as
redes sociais, com o novo
Orkut, por exemplo, alocado
dentro do Facebook
artigo_ester_design:W2008 13/11/2009 19:15 Page 27
opinião/articulista
SEO Wireframing e
SEO Mind Mapping
Confira algumas dicas para webdesigners planejarem o layout
na hora de construir um site com visão global de SEO
A sigla SEO significa Search Engine Optimization e
engloba um conjunto de ações que tem por objetivo
melhorar o posicionamento de um site nos resultados da
busca orgânica (natural) de sistemas de pesquisa, como o
Google. Se você está em fase de reconstrução de um site,
está projetando um site novo ou pretende fazer uma dessas
duas coisas, pode incluir no wireframe seu projeto de SEO
na etapa de concepção e modelagem do site. Isso serve
como guia para webdesigners projetarem o layout e
construírem o site. Também facilita ter uma visão global de
seu projeto SEO.
Seguem alguns passos para estabelecer um bom
projeto de SEO:
• Identifique a função principal de cada página, se é
de vendas, serviços, informações.
• Pesquise e identifique as palavras-chave que têm
alta relevância para o conteúdo da página. Essas
palavras-chaves serão implementadas no caminho de
pão (breadcrumb), título, meta-tags de descrição da
página (description meta-tag) e palavras-chaves
(keywords meta-tag).
• Crie o wireframe de navegação usando essas
palavras-chaves para compor a URL amigável
mantendo as informações mais relevantes no
primeiro e no segundo níveis de diretórios. Ex:
www.meusite.com.br/informatica/notebook
design
Éster Razzo
Analista de Desenvolvimento
de Software da Locaweb
ester.razzo@locaweb.com.br
Se você também utiliza algum serviço de análise web,
como o Google Analytics, pode ser útil incluir tracking
codes (códigos de rastreamento) no wireframe para analisar
se o fluxo de funilamento que deseja fazer está correto ou se
faz sentido. Também pode visualizar os pontos importantes
de uma página, seu fluxo de navegação e checar se existe
uma conversão interessante de ser rastreada.
Uma ferramenta ótima para fazer wireframes é o Axure,
muito utilizado por arquitetos da informação. O único
inconveniente é ser paga. No site oficial, existe uma versão
trial disponível para download.
Outras ferramentas para wireframes:
• Gliffy (online) • Smartdraw (Win)
• Justinmind (Win / Mac) • OmniGraffle (Mac)
Outra dica legal para organizar suas ideias e projetos SEO
é usar mind maps (mapas mentais). É um recurso muito
prático, no qual as ideias são agrupadas em torno de um
assunto central e, a partir dele, é possível desenvolver os
conceitos que quiser.
O legal de usar mind maps é que eles proporcionam uma
visão geral de seu projeto e facilita a tomada de decisões.
Uma ferramenta free e online é a mindmeister. Confira no
site www.mindmeister.com.
Outras ferramentas para mind maps:
• Smartdraw (Win) • Visual Mind (Win)
• Conceptdraw (Win / Mac) • Xmind (Win / Mac / Linux).
locaweb 27
Matéria de Capa:W2008 7/12/2009 15:02 Page 28
O aumento da participação
de empresas em mídias
sociais traz à tona questões
como o valor das métricas
oferecidas por agências de
publicidade e plataformas da
web. Tudo isso num universo
construído a partir de novos
modelos de relacionamento
entre empresa e consumidor.
Especialistas em internet
discutem as técnicas
mais adequadas para
investimento nessas
comunidades online
28 locaweb
Por Luciano Delfini
P
esquisas afirmam que o número de brasileiros que
aderem à internet aumenta a cada mês. De acordo
com dados recentes do Ibope Nielsen Online
(www.ibope.com.br), por exemplo, divulgados em outubro,
houve um crescimento de 5% na quantidade de pessoas
com acesso à web de julho para agosto de 2009, atingindo a
marca de 47 milhões de cidadãos que já podem navegar
pelo universo online de casa, do trabalho ou de qualquer
outro local. O número de usuários ativos da internet
também não fica atrás; no mesmo período analisado, o
aumento foi de 2,3%, o que totalizou, em apenas um mês,
37,7 milhões de brasileiros que aproveitaram o espaço virtual
de variadas maneiras e com os mais diversos propósitos.
A força que o território online vem adquirindo no País
também pode ser conferida no relatório Wave 4 – Power to
the People (www.universalmccann.bitecp.com/
wave4/Wave4.pdf), produzido anualmente pela empresa
norte-americana Universal McCann (www.universal.
mccann.com) e que já está em sua quarta edição
(a primeira saiu em 2006).
Matéria de Capa:W2008 7/12/2009 15:03 Page 29

* NO FUNDO, TUDO SE RESUME A UM

CANAL DE CONTATO MAIS DIRETO COM O
PÚBLICO E É POR AÍ QUE AS CORPORAÇÕES
PRECISAM ENCARAR AS NOVAS FERRAMENTAS
Marcelo Coutinho, professor da Fundação Getulio Vargas (FGV) e
consultor de análise de marcado

*O
ESPE ORKU
C TP
FUN ÍFICAS EDE M
QU
Raq C
uel ION E N ÉTRICA
pós- ecue AR
N ÃO VÃ S
R
grad r
uaçã o, profe O T
o em ssora WIT O
Fede etras da progra TER
L do
ral U
da P niver ma
de
araí s
ba ( idade
UFP
B)

locaweb 29
Matéria de Capa:W2008 7/12/2009 15:03 Page 30

Mídias Sociais

Os mais populares, entretanto,

são os vídeos em sites de
compartilhamento, assistidos por
93% dos usuários ativos da web no
Brasil, entre 2008 e 2009. Dados
também divulgados no Wave 4.
Tantos números são capazes de
explicar o aumento de interesse do
mundo corporativo nesse território
virtual. É um interesse crescente que
carrega com ele a necessidade de
aproveitar os sistemas de métrica
mais adequados que analisam o
impacto gerado e o retorno que
pode ser colhido pelas empresas
com os investimentos em mídias
sociais online.
Raquel Recuero (HTTP://
pontomidia.com.br/raquel),
Site do iBope \\ De acordo com a entidade, houve um crescimento de 5% na quantidade de pessoas
com acesso à web de julho para agosto de 2009, atingindo a marca de 47 milhões de cidadãos professora do programa de
pós-graduação em Letras da
O estudo divulgado este ano consultou 22.729 Universidade Federal da Paraíba (UFPB), concorda que o
usuários da internet em 38 países, incluindo o Brasil, no interesse pelas métricas deve crescer à medida que a
período de novembro de 2008 a março de 2009. A publicidade corporativa em sites de compartilhamento e
estimativa final revelou que o universo de usuários ativos em redes sociais se expandir. Mas a professora, que
da web, atualmente, é povoado por aproximadamente também é autora do livro Redes Sociais na Internet
625 milhões de pessoas no mundo com idade entre 16 e (Editora Sulina, 2009), destaca que as métricas mais
54 anos. Isso quer dizer, segundo o adequadas dependem muito do tipo de site analisado.
Wave 4, que um em cada 13 cidadãos do globo é usuário Raquel explica que os sistemas de métrica
ativo da internet, e um em cada três usuários em uma correspondem ao objetivo, ao valor, ao próprio produto
escala geral participa ativamente desse espaço online. (se é um aplicativo, uma marca etc.) e ao site de rede
Para o Brasil, o relatório de 2008/2009 da McCann social que se pretende analisar. “O Orkut pede métricas
aponta um total de 21,9 milhões de usuários ativos da específicas que não vão funcionar no Twitter, e nem toda
web. Desses, 50,06% métrica usada no Twitter pode atingir a meta da
compartilham vídeos online e *BOT corporação. Por exemplo, o número de seguidores, que
15,6 milhões mantêm perfil em Diminutivo da palavra pode ser uma medida falseada pelos milhares de bots e
inglesa “robot”. Dispositivo
redes sociais, o que representa scripts que existem na web”, destaca a professora.
concebido para simular
uma fatia de 72% dos usuários ações humanas; pode ser
ativos. E se a audiência é um utilitário que ROI, um conceito polêmico
importante para quem pensa desempenha tarefas Quando se discute um sistema que mensura o
em criar um perfil em uma rede rotineiras ou, num game, investimento corporativo em novas mídias, o tema
um adversário com recurso
social, os dados do relatório perpassa por um termo já bastante conhecido no
de inteligência artificial.
internacional mostram que 84% Também é usado para mercado publicitário: o ROI, sigla em inglês para a
dos usuários ativos da internet coordenar e operar um expressão “retorno sobre investimento” (return on
no País costumam visitar o ataque automatizado em investment). De acordo com o blog Mashable – The Social
perfil online de um amigo. computadores ligados em Media Guide, esse retorno é medido estritamente dentro
uma mesma rede
Ainda que tenha havido do contexto monetário, se calculado apenas a partir de
(HTTP://pt.wikipedia.
uma queda de 28% no número org/wiki/Bot). uma perspectiva financeira, mas seus princípios podem
de leitores brasileiros de um ou ser aplicados em qualquer tipo de investimento,
mais blogs, na comparação ao relatório de 2007/2008, a incluindo aquele sem propósitos financeiros.
quantidade de usuários ativos que se tornaram esses Sergio Wurschig de Oliveira, analista de projetos e
leitores online aumentou de 12 para 13,5 milhões. novos negócios da TracerSoft Tecnologia e Sistemas,

30 locaweb
Matéria de Capa:W2008 7/12/2009 15:03 Page 31

Mídias Sociais

define o retorno sobre *BLOG Site Mashable \\

investimento como um conjunto MASHABLE Editores da página
defendem que retorno do
The Social Media Guide
de métricas capaz de avaliar o investimento (ROI) em
avalia o retorno sobre marketing, por meio de
resultado dos investimentos do investimento pela fórmula redes sociais, é medido
cliente em uma determinada matemática (X - Y) / Y, em estritamente dentro do
mídia, campanha ou ação de que X é o valor final e Y o contexto monetário
marketing. Contudo, o analista valor inicial aplicado pela
empresa. Em outras
explica que ainda não há um
palavras, se o investimento
modelo exato para se mensurar foi de cinco dólares e a
o retorno sobre o investimento empresa encerrou a
em marketing ou a participação campanha com 20 dólares, o
em redes sociais. “Não existe ROI deve ser calculado assim
(20 - 5) / 5 = 3; ou seja, o
uma forma precisa de
retorno foi de três vezes
cruzamento de informações que sobre o investimento inicial
possa determinar, por exemplo, (HTTP://mashable.com/2009
para X reais investidos Y /10/27/social-media-roi).
produtos vendidos”.
Sergio entende o conceito ROI (ou ROE - retorno por
engajamento) muito mais como um “retorno sobre
influência”, que pode ser traduzido como o impacto que
uma marca causa dentro das comunidades, a
quantidade de seguidores que é capaz de reunir e, acima
de tudo, quantos desses seguidores são influenciados de
fato. Complementando a ideia, Marcelo Coutinho,
FGV \\ Professor da fundação acredita que métricas como “audiência”,
professor da Fundação Getulio Vargas (FGV) e consultor “custo por mil” e “recall” também são importantes para as novas mídias
de análise de marcado, descreve o retorno sobre
influência como um conjunto de métricas estabelecido propaganda. Segundo ele, métricas como “audiência”,
para avaliar como os consumidores estão dialogando ao “custo por mil” e “recall”, amplamente aplicadas para
redor de determinada marca ou assunto. Ele destaca que calcular o retorno sobre o investimento em mídias
o termo “influência” serve para chamar atenção para o tradicionais, também são importantes para as novas
fato de que, em um novo sistema de comunicação, as mídias. Porém, devem ser complementadas por outros
empresas não podem usar apenas as velhas métricas da indicadores, como a quantidade de pessoas que
interage em uma comunidade
ou blog, em relação ao número
total de participantes ou leitores
desse endereço.
“Talvez seja mais importante um
blog com 100 leitores, sobre o qual
50 comentam, do que um blog com
mil leitores e nenhum comentário”,
avalia Marcelo.
Raquel define o termo “retorno
sobre influência” como um dado
abstrato, geralmente difícil de
medir, enquanto o “retorno sobre
investimento” é mais prático e
material. “Ambos falam de retorno,
mas prefiro analisar a questão do
valor agregado pelo capital social,
que não necessariamente se traduz
Orkut pode fazer diferença \\ Comunidade no site pode ter 100 mil pessoas, mas se ela fica dias em retorno material imediato”,
ou semanas sem interação significativa entre integrantes, talvez não valha a pena a empresa ‘estar lá’ esclarece ela.

locaweb 31
Matéria de Capa:W2008 7/12/2009 15:03 Page 32

Mídias Sociais

Desafios pela frente

Para os especialistas em mídias
sociais é difícil contextualizar a
preocupação em mensurar o retorno
sobre investimento corporativo em
sites de compartilhamento e redes
sociais. Segundo Raquel, é menos
uma preocupação que nasceu do
mundo corporativo e mais uma
possibilidade que foi descoberta com
o tempo pelas agências de
publicidade. Na opinião da
professora, uma das coisas mais
interessantes da internet para a
mídia social é justamente a questão
dos “rastros”, ou seja, de permitir
que o retorno seja mensurado de
forma mais rápida em cada ação
realizada na rede. “Assim, a gente
Página da Mzinga \\ Consultoria afirma que 86% dos profissionais entrevistados em uma pesquisa,
consegue perceber informações de diferentes setores corporativos, já adotaram algum tipo de mídia social em seus negócios
fundamentais para as
corporações, tais como o buzz *BUZZ tempo, deve-se levar em conta que a “explosão” dessas
gerado em torno de uma marca, É o termo usado para mídias se deu de forma muito rápida, sendo um fato
as impressão construídas em definir uma nova estratégia muito recente a partir de uma ótica corporativa. “É um
torno dela etc. Essas coisas são de marketing, que encoraja mercado que ainda está se descobrindo. As empresas
indivíduos a repassar uma
preciosas porque permitem afinar mensagem para outros,
perceberam rapidamente o potencial de segmentação
campanhas, direcionar esforços e criando potencial de desse tipo de mídia e entraram para aproveitar a nova
identificar problemas que podem crescimento tanto na oportunidade”. Para o analista, o problema apareceu
ficar maiores”. Post divulgado em exposição como na porque as redes sociais não estavam preparadas para o
setembro no blog Mashable – The influência da mensagem. modelo de negócio corporativo, e não dispunham de
Também define ideias que
Social Media Guide revela que se espalham nos e pelos
ferramentas que pudessem mensurar os resultados de
84% das plataformas de mídia próprios segmentos investimentos corporativos dentro das mídias sociais.
social não mensuram o retorno interessados, de forma Como já observado no início da matéria, Raquel acredita
sobre investimento. O texto cita espontânea ou planejada que as empresas irão procurar cada vez mais as métricas
um estudo realizado pela por um agente externo para analisar seu impacto em mídias sociais. Porém, ela não
(HTTP://pt.wikipedia.
consultoria norte-americana org/wiki/Buzz_marketing).
arrisca afirmar que esse interesse possa ser o mesmo entre
Mzinga, em parceria com a os sites de compartilhamento e de redes sociais. A
Babson Executive Education, o qual mostra que 86% dos professora lembra que muitas plataformas já dispõem de
profissionais pesquisados, em diferentes setores seus próprios métodos de métrica para uso interno, como o
corporativos, já adotaram algum tipo de DAU (daily active users ou usuários ativos por dia) e o MAU
mídia social em seus negócios. No entanto, segundo (monthly active users ou usuários ativos por mês), entre
o mesmo estudo, 41% desses profissionais não sabem outros. “Mas não sei se há interesse em agregar isso como
se as ferramentas sociais usadas medem o ROI serviço. O Twitter, por exemplo, tem aplicativos que podem
(www.mzinga.com). ser usados para medir o retorno para corporações”. Raquel
Na opinião de Sergio, essa lacuna aberta entre a lembra ainda que a versão “Premium” que os fundadores
participação em novas mídias e o pouco conhecimento do microblog alegam lançar em breve, e que será paga,
em relação às ferramentas que mensuram o retorno sobre talvez possa agregar algumas dessas métricas.
investimento deve ser encarada de duas maneiras No território online, é comum se deparar com
complementares. Ele avalia que, primeiramente, é observações que nos levam a pensar que a publicidade
necessário entender que novas mídias como sites de e a comunicação corporativa para novas mídias estão
compartilhamento e redes sociais nasceram com foco no mais voltadas à construção de um relacionamento
usuário da web e não no mundo corporativo. Ao mesmo duradouro com o consumidor.

32 locaweb
Matéria de Capa:W2008 7/12/2009 15:03 Page 33
Marcelo completa o coro afirmando que “mídia
social não é mídia, é relacionamento social”. Para o
professor da FGV, isso significa que, antes de pensar na
exposição da marca, o anunciante deve pensar na
relevância dos serviços que a marca pode prestar para
o consumidor. Segundo ele, uma marca é, antes de
tudo, informação e a “moeda” que circula nas redes
sociais digitais é informação, seja ela no formato de
conteúdo, música, aplicativos ou games. “Os
consumidores não estão nesse tipo de mídia para se
relacionar com marcas, estão para se relacionar com
pessoas com interesses em comum”.
Com uma realidade que parece distinta das ações
tradicionais de comunicação corporativa, Marcelo avalia
que a estratégia de ocupação do espaço virtual deve
privilegiar iniciativas que permitam aos consumidores
encontrarem pessoas com interesses parecidos e
compartilharem informações entre si. Ele cita, como
exemplo, o caso da Nike, que criou um site em que o
público praticante de corrida pode se relacionar entre si.
A plataforma oferece ferramentas para que as pessoas
criem grupos de corrida, comparem suas performances
e organizem eventos, por exemplo. Por meio de um
aplicativo para iPod, os corredores também podem usar
dados gerados pelo monitoramento de suas próprias
provas (HTTP://nikerunning.nike.com). De acordo com o
professor da FGV, o resultado que a Nike obtém é
indireto, não pela exposição da marca no sentido
clássico da expressão (propaganda), mas pelo prestígio
que ela ganha entre seu público-alvo.
Mídias Sociais
Definição de métricas para
anúncios em mídias sociais
O Interactive Advertising Bureau (IAB), entidade norte-americana que
reúne empresas de mídia e tecnologia, publicou este ano um
documento especificando as definições padrão para métricas em
mídias sociais. Segundo a entidade, a proposta do trabalho é definir
essas métricas suplementares a partir do crescimento no número de
serviços oferecido por agências de publicidade a seus clientes para
medir o retorno sobre investimentos. A íntegra do documento,
disponível somente em inglês, está em www.iab.net/media/file/
SocialMediaMetricsDefinitionsFinal.pdf.
Sergio lembra que alguns procedimentos devem ser
levados em conta no planejamento de inclusão de uma
empresa em uma mídia social digital. “A empresa deve
falar algo que realmente interessa ao consumidor, nunca
se deixando acomodar simplesmente com ações de
marketing; a empresa deve colocar o cliente no controle,
ou seja, deixá-lo decidir sobre uma nova campanha, sobre
a criação de um slogan, ou até mesmo aumentar o
envolvimento do consumidor em um processo de decisão;
finalmente, ela deve usar as mídias sociais para gerar
valores e serviços”, ensina o analista.
Ao considerar alguns procedimentos na estruturação
de uma campanha voltada às novas mídias sociais, a
empresa pode evitar um possível resultado negativo.
Sergio lembra que estudos já demonstram que
corporações que entram nas redes sociais simplesmente
Ao lado \\ NikeRunning é a plataforma da
empresa esportiva que oferece ferramentas para
que as pessoas criem grupos de corrida,
comparem suas performances e interajam
Abaixo \\ O Interactive Advertising Bureau,
entidade norte-americana ligada a publicidade,
publicou documento especificando definições
padrão para métricas em mídias sociais
locaweb 33
Matéria de Capa:W2008 7/12/2009 15:03 Page 34

Mídias Sociais

com o objetivo de divulgar suas ações de marketing

causam impactos negativos, completamente opostos ao
objetivo inicial. “Os usuários de redes sociais digitais
valorizam e seguem empresas que optam pela interação,
pelo compartilhamento de informações e conteúdos
interessantes e relevantes; empresas que demonstram
interesse e respeito pelo perfil de seus consumidores”.
Para o analista, o grande desafio que surge diante das
corporações é manter sempre um conteúdo atualizado,
concentrado na segmentação, para incentivar os usuários
na prática da leitura dos posts e fazer com que eles
interajam por meio de comentários, conversas e outros
posts. “É preciso entender que as redes sociais são grandes
ferramentas de diálogos abertos entre usuários e
empresas, e essa conversa quanto mais franca, honesta, Facebook \\ Ainda não há uma forma definitiva de avaliar o quanto é
interessante e constante, maior a possibilidade de rentável divulgar uma empresa em redes sociais, como no popular Facebook
fidelização do consumidor em relação à marca”, diz Sergio.
Um relacionamento “duradouro” só pode ser formal de relacionamento. Mercados são conversações e
entendido a partir de um diálogo contínuo entre as meu conselho é nunca começar uma conversa sem que
partes. E Marcelo reforça essa ideia ao afirmar que as esteja preparado para levá-la adiante e para ouvir coisas
mídias sociais permitem gerar uma conversação constante que podem não ser muito agradáveis sobre seu produto
em todas as etapas do processo de venda de um produto, ou serviço”.
“desde o levantamento das informações sobre a marca até A questão da construção de um relacionamento com o
características do produto e dos serviços de pós-venda”. O consumidor também é apontada pela professora
consultor lembra que os consumidores operam esse universitária. Raquel diz que o mais importante é que a
diálogo por meio de comentários deixados em empresa entenda claramente que as mídias sociais estão
comunidades que discutem as empresas, os quais vão concentradas justamente nesse envolvimento com os
desde o “eu odeio...” até o “eu adoro...”. Para Marcelo, usuários. “No fundo, tudo se resume a um canal de contato
uma das principais lições aprendidas até o momento é mais direto com o público e é por aí que as corporações
que as pessoas usam as mídias sociais, sobretudo, para precisam encarar as novas ferramentas. É por meio desse
falar de si e de seus interesses, e não
necessariamente do que consomem.
“Portanto, qualquer presença das
organizações nesse espaço deve ser
pensada por meio da conexão de
produtos com os interesses dos
consumidores, e não somente
pela exposição de suas qualidades
e diferenciais”, avalia o especialista.
Ao lembrar que os consumidores
estão nas redes sociais da web para
falar sobre o que lhes interessa e
não sobre o que interessa à própria
empresa, Marcelo ressalta que as
ações de comunicação corporativa
em novas mídias digitais são mais
difusas, caóticas e velozes do que a
comunicação tradicional. “Não é
uma decisão que cabe à empresa,
pois os consumidores já estão
falando dela, independentemente Recepedia \\ Exemplo de estratégia bem-sucedida sob um novo formato de comunicação; iniciativa
da existência de um programa apresenta marca como um elemento que permite a conexão de pessoas com interesses em comum

34 locaweb
Matéria de Capa:W2008 7/12/2009 15:03 Page 35
relacionamento que se constrói influência, feedback,
relevância e capital social para a marca, empresa ou
instituição”, analisa. Como se pode notar, as dificuldades
surgem à medida que os objetivos vão se tornando claros.
Na opinião do professor da FGV, mídia social dá trabalho e
requer um planejamento muito mais dinâmico do que as
campanhas tradicionais. “Mas não estar nesse espaço pode
significar que sua marca simplesmente desapareça da
cabeça do consumidor antes mesmo que ele decida por um
concorrente, principalmente, no caso de empresas que
possuem parcelas expressivas de consumidores entre o
público jovem”, avalia.
Marcelo aponta as campanhas “Nikeplus”, da Nike
(HTTP://www.nikecorre.com.br/tag/nikeplus), e “Recepedia”,
da Unilever (HTTP://www.recepedia.com), como exemplos
de estratégia bem-sucedida nesse novo formato de
comunicação. De acordo com o especialista, tais iniciativas
apresentam suas marcas como um elemento que permite
a conexão de pessoas com interesses em comum –
praticantes de corrida ou interessados em gastronomia –,
nas quais as menções aos produtos aparecem de forma
geralmente implícita.
Cada métrica em seu lugar
Com tantas particularidades norteando a relação
entre público e empresa nas mídias sociais digitais,
consequentemente torna-se mais complexa a procura
pelo sistema de métrica mais adequado aos objetivos e
interesses de cada marca ou produto. Aqui vale lembrar
o que Raquel menciona no início da matéria quando
Mídias Sociais
Ao lado \\ comScore chama atenção para o
fato de que, no Brasil, sites de compartilhamento
de vídeos e conteúdos são as plataformas que
apresentam as mais altas taxas de crescimento
afirma que as métricas só podem
ser consideradas adequadas se
levarmos em conta diferentes
fatores, entre eles, o objetivo da
empresa ao mensurar um ROI, os
valores que estão em discussão, o
produto em si e os sites de rede
social que as corporações querem
definitivamente analisar.
Sergio recorre à mesma linha de
raciocínio e afirma que cada
empresa deve ser trabalhada de
forma diferente. Segundo o analista,
o serviço que mensura o ROI deve
ter como base os tipos de métrica
que serão usados e como será
medida a participação da marca
dentro de uma ou mais comunidades. Ao buscar uma
ferramenta que irá medir o retorno sobre o investimento,
Sergio lembra que a empresa deve avaliar pontos como:
*Participação na rede por meio de medição de
leitura de conteúdos
*Quantos usuários estão lendo um determinado
post e quem são eles
*Origem desses posts
*Tempo de navegação
*Conteúdo mais visualizado em um
determinado endereço
*Taxa de rejeição a um post específico
*Quantidade de interações por meio
de comentários ou contribuições
*Número de vezes que o conteúdo
foi colocado como “favorito”
*Quantos cadastros existem para o RSS
*Número de seguidores ou membros de uma
comunidade e quantos são realmente
ativos e exercem influência dentro da rede
locaweb 35
Matéria de Capa:W2008 7/12/2009 15:03 Page 36
Mídias Sociais
Todo esse caminho a ser percorrido com o usuário da
internet está diretamente ligado ao fato de que, atualmente,
como destaca Sergio, dentro do ambiente de colaboração
existem ferramentas que permitem que os próprios usuários
classifiquem determinados produtos e serviços. Em outras
palavras, os internautas viram formadores de opinião. Além
disso, devem ser levadas em conta as métricas já bem
aceitas no mercado, entre elas, medição de visualização,
taxa de conversão e cliques, todas em tempo real. “Nesse
sentido, podemos mensurar tanto a qualidade dos
comentários em relação a uma marca, a um produto ou
serviço quanto o número de interações realizadas”.
Vale lembrar que o território online, como qualquer
outro segmento da sociedade, é povoado por formadores
de opinião, os quais se convertem em verdadeiras métricas
para a análise de resultados. Nesse contexto, deve ser levada
em conta a expressão “whuffie”, descrita como toda troca
que não envolve dinheiro – pelo menos não envolvia
quando surgiu –, mas sim reputação e capital social. Essa
espécie de “moeda” traduz o retorno de uma reputação
criada na internet e que ultrapassou as barreiras do universo
virtual e foi parar no mundo real. De acordo com Sergio, a
construção dessa “importância” se baseia em ações
positivas e negativas e em contribuições para a
comunidade online. “O whuffie mostra muito o que as
pessoas pensam de você. Dessa forma, o peso de seus
whuffies é dado por suas interações com comunidades
e indivíduos. Dentro desse conceito, vejo o whuffie
como uma métrica importante para consulta de retorno
sobre investimentos”, esclarece o analista.
Marcelo garante que o mercado oferece diversas
ferramentas pagas para realizar ações de monitoramento,
bem como inúmeros softwares gratuitos de métrica. Basta
uma boa pesquisa na web. Porém, o consultor de mercado
alerta para o fato de que o mais importante é reconhecer e
discutir os objetivos de uma empresa para que possam ser
supridos pelas métricas. “Sem uma boa análise, os
resultados produzidos por esses tipos de serviço são pífios,
descrições numéricas de fenômenos qualitativos resultantes
das interações sociais”.
Novas mídias, novos impactos
A pesquisa Trust Barometer 2009 realizada pela
Edelman, empresa de origem norte-americana que atua
no segmento de Relações Públicas (www.edelman.com),
mostra que os jovens que vivem nos Estados Unidos
apontam a Wikipedia como a segunda fonte com maior
credibilidade para informações sobre uma empresa. O
mesmo levantamento revela que blogs, sites de
compartilhamento de vídeos e outras comunidades
online já superaram a propaganda tradicional no que diz
respeito à credibilidade.
36 locaweb
Fontes como Ibope Nielsen Online, Google Ad
Planner (www.google.com/adplanner) e comScore
(http://tinyurl.com/y9kghba) chamam atenção para o fato
de que, no Brasil, sites de compartilhamento de vídeos e
conteúdos são as plataformas que apresentam as mais
altas taxas de crescimento. Segundo uma dessas fontes –
o Ibope –, a audiência desse tipo de endereço já
ultrapassou a de sites de e-mail, por exemplo. Soma-se a
isso a posição de liderança ocupada pelo Brasil no que se
refere ao tempo de navegação, também de acordo com
dados do Ibope. No mês de julho, por exemplo, o tempo
médio gasto na web atingiu as marcas de 71 horas e
30 minutos na contagem geral, incluindo aplicativos, e
48 horas e 26 minutos levando em conta apenas
navegação em páginas.
Ao se deparar com estatísticas tão favoráveis para o
universo online, logo vem à tona a discussão sobre
possíveis impactos causados por tais mudanças nas ações
tradicionais de comunicação corporativa, uma vez que a
web atrai um número cada vez maior de usuários.
Segundo o professor da FGV, é muito difícil prever
qualquer tipo de transformação porque o investimento
publicitário na internet corresponde, de acordo com
dados do Nielsen Online, a apenas 4% do orçamento
total reservado à publicidade.
Wikipedia \\
Pesquisa revela que os
jovens que vivem nos
Estados Unidos apontam a
enciclopédia como a
segunda fonte de maior
credibilidade para
informações gerais
Google Ad Planner \\ De acordo com fonte, a web já é, nos Estados
Unidos, cerca de 30% maior do que a TV a cabo, em termos de alcance
Matéria de Capa:W2008 7/12/2009 15:03 Page 37

Mídias Sociais

Marcelo recorre a outro dado

levantado pelo Ibope para reforçar a
tese de que existe uma inércia muito
grande com relação a atitudes
empresariais mais proativas no
espaço online: hoje, a web já é pelo
menos 30% maior do que as TVs a
cabo ou por assinatura.
Marcelo acredita que não há um
movimento estruturado por parte do
mundo corporativo no que diz
respeito a grandes ações de
comunicação em novas mídias. Na
visão do consultor, as empresas
reagem às mudanças no ambiente ao
seu redor, mas não influem sobre
essas transformações. “Tenho
realizado workshops sobre
comunicação mercadológica nesse
novo ambiente e o que percebo é um
Twitter\\ Investir em novas mídias, como no site de microblogging, exige muito planejamento; mas se
grande desejo de algumas áreas da a empresa não se enveredar na iniciativa, corre o risto de desaparecer da mente do consumidior
empresa em investir nesse segmento,
enquanto outras resistem”. A professora reconhece que existe uma tendência em
Marcelo alerta para o fato de que as relações entre investir em novas mídias, até pelo fato de representar um
empresa e consumidores se tornaram mais simétricas e que orçamento relativamente baixo, para um bom potencial de
isso pode acarretar perda de parcela de poder corporativo capital social que pode ser agregado a uma marca ou
no relacionamento. “Não posso afirmar quem perderá, se o produto. E, segundo ela, grande parte das agências já agrega
departamento de marketing, de relações públicas, jurídico esse tipo de ação junto com as campanhas ditas tradicionais.
ou de serviço de atendimento ao consumidor (SAC). O Mas onde entram as métricas nesse universo baseado
desafio é que o poder de comandar a relação de consumo em construções de diálogos duradouros com potenciais
não está ligado a um concorrente específico, mas a uma consumidores? Sergio avalia que a questão mais importante
rede difusa de consumidores. Assim, as empresas investem, na discussão sobre impactos, ou não, no modo de
mas não na mesma proporção em que mudou o comunicação corporativa com o público está justamente no
comportamento do consumidor”. poder das métricas. O analista levanta a seguinte questão:
“quanto você paga por um anúncio em um jornal com base
Ameaça? na quantidade total de leitores (em que não existe a
As oportunidades que o universo online oferece ao garantia de leitura) ou em um anúncio de TV, o que se paga
mundo corporativo não são vistas por Raquel como por audiência (a TV pode estar ligada, mas o consumidor
ameaças às campanhas publicitárias “analógicas”. A pode estar fazendo outras atividades)?”. Para ele, a diferença
professora avalia que a atenção voltada às ações de está no fato de que, em mídias online, a empresa consegue
comunicação em mídias tradicionais pode até se precisar com segurança o retorno de seu investimento. “A
fragmentar um pouco, mas muito dificilmente serão publicidade, que antes tinha um caráter comunicativo, passa
encaradas como ameaças. “Penso que há sim modos de a ter um caráter de diálogo, de relacionamento.
controlar um pouco melhor o feedback do processo de Acompanhando essa evolução, chegaremos ao fim da
comunicação nessas novas ferramentas, o que comunicação de mão única”, acredita Sergio.
representam uma oportunidade interessante para as Em outras palavras, o analista avalia que, hoje, com as
corporações. E essa oportunidade se dá, principalmente, mídias virtuais, as marcas já não possuem mais o controle da
como canal de diálogo, de atenção direta para com o comunicação sobre seus produtos. Para ele, esse controle está
consumidor. É preciso, assim, construir valor com essas nas mãos dos consumidores. “Isso não quer dizer que as
ferramentas. E o capital social não é construído só de um mídias tradicionais deixarão de existir, elas terão de se adaptar
lado, mas pela interlocução entre empresa, instituição, a essa nova realidade e encontrar formas novas de integração
público”, analisa. com esse novo universo que começa a despontar”.

locaweb 37
Eleições:W2008 13/11/2009 17:42 Page 38
Eleições:W2008 7/12/2009 15:24 Page 39

SiteXBlog

leições
E nos
tempos
Com as novas alterações da lei
eleitoral, as campanhas de 2010
serão amplamente discutidas na
web. Até o marqueteiro de Barak

de Obama participará das estratégias

online aplicadas no Brasil

internet Por Leonor Ribeiro

O
Brasil reúne atualmente mais de 64,8 milhões de
pessoas conectadas à internet, segundo pesquisa
do IBOPE/Nielsen online. Apesar de significativo,
o número aponta que apenas 30% dos brasileiros estão
online, pois há 192 milhões de habitantes no País. Ou
seja, há fortes indicadores de que, embora ainda não
sejam maioria, há um enorme contingente de pessoas a
serem alcançadas via web.
De olho nesse potencial, os governantes recém
aprovaram as alterações na lei eleitoral que permitem
a atuação de sites jornalísticos, blogs, rede sociais,

* O voto já está meio

e-mail e mensagens de texto em celulares durante a
campanha eleitoral. O texto validado pelos senadores,
sedimentado pela mesmo em meio à grande polêmica, é considerado
bastante progressista e mantém apenas duas
questão geográfica. limitações: a proibição do anonimato aos jornalistas
e a garantia do direito de resposta para aqueles que
Afinal, quem se sentirem ofendidos.

realmente fala com o Para Beth Saad, professora titular do Departamento de

morador do interior
de Pernambuco, além
da televisão?
Morial Paiva, diretor de
criação da agência Talk Interactive
Jornalismo e Editoração da Escola de Comunicação e Artes
da Universidade de São Paulo (ECA-USP), a liberação da
cobertura web às eleições representa um verdadeiro
progresso. “Essa eleição, com a participação direta ou não
dos próprios candidatos, será bastante discutida nas redes
sociais – e replicada na sociedade –, porque agregam
volume importante de formadores de opinião e de ações
de cidadania”, explica. Na análise da especialista, a decisão

locaweb 39
Eleições:W2008 7/12/2009 15:23 Page 40

Eleições

beneficia diretamente muito mais os próprios políticos e //POLÍTICOS WEB 2.0: campanhas de 2010. Quem
candidatos que o processo eleitoral em si. A partir dela, 184 deputados federais acompanhou a experiência da
além de ficar definitivamente assegurada a livre 65 vereadores campanha presidencial norte-
manifestação do pensamento também em ambiente online, 32 senadores -americana em 2008, porém,
30 deputados estaduais
as campanhas eleitorais no Brasil terão a seu dispor as pode observar que a internet já
10 prefeitos
ferramentas do século 21. A grande questão é: os grupos 03 governadores figura entre as principais
políticos brasileiros estão preparados ou sabem usar os estratégias dos políticos.
novos dispositivos? % Partidos Exemplo disso é o PT
Ao analisar o nível dos debates prévios à aprovação da 20% PT (Partido dos Trabalhadores), que
16% PSDB
nova emenda pelo Senado, a conclusão é clara: os políticos investiu nos contatos com
14% Democratas
brasileiros têm pouca ou nenhuma familiaridade com as 13% PMDB Benjamin Self para desenvolver
novas ferramentas e isso certamente se refletirá nas 6% PSB as estratégias digitais de suas
5% PP futuras campanhas. Ben Self,
4% PDT como é mais conhecido, é o
3,7% PC do B
grande nome da Blue State
Dicas de Ben Self, o 17% Outros
Digital (BSD), agência
marqueteiro de Obama, Fonte: Politweets
responsável por desenhar a
para uma campanha campanha online de Barak Obama. A ideia é combinar a
bem-sucedida experiência bem-sucedida do profissional norte-americano
aos conhecimentos dos especialistas brasileiros.
Emocionar as pessoas
Esqueça clichês como “meu voto é do Esse alinhamento local é fundamental pois, embora o
fulano”. Na campanha de Obama, Brasil seja um verdadeiro recordista no tempo conectado
apareceram personagens como Charles, à internet - o usuário brasileiro navegou por 46 horas e
um idoso que ingressou na campanha 14 minutos, em média, durante o mês de agosto de 2009,
democrata. O depoimento dele e de
passando à frente de países mais desenvolvidos como
companheiros de trabalho no comitê, sem frases feitas ou condução
artificial, tem mais de meio milhão de visualizações no YouTube. Japão e EUA – e seja conhecido como um dos povos que
mais usam as redes de relacionamento no mundo, o
Buscar engajamento engajamento político com as ferramentas de internet,
A internet não é só persuadir pessoas, mas fazer com que se fundamental para o primeiro ano de uma campanha
engajem e trabalhem para o candidato. Cuidado para não tornar uma
online, é praticamente nulo.
competição de quantos amigos o candidato tem em uma rede social.
Para se ter uma ideia do cenário, segundo a
Construa relacionamentos Politweets (www.politweets.com.br), ferramenta que
Vídeos editados de forma simples, postados no YouTube, passavam contabiliza a participação de políticos no Twitter, até o
uma mensagem intimista da campanha. Um dos exemplos foi um momento, 324 políticos usam o microblog no País, dos
jantar entre Obama e alguns eleitores, cujo slogan é “conheça o
quais 66 são filiados ao PT, 52 ao PSDB e 46 ao DEM. Entre
verdadeiro Obama”. Na tela, aparecia um candidato descontraído
dando risadas, conversando com pessoas como você sobre os três mais seguidos estão o governador José Serra
assuntos que conversaria com seus amigos. (PSDB), seguido pelo senador Aloisio Mercadante (PT),
que têm capitaneado as discussões sobre o tema, e o
Transparência vereador paulista Gabriel Chalita (PSDB).
No melhor estilo “gente como a gente”, um organizador da campanha
Só de vereadores, porém, há mais de 7 mil no Brasil.
aparecia no escritório do comitê agradecendo os e-mails.
Assim, é fácil perceber que, embora a web 2.0 e suas
Ser autêntico ferramentas estejam ao alcance das eleições no País, ainda
Uma estratégia é tornar o e-mail de campanha pessoal, ou seja, uma há um longo caminho a ser trilhado por aqueles que
pessoa “fala” com o eleitor na mensagem. desejam usar a internet a seu favor nas eleições.
Conversar regularmente
É preciso manter contato. A primeira coisa é saber de onde a pessoa
vem e que assuntos ou interesses vocês têm em comum. * Se 5% dos eleitores mudarem seus
votos baseados em informações colhidas
Testar ferramentas e medir resultados
A campanha online permite testar tudo, passando pelo layout de na internet, (este grupo) poderá indicar
homepages até vídeos, ver o que dá certo e adaptar ferramentas quem irá para o segundo turno
e estratégias.
Marcelo Coutinho, professor da Fundação Getúlio Vargas

40 locaweb
Eleições:W2008 13/11/2009 17:44 Page 41
Abismo Digital
Outro fator inegável no Brasil é o enorme abismo
digital. Ainda que a participação dos que têm acesso à
internet tenha quase dobrado de 13% em 2002, para
cerca de 24% em 2009, cerca de 61% dos brasileiros
ouvidos pela pesquisa TIC Domicílios 2008, do NIC.br,
afirmaram nunca terem acessado a web.
O cruzamento dos dados do Tribunal Superior
Eleitoral com os números do Comitê Gestor da Internet
(CGI.br) indica que a participação dos eleitores com
acesso à rede atinge cerca de 30%. Mais do que isso,
segundo estudo conjunto entre o Centro de Altos Estudos
de Propaganda e Marketing da ESPM (Caepm) e o IBOPE
Inteligência, apenas 2% dos brasileiros se informaram,
principalmente, pela rede mundial durante as eleições
municipais de 2008.
Especialistas também apontam a interferência
da questão geográfica. “Sabemos que longe das
Qual é a receita do sucesso?
Certamente, os desafios são enormes, porém, as chances de
sucesso são igualmente promissoras. Seguindo o potencial de
influenciador das opiniões, a importância da internet nas eleições
no Brasil em 2010 estará concentrada, principalmente, na
capacidade de ativar eleitores orgânicos – “aquele com tendência
acima da média de mobilização”. Ou seja, aqueles capazes de
impulsionar o tradicional boca a boca, trabalhando o diálogo
transparente com eleitor.
Segundo Fernando Barros, presidente da agência de publicidade
e marketing político Propeg, nas campanhas é importante trabalhar
na customização das mensagens para públicos específicos. “É
preciso investir em estratégias criativas e inéditas, esquecendo os
boletins generalistas”, aponta o especialista.
Outro cuidado é evitar as estratégias chamadas de invasivas. De
acordo com pesquisa realizada pela Propeg com eleitores de São
Paulo, Salvador, Brasília e Belo Horizonte, a maioria dos eleitores de
classe C e D rejeita popups, e-mail marketing e newsletter de
campanhas políticas.
Já para o “guru” Ben Self, estrategista que esteve à frente da
campanha digital de Barack Obama e responsável pela arrecadação
de US$ 500 milhões pela internet, o fundamental é conhecer qual é o
real objetivo da campanha e ser pessoal. “É preciso ser relevante,
autêntico, transparente e estar disposto a quebrar barreiras, levantar
expectativas e mensurar tudo”, afirma o especialista,
complementando que não existe fórmula mágica para vencer. Confira
abaixo a entrevista concedida à Locaweb em Revista.
Locaweb: Em sua opinião, como a internet muda as campanhas
eleitorais e a própria maneira de fazer política?
Ben Self: Acredito que a internet permite que candidatos que
desejam criar uma nova campanha online se aproximem de seus
apoiadores de maneira diferenciada. Torna-os coparticipantes de sua
estratégia, ajudando-os a construir sua campanha online. Mas
é importante não centrar todos os esforços apenas na internet.
Deve-se ficar atento, pois muitas coisas acontecem fora dela em
uma campanha.
Eleições
capitais o acesso à internet é muito mais limitado.
Historicamente temos pessoas menos informadas. Por
isso, pode-se afirmar que o voto já está meio sedimentado
pela questão geográfica. Afinal, quem realmente fala com
o morador do interior de Pernambuco além da
televisão?”, questiona Morial Paiva, o diretor de criação da
agência Talk Interactive, responsável pelas ações online na
reeleição do prefeito de São Paulo, Gilberto Kassab.
Para o diretor, a internet terá um grande papel no
processo eleitoral ao longo de 2010, mas não será fator
decisivo para decidir uma eleição. Essa opinião também é
partilhada por Marcelo Coutinho, consultor e professor
de pós-graduação da Fundação Getulio Vargas.
Entretanto, o professor defende o poder do alcance da
mídia online. “Se 5% dos eleitores mudarem seus votos
baseados em informações colhidas na internet, (este
grupo) pode indicar quem irá para o segundo turno. Isso
é relevante”, finaliza.
Locaweb: Em termos de comunicação,
* Acredito que a
pensando no contexto de eleições, o que internet permite
funciona online e o que não funciona?
aos candidatos
Ben Self: Acho que as coisas que
funcionam online são as mesmas que que desejam criar
funcionam na vida real com as pessoas. uma nova
Ser honesto com as pessoas, campanha online
transparente e autêntico. Quando se aproximarem de
buscamos essa simplicidade, deixando de
seus apoiadores
lado o formalismo e trabalhamos com as
técnicas da comunicação real no de maneira
ambiente online, a mágica acontece. diferenciada
Locaweb: Que técnicas de comunicação podem ser valiosas durante
as campanhas eleitorais?
Ben Self: A primeira coisa é descobrir o que apaixona as pessoas. Você
pode usar a tecnologia para se conectar com as pessoas de uma outra
forma e construir algo maior do que achava que seria possível, algo
que possa ser chamado de movimento. Começando pelos e-mails, que
são básicos na comunicação via internet, pode-se começar a trocar o
tradicional press release por uma mensagem menos formal informando,
por exemplo, qual o montante arrecadado para a campanha, e convidar
o interessado em tomar parte da campanha, dentro de seu raio de
alcance, envolvendo-o no processo.
Locaweb: No Brasil, embora o acesso à internet cresça anualmente,
ainda não é universalizado. Há alguma estratégia especial para
atingir as classes menos favorecidas?
Ben Self: Trabalhamos em diferentes países e sabemos que cada
nação possui uma realidade diferente. Isto é, coisas que funcionam
para um país, precisam ser adaptadas para outros. Nossa estratégia
é sempre trabalhar com parceiros locais, o que nos ajuda a aplicar
as estratégias para diferentes situações políticas e econômicas.
Acima de tudo, acreditamos que nosso trabalho fundamental
é construir relações honestas e abertas e esse é um princípio
que vale para toda a natureza humana e pode ser aplicado,
independentemente da situação.
locaweb 41
artigo_marcelo_mercado:W2008 13/11/2009 19:17 Page 42
opinião/articulista
e-business
Comprar na rede
nunca foi tão social 
Mais que ferramentas de pesquisa e segurança, consumidores
buscam uma boa experiência em usabilidade na hora da compra
Foi-se o tempo em que os consumidores acessavam
sites estáticos para adquirir produtos. A experiência era
sem graça e exigia esforço, tornando a usabilidade, muitas
vezes, desagradável. Agora, com a onda da interatividade, as
empresas investem no conceito de social shopping. A dinâmica
é simples: você acessa o e-commerce e encontra, além de
mercadorias à venda, uma espécie de rede social, com espaços
específicos para comentários, tags e listas de discussão.
Nesse contexto, a opinião do usuário é muito valorizada.
Ele tem total liberdade para criticar, elogiar e dar sugestões,
contribuindo para que outros usuários adquiram ou não o
mesmo produto. E mais: é uma boa oportunidade para as
empresas aprimorarem seus produtos e atenderem, cada vez
mais, os desejos dos consumidores.
Há a possibilidade também de o consumidor acessar
promoções, criar listas de compra personalizadas para
compartilhar com seus amigos, participar de chat online e
acessar, via links, informações que o ajudem a usar
determinado produto no dia a dia. Tudo isso é atraente
porque combina dois fatores essenciais: engaging in commerce
(engajamento no comércio, ou seja, a participação dos
usuários e a contribuição deles para o aprimoramento dos
produtos) e chatting with like-minded folks (pessoas com o
mesmo pensamento e sinergia para compartilhar
conhecimentos e experiência).
42 locaweb
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br
O engaging in commerce e o chatting with like-minded folks
contribuem para que, ao contrário dos sites simples, os usuários
tenham acesso a hot products, good finds, weird finds, quality
products e products to avoid, podendo selecionar, com mais
critérios, as mercadorias que lhe interessar. O social shopping,
aos poucos, conquista as grandes marcas que realizam ações
baseadas no conceito. Nos EUA e na Europa, essas iniciativas são
comuns. Um bom exemplo é o Kaboodle.com.
Essa grande rede de relacionamento tem uma interface
agradável e permite aos usuários manterem perfis para
pesquisar roupas, sapatos e outros produtos. Quem quiser
pode criar e participar de grupos específicos sobre alguns
temas. Um deles, com 111 participantes, é o Golf for Beginners,
no qual os membros discutem regras do jogo e recomendam
equipamentos que podem ser encontrados no Kaboodle.com.
Outra ação que merece destaque é o Stylehive.com. A rede
tem blogs colaborativos, nos quais se pode comentar sobre
bolsas, sapatos, blusas. No Brasil, o Wal-Mart lançou seu
e-commerce inspirado no conceito de social shopping. No site,
o consumidor pode avaliar produtos, conhecer itens similares,
ler comentários de especialistas e participar de comunidades.
Iniciativas como esta comprovam que os consumidores já se
sentem seguros para adquirir produtos pela web. O que
exigem – e com razão – é uma boa experiência de compra.
As empresas começam, no Brasil, a entender esse recado!
205 X 275:Layout 1 19/3/2009 17:19 Page 1
Design:W2008 13/11/2009 18:09 Page 44

designweb
Realidade aumentada.
Ela vai invadir sua vida
Conceitos de holografia, realidade virtual e efeitos tridimensionais
saem das telas do cinema e se integram ao dia a dia das pessoas
Por Guilherme Tsubota
e Sérgio Vinícius

E
m uma sala, dois homens
jogam xadrez. No ambiente,
há uma mesa e duas cadeiras.
O tabuleiro e as peças do jogo não
estão fisicamente sobre a mesa. Esses
elementos são gerados por um
projetor. Mas a cada movimento
realizado com a mão pelos jogadores,
peões, bispos, cavalos, rei e rainha
virtuais - como se fossem reais, de
madeira ou ferro - se movimentam,
obedecendo ao comando dos homens.
O cenário acima, semelhante ao
visto em filmes de ficção científica, é
um exemplo do que é a realidade Exemplo \\ Em http://tinyurl.com/yggbx53, você confere um vídeo sobre realidade aumentada para
compreender melhor os conceitos desta tecnologia cada vez mais aplicada a ambientes web
aumentada. Em teoria, esse conceito,
em voga atualmente no mundo da desenhos 3D na tela do computador. para educação, treinamento, lazer e
tecnologia, refere-se à sobreposição de Ao manusear o holograma, que pode divulgações interativas e imersivas.
imagens 3D e virtuais gerados por um estar em uma folha de papel ou folder, Aplicações para aumentar a percepção
computador a objetos reais, do mundo você exerga, no display, suas mãos do dia-a-dia e soluções médicas
“de carne e osso”. mexendo uma imagem 3D. também se enquadram no sistema.
Usada em computação gráfica há As possibilidades do uso dessa
muitos anos, a realidade aumentada técnica em ambientes web são Games
ganhou popularidade com o advento incríveis, sobretudo em peças de Para desenvolvedores,
das webcams. Em sites interativos e marketing. Fora isso, é possível usar a programadores e público em geral, as
games, por exemplo, as técnicas de tecnologia em aplicações da RA para possibilidades de realidade aumentada
sobreposição dos objetos virtuais são engenharia, nas quais a equipe pode são mais palpáveis quando o assunto é
realizadas por meio de softwares que avaliar virtualmente a construção de jogos digitais. Isso porque há mais
conseguem analisar e “enxergar” casas, aviões, carros e por a[i vai. Há pessoas interessadas ou com
hologramas e transformá-los em ainda a possibilidade de usar o recurso possibilidade de jogar o que quer que

44 locaweb
Design:W2008 7/12/2009 15:25 Page 45
* A técnica, em
voga atualmente no
mundo da tecnologia,
refere-se à sobreposição
de imagens 3D e
virtuais geradas por um
computador a objetos
reais, do mundo “de
carne e osso”
seja que de projetar o próximo
automóvel da GM ou realizar uma
operação de vesícula à distância.
Entretanto, nem a realidade
aumentada nem sua aplicação ao
mundo dos games surgiu até agora.
Aliás, a história vem de longe. O
assunto faz parte dos estudos há
muitos anos. Um dos primeiros relatos
conhecidos é o de Morton Heilig, que
criou uma máquina chamada
Sensorama, em 1948. A traquitana
simulava a pilotagem de uma
motocicleta e foi uma iniciativa de
realidade virtual, na qual um braço do
piloto é projetado.
O primeiro protótipo da ideia de
Helig efetivamente nasceu em 1962.
Em um intervalo de 40 anos, diversas
iniciativas vieram à tona, mas o termo
“realidade virtual” surgiu apenas com
Jaron Lanier, em 1989. Pouco depois,
em 1992, o professor Thomas Caudell
citou o “realidade aumentada” em um
projeto com engenheiros da Boing.
Nesse meio-tempo, itens como
realidade virtual e holografias
se popularizaram na ficção.
Posteriormente, os consoles de jogos
passaram a dividir a ribalta das
diversas realidades projetadas com o
cinema. O universo de Star Wars,
criado por George Lucas, recheado de
hologramas e da forma que os
personagens se comunicam entre si,
é uma prova disso. Em
Star Trek, por sua vez, há
o holodeck. Tron - Uma
Odisseia Eletrônica, por
si só, é um filme inteiro
em realidade virtual. E
Minority Report é um
show de computação
gráfica manuseada.
Especificamente nos
games, o potencial é
imenso. Ainda não há a
tecnologia do jogo de
xadrez futurístico que
fez a festa do R2D2 e
Chewbacca em Star
Wars – episódio IV, mas
os estudos de holografia
evoluíram muito. Há cerca de
20 anos, foi construída uma máquina
de fliperama um tanto atrapalhada,
porém, divertida, que seguia os
princípios da realidade aumentada.
Era o primórdio da holografia com um
jogo de cowboy e índios. O nome era
Hologram Time Traveler, que foi
desenvolvido pela Sega em 1991. O
game em si era simples: o jogador
assumia o papel do cowboy e viajava
pelo tempo, enfrentando índios e
homens das cavernas. Tirando a
jogabilidade de lado, era
impressionante ver aquele
homenzinho de pé no fliperama,
como “mágica”.
O tempo passou e novas
Realidade aumentada
em funcionamento
Confira abaixo alguns vídeos de como
funciona a realidade aumentada em
iniciativas de marketing
http://tinyurl.com/yggbx53
http://tinyurl.com/ptgxtw
http://tinyurl.com/ykeopu2
http://tinyurl.com/yhhccxp
http://tinyurl.com/yz2csnx
Design
Estação no seu celular \\ Com um aplicativo para iPhone, é
possível interagir com um vídeo do Metro Paris Subway
tecnologias apareceram, como a febre
atual de RA aplicada pelos designers.
É óbvio que existe muito a evoluir,
pois o maior “defeito” é que na
realidade aumentada se está preso a
um computador com webcam.
Isso restringe muito as possibilidades
práticas. Uma das saídas mais
inteligentes que há hoje em dia é a
interação com câmeras de celular.
Os aparelhos mais modernos têm
processamento gráfico excelente.
Com isso novos jogos e interações
começam a aparecer.
RA no metrô
Em www.metroparisiphone.com,
há um vídeo do Metro Paris Subway.
Basicamente, você pode, com um
aplicativo para iPhone, direcionar a
sua câmera para qualquer direção e,
assim, ver as estações de metrô, a
distância que está dela e para onde
o trem segue. Além disso, dá para
ver pontos comerciais espalhados
pelas redondezas.
A inovação usa o conceito de
realidade aumentada sob um novo
prisma que pode atrair muito os
webdesigners: a adaptação para
um novo conceito/mercado.
locaweb 45
Design:W2008 7/12/2009 15:25 Page 46
Design
* A inovação usa o conceito de realidade
aumentada sob um novo prisma que
pode atrair muito os webdesigners:
a adaptação para um novo mercado
Para funcionar, você precisa iniciar
o aplicativo e levantar o iPhone na
direção do horizonte, para que a
câmera consiga visualizar o ambiente.
A partir daí, o local é reconhecido
e você vê a mágica acontecer.
Notificações começam a aparecer na
sua tela sobre os estabelecimentos. A
iniciativa é “legal e divertida”. Sempre
é interessante ver o digital se
misturando com o real. Parece um
filme de ficção.
O aplicativo foi pensado para
parisienses e turistas. Ou mesmo para
curiosos ao redor do mundo. Esse
modelo abrange muito mais que uma
experiência de marketing regional,
mas sim de publicidade mundial.
O Metro Paris Subway avaliou bem
e usou o boom para potencializar o
negócio via RA. A mídia indireta
gerada por ser um “aplicativo com
realidade aumentada” foi imensa.
Outro exemplo da aplicação da RA
está ligado ao Facebook. O game
Facebook \\ Joguinho Cannonballz from Zugara, aplicado diretamente à rede social Facebook, usa
técnicas de realidade aumentada. Basta que dois usuários tenham webcam para iniciar a brincadeira
46 locaweb
Cannonballz from
Zugara usa a tecnologia
para promover uma
guerra naval. A
proposta é simples:
dois amigos devem ter
webcams em suas
máquinas. Uma vez
ligadas, as duas
pessoas se conectam
ao Facebook para
entrar no jogo. Com um cenário
marítimo aparecendo em primeiro
plano, um dos jogadores aparece
com o corpo ao fundo. Em sua
direção, balas de canhão são
enviadas. Quando acertam o
indivíduo, elas interagem com
a pessoa.
O jogo, em particular, não é um
sucesso arrasador nem gerou milhões
de dólares para seus criadores. Mas o
mix, a convergência de paradigmas
como games e redes sociais é algo
para se prestar atenção.
Pixellabs \\ A companhia criou uma situação de realidade virtual
para degustação de um aparelho celular e fez o maior sucesso
No Brasil
Por aqui, uma das empresas
mais conhecidas no segmento de
realidade aumentada é a Pixellabs.
Recentemente, como case de sucesso,
a companhia criou ume RA para
degustação de um celular da LG.
A peça foi exposta em uma loja
da Vivo, no Shopping Estação de
Inverno, em Campos do Jordão, São
Paulo. Com o uso da tecnologia,
desenvolvida pela Pixellabs,
os visitantes da cidade serrana
brincaram com o novo aparelho
no mundo virtual e conheceram
suas funcionalidades.
Para tanto, bastava posicionar um
folder disponível na loja em frente ao
display, montado especialmente para
a ação. O equipamento possuía uma
câmera acoplada. Quando o usuário
colocava o folder em frente à câmera,
aparecia no display a imagem do
arena. Ao movimentar o folder, o
usuário mexia também, no mundo
virtual, na novidade da LG. A iniciativa
fez parte de uma ação de marketing
que atingiu 15 mil pessoas.
Portanto, se a ideia é fazer algo de
design inovador para promover uma
marca na web, eis aqui uma ótima
oportunidade. É só abrir os olhos,
especializar-se e criar projetos.
Com certeza os seus clientes irão
se surpreender.
205 X 275:Layout 1 19/3/2009 17:16 Page 1
artigo_rene_design:W2008 13/11/2009 19:21 Page 48
opinião/articulista
Dando voltas
Todo mundo quer inovar, crescer, mas para isso é preciso tomar outro
caminho além do tradicional. E isso pode ser bastante incômodo
Se tem uma coisa que eu gosto é andar de táxi. Essa
história de dirigir pode até ter seus prazeres, mas é
muito, muito mais gostoso (e meio perturbador) ver o
quanto a cidade mudou e você não viu. Parece mágica: eu
passo todos os dias nos mesmos lugares e, debaixo do meu
nariz, um prédio colossal surge do nada.
Outro deleite de ser passageiro é ver quem passa.
Onde eu moro e onde trabalho têm algo em comum:
gente comum na rua, muita gente, e poder acompanhar
com calma um ou outro sem medo de trucidar um ou
outro é muito bom. Nem preciso dizer que a melhor
parte, porém, é conversar com taxistas. Num táxi, ambos
sabem para onde vão, mas nenhum sabe de onde o
outro veio. E taxistas vêm de toda parte e observam o
mundo de um ponto de vista bastante singular: o avesso.
Taí uma boa inspiração para este espaço: tirar você do
volante e permitir que olhe com outros olhos a paisagem à
sua volta que não enxerga faz tempo. E, enquanto isso,
contar uma historinha ou outra. Que tal lhe parece? Vamos
em frente, doutor.
Convenhamos: quantas oportunidades você tem para
observar e refletir? Quantas vezes parou para respirar e, mais
importante, foi respirar outros ares? Convenhamos: poucas. E
não é nem falta de tempo, pois essa desculpa é antiga. É
comodismo mesmo. A gente se acomoda a fazer o mesmo
caminho todos os dias, sem notar que mesmo o caminho já
não é mais o mesmo.
48 locaweb
design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
@renedepaula
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula
Ilustração//Alexandre Dias (Nani)
Eu tenho uma boa notícia para você: bom mesmo é o que
incomoda, aquilo que faz repensar seus caminhos e até
mesmo onde quer chegar. Vou dar um exemplo. Fui hoje a
um desses eventos de internet. O melhor jeito de ganhar
dinheiro com web sempre foi e sempre será... eventos sobre
como ganhar dinheiro com internet. Assisti a velhos amigos
que têm um trabalho genial e valeu a pena. Os caras
contaram o quanto vale ter equipes multidisciplinares,
flexibilidade, foco no talento. Mais importante: mostraram
como isso é difícil e trabalhoso. Que tecnologia é importante
sim, mas importante mesmo é entender pessoas e trazer à
tona o melhor de todos. Adorei.
Fui dar uma olhada num outro salão e estranhei: lotado.
O tema era confete e mais confete sobre redes sociais. A
plateia parecia feliz. Eu, porém, estava cada vez mais
inquieto, e twittei um monte sobre a atração irresistível que
esse papo cômodo sobre “inovação = redes sociais” exerce
sobre incautos. Se redes sociais levassem a alguma inovação,
o Brasil já estaria conquistando outras galáxias, e não
estamos. E mais: se prestarmos atenção, empresas
inovadoras de verdade investem em pesquisa, talentos,
metodologias... ou seja, o bom, velho e trabalhoso básico.
Eu venho sendo bastante provocativo e até mesmo
incômodo ultimamente: se você quer inovar, crescer e ir mais
longe, saia do caminho familiar, preste atenção na realidade
à sua volta e para onde está indo. É capaz que esteja
alegremente andando em círculos. E isso não tem volta.
 kwarup.com
I S A . B .
D E P AW E
E O N L O C
S A B T E R
EN E C E N
E N D D A TA
A G R A O
O U S
R I SS
PO

Luis Cezar Tamiosso, Coordenador de Suporte & Serviços de TI

da Grendene S/A. Cliente Locaweb desde 2003.

“A Grendene sempre buscou e tem tido sucesso em suas parcerias. Muitas empresas estão
colaborando conosco há muito tempo. A Locaweb está nos apoiando desde 2003, época em que
nem era a maior empresa de locação e serviços de seu segmento. Atualmente, 100% de nossos
sites na Internet estão hospedados em servidores dedicados da Locaweb. Como destaque,
salientamos o excelente pós-venda, o rápido e sempre eficiente retorno da equipe de suporte
e a qualidade e abrangência dos serviços que a Locaweb disponibiliza.”

A Locaweb oferece soluções corporativas com flexibilidade, segurança e toda a excelência em atendimento
que sua empresa precisa, por isso foi escolhida como o Melhor Data Center do Brasil pelo Prêmio Info. Além disso,
é pioneira na utilização dos processadores low-voltage da nova linha Intel® Xeon® Série 5500, que oferecem
ganhos de performance superiores a 120% e reduzem o consumo de energia em até 40% nos servidores.
Conheça hoje mesmo nossas soluções corporativas de Cloud Computing, servidores dedicados, serviços
profissionais e de outsourcing desenhadas para promover a hospedagem de seus sites e aplicações empresariais
com capacidades robustas, alta performance e recursos exclusivos, inclusive em projetos de missão crítica.

www.locaweb.com.br/corporativo

Data Center • Cloud Computing • Servidores Dedicados • Sala Cofre • Outsourcing

An. Grendene_205X275.indd 1 11/30/09 7:11 PM

Case:W2008 13/11/2009 18:18 Page 50
caseslocaweb
Delícia de website
Com layout moderno e fácil de navegar, novo site da Sadia esbanja
interatividade e incentiva internautas a levar uma vida mais saudável
A empresa Sadia
(www.sadia.com.br)
lançou um novo site
para a Marca Qualy
(www.qualysadia.com.br).
Com design moderno, a
nova página da parceira da
Locaweb permite ao
internauta acessar vídeos
com diferentes receitas que
têm a margarina Qualy
como ingrediente, além de
obter dicas para uma vida
mais saudável.
A nova página
eletrônica, que teve
produção assinada pela
renomada Agência Click
(www.agenciaclick.com.br)
reúne, sob a mesma
interface, as principais
ferramentas utilizadas nos
sites de maior sucesso da
internet, como blogs e
50 locaweb
vídeos animados e
interativos. A nova
homepage de Qualy tem
destaques como TV Qualy,
Blog da Ana e Mensagem
na Torrada.
No TV Qualy, é possível
encontrar um canal com
receitas em vídeo, que
mostra em detalhes a
preparação de pratos
que levam a Qualy
como ingrediente.
No canal “Reaproveite”,
o internauta encontra dicas
de artistas para personalizar
e reaproveitar os potes da
margarina Qualy.
O Blog da Ana é uma
área que traz dicas, notícias
e informações relacionadas
aos temas “Atualidade”,
“Qualidade de Vida”,
“Família” e “Culinária”, que
são atualizadas
semanalmente.
Por meio da página
eletrônica, é possível enviar
recados para amigos,
colegas e familiares. O
“Mensagem na Torrada” é a
seção responsável por isso:
a ferramenta que permite a
interatividade em tempo
real. Com uma animação
em Flash, o visitante pode
escrever e enviar frases para
outros usuários de forma
divertida e inusitada.
Graças a “Mensagem na
Torrada”, o internauta
convida outras pessoas a
visitar o site ou até mesmo
para tomar um café da
manhã ou almoço.
Todo o projeto da nova
homepage foi inspirado no
AgênciaClick \\ Empresa desenvolveu a página eletrônica que foi
inspirada no slogan “Qualidade de Vida começa com Qualy, da Sadia”
slogan “Qualidade de Vida
começa com Qualy, da
Sadia”, que acompanha a
linha desde 1991.
“Com ferramentas
interativas e linguagem
simples, procuramos fazer
com que o nosso internauta
se sinta em casa ao entrar
na nova página da Qualy”,
afirma Eduardo Bernstein,
diretor de marketing da
Sadia. A empresa, inclusive,
acaba de lançar uma versão
mobile remoçada de sua
página princial. Para acessar
o site via celular, entre em
m.sadia.com.br e confira o
mesmo conteúdo exibido
em www.sadia.com.br.
Ao lado, você confere
mais detalhes da nova
página da Qualy.
Case:W2008 13/11/2009 18:18 Page 51
O site
1 PÁGINA INICIAL
ÜNa homepage estão dispostos os
principais elementos do site, bem
como as seções da página. Ao
acessar pela primeira vez, o espaço
da Qualy emite uma agradável
música que lembra os acordes
havaianos. O som imeditamente
remete o usuário a outras questões,
como qualidade de vida.
2 TV QUALY
ÜA Sadia resolveu usar e abusar
de elementos interativos e
multimídia em seu novo site. Uma
prova disso, que é também uma
das principais áreas da página
eletrônica, é a TV Qualy.
Aproveitando a estrutura do
YouTube, onde os vídeos estão
alojados, os filmes mostram dicas
diversas relacionadas à margarina.
3 4
Há, por exemplo, um vídeo
explicando ao visitante como
reaproveitar um pote do produto e
torná-lo um compartimento para
guardar miudezas.
3 RECEITAS
ÜComo a seção indica, a área
Receitas mostra como utilizar a
Qualy para criar muitas
guloseimas. Um dos atrativos da
seção é que são colocadas
receitas simples de fazer, com 5
poucos passos a serem seguidos.
Outro ponto que chama a atenção
é o riquíssimo trabalho das fotos
- basta ver uma imagem da receita 4 BLOG 5 CONTATO
que o visitante imediatamente terá ÜNo Blog da Ana, o visitante ÜNo “Fale Conosco”, alé de um
vontade de saboreá-la. Na página, confere informações diversas, canal de contato direto com a
é possível ainda dar nota para as sempre ligadas à qualidade de empresa, por meio de um
receitas apresentadas, mostrando vida. É possível acompanhar os formulário, é possível também ver o
mais um item interativo no site. posts por meio de um feed RSS. telefone de contato da companhia.
locaweb 51
Facebook:W2008 13/11/2009 18:01 Page 52

Programação APIs no Facebook

Inclua seus aplicativos

no Facebook
Aprenda a usar o conjunto de APIs do sistema Connect da rede social
mais popular do planeta, para incluir suas aplicações no site

Por Guilherme Tsubota, O botão do FConnect abaixo permite a conexão da

Leandro Gacia e Vinícius Macedo aplicação com o perfil do usuário no Facebook:

O
Facebook Connect é um conjunto de APIs que
permite aos desenvolvedores levarem conexões
e identidades dos usuários da rede social a
sites, blogs e aplicações, oferecendo-lhes uma melhor
experiência. Possibilita também o crescimento
exponencial de visitas aos sites que o utilizam, pois a
cada conteúdo compartilhado no perfil de um usuário, A seguir, o usuário entra com seu login e senha:
todos os seus amigos ficam sabendo e podem clicar de
volta ao site.
A iniciativa é uma forma de dar créditos para um
determinado comentário e também de reduzir
comentários maldosos ou falsos, já que parte do perfil
no Facebook da pessoa que comentou ficará exposto
para todos. Programar utilizando as APIs do Facebook
Connect é bem simples, o exemplo abaixo mostra uma
aplicação que utiliza a ferramenta e, em seguida, como
foi implementada.
A aplicação pode ser vista em: <http://app.esporte.
ig.com.br/placar/ forum/index.php?jogo=14343>

Agora é hora de validar a imagem e o nome do perfil:

Em seguida, o Facebook Connect traz um pop para a

Experiência \\ Sistema permite aos desenvolvedores levarem conexões e confirmação da inclusão da mensagem no mural do
identidades dos usuários de rede social a sites, blogs e aplicações usuário dentro do sistema:

52 locaweb
Facebook:W2008 13/11/2009 18:01 Page 53
Após a confirmação, a mensagem é postada no
mural do usuário dentro do Facebook:
Agora que mostramos uma aplicação que usa o
Facebook Connect, mostraremos como é simples sua
implementação. Primeiramente, é preciso criar uma conta
no Facebook. Depois, deve-se adicionar ao menos um
amigo para validar a conta (parece mentira, mas
apanhamos muito até descobrir isso). Em seguida, acesse
www.facebook.com/developers. Permita o acesso ao
developers e clique em set up a new application (do lado
direito superior). Aparecerá a seguinte tela, onde dará um
nome para o seu aplicativo:
Depois, preencha os dados do aplicativo:
O código API Key será usado posteriormente no
código para confirguração.
Nos links da esqurda, clique em Conectar. Na tela
que abrirá, preencha o campo “Conectar URL” com a URL
APIs no Facebook Programação
da página que usará o Fconnect vai acessar. Por
exemplo, se o endereço for “www.meu primeiroappno
facebook.com/mpa.php? id=1, opte por preencher
“http://www.meuprimeiroappnofacebook.com”.
Dê Salvar alterações. Pronto! O App está configurado.
Codificação
Uma vez configurado, você pode começar a codificar
seu aplicativo. O primeiro passo é incluir na sua tag
HTML, o código xmlns:fb=<http://www.face
book.com/2008/fbml>. Esse código é preceito básico
para usar a API Facebook Connect. Depois, sua TAG HTML
ficará mais ou menos assim, <html xmlns="http://
www.w3.org/1999/xhtml" xmlns:fb="http://www.
facebook.com/2008/fbml">. O “mais ou menos” é válido,
já que depende do que estiver fazendo. Você pode ter de
incluir algo a mais ou tirar o atributo do W3C.
O segundo passo é incluir a tag <scripttype="text/
javascript" src="http://static.ak.connect.facebook.com/js/
api_lib/v0.4/FeatureLoader.js.php/pt_BR"></script> na sua
página. É aconselhável que a inclua no final do seu código,
para otimizar o carregamento da aplicação.
É possível notar - no final do endereço, onde é
incluída a API - uma sintaxe “pt_BR”. Ela, como você
deve presumir, deixa a aplicação no idioma Português do
Brasil. Ao retirar essa sintaxe, por default, a aplicação fica
em inglês. Na página http://wiki.developers.facebook.com/
index.php/Facebook_Locales, você encontra todas as
opções de idiomas que a API disponibiliza.
Logo abaixo da inclusão da API na página, informe
qual é o APP que vai ser usado. Logo acima, ao
configurar a aplicação no Facebook, observe sua “API
Key”. É por meio dela que vai dizer a API que deve seguir
as configurações que setou anteriormente.
No exemplo a seguir, você vê a função “FB.init”. Nela, é
possível passar os parâmetros para o funcionamento da
aplicação. O primeiro é sua “API Key”. O segundo, a página
que recebe o callback da função desta página. Você verá
uma sintaxe de condicional. Apesar de ela não ser
locaweb 53
Facebook:W2008 13/11/2009 18:01 Page 54
Programação APIs no Facebook
necessária, vale usá-la, uma vez que, na maioria dos
casos, é imperioso que seja mostrada uma mensagem,
seu avatar, se o usuário estiver conectado. Caso o
usuário esteja conectado, seria algo como chama a
função update_user_box.
<script type="text/javascript">
FB.init("44762f7f5390e60314c0272a54edfc7e",
"xd_receiver.htm", {"ifUserConnected" :
update_user_box});
</script>
Agora, vamos à página que recebe o callback do
Facebook, a “xd_receiver.htm”. Basta você manter uma
página HTML com o nome citado no mesmo diretório da
sua aplicação com o código abaixo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN""http://www.w3.org/TR/xhtml1/DTD/
xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<script
src="http://static.ak.connect.facebook.com/
js/api_lib/v0.4/XdCommReceiver.js"
type="text/javascript"></script>
</body>
</html>
A seguir, confira a função update_user_box.
function update_user_box(){
var uid=FB.Facebook.apiClient.get_session().uid;
var fql='SELECT name, pic_square_with_logo,
profile_url FROM user WHERE uid='+uid;
FB.Facebook.apiClient.
fql_query(fql,function(result){
prof_url=result[0].profile_url;
prof_name=result[0].name;
pic_square=result[0].pic_square_with_logo;
user_box.innerHTML = “<a href=\""+prof_url+"\"
class=\"foto\" target=\"_blank\"><img
src=\""+pic_square+"\" /></a>"
+"<p><a href=\""+prof_url+"\" class=\"user\"
target=\"_blank\"><strong>"
+prof_name+"</strong></a> <br /> <a
href=\"javascript:FB.Connect.
logout();logoutfacebook();\" title=\"logout\"
class=\"logout\">(x) sair</a></p>"
});
FB.XFBML.Host.parseDomTree();
} uma linha. Algumas variáveis são exclusivas, como actor
54 locaweb
Código comentado
Linha 1, a chamada da função.
Linha 2, criada variável, recebo o número de controle
do usuário dentro do Facebook.
Linha 3, há requisição via FQL dos campos que preciso
para a aplicação. Em resumo, é o avatar do usuário com o
logo do Facebook, para indicar que a pessoa é
proveniente do Facebook, e a URL do perfil dele onde o
uid (numero de controle) é igual ao conectado.
Linha 4, na qual faço com que a API execute meu FQL
e receba os itens em variáveis.
Linha 8, criada variável que recebe o HTML que quero
que seja exibido na minha aplicação. Contém o link para o
perfil do usuário, foto e nome, além do link que
desconecta o usuário do facebook “<a
href=\"javascript:FB.Connect.logout();logoutfacebook();\"
title=\"logout\" class=\"logout\">(x) sair</a>”.
Linha 11, informo à API que ela deve renderizar a página.
Ao ler o trecho acima, você deve ter se perguntado se
eu não escrevi errado. Em vez de SQL, redigi FQL. Mas não
está errado. FQL é similar ao SQL, entretanto, faz
requisições dos dados do usuário do Facebook. Veja em
http://wiki.developers.facebook. com/index.php/FQL.
No código acima, há link para logout do Facebook.
Esta, talvez, seja a função mais fácil que será feita. É
apenas “<a href=\"javascript:FB.Connect.logout();\"
title=\"logout\" class=\"logout\">logout</a>”. Só isso.
Ao clicar, o usuário se desloga do Facebook. A função
seguinte, chamada concomitantemente a de logout, a
logoutfacebook(), serve apenas para limpar o HTML e
retornar ao estado que estava antes da conexão.
E por falar em conexão, para efetuá-la com o
Facebook, basta incluir o código abaixo no local onde
quer que apareça o botão Fconnect. O atributo onlogin,
como você deve imaginar, serve para executar uma
determinada função, no caso, “update_user_box()”,
quando o usuário se logar no Facebook.
<fb:login-button
onlogin="update_user_box();"></fb:login-button>
Agora, você já sabe criar um App no Facebook, logar,
permanecer logado e deslogar sua aplicação. Apenas falta
publicar um comentário. O primeiro passo é criar um
template feed. Vá até o link http://developers.facebook.com
tools.php?feed>. Procure o nome do seu aplicativo e
clique em Próxima. Nesse ponto, você começa a
desenvolver ou criar o seu “template feed data”.
O template nada mais é do que uma forma com que o
Facebook recebe informações em JSON e o exibe no perfil
do usuário com sua prévia autorização. O primeiro é de
Facebook:W2008 13/11/2009 18:01 Page 55
e images. As variáveis são exibidas na forma de
{*variável*}. Por exemplo: {*actor*} escreveu um post.
Sairia: Leandro escreveu um post.
Há o campo onde se desenvolve o template e, abaixo,
um onde você desenvolve o JSON. Por padrão, teremos:
{”images”:[{"src":"http://pad.thedigital
movement.com/_blaise/2007-06-15-dgen-
breakfast.jpg","href":"http://www.facebook.com"},
{"src":"http://pad.thedigitalmovement.com/
_blaise/2007-06-13-roger-waters.jpg",
"href":"http://www.facebook.com"}]}
São apenas imagens, mas vale acrescentar itens de
acordo com sua necessidade. Vamos criar um exemplo
que envie o resultado de um jogo, o nome dos times, o
escudo de cada time e o texto que você escreveu.
{”time1″:”Atlético-GO”,
”time2″:”ABC”,”gols1″:”2″,”gols2″:”0″,
{”images”:[{"src":"
http://pad.thedigitalmovement.com/_blaise/2007-
06-15-dgen-breakfast.jpg ", "href":"
http://www.facebook.com"}, {"src": "
http://pad.thedigitalmovement.com/_blaise/2007-
06-15-dgen-breakfast.jpg ", "href
http://www.facebook.com "}]},”comentario”:”Hello
World”}
Com este JSON, você pode desenvolver seu template.
{*actor*} Comentou sobre {*time1*} {*gols1*} x
{*gols2*} {*time1*} -> Leandro Garcia comentou
sobre Atlético-GO 2 x 0 ABC
Ao clicar em próxima, você desenvolve o template
maior, o que é mais comumente usado. Colocaremos o
título da mesma maneira, embora não necessite ser igual.
{*actor*} Comentou sobre {*time1*} {*gols1*} x
{*gols2*} {*time1*} -> Leandro Garcia comentou
sobre Atlético-GO 2 x 0 ABC
Abaixo, no histórico curto, colocaremos apenas o
comentário digitado:
{*comentario*} -> Hello World. Minha Primeira
publicação’
Dê Próxima. No próximo item, você cria um link de
retorno. No texto do link da ação, por exemplo: Veja mais
sobre o Jogo no Link da ação, ex. http://esporte.ig.com.br
APIs no Facebook Programação
Pronto. Em todo post do mural vai haver um link
para http://esporte.ig.com.br. Você pode alterar da
maneira que preferir, inclusive usar o JSON, como o
número do jogo, por exemplo. Vai da sua necessidade.
Clique em Próxima e depois em Registrar coleção de
modelo. Será aberto um pop com o identificador do
template. Copie-o e reserve para mais tarde. Agora, você
tem um template elaborado. É hora de criar o código
propriamente dito. Vamos à função em JS para publicar.
function publish(comentario){
template_data = {"time1":"Atlético-
GO","time2":"ABC","gols1":"2","gols2":"0",
"images":[{"src":"http://pad.the
digitalmovement.com/_blaise/2007-06-15-dgen-
breakfast.jpg", "href":"http://www.facebook.com"},
{"src":
"http://pad.thedigitalmovement.com/_blaise/2007-
06-13-roger-waters.jpg",
"href":"http://www.facebook.com"}]
,"comentario":comentario}
facebook_publish_feed_story(141837730762,
template_data);
}
Publish tem a função de formatar o JSON com os
campos criados no template. Ela, em seguida, chama a
função que faz a publicação. Envia por parâmetro o id
do template e o JSON com os dados. Depois, deve-se
criar a função que faz a publicação propriamente dita,
vamos chamá-la de facebook_publish_feed_story.
function
facebook_publish_feed_story(form_bundle_id,
template_data) {
FB.ensureInit(function() {
FB.Connect.showFeedDialog(form_bundle_id,
template_data);
});
}
Com isso, é possível publicar uma mensagem no
Facebook. Vamos criar um link que chame a função Publish.
<input onclick="publish(‘Hello World. Minha
Primeira Publicação’)"
type="button" value="Submit Comment" />
----------------------------------------------------------------------------------------
Guilherme Tsubota é especialista em tecnologia mobile;
Leandro Garcia é especialista em desenvolvimento para
redes sociais; e Vinicius Macedo é desenvolvedor web no iG
locaweb 55
GoogleMaps:W2008 13/11/2009 18:02 Page 56

Programação Mapas no site

Como aplicar mapas

em sua página
Veja como usar em seu site as ferramentas dos serviços de localização
online, como Google Maps e Apontador, para facilitar a vida dos clientes

Por Felipe Magalhães

O
s serviços de localização
baseados em mapas
geográficos na web, como
Google Maps, MapLink e
Apontador, são tão usados hoje em
dia que deram origem a um novo
termo: geoweb. Essa expressão
define exatamente o mashup no
qual os internautas disponibilizam
informações como fotos, notícias
ou dados em um determinado
ponto do mapa. Inicialmente, eram
informações de todos os tipos,
notícias ocorridas naquele local, Parceiro de respeito \\ O Google Maps é o sistema de mapas online mais conhecido e acessado do
mundo, o que já faz dele um grande parceiro para a sua empresa. Acesse www.google.com/local/add
fotos e até pontos onde um grupo
de pichadores tinha deixado suas marcas, mas com o
passar do tempo foi possível enxergar na ferramenta * Geoweb é a expressão que define
um uso de grande valia para o mercado empresarial: exatamente o mashup no qual os
mostrar aos clientes e internautas onde está sua internautas disponibilizam informações
empresa, facilitando assim a chegada deles até
determinada localização física.
como fotos, notícias ou dados em
um determinado ponto do mapa
Mostre sua empresa no
Google Local Business Center observar no mapa, à direita da tela, se o
O Google Maps é o sistema de mapas online mais posicionamento está sendo feito de maneira correta. As
conhecido e acessado do mundo, o que já faz dele um informações adicionais como “Empresa/Organização”,
grande parceiro para a sua empresa. Para aplicar sua ”Telefone”, “Endereço de e-mail” e “Site” são exibidas
página no sistema, acesse o Google Local Business no balão do mapa. Confira a digitação antes de avançar
Center (www.google.com/local/add). É importante frisar para a próxima etapa.
que você precisa ter uma conta do Google para utilizar Faça uma breve descrição sobre sua empresa e, no
o recurso. Caso a página apareça em inglês, no canto campo Categoria, informe seus ramos de atuação (é
superior direito é possível alterar o idioma antes de possível incluir até cinco categorias). Enquanto escreve,
entrar no sistema. Depois do login, a mesma opção o sistema irá sugerir categorias de acordo com o que
aparece ao acessar o link Settings. foi digitado. Caso queira remover alguma delas, basta
Para inserir seu endereço físico na página, clique em clicar no X que aparece à direita das categorias
Adicionar nova empresa. Na tela seguinte, você deverá adicionadas. Depois de preencher o formulário e revisar
preencher o formulário com os campos solicitados e o mapa, clique em Próxima.

56 locaweb
GoogleMaps:W2008 13/11/2009 18:02 Page 57

Mapas no site Programação

* Depois que tudo estiver pronto

Formulário \\
Para se inscrever na
no Google Local Business Center, ferramenta do Google, é
preciso preencher um
é fácil inserir o mapa apontando a formulário detalhado com
endereço completo,
localização da empresa em seu descrição e área de
site. Basta clicar em um link para atuação de sua empresa

copiá-lo ou obter o código HTML

Na próxima etapa, inicialmente é apresentada uma

tela de espera enquanto o sistema “procura” o seu
endereço. O Google Local Business Center solicitará
que você informe alguns detalhes a mais sobre a
empresa, como horário de funcionamento, formas de
pagamento com as quais trabalha, fotos, vídeos do
local e qualquer detalhe adicional.
Ao final do processo, clique em Enviar. O sistema de
localização do Google checará a veracidade das
informações de acordo com o método que escolher:
via telefone (pelo número que você informou), via
celular (você deve informar o número e a operadora)
ou via cartão-postal. Por fim, dê Concluir.
Na página apresentada a seguir, aparecerá um link
para a Central de Negócios do Google Maps. Lá, é Tudo bem detalhado \\ Há a opção de informar aos clientes diversos
possível observar um painel com todas as empresas detalhes sobre o seu negócio, como o horário de funcionamento
cadastradas por você e o status de cada uma delas.
Caso sua empresa seja grande e possua filiais, é pesquisar “restaurante Rio de Janeiro” na página de
possível fornecer um feed ao Google Local Business busca. Você verá um mapa apontando várias empresa
Center para que ele aponte todos os endereços. Esse da categoria “restaurante” espalhadas pelo Rio e
feed pode ser facilmente criado no Excel. O Google cadastradas no Google Local Business Center.
disponibiliza um manual simples e prático para executar Depois que tudo estiver pronto, é fácil inserir o
o processo que pode ser acessado em www.google.com/ mapa apontando a localização da empresa diretamente
local/add/uploadFeed?hl=pt-BR&gl=BR. em seu site. Faça a busca em http://maps.google.com e,
Com o cadastro feito, a localização de sua empresa no canto superior direito, clique em Link. Aparecerá um
poderá ser exibida entre os resultados de buscas link para você copiar o mapa ou um código HTML que
realizadas no Google. Como um teste, experimente pode usar para inserir em sua página.

Como usar o serviço

“Apontador beta”
O Apontador, por sua vez,
fornece cadastramento gratuito
da localização de sua empresa e
tem seu sistema em versão beta.
Para iniciar o processo, é
necessário estar previamente
cadastrado no endereço
http://beta.apontador.com.br/
accounts/newaccount.

Ao lado \\ Para adicionar o endereço de sua

empresa ao sistema do Google, clique em
Adicionar nova empresa no campo superior
direito, como aparece na captura ao lado

locaweb 57
GoogleMaps:W2008 13/11/2009 18:02 Page 58
Programação Mapas no site
* Após passar por cinco etapas de
cadastramento no Apontador, você
pode optar por até quatro tamanhos de
mapa, copiar o HTML para inseri-lo na
página e ver um preview da imagem
As informações solicitadas são básicas, tais como
nome, e-mail, data de nascimento e senha. Assim que o
formulário é preenchido, você é direcionado para o
painel do Apontador, onde está o menu MEUS LOCAIS.
Para iniciar o apontamento de sua empresa no
mapa, clique em Cadastrar novo local. A partir daí, cinco
etapas deverão ser cumpridas: Informações, Mapa,
Logo & Fotos, Vídeo e Visualizar.
Na área de Informações, digite o nome de sua
empresa em Nome do local e o setor em que trabalha
no campo Categoria. Em seguida, informe os dados
sobre a localização física de seu empreendimento. Na
área de Cidade e Estado, de acordo com o que for
digitado, surgirá uma lista de municípios. O mesmo
acontecerá no campo Endereço e Número. Enquanto
você digita os dados, é exibida uma lista com as
possíveis ruas, acompanhada do bairro. Nesse campo,
caso o nome de sua rua seja um número, digite-o
por extenso.
As outras partes do formulário são de
preenchimento simples. Vale a pena ressaltar a
importância do campo “palavras-chave (Tags), pois será
por meio dele que o internauta poderá chegar até você,
usando a busca do site. As palavras-chave informadas
58 locaweb
Abaixo \\ O item final, Visualizar, fornece
o link da página com sua localização e
também gera o widget do mapa para você
colocar nos endereços que desejar
Acima \\ Os dados
solicitados pelo
Apontador são
básicos, tais como
nome, email, data de
nascimento e senha
devem estar separadas por espaço. A última opção é
a área Tornar local privado, usado apenas caso não
deseje que sua empresa apareça nos resultados da
busca do Apontador.
Siga clicando em Prosseguir. Caso as informações
estejam corretas, em Mapas aparecerá um mapa
solicitando sua verificação quanto à localização
apontada. Se estiver incorreto, basta voltar à etapa
anterior e informar o local certo. Se estiver correto,
pressione Prosseguir.
Na etapa Logo & Fotos, você pode selecionar uma
imagem local ou hospedada em qualquer endereço
tanto para o logotipo quando para a foto da empresa.
Essas informações enriquecem seu mapa. Depois,
clique em Prosseguir para ir para a penúltima etapa,
Vídeos, na qual pode adicionar um vídeo da sua
empresa via URL. Esse vídeo pode estar hospedado no
YouTube, Vimeo, MySpace, entre outros. O item final,
Visualizar, fornece o link da página com a sua
localização e também gera o widget do mapa para
você colocar nos endereços que quiser.
Em primeiro lugar, é possível selecionar até quatro
tamanhos de mapa. No item 2, dá para copiar o código do
widget para inseri-lo no HTML da página desejada. Já no
item 3, é exibido um preview de como ficará seu mapa.
Pronto! Mas lembre-se que o serviço ainda é beta.
Projeto3:anuncio 18/9/2009 18:55 Página 1
HTML x Flash:W2008 13/11/2009 17:59 Page 60
Programação Flash x HTML
A queda de braço entre
Flash e HTML 5
Novas especificações da linguagem para desenvolvimento de páginas na
internet promete encarar de igual para igual o soft de animações da Adobe
Por Yan Borowski Machado
D
urante os últimos meses, muita discussão tem
girado em torno do tema"HTML 5 versus Flash.
Muitos apostam que a nova versão da
linguagem mais popular de construção de páginas pode
enterrar o bom software da Adobe, que permite criar
interfaces animadas, leve e interativas, sobretudo no
ambiente web.
Para engrossar o coro daqueles que apostam que a
linguagem HTML irá derrotar o Flash, navegadores
populares como Opera, Safari, Firefox e Google Chrome
já começaram a implementar alguns padrões do
HTML 5. Do outro lado da questão, webdesigners e
desenvolvedores fãs do Flash defendem que levará
muito tempo para que todos os recursos da ferramenta
da Adobe estejam presentes no HTML. E mais: há quem
acredite que não é possível substituir todas aquelas
animações complexas em Flash por tags HTML. Nesta
reportagem, você verifica os dois lados da questão,
60 locaweb
entrende como funcionam as mais recentes versões do
programa e da linguagem e confere prós e contras de
cada um deles.
A discussão
O cerne da questão é se o Flash morrerá. E, em caso
positivo, se o HTML 5 será o responsável por selar o
caixão. Mais de uma vez, Shantanu Narayen, CEO da
Adobe, já afirmou que quanto mais o padrão HTML
avançar, melhores serão os conteúdos web. Logo, a
empresa se mostra favorável à evolução da linguagem.
O depoimento reflete cada vez mais que a criação
de aplicações ricas para a internet sejam feitas com a
plataforma que for, serão cada vez mais populares. De
acordo com o CEO da Adobe, entretanto, o principal
desafio para o HTLM 5 será funcionar corretamente em
diferentes navegadores. Até hoje, exceção feita ao Internet
Explorer, a maior parte dos browsers apresenta conflitos
de funcionamento e exibição de páginas quando os
códigos não estão bem escritos e estruturados.
Navegadores \\ Até hoje, exceção feita
ao Internet Explorer (ao lado), a maior parte
dos browsers, como o Firefox (abaixo)
apresenta conflitos de funcionamento e
exibição de páginas quando os códigos não
estão bem escritos e estruturados
HTML x Flash:W2008 13/11/2009 17:59 Page 61

Flash x HTML Programação

FLASH
* Navegadores populares como programa, não há muito o que fazer”. Na
Opera, Firefox e Chrome já PRÓS visão do coautor do HTML 5, com uma
•Está no mercado desde plataforma aberta, um linguagem open
começaram a implementar 1996. Muitos problemas source ou um padrão, qualquer pessoa com
alguns padrões do HTML 5. já foram resolvidos e conhecimento técnico pode atuar.
alguns ainda terão de ser
Por outro lado, os fãs do Flash Os opositores do Flash deixam claro que
solucionados pelos
o problema é a ferramenta se tornar, para a
apontam que a linguagem navegadores que forem
programar seus recursos. web, o que o Windows se tornou para os
incorpore os recursos da Adobe PCs: o sistema predominante. Vladimir
•É utilizado por grandes Vukicevic, líder técnico do Firefox, afirma
empresas, como o
Google, com sucesso
que a Mozilla quer que a web continue
em muitos de seus aberta para garantir que funcionalidades,
serviços, hotsites. como vídeos, não sejam manipuladas e
dependentes de entidades empresariais.
•Já existem muitos
Entretanto, sobre o HTML 5 substituir o
frameworks de JavaScript,
exemplo do JQuery, que Flash, até mesmo os mais otimistas são
possuem inúmeros precavidos. “Para que o HTML5 e o canvas
plugins para players de substituam o Flash, é preciso que os
vídeo, áudio e animações. desenvolvedores realmente queiram usá-los
•Segundo a Adobe, o
em suas aplicações”, diz Vukicevic.
FlashPlayer está
presente em 99% dos Internet Explorer e
W3C \\ Órgão responsável por criar padrões de linguagem
de desenvolvimento de páginas, como o HTML 5
computadores dos o fiel da balança
usuários de internet. Especialistas consultados pela Locaweb em
Por fim, Narayen pontua que a ideia da CONTRAS Revista acreditam que a questão envolvendo
Adobe é, apesar de ser favorável ao HTML 5, •O usuário tem de HTML 5 e Flash será decidida pela MIcrosoft.
continuar a desenvolver o Flash em sua instalar o plugin (hoje A falta de suporte de alguns recursos do
busca para criar aplicações cada vez mais com 1,83 MB). HTML 5 no popular Internet Explorer é um
ricas. Com a vasta opção de navegadores •É uma tecnologia
problema para desenvolvedores.
atualmente, diz o executivo, o Flash se proprietária. Se a Adobe O fato de vários recursos não serem
torna cada vez mais importante, justamente resolver acabar com o suportados pelo navegador mais popular
por ser - se é que é possível - mais suporte ou transformá-lo do planeta faz com que diversas aplicações
multiplataforma que a linguagem. em uma tecnologia paga, web deixem de evoluir. Afinal, os
todos ficarão sem opção
Do lado do HTML 5 está Ian Hickson, (ou usar o Silverlight).
desenvolvedores têm de fazer adaptações no
coeditor da nova linguagem e também código, como hacks, adicionar conteúdo
funcionário do Google. De acordo com o •São necessárias dentro de Flashes e usar recursos específicos
desenvolvedor, um dos principais problemas modificações no arquivo do Internet Explorer (como controles de
flash para utilizar
do mundo da tecnololgia ocorre quando um ActiveX para transparência em PNG).
técnicas de SEO, pois os
nicho é dominado por apenas uma mecanismos de busca
ferramenta, uma empresa ou uma não conseguem ler o
tecnologia. O ideal é existirem vários players, conteúdo das animações
que lutem constantemente para se superar. perfeitamente
(geralmente meta-tags
Para Hickson, o Flash é uma solução
são inseridas na página
privada que não se enquadra no quesito para as engines
“plataforma web”. Trata-se, afinal, de um indexarem o site).
software de desenvolvimento, criado e
mantido por uma corporação privada. •Para criar uma animação
é necessário ter o
“Quando se está preso a uma única empresa, ambiente de criação do
você está em sua mão. Se, por acaso, ela Flash (Mx, CS1, ..., CS4),
decidir descontinuar um produto, o que o que são pagos, para
consumidor fará?”, questiona. “Ou mesmo se criá-la ou acoplar o
W3Schools \\ Site conta com tutoriais e informações
começam a cobrar ou aumentam o preço do vídeo/controle. sobre linguagens de internet, como o HTML 5

locaweb 61
HTML x Flash:W2008 13/11/2009 17:59 Page 62

Programação Flash x HTML

* Um dos principais problemas HTML 5 corrida de cada plataforma para adicionar

do mundo da tecnololgia PRÓS novas e excitantes características para
•Simplifica a acompanhar a concorrência.
ocorre quando um nicho é codificação dos sites, Um post de John Dowdell, executivo da
dominado por apenas uma deixando na mão do Adobe, publicado em seu blog
programador tags
tecnologia. O ideal é existir simples para adicionar
profissional, resume bem a questão. De
acordo com ele, “toda esta campanha pró
vários players, que lutem áudio, vídeo e outras
coisas no site. HTML 5 provavelmente beneficiará o Flash,
constantemente para se superar porque poucos continuam a se opor à
•É um padrão aberto ideia de que 'experience matters'”, diz ele.
que já é seguido por
“As coisas são um pouco diferentes do que
grande parte dos
navegadores web que eram há cinco anos. O lançamento do
estão no mercado hoje. Silverlight ajudou a impulsionar a
popularidade do Flash. O iPhone auxiliou a
•O conteúdo fica todo aumentar radicalmente o número de
aberto para que
mecanismos de busca
telefones com suporte Flash”, analisa.
(Google, Bing e por aí Ainda segundo a visão de um dos mais
vai) interpretem o importantes representantes da Adobe, “a
mesmo e o indexem publicidade HTML 5 contribui para
(foram especificadas marginalizar aos poucos quem ainda defende
melhorias para trabalhar
com SEO).
que imagens, animações, áudio, vídeo e
interatividade rica não têm lugar na web”.
Flash \\ Adobe é a empresa responsável por desenvolver
•Qualquer editor de
o software de animação mais popular do planeta
texto pode criar uma FlashPlayer 10.1
página com os novos
O fator relacionado ao IE não será um Na recém-lançada versão do FlashPlayer,
recursos de vídeos.
mero desafio para o HTML 5. Com o aumento a 10.1, percebe-se a preocupação da Adobe
das ofertas de navegadores - ao lado do CONTRAS com os smartphones. A edição em fase beta
Internet Explorer, Firefox, Opera, Chrome e •Tem de ser de testes com o Windows Mobile e o
implementado em todos
Safari vem sendo muito utilizados -, a webOS (SO do Palm Pre, que pretende bater
os navegadores para
incoerência tornou-se um problema. Muitas que o site funcione e de frente com o iPhone).
vezes, uma página ou recurso que funciona todos o acessem. A Adobe anunciou uma parceria com a
perfeitamente no Safari, por exemplo, Open Screen Project (grupo que reúne mais
simplesmente se recusa a abrir no Opera. •Sendo implementado de 50 empresas, dentre elas o Google, que
Graças a esses problemas, por todos os definem padrões e softwares) para também
navegadores, o padrão
desenvolvedores tem optado por criar pode funcionar Cross-
colocar o player no BlackBerry. Entre suas
aplicações para plugins, e não para Browser entre alguns preocupações com as plataformas portáteis,
plataformas puramente web. Quando se fala navegadores e entre foram feitas melhorias na qualidade dos
em plugins, é importante notar que um dos outros não (exemplo vídeos e uma redução do consumo de
mais populares é o Flash. Nesse ponto, o dos Hacks de CSS para
o IE).
HTML 5 ficaria enfraquecido.
Obviamente, qualquer que seja o •Tendo em vista que o
resultado da guerra, vão ser necessários anos padrão HTML levou
antes que existam claros vencedores e aproximadamente 10
perdedores no debate. Entretanto, uma vez anos para chegar ao
estado de hoje nos
que as tecnologias evoluem, o debate irá navegadores, ele ainda
apenas intensificar. Afinal, há importantes leva um bom tempo para
fornecedores de software dos dois lados. E ser implementado 100%
ambos têm tanto a ganhar quando a perder, em todos.
independentemente da linguagem que
•Provavelmente o IE
prevalecerá. Quem sai ganhando com isso é, será um grande
além dos usuários, o programadores. obstáculo no caminho Silverlight \\ Principal concorrente do Flash será um dos
Desenvolvedores se beneficiarão, dada a do HTML5. responsáveis pela gratuidade da ferramenta da Adobe

62 locaweb
HTML x Flash:W2008 13/11/2009 17:59 Page 63
bateria para chips Tegra (nVidia - Zune HD) e
Snapdragon (netBooks). Agora, também estão
disponíveis formatos para visualização de vídeos em HD.
Umas das grandes barreiras que a Adobe tem
enfrentado com o Flash, hoje, é o iPhone. A Apple, de
Steve Jobs, já afirmou que o telefone não terá suporte
nativo para o Flash. De acordo com o mandachuva da
empresa da maçã, “o Flash é demasiado lento para estar
em smartphones acessando a web”.
Recentemente, a Adobe conseguiu contornar - em
partes - o problema com relação ao iPhone. Os
desenvolvedores permitiram que o Adobe Flash Professional
CS5 exportasse arquivos para formatos de aplicativos do
telefone da Apple. Mas não foi dessa vez que a Adobe
conseguiu colocar o suporte ao Flash no Safari.
Com essas melhorias de desempenho, o Adobe Air
também será beneficiado. Aparentemente, as aplicações
usadas com Air ficarão bem menos custosas para a tão
precisa memória RAM (o que é uma maravilha, porque o
meu Twhirl come bastante).
HTML 5
A linguagem HTML 5 ainda não está pronta para encarar
de igual para igual um lugar no coração de
desenvolvedores. Entretanto, as novidades do padrão
incluem itens como suporte a elementos gráficos
sofisticados e inserção de vídeos. Confira, abaixo, os
principais recursos e inovações da linguagem de marcação.
Canvas - Servirá para implementação de
elementos gráficos sofisticados. Essas tags
poderão ser utilizadas para edição de imagens
através de APIs ou JavaScript. Elas também são
compatíveis com CSS.
Vídeo - Novo recurso que permite inserir um
vídeo na página com um simples
"<video></video>". Adeus vídeos “embeded”!
Geolocalização - Tags que permitem um site
acessar a localização do usuário (em um
smartphone) para ampliar a experiência dele.
O Safari já programou esse recurso para o iPhone
OS 3.0. O Google Latitude já está utilizando o
recurso também.
Caching de aplicações - Com este recurso,
as aplicações estarão disponíveis para uso
offline. Na publicação provisória da W3C, o
arquivamento das URLs será feito por meio de
categorias. Existem as entradas mestre, que são
documentos que foram adicionados ao cache por
Flash X HTML Programação
um contexto de navegação indicado por um
atributo de manifesto. Trata-se da fonte da URL
indicada na entrada mestre do HTML.
Banco de dados - O W3C fez uma proposta de API
para acesso a dados com o HTML5. Nele, os
navegadores passariam a utilizar base de dados
para armazenamento das aplicações. Isso ainda
vai dar muito pano para manga, já que não é
unanimidade entre desenvolvedores.
Na prática
Agora, é importante observar alguns exemplos de
codificação. Deixando de lado a teoria e a briga de
quem vai acabar com quem, confira como funcionam
alguns códigos.
Adicionar um vídeo à pagina:
Com o HTML 5:
<video width="640" height="360"
src="http://www.youtube.com/watch?v=VW7dh3fdYlA"
controls autobuffer> <p>Você pode colocar um
texto aqui dentro.</p> </video>
Ainda existe um atributo para iniciar os vídeos
automaticamente.
<video src="festa_15_anos.mov" autoplay>
</video>
Com Flash no HTML 4:
(quem já teve de inserir um flash no conteúdo de
uma página HTML conhece o código)
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-
444553540000" width="425" height="344"
codebase="http://download.macromedia.com/
pub/shockwave/cabs/flash/swflash.
cab#version=6,0,40,0">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always"
/>
<param name="src" value="http://www.youtube.com/
watch?v=VW7dh3fdYlA" />
<param name="allowfullscreen" value="true" />
<embed type="application/x-shockwave-flash"
width="425" height="344"
src="http://www.youtube.com/watch?v=VW7dh3fdYlA"
allowscriptaccess="always"
allowfullscreen="true">
</embed>
</object>
locaweb 63
HTML x Flash:W2008 13/11/2009 17:59 Page 64

Programação Flash x HTML

Na captura exibida na
parte inferior desta página,
você vê um exemplo que
indica onde o usuário está.
Observe que o navegador
pergunta se você deseja
compartilhar a localização
com o domínio que está
sendo acessado. Foi utilizado
o Firefox 3.5.5 para o teste.

Suporte em álbuns virtuais \\ Alguns álbuns online, como o Picasa, possuem suporte para este tipo de
tag. Com ele, o usuário pode tirar fotos do restaurante, onde almoçou e traçar um mapa virtual com os lugares padrão de codificação. Afinal,
Geolocalização
Este é um recurso extremamente interessante. Alguns
álbuns online, como Picasa e Flickr, possuem suporte para
esse tipo de tag. São inúmeras as possibilidades de
utilização. Com ele, o usuário pode tirar fotos do
restaurante que almoçou e traçar um mapa virtual com os
lugares. Por meio do recurso, é possível saber regiões onde
existem mais restaurantes que agradam ao usuário.
No sistema Symbian, que equipa vários celulares da
Nokia, como o smartphone N95, há um recurso chamado
“location tagger”. Este recurso marca a localização
(baseada no sistema de GPS do N95) no cabeçalho da foto.
Esses álbuns conseguem utilizar a informação para
renderizar as fotos com a geolocalização.
Eis um exemplo de como ficaria o HTML de um
objeto mapeado com uma localização.
<span style="display:none" xmlns:geo="http://
www.w3.org/2003/01/geo/wgs84_pos#">
<geo:lat>123</geo:lat>
<geo:long>23.1</geo:long>
</span>
Conclusão
A briga é importantíssima
para que todos os browsers
sigam o padrão HTML 5 com
perfeição e que o Flash
esteja presente no meio de
sites que utilizem esse
o que seria do Firefox se não
existisse o Chrome? O que seria do Windows se não
fosse o Unix e suas milhões de distribuições?
O Flash, com certeza, não se sente ameaçado pelo
HTML 5, afinal, a exibição de vídeos é algo recente
para o próprio programa da Adobe. Todos devem
lembrar-se de que a principal utilização do Flash, até
metade da década, era para animação.
O HTML, por sua vez, propõe uma série de
recursos novos, como acoplar um vídeo direto no
HTML ou um arquivo de áudio. Porém, obviamente,
está longe de fazer tudo que o Flash faz há
anos. Mesmo porque todos os navegadores
implementariam - atente-se a este ponto - de forma
diferente essas funções, sendo que existe um
excelente produto, que é o Flash, que as faz
perfeitamente de maneira padronizada.
Em resumo, o Flash deve continuar presente no
cotidiano da web, para demandas mais complexas. Já
o HTML 5 chega, para descomplicar muitas limitações
do HTML 4, permitindo ao desenvolvedor se preocupar
com assuntos mais importantes da implantação do
aplicativo e do website.

Geolocalização no HTML 5 \\ Observe que o navegador pergunta sobre compartilhar a localização com o domínio que está sendo acessado

64 locaweb
Projeto1:Anuncio 13/11/2009 19:00 Página 1
Locavip19:W2008 7/12/2009 15:30 Page 66

parceiros/locaweb

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

* “O Ometz Group tem

como foco a excelência
em serviços e, por isso,
confia à Locaweb a
hospedagem de sites,
sistemas online e banco de
dados de todas as suas empresas. A
Locaweb tem se mostrado uma empresa
ágil, flexível e com uma equipe
altamente profissional.”
• Ometz Group
Marcos Teixeira, gerente TI da Ometz Group • www.ometzgroup.com.br

* “O Data Center
da Locaweb sempre
atendeu com a
escalabilidade necessária
para suportar nossa
demanda de serviços em
e-learning no segmento de varejo e
corporativo, mantendo com alta
disponibilidade os sistemas e bancos de
• Portal Educação
dados críticos ao negócio.”
• www.portaleducacao.com.br André Akagi, diretor de TI do Portal Educação

* “O Grêmio tem se
destacado no cenário dos
grandes clubes do Brasil
pelo incremento crescente
da sua relação com
torcedores/clientes.
Nosso site é o grande canal desse
relacionamento. Por isso, buscamos a
parceria com a Locaweb, que tem nos
permitido a disponibilidade do serviço.” • Grêmio
• www.gremio.net
Andrade Osório Prates - gerente de TI do Grêmio

66 locaweb
525558_205x275_327_DL.pdf May 5, 2009 18:26:34 1 de 1