Capa_Capa Locaweb 9/24/10 5:08 PM Page 2

Editorial_Sumario_W2008 9/22/10 5:53 PM Page 4

ao leitor
Tem espao para
todo mundo
Locaweb em Revista Edio 24
VP Comercial: Cludio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenao de Comunicao: Daniela Veronese
Coordenao Editorial: Daniela Pereira
Criar um negcio lucrativo na internet est longe
Editora Europa
Editor e Diretor Responsvel: Aydano Roriz de ser uma utopia. Poucas vezes o mundo se
Diretor Executivo: Luiz Siqueira mostrou diante de uma ferramenta com tanto potencial
Diretor Editorial e Jornalista Responsvel: e espao para todos. Ainda mais agora, com o advento das redes sociais, dos
Roberto Arajo - MTb.10.766 - araujo@europanet.com.br
Editores: Paulo Basso Jr. e Srgio Vincius dispositivos mveis cada vez mais disseminados e das ferramentas oferecidas por
Reviso: Marianna Russo grandes empresas, como a Locaweb, para colocar em prtica boas ideias.
Editor de Arte (projeto grfico): Alexandre Dias (Nani)
Colaborao: Cssio Narciso, Felipe Magalhes, Oportunidades no faltam, como voc ver na reportagem principal desta
Fernanda Calgaro, Leonor Ribeiro e Yan Borowski edio. Listamos 10 negcios que j esto dando dinheiro para muitas pessoas.
Publicidade So Paulo: Alguns carecem de investimento financeiro, outros de criatividade ou
E-mail: publicidade@europanet.com.br
Diretor de Publicidade: Mauricio Dias (11) 3038-5093
simplesmente atitude. Todos, porm, exigem dedicao e, sobretudo
Executivos de Negcios: Flavia Pinheiro (coordenadora), conhecimento. Foi por isso que a reprter Fernanda Calgaro conversou com
Alessandro Donadio, Angela Taddeo, Claudia Alves,
Elisangela Xavier, Marcos Roberto, Renato Peron,
profissionais e especialistas de todos os setores. Para expr as possibilidades mais
Rodrigo Sacomani e Tatiane Saragoa viveis do setor e trazer bases slidas para voc iniciar ou turbinar o seu negcio.
Trfego: Renan Pereira (11) 3038-5097
Criao Publicitria: Paulo Toledo
Leia, veja o que mais combina com as suas aptides e encontre o seu espao.
Circulao e Promoo - Gerente: Joo Alexandre Diante das novidades que no param de surgir no mundo web, a equipe da
Desenvolvimento de Pessoal:
Tnia Marilia Ribeiro Roriz e Elisangela Tokashiki Locaweb em Revista correu atrs de uma srie de outras informaes interessantes
para quem deseja ampliar o conhecimento e se manter na dianteira da rede
Locaweb em Revista uma publicao da Editora Europa
Ltda. e do departamento de comunicao e marketing da mundial. Das tendncias do design, como os Single Page Websites, chegada do
Locaweb Servios de Internet. A Editora Europa no se PayPal ao Brasil, passando pelo boom dos eReaders e pelo Dengue Ville, um jogo,
responsabiliza pelo contedo dos anncios de terceiros.
literalmente, social, esta edio est recheada de novidades. De quebra, aproveite
Distribuidor Exclusivo para o Brasil:
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da para descobrir as vantagens e desvantagens do Gmail Calls, novo servio de
Silva, 907 - CEP 20563-900 - Graja - RJ telefonia web do Google, em relao ao Skype; e veja o que as novas verses dos
Impresso: Prol Editora Grfica navegadores Firefox e Internet Explorer prometem. Bons negcios para voc!
Somos Filiados ANER - Associao
Nacional dos Editores de Revistas
Claudio Gora
editor@locawebemrevista.com.br

O que tem nesta edio...

* Entrevista: Ian Pratt..............................06
* Notcias .................................................10
* Portflio ................................................16
* Espao ABRADi .....................................18
* Artigo: Marcelo Trpoli.........................20
* Artigo: Guilherme Mazzola .................22
* Preview: Firefox 4.................................24
10 negcios lucrativos 30 Single Page Websites 44 * Preview: Internet Explorer 9 ...............26
* 10 Negcios lucrativos na web ...........30
* PayPal no Brasil ....................................42
* Design: Single Page Websites .............44
* eReaders ...............................................48
* Gmail Calls ............................................52
* Dengue Ville .........................................56
* Vdeos no HTML 5................................60
* CSS3 - Gerador de cdigos online.......64
eReaders 48 Gmail Calls 52
* Parceiros ...............................................66

4 locaweb
Entrevista_W2008 10/15/10 6:55 PM Page 6
Entrevista
No mundo das nuvens
Ian Pratt, da Citrix e Xen.org, e referncias em virtualizao da Globo.com
e da Excelsys SPA, do Chile, relatam experincias com cloud computing
Por Rafael Rosa
D
urante a LinuxCon Brasil
2010, evento realizado em
So Paulo entre os dias
31 de agosto e 1 de
setembro, poucos assuntos deram
mais o que falar que o cloud
computing. Fornecedores e clientes
debateram sobre o avano da
infraestrutura e mostraram como a
implantao do sistema est
resultando em mudanas nas
relaes de trabalho e melhorias
aos usurios.
Para traar um panorama de
como o mundo em nuvens avana,
Locaweb em Revista reuniu o
arquiteto-chefe do projeto de cdigo
aberto Xen e fundador da XenSource
(hoje uma diviso da empresa Citrix),
Ian Pratt, com trs usurios do
hypervisor: Boris Quiroz, lder de
virtualizao da Excelsys SPA, grupo
chileno de online banking; e Marcos
Sinhoreli e Ernesto Thorphe, lderes
de virtualizao da Globo.com.
Locaweb em Revista Ian, fale um
pouco sobre o Xen. Por que a
comunidade importante para o
cloud computing?
Ian Pratt O Xen um hypervisor, o
que podemos chamar de o corao
da virtualizao e do cloud
computing, uma vez que a
virtualizao que cria a possibilidade
de desenvolvermos mquinas
virtuais que compartilham um
mesmo hardware. No projeto Xen,
trabalhamos para oferecer segurana
e isolamento entre essas mquinas
virtuais, para que os provedores de
6 locaweb
cloud computing possam oferecer
aos clientes a certeza de que seus
dados esto isolados e no cairo
nas mos de outros clientes. Isso
tudo essencial para o cloud
computing pblico.
LR Quais empresas esto por trs
do projeto?
Ian Pratt O projeto um open
source feito pela comunidade Xen, que
por sua vez formada, em parte, por
vrias empresas e pessoas fsicas. A bancrios. Como voc analisa a
diretoria composta por empresas de
renome, como Intel, Oracle, Dell, HP e
* O hypervisor o
corao da nuvem, uma
vez que a virtualizao
que cria a possibilidade
de desenvolvermos
mquinas virtuais que
compartilham um
mesmo hardware
Citrix, que conduzem e orientam o
projeto. Alm das empresas, vrios
desenvolvedores independentes ao
redor do mundo contribuem com
cdigos criados, muitas vezes, em
seus quartos.
LR Como o Xen usado pelos
provedores de cloud? Quantos deles
usam o projeto como plataforma
de virtualizao?
Ian Pratt O Xen adotado pelos
grandes players do mercado. Os
maiores provedores de cloud
computing do mundo, como Amazon
e Rackspace, o usam. Alm disso, h
uma srie de provedores menores que
tambm aderiu ao projeto. Uma de
nossas preocupaes fazer com que
a Xen Cloud Platform seja fcil de
instalar e usar, e isso tem feito com
que entre 80% e 90% dos provedores
de cloud computing na forma de
Infraestrutura como Servio (IaaS)
usem o Xen.
LR Boris, a Excelsys SPA, usuria
do Xen, trabalha com sistemas
segurana do cloud computing?
Boris Quiroz Segurana algo
muito importante para ns, uma vez
que guardamos dinheiro das pessoas
nos nossos servidores. Manter um
sistema seguro, porm, no uma
responsabilidade especfica do
hypervisor, pois os responsveis pela
maior parte do trabalho so as
equipes de redes. Por isso, tivemos que
introduzir vrias medidas de
segurana em outras camadas do
processo. Com tudo funcionando
corretamente, possvel afirmar que o
cloud bastante seguro.
LR A Excelsys SPA tentou usar
outros hypervisors antes do Xen?
Boris Quiroz Sim. Experimentamos
o VMWare por mais ou menos trs
meses, mas o fato que o Xen ,
definitivamente, mais fcil de ser
instalado e administrado. De quebra,
mais seguro, o que corresponde
melhor s nossas expectativas e de
nossos clientes.
LR E a Globo.com, o que os levou
a adotar o cloud computing e,
especificamente, o hypervisor Xen?
Marcos Sinhoreli Adotamos o
Entrevista_W2008 10/15/10 6:55 PM Page 7

Entrevista

Acima \\ Ian Pratt, VP da Citrix, Acima \\ Logotipo do hypervisor Xen,

revela que entre 80% e 90% dos o que podemos chamar de o corao
provedores de cloud computing na da virtualizao e do cloud computing
forma de Infraestrutura como
Servio (IaaS) usam a plataforma
Abaixo \\ Na Globo.com, Marcos Sinhoreli adota o
cloud para automatizar processos em camadas de
networking, gerenciar switches e balancear carga
* O Xen agrada
por ser open
source, ter alto
desempenho e vir
com softwares
embutidos, como Acima \\ Boris Quiroz, lder
de virtualizao da empresa
o Xen API Tool chilena Excelsys SPA,
Stack, que permite considera o Xen mais
seguro e fcil de ser
manipulao via APIs instalado que o VMWare

cloud para agilizar processos de audincia atinge picos

provisionamento de infraestrutura. A
ideia usar o cloud para
Infraestrutura como Servio a fim de
automatizar processos em camadas de
networking, gerenciamento de
switches e balanceadores de carga,
alm da criao de mquinas virtuais sem parar apenas para atender
e processos ligados a deployment.
Dentro desse cenrio, o Xen nos
agrada por ser open source, ter alto
desempenho e vir com softwares
embutidos, como o Xen API Tool Stack,
que permite manipulao via APIs.
Ernesto Thorphe No caso especfico
de vdeos, somos desafiados quando a
que a elevam 10 ou
20 vezes em relao
ao normal. Para
conseguir atender isso
de uma forma econmica e no ter de
manter todos os servidores ligados
refizemos todo o ambiente de
apenas o pico, migramos para o cloud
computing. O sistema fundamental
para escalarmos nossa infraestrutura
de acordo com a necessidade.
LR Como a Globo.com lidou com
esses picos de audincia, por
exemplo, durante a Copa do
Mundo da frica do Sul?
Ernesto Thorphe Para atender
alta demanda da Copa do Mundo,
distribuio de vdeo. Tivemos,
inclusive, de montar um segundo
data center para melhorar a
experincia dos usurios. Dentro
desse processo, chegamos a ter mais
de 60 GB/s de transferncia, com
picos de 90 GB/s, e tudo deu certo
graas infraestrutura de cloud por
trs do servio.

locaweb 7
Emails_W2008 10/15/10 6:56 PM Page 8
e-mails
Ajax
Estou
desenvolvendo um
projeto em Ajax. Porm,
surgiu um problema. Os
dados retornados ao
objeto HTTPRequest
referentes a uma
solicitao feita a uma
consulta em PHP, quando
insiro em uma listbox,
vm sem acentuao e
com caracteres estranhos.
O que pode estar
acontecendo? Este
retorno est sendo
feito pelo mtodo
http.responseText.
Sergio Maia Por e-mail
Esse um problema
bastante comum e
geralmente fcil de ser
resolvido. Ele est
ocorrendo porque o objeto
HTTPRequest exige que
voc seja bastante
especfico em relao ao
conjunto de caracteres que
ir usar em seu texto.
Site em Ajax \\ Para criar pginas com a linguagem, como o Google News, necessrio ficar atento a alguns
detalhes da lngua portuguesa. Para incluir a aceitao de acentos e cedilha, deve-se dar um comando no script
8 locaweb
Como a nossa lngua o
portugus, necessrio
usar o conjunto (charset)
chamado ISO8859-1.
No seu caso, preciso
apenas inserir uma linha
no cdigo PHP que envie
um cabealho informando
qual charset ser usado.
Esse comando deve
ser colocado bem no
comeo do script, da
seguinte maneira:
header("Content-type:
text/plain;
charset=ISO8859-1");
Usabilidade
Acabei de criar
um site com diversos
conceitos de usabilidade.
Gostaria de fazer alguns
testes para saber se isso
realmente ajuda o usurio
a encontrar o que precisa
com mais facilidade.
Como esse tipo de
avaliao funciona?
Pedro Lobo Por e-mail
// Envie seu e-mail
Se voc tem alguma dvida, sugesto ou
crtica, entre em contato com nossa redao
pelo e-mail locaweb@europanet.com.br.
Existem diversas
abordagens que
podem ser usadas para
avaliar a usabilidade de um
site. As metodologias podem
ser divididas, basicamente,
em duas categorias: as que
derivam da avaliao de
profissionais, tambm
chamadas de heursticas, e
as que obtm dados por
meio da observao do uso
da interface pelos usurios.
Logicamente, o mtodo que
voc escolher para avaliar o
site deve considerar
variveis, como custo da
avaliao, convenincia da
tcnica para o projeto e
tempo disponvel. As
avaliaes de usabilidade
podem ser conduzidas em
muitos estgios durante e
depois do processo de
desenho e desenvolvimento
do site. Veja alguns:
Ensaio Cognitivo
uma abordagem para
avaliar uma interface
baseada na separao e na
anlise das aes que o
usurio deve executar para
usar o sistema ou para
executar uma tarefa.
Foco de Grupo
Rene grupos de usurios
para obter reaes iniciais
ao design e discutir as
preferncias. Esse mtodo
pode ser til para levantar
questes que no aparecem
em entrevistas individuais.
Prottipo
Envolve o desenvolvimento
de representaes de um
sistema para propsito
de testes. Essas
representaes podem
variar de simples
rascunhos a sistemas
completos e quase
totalmente funcionais.
Anlise de Tarefas
Avalia como realmente o
usurio final usa softwares
ou websites. Um analista
determina objetivos e
tarefas do usurio e,
baseado no desempenho
do utilizador, faz
recomendaes com o
objetivo de aumentar a
eficincia e tornar o site
mais amigvel.
Inspeo de Usabilidade
Revisa um sistema
baseando-se em um
conjunto de diretrizes.
Esse teste feito
por profissionais
familiarizados com os
conceitos mais importantes
de usabilidade.
Noticias_Parte1_W2008 9/22/10 4:46 PM Page 10

notcias
blog.locaweb.com.br
Confira as novidades da maior empresa de servios de internet do Brasil

WebDesk: gesto de
atendimento a clientes
Ferramenta da Locaweb possibilita organizar as solicitao do dia a
dia em um nico canal e agregar agilidade ao fluxo de atendimento
A Locaweb lanou
um novo produto
no Brasil e na Amrica
Latina. Trata-se do
WebDesk, sistema de help
desk para que pequenas e Abaixo \\ A nova ferramenta
mdias empresas possam conta com uma srie de pacotes
de servios e planos de preos.
prover atendimento Confira o que mais atende s
profissional e suporte. suas necessidades no site
Com a ferramenta, Locaweb.com.br/WebDesk
voc pode melhorar o
relacionamento com os
clientes ao organizar as
solicitaes do dia a dia em
um nico canal e agregar
Acima \\ Voltado para pequenas
mais agilidade ao fluxo de e mdias empresas, sistema de
atendimento. O WebDesk help desk lanado pela Locaweb
permite que sua empresa oferece personalizao dos
canais de atendimento para
execute as seguintes tarefas: quem deseja oferecer suporte,
entre outras funes
Profissionalize os
canais de atendimento,
customizando a ferramenta Gerencie o atendimento direcionar o atendimento a ferramenta simples e
com seu logotipo e a clientes em um s lugar, outras pessoas e consultar garantir que a experincia
algumas opes de cores por meio de uma interface tudo via internet com a ferramenta seja cada
simples e fcil de usar vez mais til, completa e
Mais eficincia, sem a O compromisso da agradvel. Saiba tudo que o
necessidade de comprar Agilidade para responder Locaweb manter o WebDesk pode oferecer em
licenas e instalar softwares s solicitaes, de modo a WebDesk como uma Locaweb.com.br/WebDesk.

10 locaweb
Noticias_Parte1_W2008 10/15/10 6:58 PM Page 11

e mais...

CONHEA O NOVO PROGRAMA

DE AFILIADOS DA LOCAWEB
Um plano de parceria estruturado e que gere benefcios
relevantes fundamental para um bom relacionamento.
Pensando nisso, a Locaweb apresenta mais uma novidade, o Webcast: os seis
Programa de Afiliados Locaweb (Locaweb.com.br/Afiliados).
Voc pode indicar a empresa aos clientes por meio de
chapus do pensamento
afael Rosa, PO de cloud computing na Locaweb, mostra uma
banners, links ou apenas ao informar o cdigo de afiliado.
Os pontos adquiridos podem ser trocados por diversas
R tcnica inovadora para se conduzir reunies buscando alcanar
mais aproveitamento e produtividade. Para conferir os seis chapus do
opes de brindes e servios da Locaweb. Se voc ainda no
pensamento por trs da metodologia, acesse o endereo eletrnico
cliente da empresa e deseja ser um afiliado, acesse o site
http://bit.ly/webcast6chapeus.
http://bit.ly/parceirosLocaweb e cadastre-se gratuitamente.

Empresa conquista
LOCAWEB LANA O LOCAWEBERS, certificao SAS 70
BLOG DOS FUNCIONRIOS DA EMPRESA
A Locaweb lanou o Locawebers (www.locawebers.com.br),
novo blog dedicado aos funcionrios da empresa. A ferramenta
uma grande fonte de informao que rene as ideias de
diversos profissionais. Em pauta esto as ltimas tendncias
do mercado, de modo a atualizar os leitores sobre tecnologias
de internet. O blog foi batizado com este nome porque
Locawebers como os funcionrios da empresa so
chamados.So mais de 20 especialistas de todas as reas, como
Desenvolvimento de Software, Administrao de Sistemas,
Arquitetura da Informao, Web Design, Produtos, Marketing
e Administrao
de Redes,
que escrevem
diariamente
Locaweb recebeu a certificao SAS 70 (Statement on Audit
sobre temas como
cloud computing,
A Standards n 70), que formaliza em relatrio desenho,
implementao e efetividade operacional dos controles de uma
Ruby on Rails, organizao de servios. Este certificado pode ser aplicado s
metodologias prestadoras de servios de TI com o objetivo de garantir controles
geis, experincia mais eficazes e seguros. O SAS 70 foi obtido para os seguintes
do usurio e outros escopos: Gerenciamento de Acesso Fsico ao Data Center e
assuntos referentes Gerenciamento de Facilities. Para saber mais detalhes, acesse o
a projetos de endereo eletrnico http://bit.ly/SAS70locaweb.
internet. Conhea!

locaweb 11
Noticias_Parte2e3_WishList_W2008 9/22/10 4:51 PM Page 12

Wishlist

O melhor da
cultura digital
Nesta seo, voc confere o que h de mais interessante nas
prateleiras ao redor do mundo quando os assuntos so alta
tecnologia, conectividade com a web e diverso eletrnica

Boa, bonita e barata

Com 12 MPixels de resoluo, a discreta e
atraente cmera digital Nikon S3000 tem display
LCD de 2,7, lentes com zoom tico de 4x, flash
embutido, leitor de cartes SD e um inteligente
sistema de escolha de cenas, que regula
automaticamente as propriedades de captura de
acordo com o tema e as condies de
iluminao do local. Para finalizar, a Nikon
S3000 capaz de capturar filmes com qualidade
de DVD (640 x 480 pixels). Tudo isso por apenas
US$ 150 nos Estados Unidos. O produto ainda
no tem data para chegar ao Brasil.
Mais informaes: www.nikon.com

TV digital no iPhone
O Tivizen um receptor de TV digital que processa o sinal de TV aberta e o
retransmite via Wi-Fi para os equipamentos da Apple: iPhone, iPod Touch e
iPad. A resoluo 1-seg, suficiente para as telas menores do iPhone e do
iPod Touch, mas pode ficar borrada na tela grande do iPad. O sistema
funciona em conjunto com o aplicativo Tivizen Mobile TV Viewer (gratuito na
App Store). O acessrio pesa 75 g e pode ser uma sada para quem quer ver
TV e no tem interesse em comprar um novo aparelho. Preo sugerido:
R$ 450. Mais informaes: www.eutv.com.br

12 locaweb
Noticias_Parte2e3_WishList_W2008 9/22/10 4:52 PM Page 13

Wishlist

Home-theater 3D
A Samsung acabou de lanar no mercado o HT-C6930W, primeiro
conjunto integrado de home theater no Brasil a contar com o reprodutor
de discos Blu-ray 3D. Com exagerados 1.330 watts RMS de potncia,
o sistema 7.1 canais traz atrativos como o recurso Internet@TV, que
permite a visualizao de contedo online, e o AllShare, um servio de
reproduo remota com base no DLNA. Alm disso, o kit conta com
dock para iPod e caixas surround traseiras sem fio.
Preo sugerido: R$ 5 mil.
Mais informaes: www.samsung.com.br

Smart com
Android e TV
Receber o sinal de TV digital aberto s uma das vrias
funes do smartphone mais sofisticado da Samsung.
No Galaxy S, voc pode assistir a seus programas
favoritos da TV em uma espaosa tela de 4 (480 x
800 pixels) com tecnologia AMOLED, que oferece mais
brilho e contraste. A configurao do aparelho parruda:
processador de 1 GHz, 8 GB de memria interna,
cmera de 5 MPixels (registra vdeos em HD), Wi-Fi,
DLNA e 3G. Tudo roda em uma verso 2.1 do Android
OS. Preo sugerido: R$ 2,3 mil.
Mais informaes: www.samsung.com.br

HD externo com
bom custo-benefcio
Um dos HDs externos de melhor custo-benefcio
atualmente no mercado o My Book
WDBAAF0010HBK, da Western Digital. O
acessrio, que tem visual bacana e capacidade
de 1 TB, custa apenas R$ 350, preo bastante
acessvel (cerca de R$ 0,35 por GB). O HD
pode ser facilmente encontrado no Brasil.
Mais informaes: www.wdc.com

locaweb 13
Noticias_Parte2e3_WishList_W2008 9/22/10 4:53 PM Page 14

Wishlist

Celular inovador
O GM 600, da LG, o primeiro aparelho
celular do mercado capaz de sintonizar DTVi,
o sinal interativo que as emissoras podem
enviar pela rede mvel para funcionar em
conjunto com programao (eventualmente,
poder haver cobrana pela transmisso de
dados). O aparelho vem com uma tela de 3
sensvel ao toque, cmera com 3.2 MPixels,
interface 3D e sistema Dolby Mobile para
reproduo de udio. Preo sugerido: R$ 700.
Mais informaes: www.lge.com.br

Dock com a sua cara

Com 60 watts, o Trik, da Sony, um dock para
iPod que segue o seu estilo. O equipamento
pode ser personalizado com skins diferentes, que
mudam radicalmente o seu visual. O Trik j traz
quatro diferentes adesivos e novos adesivos
podem ser adquiridos no site do fabricante.
Preo sugerido: R$ 600
Mais informaes: www.sonystyle.com.br

Transmissor sem fio

O transmissor FM Griffin 9559AUTO Griffin permite
escutar as msicas do iPod no carro sem precisar
de fios. Basta sintonizar a frequncia da transmisso
no rdio. Ele ainda recarrega o aparelho durante a
reproduo e timo, principalmente, para
aparelhos que no oferecem entrada auxiliar no
painel frontal. Preo sugerido: R$ 220
Mais informaes: www.griffin.com

14 locaweb
Noticias_Parte2e3_WishList_W2008 9/22/10 4:53 PM Page 15

Wishlist

GPS turbinado
O GPS Mio Moov Spirit V505s fornece
mapas em 3D e informaes do trnsito
atualizadas em tempo real das cidades
de So Paulo e Rio de Janeiro. Alm
disso, conta com TV digital aberta e
uma tela de 4,7. So 530 cidades
brasileiras navegveis e outras
1,5 mil cidades mapeadas.
Preo sugerido: R$ 1,4 mil.
Mais informaes:
www.miobrasil.com.br

Monitor magrinho
Com apenas 1,9 cm de espessura, a nova TV e monitor LED
da AOC uma tima escolha para quem quer um televisor
pequeno no quarto para usar com o computador, BD player
ou at mesmo videogames. Chamado de e22T, o modelo,
que tem 21,5 de tamanho e aspecto widescreen, oferece
resoluo Full HD (1.920 x 1.080 pixels) e conta com
vrias entradas diferentes, como HDMI, vdeo composto,
vdeo componente, S-Vdeo e antena externa. O preo
sugerido de R$ 950.
Mais informaes: www.aoc.com.br

Rdio de carro compatvel com iPhone

O rdio de carro Sony Xplod BT3807U traz, entre vrias especificaes interessantes,
conexo Bluetooth com total compatibilidade com iPod Touch e iPhone. Alm de receber as
msicas do dispositivo sem precisar de fios, possvel controlar as opes bsicas do
tocador pelo prprio painel do rdio. Preo sugerido: R$ 450
Mais informaes: www.sonystyle.com.br

locaweb 15
Portifolio_W2008 10/15/10 7:03 PM Page 16

portflio
Confira o cliente do ms, destacado pela Locaweb, por produzir
solues e produtos diferenciados no ambiente digital

Aorta
A Aorta reconhecida no
mercado mineiro como a
agncia que mais se
destaca em tecnologia
web, promovendo a
comunicao dos clientes
com o mundo digital por
meio de projetos
inovadores. especialista
em aplicativos e
contedos para novas
mdias, internet,
celular, rdio, msica
e entretenimento.

Confira alguns
clientes da Aorta
www.aorta.com.br: 2

1 2
Rdio Nike Canarinho
FFW, SPFW +
Fashion Rio

3
Skank

16 locaweb
artigo_assossiacao_W2008 10/15/10 7:04 PM Page 18
marketing
Espao ABRADi
Simplesmente
um texto 2.0
Redes sociais e iPad resgatam o verdadeiro propsito da
internet, que ser colaborativa e, principalmente, interativa
Em 1990, quando Tim Berners-Lee criou o WWW
(Word Wide Web) com um simples propsito, no
imaginava o grau de importncia que essas trs letras teriam
para o futuro do mundo. Hoje em dia, a internet tem relao
direta em nossas vidas. Por meio da rede, conseguimos estar
em qualquer lugar a qualquer hora. Ou seja: onipresentes.
Todos os dias, temos novidades agregadas ao WWW
que se tornam o centro das atenes. No momento, nada
provoca mais barulho que as redes sociais, criadas com o
intuito de ligar as pessoas e provocar um nmero maior de
relacionamentos. Mas, com o passar do tempo e com as
redes de relacionamentos crescendo a cada minuto, com
novas pessoas interessantes sendo adicionadas, o perfil
desenvolvido para essas ferramentas fugiu um pouco ao
objetivo inicial.
Segundo Robin Dunbar, professor de antropologia na
Universidade de Oxford, o limite mximo de amigos que
uma pessoa capaz de manter razoavelmente no
ultrapassa o nmero de 150. Com isso, vemos que as
grandes comunidades mantidas nas redes sociais, que
muitas vezes ultrapassam 400, 500 pessoas, so inteis. Uma
quantidade de pessoas com quem no interagimos por
simples falta de tempo. E servem para que ento?
Pois bem, contradizendo o professor Robin, j podemos
encarar as redes sociais como uma forma de complemento
educao. Trata-se de uma ferramenta que transforma a
diverso em aprendizado intuitivo e colaborativo por livre e
18 locaweb
Marcello Barbusci
Scio diretor de planejamento
estratgico da wemake
E-mail:
marcello.barbusci@wemake.com.br
Twitter: @mbarbusci
Site: www.tudosobre
planejamento.com.br
espontnea vontade dos usurios. No caso corporativo, o
objetivo principal da comunicao nas redes sociais criar
relacionamento com os brand lovers e brand advocates.
Pessoas que esto interessadas em manter dilogo com as
marcas/produtos, juntamente com o gerenciamento da
reputao digital da instituio.
Em meio a tudo isso, possvel afirmar que as redes
sociais j se tornaram comunidades de conhecimento. So
mecanismos que servem de veculo para a inteligncia
coletiva. Outra ferramenta que vem para colaborar e agregar
ao WWW novas formas de obter a informao o
inigualvel iPad. Um iPhone gigante que encolheu os
laptops e esticou os smartphones. Com tudo ao alcance de
uma tela touchscreen, trata-se de uma plataforma porttil
melhor que todas as lanadas at hoje. Celulares so
portteis, mas no editam vdeos. J laptops no so
portteis, so apenas desktops itinerantes.
O iPad uma nova era. o sonho dos publishers se
tornando realidade, pois a plataforma envolve distribuio e
colaborao de contedos a ponto de unificar internet,
rdio, cinema, televiso, jornal e revista, tudo online e em
alta definio no alcance da audincia e em qualquer lugar.
Para encerrar, esse artigo um simples texto 2.0
totalmente colaborativo oriundo de feeds encontrados em
uma busca no Google. Ou seja, depois de 20 anos, a
internet volta a ter o seu real propsito: ser colaborativa e,
mais que nunca, interativa.
artigo_marcelo_mercado_W2008 10/15/10 7:05 PM Page 20
e-business
opinio/articulista
H barreiras entre
as mdias on e off?
As agncias tm de mudar o foco para ligar marcas a consumidores
com campanhas que possam transcender as imagens idealizadas
Muito j foi dito sobre a publicidade online ao
longo dos ltimos 15 anos. Que o banner vai
morrer, que a mensagem precisa ser relevante para
gerar engajamento com o consumidor, que os
investimentos publicitrios no correspondem com a
abrangncia gerada pela internet... Sem contar o
potencial das redes sociais. Contudo, a grande questo
que sempre vem tona trata da batalha entre as mdias
on e off: qual delas oferece os melhores resultados?
Hoje, em um mundo em que as marcas so
globalizadas e as informaes esto a um clique de
distncia, no cabe mais a distino entre on e off, novo
e tradicional, jornal ou internet. Dentro do mesmo
cenrio, no existe mais a agncia online e a agncia
offline. O novo modelo de uma agncia
multidisciplinar, focada em conectar marcas aos
consumidores por meio de algo genuno e que
transcenda uma imagem idealizada.
Um exemplo da extino dessas barreiras um case
premiado na ltima edio do Festival de Cannes, que
mostra que a mudana no est apenas no modelo de
atuao das agncias e na forma como o mercado
entende a importncia das mdias. O marketing, de uma
forma geral, est enxergando resultados muito alm dos
banners, tweets ou dos 30 segundos.
20 locaweb
Marcelo Trpoli
Presidente da agncia de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br
Para ajudar a Guide Dogs Australia, organizao que
d suporte sobre adoo de ces-guia para auxiliar na
mobilidade e na incluso de cegos e deficientes visuais
na sociedade, a agncia Clemenger BBDO Melbourbe
criou o Support Scent. Trata-se de uma fragrncia que
faz as pessoas com algum tipo de deficincia visual
sentirem que esto sendo auxiliadas, uma vez que
uma campanha focada em apelo visual no seria
apropriada. O perfume foi lanado em parceria com a
Kit Cosmetics, uma das lderes do segmento na
Austrlia, trazendo consigo mais credibilidade para o
produto, que possui um design especial, no qual at
mesmo a embalagem tem uma linguagem em braille.
A campanha quebrou algumas barreiras e conseguiu
que a distribuio e a venda dos produtos fossem feitas
em nvel nacional, incluindo as maiores lojas de
departamento e sites do segmento no pas. A ao
contava com comerciais de TV, cinema, impressos, rdio
e outdoor, alm do site www.supportscent.com, que se
transformou em uma verdadeira comunidade online,
onde as pessoas podem compartilhar todas as
informaes necessrias com o apoio de redes sociais.
Em resumo, quando falamos de comunicao, na
maioria das vezes, no existe certo e errado, bom ou ruim,
on ou off, mas sim o que resolve o problema da marca.
artigo_guilherme_mercado_W2008 9/22/10 4:08 PM Page 22
e-business
opinio/articulista
D o que falar!
Em um mundo em que tudo parece igual, um pequeno detalhe
pode ser a diferena para conquistar clientes e obter sucesso
Digo literalmente: d s pessoas algo sobre o que
falar se quiser ter sucesso no mercado. No
adianta ter mil ideias para criar um negcio e querer
vender aos montes se fizer tudo exatamente igual ao que
todo mundo j faz por a.
Eu sei que muita gente j vem falando disso h tempos.
Diferenciao, marketing viral, marketing de guerrilha e por
a vai. Mas h um conceito do qual eu gosto muito para
tratar desse tema, que vem de um dos ttulos mais famosos
do marqueteiro norte-americano Seth Godin: A Vaca Roxa.
A ideia boa, pois simples de entender na prtica.
Imagine que voc viajou com a famlia e viu campos cheios
de pastos de gado. Se voc j viu vacas na vida, e todas
sempre foram iguais, isso no vai significar nada. Mas se
voc vir uma vaca roxa nessa mesma situao, pensar: isso
algo incrvel! As crianas vo querer v-la de perto, voc pessoas se sintam bem ao serem atendidas por voc. Em
vai se perguntar como ela foi criada, quem o dono
daquela vaca e, com certeza, vai comentar com todos os
amigos sobre a experincia. Alguns deles vo ficar to
empolgados quanto voc, querendo conferir tudo por conta
prpria. E no exatamente isso que deve acontecer com o
seu produto ou servio? Mas como criar essa experincia
memorvel? Para comear, procure conhecer de perto como
as pessoas compram e usam na prtica aquilo que voc
vende. Seu objetivo que elas sintam que a vida delas ficou
melhor usando a sua soluo. Faa isso descobrindo quem
so as primeiras pessoas dispostas a pagar pelo que voc
oferece. Converse com elas focando em customizar
22 locaweb
Guilherme Mazzola
Gerente de Desenvolvimento de
Mercados da Locaweb
E-mail: guilherme.mazzola
@locaweb.com.br
atendimento, processo de venda e at mesmo produto ou
servio para agradar muito a esses early adopters, pois eles
iro contar sua histria aos amigos deles. O boca a boca ,
at hoje, uma das ferramentas mais importantes de
marketing. A diferena que, atualmente, as pessoas
podem falar para os amigos na internet, com milhes de
outros amigos acompanhando a conversa e sendo
igualmente influenciados.
Essa customizao na experincia no precisa ser algo
completamente revolucionrio. Pequenos detalhes que
mostrem que voc ouviu seus clientes e quis oferecer algo
realmente nico (e no estava preocupado apenas em
ganhar uns trocados), muitas vezes, so o suficiente para
gerar esse efeito.
Pelo menos crie um servio especial, que faa com que as
uma viagem que fiz, todos os dias, na arrumao do quarto,
as toalhas eram enroladas em formato de bichos. No
primeiro dia, encontrei um divertido elefante usando meus
culos escuros, que haviam sido esquecidos na mesa. No
dia seguinte, um macaco estava pendurado em um
cabide. Esses detalhes mostraram uma preocupao pessoal
com os detalhes e, no fim, alm da gorjeta, ganharam nossa
simpatia por toda a experincia da viagem. At hoje guardo
as fotos dos bichos e conto essa histria aos amigos,
como estou fazendo aqui.
Agora pense: em que formato voc vai enrolar suas
toalhas? Que cor ser sua vaca? Boa sorte e sucesso!
Preview_Firefox_W2008 10/15/10 7:06 PM Page 24
preview
Verso do Firefox 4
beta est na rede
Edio instvel do prximo browser da Mozilla conta com transparncias,
visual repaginado, abas de aplicativos e acelerador de hardware
Por Srgio Vincius
J
possvel baixar mais uma
verso beta do Mozilla Firefox 4. A
nova edio do software, que
pode ser adquirida gratuitamente em
http://www.mozilla. com/pt-BR/ firefox/
beta, ainda est instvel, com uma
srie de bugs, o que o impossibilita,
ao menos por enquanto, a rodar com
segurana contas de e-mails ou sites
que requerem dados pessoais, como
bancos e e-commerces.
Por isso, a verso beta do Firefox 4
deve ser baixada e testada por mera
curiosidade ou com o intuito de
ajudar em seu desenvolvimento
procedimento que, inclusive, deve ser
adotado em relao maior parte das
verses betas de softwares disponveis
no mercado. Quanto mais pessoas
avaliarem, informarem bugs e acharem
problemas, mais rapidamente esses
contratempos sero reparados.
Com tudo isso em mente, vale a
pena baixar o programa para ter uma
boa ideia do que a Mozilla pretende
com seu prximo navegador.
primeira vista, fica claro que o objetivo
criar um browser mais rpido e
dinmico, algo que a fundao
persegue h tempos, j que o
navegador conhecido por ocupar
memria RAM em excesso e gerar
24 locaweb
Nova cara \\ Agora, as abas
do Firefox subiram um degrau e
foram parar sobre a barra de
navegao; transparncias
tambm chamam a ateno na
nova verso do famoso
browser de cdigo aberto
resultados com lentido. Alm disso,
chamam a ateno itens de perfumaria,
como janelas transparentes, muito
semelhantes s que o concorrente
Opera implementou recentemente, e
abas de aplicativos.
Interface
A principal mudana apresentada
pela verso beta do Firefox 4 a
interface. Abas, menus e fundo
foram alterados, o que ir requerer
mais tempo do usurio para se
acostumar ao novo jeito no
browser. Quem usa o Opera
perceber que o Firefox resolveu se
aproximar dele, sobretudo do ponto
Ficha Tcnica
Nome e verso: Firefox 4 beta
Desenvolvedor: Mozilla
Licena: Freeware
Tamanho: 10,5 MB
Site: http://www.mozilla.com/
pt-BR/firefox/beta/
de vista esttico. Isso pode ser visto
nas transparncias de fundo e nas
tabs, que mudaram de lugar e
esto posicionadas um pouco acima
de onde ficavam, no topo da tela.
De olho em outro concorrente, o
Google Chrome, o Firefox 4 tambm
apostou no minimalismo. Os menus,
por exemplo, esto reunidos sob um
nico boto, no canto superior
esquerdo da tela. Entretanto,
apostando nas tendncias de
personalizao, o navegador conta
com dois novos botes Customize
e Menu bar , que permitem ao
usurio deixar a interface do modo
que mais lhe agrada.
Preview_Firefox_W2008 10/22/10 7:35 PM Page 25
* Ainda com muitos bugs,
a verso beta deve ser
instalada apenas por
quem deseja ver as
novidades do programa.
Us-la normalmente ainda
uma tarefa insegura
A seguir, confira mais detalhes
apresentados na nova verso beta
do navegador de cdigo aberto mais
popular do planeta.
Aplicativos
Os aplicativos usados com
frequncia pelo usurio, como
processador de texto e player
de msica, agora podem ficar
acoplados dentro do Firefox. Para
isso, a Mozilla criou uma rea
chamada Aba de Aplicativos, que
facilita bastante a vida do usurio.
Busca
Alm da j tradicional busca
facilitada na web realizada por meio
de atalhos especficos, o Firefox 4
permite que o usurio faa
pesquisas nicas em todas as tabs
abertas. Por exemplo: se houver
12 tabs no navegador e o usurio
queira ver em qual delas aparece a
palavra Locaweb, basta digitar o
nome e pronto: o browser d o
resultado em segundos.
Programao
De acordo com os especialistas e
desenvolvedores da Mozilla, foram
implementadas novidades na
programao do navegador.
Aplicativos Javascript devem rodar,
agora, mais rapidamente no browser.
H, ainda, um suporte a Direct2D e
bloqueio de CSS. Essas duas ltimas
implementaes ainda esto em fase
experimental e, talvez, nem estejam
Panorama \\ Novo recurso do Firefox permite que usurio gerencie abas com facilidade por meio
do mouse, seja ao criar novos grupos, seja ao estabelecer uma ordem hierrquica entre elas
presentes na verso final do Firefox,
o que irritaria bastante os usurios.
Complementos
O suporte aos add-ons
continua sendo o ponto forte do
Firefox. Embora nessa verso beta
no haja atualizaes significantes, o
que mudou a forma de acess-los.
Alm do caminho tradicional via
menu, agora possvel encontr-los
ao digitar na barra de endereos o
termo about:addons. Alm disso,
d para criar uma nova aba com os
complementos relacionados e, a
partir da, customiz-los.
Velocidade
O carregamento inicial e a
abertura de pginas esto mais
rpidos no Firefox 4. Vdeos, fotos e
itens multimdia funcionam melhor
nessa verso do navegador da
Mozilla que nas anteriores.
Entretanto, como a verso testada
preview
ainda beta, a compatibilidade de
pginas no se mostrou boa. No
Acid Test, o navegador fez 94 pontos.
Panorama
Entre as novidades, est o recurso
Panorama. Por meio de um boto, o
browser permite gerenciar abas mais
facilmente, criar grupos e gerar mais
itens de customizao. O Panorama
possibilita o agrupamentos de abas
por meio da funo clicar e arrastar do
mouse. H ainda a possibilidade de
hierarquizar o contedo, renome-lo
e assim por diante.
Multitouch
O navegador tem um novo
suporte que agrada aos usurios do
Windows 7: ele compatvel com
multitouch. Tarefas podem ser
facilmente realizadas com toques na
tela, como redimensionamento. O
novo recurso tambm permite editar
vdeos e imagens.
locaweb 25
Preview_iE9_W2008 10/26/10 11:52 AM Page 26
preview
Ficha Tcnica
Nome e verso: Internet Explorer 9
Desenvolvedor: Microsoft
Licena: Freeware
Tamanho: 16,4 MB
Site: http://ie.microsoft.com/testdrive
Internet Explorer 9
mostra suas armas
Microsoft libera verses instveis do navegador mais popular do mundo e
mostra que sua preocupao atende por siglas como HTML 5 e CSS
HTML 5 \\ Browser compatvel com a linguagem que permite rodar vdeos e criar pginas multimdia
sem a necessidade de instalao de plugins pesados, como Adobe Flash ou Microsoft Silverlight
Por Srgio Vincius
A
os poucos, possvel perceber
o que a Microsoft pretende
com a prxima verso do
browser mais popular do mundo. Com
verses instveis e no definitivas do
Internet Explorer 9 oferecidas na rede
algo que seu principal concorrente
Mozilla Firefox vive fazendo , o que se
v um software com interface
levemente remodelada, mas com
preocupaes com itens diversos, como
HTML 5, CSS e renderizao.
26 locaweb
de forma mais rpida que na
Depois de baixar o preview
do software no endereo
http://ie.microsoft.com/testdrive
(recomendado apenas a curiosos e
desenvolvedores que queiram ver em
primeira mo itens que devem estar
presentes na verso definitiva do
navegador, ainda sem data exata de
lanamento), a maioria das pessoas se
surpreende positivamente com a
Microsoft: a empresa finalmente est
focada em compatibilidade.
No conjunto de testes Acid Test, que
leva em considerao navegadores e
padres de internet, o browser fez
95 pontos, de 100 possveis. Seu
prximo concorrente, o futuro Mozilla
Firefox 4 (ainda em verso beta, como
mostra reportagem na pgina 25) ficou
logo atrs, com 94 pontos.
A seguir, voc confere os itens mais
relevantes presentes na prxima verso
do Internet Explorer 9.
Acelerao
O prximo IE deve ter melhor
entrosamento com a placa de vdeo
do computador. De acordo com os
desenvolvedores da MS, houve
avanos na acelerao de hardware.
Na prtica, o que se v so
apresentaes e vdeos abrirem
verso atual do Internet Explorer,
a oitava.
HTML 5 e CSS
O HTML 5 roda vdeos e pginas
sem a necessidade do Flash ou do
Silverlight. Por questes de
performance, a linguagem de
programao diminui o consumo de
memria do computador.
Com todos esses predicados,
pode-se dizer que o Internet
Explorer 9 compatvel com HTML 5.
S isso um avano considervel, j
que, durante muito tempo, a
Microsoft resolveu manter seu
navegador sem necessariamente ser
Preview_iE9_W2008 10/15/10 7:10 PM Page 27
* O prximo IE tem melhor entrosamento com a
placa de vdeo do computador; houve avanos na
relao com a acelerao de hardware do PC
compatvel com padres web ou
com as linguagens mais populares e
aceitas universalmente no quesito
acessibilidade (padres W3C).
Ainda nesse item, importante
citar que o CSS3 funciona no novo
navegador. Mais que isso, o IE9 um
dos poucos browsers do mercado
completamente compatveis com o
CSS3. Foram mais de 7 mil testes,
de acordo com a equipe de
desenvolvimento da MS, at que,
finalmente, se chegou a uma edio
que conversasse com as folhas de
estilo de forma perfeita.
Cloud computing
O cloud computing, outra
tendncia da internet, tambm
est presente na forma como o
navegador trabalha com APIs e com
softwares que estejam armazenados
na web, e no no computador. Pelo
menos isso o que informa a equipe
de desenvolvimento da eterna
empresa de Bill Gates. Nos testes da
Locaweb em Revista, entretanto,
nada disso pde ser conferido na
prtica. Por exemplo, o navegador
Chrome, atualmente, permite que o
usurio do Gmail simplesmente
arraste um arquivo a ser anexado
no e-mail para dentro de sua
janela. Assim, o sistema entende
que ele quer incluir aquele item
na mensagem eletrnica a ser
enviada. O que se espera que o
IE9 tambm tenha essas opes,
principalmente no trabalho com
servios online da prpria MS, como
Live Messenger ou Hotmail.
NUI
Um dos principais trunfos do
novo Internet Explorer a interao
humana com programas e sua
criao. O browser estaria preparado
para, por meio de multitouch, ter
informaes e dados manipulados
de forma simples pelas pessoas.
Isso ocorre graas a uma interface
chama Natural User Interface (NUI).
preview
NUI \\ O browser est preparado para, por
meio de multitouch, ter informaes e dados
manipulados de forma simples pelas pessoas
Essa possibilidade pode agradar
especialmente a designers, que
podero manipular instrues com
mais facilidade.
Leitura
Com o novo browser da
Microsoft, possvel alterar
manualmente tamanhos de texto e
de fonte. Isso coloca o usurio no
controle do site que acessa,
permitindo deix-lo de acordo
com suas preferncias. Essa
personalizao mais uma indicao
de que o IE9 vem para ficar.
Ao lado \\ O que se espera que o IE9 tenha
integrao com APIs, principalmente no
trabalho com servios online da prpria
Microsoft, como Live Messenger ou Hotmail
Abaixo \\ O navegador trabalhar melhor
com uma srie de tendncias da internet,
como o cloud computing, que leva web
aplicativos comumente alocados em PCs
locaweb 27
Mercado_PayPal_W2008 10/15/10 7:14 PM Page 28

mercado
PayPal: uma ideia
simples que funciona
Com nmeros que
no param de crescer,
e-commerce brasileiro
recebe de braos
abertos gigante do
comrcio eletrnico,
que promete adicionar
mais segurana s
transaes online
Por Leonor Ribeiro

O
s nmeros ligados ao
comrcio eletrnico no
Brasil so superlativos.
Pesquisa da AmericaEconomia
Intelligence, realizada entre 2007 e
2009, apontam que o faturamento
anual brasileiro com e-commerce
supera a marca de R$ 23 bilhes,
com crescimento real de cerca de
170% a cada ano. Na prtica, essa
movimentao positiva garantiu ao
Pas o posto de lder absoluto do
mercado na Amrica Latina, fator
que cada vez mais motiva a chegada
de gigantes do setor por aqui. O
ltimo a desembarcar foi o PayPal,
uma das maiores empresas de
pagamentos do mundo, que
concentra cerca de 15% das vendas
eletrnicas mundiais e tem mais de
200 milhes de clientes pelo mundo.
Antes mesmo de atuar
oficialmente no Brasil, o servio j
Sucesso \\ Parceiro em cerca de 15% das vendas de e-commerce realizadas em todo o mundo, o PayPal
j era usado por 2 milhes de empresas brasileiras na compra de produtos importados via internet
* Servio eficiente
permite a realizao de
operaes financeiras
eletronicamente
protegidas por um seguro
e monitoradas por
equipamentos antifraude
era usado por 2 milhes de
empresas nacionais na aquisio
de produtos importados. Agora,
com a instalao do novo escritrio,
qualquer consumidor ter acesso ao
sistema de pagamento no Pas e no
exterior. Alm disso, poder usar
cartes de crdito nacionais para
realizar as operaes.
Na prtica, isso significa ainda
mais lenha na fogueira para aquecer
o mercado nacional, j que a questo
da segurana, segundo especialistas,
o que impede 85% dos internautas
brasileiros a realizarem transaes
online. Isso porque o negcio do
PayPal agir como intermedirio
entre o comerciante e o consumidor,
evitando fraudes ou que algum seja
lesado. Mais que isso, o servio
possibilita a transferncia de valores
entre empresas ou prestadores de
servio que realizam negcios no
mundo real dentro de um pas ou
entre naes. Ou seja, um prestador
de servios qualquer pode oferecer
trabalho em 190 pases e receber as
vendas via PayPal, sacando os

28 locaweb
Mercado_PayPal_W2008 10/15/10 7:14 PM Page 29
* Com a instalao do escritrio brasileiro, qualquer consumidor ter acesso
ao sistema de pagamento e transferncias tanto no Pas quanto no exterior. Alm
disso, poder usar cartes de crdito nacionais para realizar as operaes
valores (convertidos em real) em
sua agncia bancria com toda
segurana e agilidade oferecidas
pela companhia. Para a realizao
das transaes, as taxas cobradas
pela empresa variam de 0,1% a
4,9% do valor negociado.
O presidente do PayPal no Brasil,
Mario Mello, revela que negociaes
j esto em andamento com os
18 maiores sites de varejo do Pas,
entre eles B2W, Ponto Frio, Carrefour
e Livraria Saraiva. Alm disso, uma
equipe de programadores est
desenvolvendo um sistema que
possibilite parcelamento das
compras em mais de 12 vezes e
tambm a integrao segura com os automaticamente vinculadas ao
softwares dos bancos no Brasil.
Como funciona?
Alm da vantagem da parceria
com diversas lojas online ao redor
do mundo, o PayPal baseado em
uma ideia simples. O servio
permite que empresas e
consumidores faam operaes
financeiras eletronicamente
protegidas por um seguro e
monitoradas por equipamentos
antifraude. Os dados dos usurios
so codificados por meio de um
sistema (software) criptogrfico,
que impede que os dados
cheguem abertos para terceiros.
Para acess-lo, igualmente fcil.
Basta que o consumidor cadastre um
e-mail pelo site da PayPal. Alm dos
dados pessoais, preciso informar o
nmero de carto de crdito e/ou o
da conta-corrente.
Essas informaes ficam
cadastro. Assim, na hora de efetuar
ou receber qualquer pagamento,
basta informar o endereo eletrnico
para que os crditos ou dbitos
sejam transferidos. No caso de
compras online, o dbito feito
diretamente no carto de crdito.
PayPal
Os nmeros do PayPal
Fundado em 1998 por cinco
empreendedores do Vale do Silcio, na
Califrnia, o PayPal j movimenta mais
de US$ 70 bilhes por ano e cerca de
15% das transaes online do mundo.
Atualmente controlado pelo eBay, est
presente em 190 pases e concentra
informaes financeiras de mais de
200 milhes de clientes.
Nas transferncias, por sua vez, o
crdito realizado em depsitos
na conta-corrente.
Isso significa mais segurana,
pois ao usar apenas um endereo de
e-mail, possvel aproveitar as
ofertas das lojas online sem a
necessidade de informar dados
pessoais adicionais. Tudo simples,
rpido e com pouca burocracia. Ao
que tudo indica, graas ao PayPal,
2011 ser um ano ainda mais gordo
para o e-commerce brasileiro.
Ao lado \\ Segundo pesquisa realizada pela
AmericaEconomia Intelligence, o faturamento
anual do comrcio eletrnico brasileiro supera a
casa dos R$ 23 bilhes e est crescendo
Abaixo \\ Os 18 maiores sites de e-commerce
no Brasil, como o B2W, marca que concentra o
Submarino e a Americanas.com, entre outras
lojas, esto em conversao com o PayPal
locaweb 29
 O fu turo chegou
J tem revist as da Editora Europa
tambm no iPad,
A mais conceituada Alimentao saudvel
iPhone e iTouch
revista de jardinagem para uma melhor
e paisagismo qualidade de vida Cada revista tem a sua biblioteca, com a edio do
ms e as anteriores. Voc pode comprar apenas um
exemplar ou fazer assinatura, semestral ou anual.
1

A bblia da Fotografia Os melhores roteiros

para profissionais dentro e fora do Brasil,
e amadores com todas as dicas

O que h de novo Agora com uma

e melhor no design revista grtis s
brasileiro e mundial sobre iPad e iPhone

Sumrio ilustrado e deslizante no

2 rodap. Com um toque de dedo, voc
vai direto para a pgina escolhida.

Preview de jogos, Revista exclusiva fantstico! Voc pode folhear, literalmente,

games detonados,
dicas e truques
do fascinante
universo Nintendo 3 a revista. Na horizontal, vendo pginas
duplas. Na vertical, pgina por pgina.

A mais respeitada
publicao de
Internet em revista
para usurios e
5
games do mundo desenvolvedores
Se preferir, pode ampliar
qualquer texto ou detalhe
de uma imagem, sem
perda de qualidade.

O futuro chegou!

D at para buscar um assunto

4 do seu interesse, digitando Sempre um
passo frente.
apenas uma palavra-chave.
www.europanet.com.br
 O fu turo chegou
J tem revist as da Editora Europa
tambm no iPad,
A mais conceituada Alimentao saudvel
iPhone e iTouch
revista de jardinagem para uma melhor
e paisagismo qualidade de vida Cada revista tem a sua biblioteca, com a edio do
ms e as anteriores. Voc pode comprar apenas um
exemplar ou fazer assinatura, semestral ou anual.
1

A bblia da Fotografia Os melhores roteiros

para profissionais dentro e fora do Brasil,
e amadores com todas as dicas

O que h de novo Agora com uma

e melhor no design revista grtis s
brasileiro e mundial sobre iPad e iPhone

Sumrio ilustrado e deslizante no

2 rodap. Com um toque de dedo, voc
vai direto para a pgina escolhida.

Preview de jogos, Revista exclusiva fantstico! Voc pode folhear, literalmente,

games detonados,
dicas e truques
do fascinante
universo Nintendo 3 a revista. Na horizontal, vendo pginas
duplas. Na vertical, pgina por pgina.

A mais respeitada
publicao de
Internet em revista
para usurios e
5
games do mundo desenvolvedores
Se preferir, pode ampliar
qualquer texto ou detalhe
de uma imagem, sem
perda de qualidade.

O futuro chegou!

D at para buscar um assunto

4 do seu interesse, digitando Sempre um
passo frente.
apenas uma palavra-chave.
www.europanet.com.br
MateriadeCapa_Parte1_W2008 9/24/10 6:41 PM Page 32
Idealizao de apps, criao de
sites, uso de recursos como o
AdSense, montagem
de agncias digitais, lojas
virtuais, blog no WordPress.
Uma dezena de ideias prontas
para sair do papel e se
tornarem realidade na rede
mundial de computadores
32 locaweb
Por Fernanda Calgaro
Q
ue a internet d lucro todo mundo sabe h
muito tempo. Difcil no pensar nas contas
bancrias voluptuosas de gente como
Bill Gates (Microsoft), Steve Jobs (Apple) e Mark
Zuckerberg (Facebook), para citar apenas alguns. S que o
que muitos ignoram que no preciso ir to longe para
ser bem-sucedido a internet, com suas inmeras facetas,
to generosa que permite que todos tirem a sua
casquinha. A influncia das mdias sociais, por exemplo,
ganha a cada dia novos contornos por causa das
ferramentas de interao, mas, principalmente, cria um
mercado que se desdobra em mltiplos segmentos. H
MateriadeCapa_Parte1_W2008 9/24/10 6:41 PM Page 33

10 Negcios

desde o surgimento de uma nova profisso (a de analista haver mercado para algo que, primeira vista, pode
de redes sociais) at a atuao de agncias especializadas parecer uma ideia obsoleta, como a venda de sites e de
no desenvolvimento de jogos para esse meio. templates. No entanto, talvez uma das maneiras mais
Outra atividade promissora a criao de aplicativos visveis e simples de obter uma remunerao com a
para smartphones e tablets. E, assim como para as empresas, internet seja o uso de recursos como o AdSense, do
existe espao para iniciativas individuais e trabalhos como Google, em blogs ou sites. Sem colocar a mo no bolso,
freelancer, segundo Romeo Busarello, professor de Inovao no mximo no teclado para atualizar seus posts, o dono
do Insper (antigo Ibmec), em So Paulo. "O volume de da pgina pago por ceder espaos para anncios.
projetos vai depender basicamente de contatos, mas algo Independentemente do nicho escolhido, a
que prescinde de uma infra-estrutura grande." Esse preparo experincia lcida mostra que se pode levar um tempo
prvio, porm, j diferente quando diz respeito abertura razovel para ver a cor do dinheiro. Alguns j
de uma loja virtual ou de uma agncia digital, que exige conseguiram abocanhar a sua fatia. Outros ainda esto
muito planejamento e algum investimento. no caminho, mas no desistiram do seu pedao. Nas
At mesmo diante da simplificao de ferramentas e pginas a seguir, confira dez sugestes para criar
da disseminao de downloads gratuitos, continua a negcios lucrativos na internet e inspire-se.

locaweb 33
MateriadeCapa_Parte1_W2008 10/15/10 7:18 PM Page 34
1
10 Negcios
LojaVirtual
A
ntes de definir o produto
a ser vendido em uma loja
virtual, preciso analisar a
concorrncia e achar diferencial. O
site deve ser um ambiente
atraente e ter informaes
completas sobre os produtos.
Outro cuidado com a
segurana no sistema de
transao para evitar dor de
cabea. "De cada cem operaes
realizadas com carto de crdito
na internet, trs so fraudes",
afirma Romeo Busarello, professor
de Inovao do Insper (antigo
Ibmec). "Se o empresrio no tiver
cuidado, pode quebrar. O crdito
tem que ser sempre checado."
A Locaweb, por exemplo,
acaba de lanar uma soluo de
comrcio eletrnico que integra
meios de pagamento de renome
no mercado: Paypal (www.paypal.
com.br) e Pagamento Digital
(www.pagamentodigital.com.br),
que suportam parcelamento das
compras e diversos cartes de
crdito, dbito e boleto bancrio.
Prmio VMB \\ Jovem Nerd, de Alexandre e Deive, venceu o
prmio de Blog do Ano concedido pelo canal MTV, em 2009
34 locaweb
// O QUE :
um site voltado para a
comercializao de produtos. Logstica
A logstica e o prazo de entrega
// EXIGNCIAS: so fatores que devem ser bem
Conhecimento do nicho de
planejados. essencial manter
mercado escolhido para atuar;
canais de comunicao disposio
Site com o catlogo de do consumidor, como telefone,
produtos, que deve trazer e-mail ou atendimento online, que
informaes completas e fotos; pode ser um chat no prprio site.
Tornar a loja conhecida
Sistema de pagamento online
seguro para evitar fraudes; fundamental para alavancar vendas.
Pode ser por meio de publicidade
Logstica bem planejada para ou divulgao nas redes sociais,
garantir o prazo de entrega; mas preciso empenho e, acima de
tudo, pacincia. A dedicao, alis,
Canais variados de
atendimento ao consumidor: deve ser constante. Um exemplo
telefone, e-mail e chat; a www.nerdstore.com.br, que vende
camisetas e canecas.
Investimento inicial para o Ela surgiu na esteira do sucesso
desenvolvimento do site e
do blog Jovem Nerd
depois para a manuteno. No
caso da Nerdstore, o custo foi (http://jovemnerd.ig.com.br), que
de R$ 80 porque foi feita fala sobre cinema, quadrinhos,
apenas uma adaptao no site sries de TV e humor. O que
do Jovem Nerd. Mais tarde, a comeou como uma brincadeira
empresa foi trocada e a
entre amigos virou coisa sria.
mensalidade foi para R$ 350.
Dependendo do negcio, a "Criamos o site para escrever
empresa arca ainda com a assuntos 'nerd'. Em 2005, o blog
compra da mercadoria virou parceiro oficial do iG e o
por antecipao. pblico aumentou ainda mais",
conta Alexandre Ottoni, 31 anos.
Ele criou o blog com Deive Pazos, 35 anos.
Atualmente, a pgina tem 900 mil acessos por
ms e 2 milhes de pageviews. Em 2009, levou o
trofu de "Blog do Ano" no VMB (Video Music
Brasil), da MTV.
"Os leitores do blog e ouvintes dos podcasts
viviam pedindo camisetas." As esposas dos dois,
que so irms, embarcaram na ideia e passaram a
se dedicar em tempo integral loja. Do Rio de
Janeiro, as duas famlias se instalaram em Curitiba.
"Como a loja virtual, poderamos ficar onde
quisssemos e escolhemos Curitiba", diz gatha,
casada com Alexandre.
As finanas so vigiadas de perto. "No comeo
da loja, foi mais difcil, mas conseguimos reverter
a situao." No terceiro ano de funcionamento, o
faturamento foi de cerca de R$ 600 mil.
MateriadeCapa_Parte1_W2008 9/24/10 6:41 PM Page 35

10 Negcios

os
2C
Aplicativ
om a chegada dos
tablets ao mercado
e o lanamento de
// O QUE :
Mveis
Programa de computador
baixado em smartphones e
tablets, como iPad e Kindle.
modelos novos de
// EXIGNCIAS:
smartphones, objetos Para desenvolver aplicativos
de desejo dos fs de como freelancer, preciso ter
tecnologia, a criao de conhecimento de linguagens
aplicativos tem sido cada como Java e PHP;
vez mais requisitada. Os
Gerao de receita com a
programas, geralmente criao de aplicativos depende
baixados gratuitamente, de deixar espao destinado
vo de mapas com para publicidade ou cobrar
GPS a programas que pelo download.
"reconhecem" a msica
tocada no ambiente e trazem informaes como Zero Um Digital \\ Agncia foi uma
das empresas que viram os pedidos de
o nome da msica, da banda e o ano. desenvolvimento de aplicativos para
A agncia Zero Um (www.zeroum.com.br), de So portteis aumentarem desde o final
Paulo, foi uma das que viram os pedidos de de 2009 e o incio de 2010
desenvolvimento de aplicativos aumentarem desde o
incio de 2010. "As instituies esto comeando a se e ter algum retorno
dar conta da importncia de investir nesse recurso", financeiro com ele. Para isso,
afirma o diretor executivo Guilherme Coelho, 41 anos. pode-se deixar um espao
Segundo ele, a partir deste ano, a demanda de destinado para publicidade
projetos novos voltados para a tecnologia mobile est ou cobrar pelo download.
quase equilibrada com a de websites. "Em 2009, No caso do iPhone, por
tivemos poucos pedidos, talvez um ou dois apenas. E, exemplo, s pode ser na
agora, virou uma linha de negcios." linguagem adotada pela
Aos poucos, as empresas vo descobrindo essa Apple: Objective-C. preciso
ferramenta eficaz de marketing. "Os aplicativos ajudam estar cadastrado na Apple
a reforar a marca junto ao pblico-alvo", afirma como desenvolvedor e pagar
Marcelo Lobianco, coordenador do curso de Marketing US$ 99 por ano (equivalente
Digital da ESPM (Escola Superior de Propaganda e a R$ 170). Depois de pronto
Marketing) em So Paulo. Mais do que mera o aplicativo, h um perodo
propaganda, eles so pensados para oferecer algum de anlise, que pode ser de
tipo de servio ou interao com o usurio. "O at trs semanas. Se
aplicativo criado para os atuns Coqueiro, da PepsiCo, aprovado, ele ficar, ento,
por exemplo, traz receitas com atum e vdeos de disposio na loja.
preparo das comidas. Acabou sendo muito bem aceito", Na avaliao de Romeo
diz Coelho. Outro aplicativo bem recebido foi o do Busarello, professor de
roteiro gastronmico da revista Veja (Veja Comer e Inovao do Insper (antigo
Beber), que, desde o lanamento em abril passado, Ibmec), o sucesso com o
registrou cerca de 100 mil downloads. pblico e a gerao de algum rendimento depende
Alm da demanda das corporaes, desenvolvedores no s de uma boa divulgao mas de uma excelente
freelances, que dominam as linguagens adequadas, sacada. "O aplicativo algo fcil de fazer. O difcil
como Java e PHP, tambm podem criar o seu aplicativo ter uma boa ideia."

locaweb 35
MateriadeCapa_Parte1_W2008 10/15/10 7:19 PM Page 36

3
10 Negcios

Pesquisas // O QUE :

E
Empresas de pesquisa de
m troca da sua opinio, a perguntas mais complexas na
mercado e de opinio oferecem
entrega de prmios. A internet.
prmios para quem responder
recompensa pode no vir "Quanto maior for a penetrao
aos seus estudos na internet.
em dinheiro, mas gastar alguns da internet na populao
// EXIGNCIAS:
minutos extras na frente do brasileira, mais esse tipo de
preciso ter
computador e responder a comprometimento e responder estudo ser utilizado", diz Fbio
pesquisas online pode lhe pesquisa com seriedade; Gomes, diretor tcnico do
render livros, DVDs e CDs. Os Qualibest (www.qualibest.com.br),
assuntos abordados so dos Ter mais de 18 anos e se uma das empresas brasileiras de
cadastrar no site das empresas.
mais variados: de time de pesquisa que do prmios.
futebol a avaliao de produtos. A cada participao em estudos, so
O recurso usado por empresas do setor acumulados pontos, chamados de Q's. Ao atingir
para ampliar a sua base de pessoas determinado saldo, possvel trocar por
cadastradas. Procedimento da ABEP (Associao produtos oferecidos no site. Para manter os
Brasileira das Empresas de Pesquisa) impede resultados confiveis, a base de participantes no
que haja pagamento em dinheiro. A regra estudo muda com regularidade, o que espanta
diferente em outros pases. Na Inglaterra, por aqueles interessados somente nos prmios.
exemplo, a entidade YouGov "A pessoa que responde pesquisas pela
(www.yougov.co.uk) paga de 50 centavos a uma internet deve ser consciente de que est
libra (equivalente a cerca de R$ 2,60) por ajudando empresas a desenvolver melhor seus
pesquisa respondida. A cada produtos e servios", diz Gomes.
50 libras, o participante resgata o saldo. As pesquisas so feitas com trs tipos de base
Com a vantagem de ter um custo menor, as de dados. O primeiro quando a pessoa clica
pesquisas pela internet permitem que a pessoa diretamente no site para responder a pesquisa.
responda com mais sinceridade do que se fosse Outra maneira por uma lista de e-mails enviada
cara a cara com o entrevistador. Em pela prpria empresa que pediu o estudo. Por
comparao s pesquisas feitas por telefone, fim, so contatadas pessoas cadastradas no
um ponto positivo que d para fazer banco de dados, que, atualmente, tem 200 mil.

Qualibest \\ Empresa realiza pesquisas pela internet e d prmios a

quem responde; ao lado, Fbio Gomes, diretor tcnico do Qualibest

36 locaweb
MateriadeCapa_Parte1_W2008 9/24/10 6:41 PM Page 37

10 Negcios

a
4 redes sociaisJogos par
// O QUE :

F
ebre na internet e com milhes de No entanto, o critrio fundamental
Aplicativo de jogos usados nas
adeptos, os jogos nas redes sociais, redes sociais, como FarmVille. mesmo que vai ditar o sucesso se o
como o FarmVille e o Mafia Wars, Os recursos permitem que os "jogo bom ou no ". "Pode ter o
retratam um novo estgio na evoluo dos jogadores interajam entre si e recurso que for, mas tem que ser
games online. Com os jogos nas mdias participem dos jogos alheios. inteligente", diz Zeni. Alm da demanda
sociais, a interao a caracterstica mais // EXIGNCIAS:
nas agncias, a criao de jogos nas
importante e o que conta mesmo poder Informar-se sobre as regras mdias sociais uma oportunidade para
participar do jogo do outro. de cada rede social. Para fazer desenvolvedores. preciso conhecer as
Toda vez que a pessoa toma alguma um jogo com interatividade linguagens, como PHP e Flash, e estudar
ao em um jogo online, a informao social, algumas mdias as regras de cada rede social.
permitem o uso de
divulgada para a sua rede de amigos. A informaes como nome e
"Existem regras de desenvolvimento e
capacidade viral do aplicativo aumenta foto do internauta; de utilizao de dados disponibilizados
consideravelmente porque faz uma sobre o usurio de determinada rede.
propaganda espontnea, sem necessidade Dominar as linguagens Para fazer um jogo com interatividade
de interferncia do desenvolvedor, exigidas para fazer o social, voc pode utilizar algumas
desenvolvimento dos jogos,
atraindo mais e mais jogadores. destas informaes, como nome e foto.
normalmente Javascript,
E esse nmero no para de crescer. PHP e Flash. Cada rede social tem um guia de
Segundo dados do incio de setembro, desenvolvimento, que explica como usar
somados os dez jogos desenvolvidos pela Zynga estas informaes e as restries de uso", afirma Zeni.
(www.zynga.com), dona do FarmVille e do Mafia Wars, Para Marcelo Lobianco, coordenador do curso de
h mais de 360 milhes usurios ativos por ms e Marketing Digital da ESPM (Escola Superior de
65 milhes por dia. Fundada em janeiro de 2007, a Propaganda e Marketing) em So Paulo, os aplicativos
empresa tem escritrios em So Francisco, Austin, de jogos tm ainda muito espao para crescer. "A
Baltimore, Bangalore, Beijing, Los Angeles e Boston e oportunidade est a. Vai ser inteligente quem
emprega mais de 1.100 funcionrios. "Nesses jogos souber aproveit-la."
compartilhados, a atualizao rpida, o que os tornam
mais dinmicos e, por conta disso, mais interessantes
para os usurios. Eles se sentem estimulados a entrar
sempre na pgina", afirma Thiago Zeni, 26 anos,
gerente de projetos da BRA Marketing Digital
(www.bradigital.com.br), de Novo Hamburgo (RS).
Com jogos desenvolvidos para sites no seu portflio,
a agncia est terminando dois voltados para as redes
sociais. "Devem aparecer novos projetos, porque a
tendncia que mais empresas passem a conhecer e se
interessem." Sobre os gostos do pblico, Zeni explica
que as meninas preferem puzzles e passatempos. Entre
os assuntos favoritos est moda. "Fazem sucesso
joguinhos em que preciso combinar a roupa para
vestir um determinado personagem."
Mais competitivos, os meninos gostam de jogos
com diferentes fases e graus de dificuldade, com um
ranking de classificao ao final. A mesma lgica pode Jogo \\ Meninos gostam mais de jogos com diferentes fases e graus de
ser aplicada nos jogos para as redes sociais. dificuldade, com um ranking de classificao ao final; meninas, puzzles

locaweb 37
MateriadeCapa_Parte1_W2008 9/24/10 6:41 PM Page 38

10 Negcios

5 A
AdSense publicidade uma das
maneiras mais bvias
de sites e blogs
// O QUE :
Ferramentas gratuitas como o
AdSense e a Boo-box que
permitem que sites e blogs de
tamanhos diferentes consigam
retorno financeiro.
quase 2 milhes de pageviews/ms.
Com o AdSense, ele conta que j
chegou a receber mais de mil
ganharem dinheiro, mas isso se dlares por ms, mas que hoje
sustenta com os grandes, que // EXIGNCIAS: esse valor fica prximo a US$ 300.
tm pageviews suficientes a Cadastrar-se nos sites e definir Outro recurso que ele usa a
ponto de atrair anunciantes. No o perfil dos anncios para Boo-box (www.boo-box.com.br),
caso dos pequenos, recursos relevncia com o contedo; uma verso brasileira do AdSense,
gratuitos, como o AdSense, do mas com algumas diferenas.
Como o valor pago ao final
Google, podem garantir algum do ms vai depender do "Nossa poltica que todo mundo
retorno financeiro. nmero de acessos, para ter que publica contedo deve ter
Funciona assim: o publisher um bom resultado, preciso como ganhar dinheiro de acordo
(dono do site ou do blog) faz o dedicar-se ao contedo do site. com a relevncia", afirma Marco
cadastro no www.google.com/ Gomes, 24 anos, fundador e diretor
adsense, define onde quer que o anncio aparea de inovao da Boo-Box. So 12 mil publishers
na pgina e determina o perfil do anunciante para cadastrados para receber anncios nas suas
que o anncio tenha relao com o seu contedo. pginas das mdias sociais, foco da empresa.
Quem gerencia os anncios o prprio Google, Entre os formatos disposio, h um que
que fornece relatrios, acessados por meio de associa links de anunciantes ao clicar numa foto
login e senha. Ao final do ms, feito o que pode estar dentro de uma reportagem, por
pagamento de acordo com os resultados. exemplo (http://blogexemplo.boo-box.com/).
Se por um lado no preciso fazer nada, por Gomes conta que teve a ideia quando viu uma
outro, necessrio atualizar com frequncia o foto da modelo Gisele Bndchen num site de
contedo da pgina para garantir mais acessos. celebridades. "Ela estava com um tnis AllStar,
"Dedicao fundamental. A pessoa tem que vestia uma cala Gucci, tinha uma bolsa Louis
destinar boa parte do tempo para manter o blog Vuitton, falava com um celular Gradiente e levava
interessante se quiser ter retorno", afirma Nick um Blackberry na outra mo. Ao lado da foto,
Ellis, 39 anos. Alm de ser analista de redes sociais havia anncio de TV de Plasma. Pensei: 'Por que o
em uma agncia, ele mantm quatro blogs Meio AllStar no est aqui ao lado?", relembra.
Bit (http://meiobit.com), Digital Drops A Boo-Box foi aberta em 2007 com
(http://digitaldrops.com.br), Blog de Brinquedo investimento externo de US$ 300 mil e o
(http://blogdebrinquedo.com.br) e AppStore Blog faturamento no foi revelado. Natural de Braslia,
(http://appstoreblog.com.br) , que juntos somam ele deixou a capital federal para se instalar em So
Paulo, onde fica sua equipe de 20 pessoas.
Outra modalidade de anncio pela Boo-Box
so as campanhas de anunciantes serem
veiculadas nos sites dos publishers cadastrados
em trs anos de funcionamento, foram 75.
Colocar anncios na sua pgina tambm pode
render prmios, como o caso do programa
Afiliados Locaweb (www.locaweb.com.br/
afiliados). Ao indicar a Locaweb no seu site por
meio de banners, links ou informando o Cdigo
de Afiliado, so acumulados pontos, que podem
Locaweb \\ Empresa de hospedagem mantm programa de ser trocados por diversas opes de brindes e
afiliados, que pode render pontos e brindes dos servios servios da Locaweb. O cadastro gratuito.

38 locaweb
MateriadeCapa_Parte1_W2008 10/15/10 7:21 PM Page 39

10 Negcios

6 redes sociais Contedo para

// O QUE :
Criao de contedo para as
redes sociais e monitoramento
de comentrios e posts em
blogs e comunidades. O
analista de mdias mdias
sociais pode fazer parte da
equipe interna da empresa ou
trabalhar em agncias que
prestem este servio

// EXIGNCIAS:
Deve estar atento aos
comentrios dos blogs e
opinies das comunidades
em sites como Facebook,
Orkut e Twitter;

Escrever portugus
corretamente e conhecer bem
as ferramentas das redes so
dois requisitos essenciais.
Mentes Digitais \\ Empresa j conta com 15 funcionrios e teve investimento inicial de apenas R$ 10 mil

C
om as redes sociais em alta e a quantidade de
informao que circula nessas mdias, as
empresas tm se mostrado cada vez mais
preocupadas em fazer parte desse universo. O interesse
delas no fica s em monitorar o que est sendo dito
sobre ela mas tambm em participar com campanhas e
envolver mais o consumidor com a sua marca.
Para atender a essa demanda, surgiu um novo tipo
de profissional: o analista de redes sociais. Ele pode
fazer parte da equipe interna da companhia ou
trabalhar para agncias de comunicao e marketing
especializadas em prover contedo para as redes.
O dia a dia inclui prestar ateno nos comentrios
dos blogs e opinies das comunidades em sites como
Facebook, Orkut e Twitter, alm de alimentar com
contedo interessante as pginas da prpria empresa
nessas redes.
"Estar presente nas mdias sociais uma estratgia
de negcio da qual as empresas no podem mais abrir
mo", afirma Andr Telles, 36 anos, CEO da Mentes
Digitais (www.mentesdigitais.com.br) e autor de dois
livros sobre mdias sociais e um terceiro sobre a
gerao digital. Na sua percepo, a valorizao desses
meios ganhou um impulso grande com a campanha
eleitoral de Barack Obama, em 2008, nos Estados
Unidos, que usava muito essas mdias para interagir
com os eleitores. Segundo ele, tem muita empresa que
ainda no leva isso a srio e coloca um estagirio ou
algum sem preparo para fazer o trabalho. "A
companhia se arrisca ao largar a sua marca na frente de
um pblico de milhes de pessoas."
O mais bsico dos problemas, diz, est escrever com
erros de portugus. "A empresa se queima j na
largada. Outro risco a pessoa no conhecer bem as
ferramentas das redes. Isso deve ser tratado como um
assunto srio." Com uma equipe de 15 pessoas, a
Mentes Digitais foi fundada em 2007 com investimento
inicial de R$ 10 mil. "Fui dar uma palestra em Aracaju
sobre o assunto e conheci o Gabriel Leite, que outro
apaixonado pelo assunto. Decidimos montar a agncia."
A ideia agora crescer ainda mais e contratar
profissionais em outros Estados. No entanto, a seleo
por profissionais no tem se dado da forma tradicional,
mas exclusivamente pelas redes sociais. "Encontramos no
Acre uma pessoa que tem bem o perfil que buscamos,
apaixonada por mdias digitais. E seria interessante ter
algum para atuar na regio Norte." A entrevista no vai
ser feita pessoalmente, mas pelo Skype.

locaweb 39
MateriadeCapa_Parte2_W2008 9/24/10 6:46 PM Page 40
10 Negcios
7 e-lea
P
rning
olmicas parte
sobre a questo da
qualidade, o fato
que os cursos a distncia
(e-learning) vieram para ficar e
// O QUE :
Oferta de cursos na
modalidade a distncia.
o mercado tem crescido cada
vez mais diante da procura dos
alunos. E, se antes bastava ter
uma plataforma na internet
para rodar as aulas e colocar os
textos, agora as empresas tm
acompanhado de perto o
desenvolvimento de novas
tecnologias e assimilado
todas essas novidades ao
seu cotidiano.
"Investimos em contedo para as redes
sociais, aplicativos para smartphones e tables,
ambientes 3D e vdeos", afirma Andr Akagi, 27
anos, diretor de e-Business e Inovao do Portal
Educao (www.portal educacao.com.br).
"As pessoas tm iPhones, usam o Facebook,
acessam o YouTube. A maneira como os alunos
Portal Educao \\ Empresa investe em contedo para
aplicativos mveis e tambm em redes sociais da web
40 locaweb
// EXIGNCIAS:
Adquirir ou preparar
o curso com material
didtico de qualidade;
interagem hoje muito diferente
de alguns anos atrs. E claro
que temos que nos adaptar para
continuarmos despertando
interesse", diz ele, bem no
esprito da nova misso da
Alm de ter programa com empresa, recentemente
boa navegabilidade para servir atualizada: Tornar o ensino
de plataforma, acompanhar as
empolgante e universalmente
novidades tecnolgicas para
oferecer tambm aos alunos; com acesso.
Para Marcelo Lobianco,
Cursos de graduao e coordenador do curso de
ps-graduao s podem ser Marketing Digital da ESPM (Escola
dados por instituies de
Superior de Propaganda e
ensino superior reconhecidas
pelo Ministrio da Educao. Marketing) em So Paulo, a
tendncia que o setor de cursos
a distncia s aumente. "Esse um nicho de
mercado no qual vale se debruar", avalia.
Prova disso o prprio Portal Educao,
que comeou em 2001 como um projeto de
faculdade, mantido por uma bolsa de estudos
mensal de R$ 50 reais, e que deve gerar em
2010 um faturamento de R$ 18 milhes.
No incio, havia somente cursos a distncia
de Farmcia, rea de formao de Ricardo
Nantes, 32 anos, hoje presidente do portal.
Com o sucesso, ele procurou Akagi, ex-colega
na Universidade Federal Mato Grosso do Sul, s
que da rea de Cincias da Computao, para
melhorar o seu site. A parceria deu to certo
que virou sociedade tempos depois.
Atualmente, so mais de 500 livres cursos
em 24 reas do conhecimento. A lista de
opes a mais variada possvel e inclui noes
bsicas de primeiros socorros, garom, cultivo
de plantas e etiqueta mesa.
H sete cursos de ps-graduao, que
acontecem em parceria com uma faculdade
privada de Campo Grande, onde tambm
funciona a empresa. Por lei, parte dos cursos de
graduao e ps precisa ser presencial e os
diplomas necessariamente devem ser emitidos
por uma instituio de ensino superior
reconhecida pelo Ministrio da Educao. No
caso dos cursos livres, o aluno recebe apenas
um certificado de concluso.
MateriadeCapa_Parte2_W2008 9/24/10 6:46 PM Page 41

10 Negcios

n cia
8
O
Ag digital
que difere as
agncias digitais
das tradicionais
de publicidade o seu
// O QUE :
Agncia com enfoque
no desenvolvimento de
produtos para internet e
tecnologia mvel.

// EXIGNCIAS:
Para quem est no incio, a
foco exclusivo na oferta de recomendao concentrar
servios para internet e esforos em uma atividade,
que pode ser a criao de
tecnologia mvel, a sites, aplicativos ou
exemplo dos smartphones gerenciamento de redes sociais;
e tablets. Mesmo com a
web sendo o nico alvo, Saber gerir a agncia como
ainda assim restam muitas qualquer outra empresa, com
plano de negcios definido e
opes de atuao, controle financeiro adequado.
como a criao de sites,
campanhas, aplicativos, jogos, vdeos e gerenciamento
de redes sociais e de comrcio eletrnico.
Para quem estiver comeando, a recomendao
escolher uma dessas atividades e concentrar seus esforos Agncia \\ Desenho de uma
nela, segundo Romeo Busarello, professor de Inovao do empresa deste tipo guarda
Insper (antigo Ibmec), em So Paulo. muitas semelhanas com
companhia de publicidade
"Se no tiver flego para atender a todos, o ideal tradicional, com portflio
ficar com o que sabe fazer melhor. No adianta querer voltado para meios impressos
abraar tudo de uma vez. A empresa pode at se
aventurar a dar novos passos, mas preciso se firmar
em algumas reas antes."
O desenho de uma agncia digital guarda muitas desenvolvimento de
semelhanas com uma de publicidade tradicional que softwares. Segundo ele, o investimento inicial foi de
tem seu portflio voltado para meios impressos (jornal e R$ 500 mil, destinados para alugar o espao fsico,
revista), televiso e rdio, mas tambm pode desenvolver comprar mobilirio, softwares e hardwares e contratar
projetos para internet. mo de obra. "Foi um valor muito alto. Acho que hoje
"Alm de planejamento, atendimento e diretoria de no seria tudo isso, no."
criao, comuns aos dois modelos, temos uma diretoria Segundo ele, a agncia comeou oferecendo todos os
de desenvolvimento de sistemas, que inclui a parte de servios disponveis at ento e outros mais foram
tecnologia, e uma diretoria de novos negcios", afirma o acrescentados com o tempo. Apesar de no ter formao
empresrio Valdiney Viossi, 49 anos. na rea (o diploma dele em engenharia), Viossi avalia
Ele criou a agncia VM2 (www.vm2.com.br) em 2000 que a sua experincia prvia em negcios o ajudou a
em Barueri, na Grande So Paulo, j com a ideia de tocar a agncia.
trabalhar s com internet. "A mdia online ainda era algo "Nos primeiros dois anos, sentia falta de conhecer
muito novo na poca e havia poucos profissionais melhor as estratgias das agncias de publicidade,
qualificados", diz. "Na poca, fui at as faculdades da principalmente em relao s campanhas de lanamento e
regio recrutar pessoal." Como estmulo para os que divulgao de produtos." Mas, na sua viso, essas
viviam longe, ele conta que chegou a manter uma casa dificuldades foram superadas porque soube gerir a
alugada por dois anos para esses profissionais morarem. agncia como uma empresa. " preciso ter um plano de
Hoje, a agncia tem cem funcionrios e uma filial em negcios definido e manter bom controle financeiro. No
Sorocaba, no interior paulista, onde feito o basta entender s de internet."

locaweb 41
MateriadeCapa_Parte2_W2008 9/24/10 6:46 PM Page 42

10 Negcios

s e
9 one
c logos
B
asta fazer uma busca
rpida na internet com a
palavra-chave "cone"
para se deparar com um sem-
nmero de sites especializados
// O QUE :
Criao de site para a venda de
cones e logotipos.

// EXIGNCIAS:
catlogos dos sites, que so
geralmente do exterior, pode-se
encontrar desenho de tudo: de
aliengena verde espumando a
somente na criao e na venda um inocente bebedor de gua. Os
Catlogo com as imagens do
de imagens online. Essas cones ou dos logotipos; estilos so os mais variados sites
empresas funcionam, como o americano Professional
basicamente, como fornecedoras Manter canal de atendimento Icons (www.professional-
de material para outros ao consumidor; icons.com) contrastam com a
profissionais, desenvolvedores de pgina clean do alemo Icon Werk
Sistema de pagamento online
sites e aplicativos, que ganham seguro para evitar fraudes. (www.iconwerk.de), por exemplo.
tempo no seu projeto. Nos Alguns deles tambm tm
disposio uma coleo para download gratuito,
mas normalmente s uma amostra.
Outra parte da comunicao visual que
tambm encontra seu espao na internet a
criao de logotipos. "Trabalho com design
grfico h 5 anos e, ao fazer uma pesquisa na
web, identifiquei que a procura por esse tipo
de servio era grande", afirma Nelson Inacio
Bittencourt, 29 anos, que abriu a Admdia -
Criao de Logotipos (www.criacaodelogo
tipos.com) em novembro de 2009.
Com escritrio em Goinia (GO), a
loja virtual recebeu investimento inicial de
R$ 12 mil, que foram destinados
para a compra de equipamentos
e da devida divulgao.
Alm dos logotipos, o servio
inclui outros itens de papelaria,
como modelo de carto de visita e
papel timbrado. A mdia de pedidos
de 30 por ms. Em novembro e
dezembro de 2009, os primeiros dois
meses de existncia da loja, o
faturamento foi de R$ 7 mil. De
janeiro a agosto deste ano, o valor
chegou a R$ 65 mil. "Em menos de
um ano, j temos uma equipe de
cinco pessoas", afirma Bittencourt.
"No comeo, enfrentamos
algumas dificuldades em relao ao
receio dos clientes de fechar negcio
pela internet com uma empresa
desconhecida. Mas essa
Professional Works \\ Nos catlogos dos sites, que so geralmente do desconfiana tem diminudo
exterior, pode-se encontrar desenho de tudo: de aliengenas a pombos bastante", finaliza.

42 locaweb
MateriadeCapa_Parte2_W2008 9/24/10 6:46 PM Page 43

10 Negcios

10
M
esmo com os
saltos que a
internet deu ao
tes e
Stiemplates
// O QUE :
Venda de sites e templates.
linguagens para colocar algo mais complexo no ar. E
isso j exige um pouco mais de conhecimento.
longo dos ltimos anos, um // EXIGNCIAS: Prato cheio para quem se especializou, como Carlos
nicho dos mais bsicos que Conhecer as linguagens Spnola, 49 anos, dono da agncia ABCMix
continua firme a venda de adequadas para o (www.abcmix.com.br), cujo novo layout est em fase de
desenvolvimento de sites. H
sites. Uma possvel espao at mesmo para
implantao. Com escritrio na regio metropolitana de
explicao pela demanda trabalhar com sistemas Belo Horizonte (MG), o foco da empresa no
relativamente constante gratuitos e livres, como o desenvolvimento de sites Joomla!, um gerenciador de
que, apesar de haver mais Joomla!, um gerenciador contedo gratuito e livre.
gente gabaritada no de contedo; Lanado h cinco anos, esse sistema permite
assunto e programas que No caso do comrcio de
controlar com facilidade cada aspecto do site, como a
ensinam o b a b para template, preciso caprichar incluso de contedo e imagens, a atualizao de
montar o seu prprio site, no layout e ter um catlogo catlogo de produtos e o processamento de reservas e
preciso entender bem das com opes variadas. pagamentos online. "Ensinamos o cliente a fazer o
registro do domnio e no cobramos pela manuteno
do site, que muito simples", diz Spnola.
Sem medo da concorrncia, ele tambm vende
cursos em CD-Rom que ensinam em videoaulas como
montar os sites em Joomla!. "Os cursos so bem
didticos e oferecemos suporte para tirar dvidas
depois." Segundo ele, quem compra normalmente so
desenvolvedores de outras linguagens. "Como s trata
de Joomla!, o curso para que tem algum
conhecimento adicional, porque no mostramos como
fazer template, por exemplo", diz ele, que deixou o
emprego num banco para se dedicar agncia em
tempo integral ao lado da mulher.
Hoje, mais duas pessoas trabalham
com o casal.
Assim como a venda de sites, o
comrcio de templates tambm
tem resistido ao longo dos anos de
internet, mesmo com a imensa
oferta de download gratuito de
templates a apenas um clique em
qualquer site de busca.
No entanto, til para os
desenvolvedores e webdesigners
que querem pular etapas, o
comrcio de templates continua
gerando receita, a exemplo do site
da americana Template Monster
Venda de design \\ til para os desenvolvedores e webdesigners que querem pular etapas, o (www.templatemonster.com),
comrcio de templates continua gerando receita, a exemplo do site da americana Template Monster gigante no ramo.

locaweb 43
Design_W2008 9/22/10 5:33 PM Page 44

designweb

Apenas uma
e nada mais
Nova tendncia do design aposta em sites com uma simples
pgina capaz de conquistar, literalmente, primeira vista

Por Leonor Ribeiro mercado e conquistado a passos Outras protagonistas dessa

largos a nova gerao de internautas. tendncia so as novas linguagens de
O conceito no novo, mas programao, como a jQuery, que

S
implicidade, agilidade, beleza e
liberdade. O que parece bvio e
antigo continua dando as cartas
no processo de criao de dez entre
dez webdesigners. Exemplo disso o
movimento crescente em torno dos
Single Page Websites (sites de pginas
nicas), que apresentam em uma
nica tela as informaes essenciais
que se deseja partilhar em ambiente
web. No Brasil, pas apaixonado por
novidades tecnolgicas, essa
movimentao tem agitado o
explodiu diante do desenvolvimento
tecnolgico e do crescimento acirrado
da participao das mdias sociais no
cotidiano das pessoas. Afinal, a
migrao para plataformas mobile
com a popularizao dos
smartphones e celulares tornou
necessria a adaptao dos sites a
formatos mais simples. O objetivo, de
forma geral, bem semelhante ao do
Single Page Website: buscar
simplicidade e singularidade por meio
de um design objetivo e direto.
realiza diversas funes na pgina
sem a necessidade de um reload.
Normalmente, as pginas nicas so
desenvolvidas em sistemas de
gerenciamento de contedo, como
WordPress e Joomla, juntamente a
HTML e CSS para inserir mais
contedo pgina, que no pode ter
mais tempo de carregamento. Para
isso, h ferramentas como a
Flavors.me, que permite aos usurios
criarem um site dinmico com o custo
de apenas US$ 20 ao ano.

44 locaweb
Design_W2008 9/22/10 5:33 PM Page 45
* Sites com apenas
uma pgina precisam
ter um contedo bem
escrito e exposto, pois a
quantidade de informao
escassa. O fundamental
entender qual a
nalidade do cliente
Quanto menos, mais
O pulo do gato quando se investe
em Single Page Websites ter sempre
em mente que, quanto menos cliques,
melhor. O principal benefcio das
pginas criadas com esse conceito
justamente o poder de transformar
mais em menos, sem perder a
qualidade. Para as agncias, o desafio
difcil e deve ser compartilhado
com diversos profissionais, como
designer, redator e os responsveis
por marketing, T.I. e, principalmente,
criao, afirma Gabriel Leite, CEO da
Mentes Digitais, agncia especializada
em Marketing Digital.
Na prtica, o internauta que
navega pelos sites com pgina nica
tem uma experincia diferente, com
elementos que prendem mais a
ateno. A ideia faz-lo permanecer
por mais tempo e voltar mais vezes ao
site. A velocidade tambm crucial
para o sucesso, aponta o designer
grfico Daniel Farias. O tempo de
espera para o carregamento de uma
pgina essencial para a audincia de
um site. Portanto, um "single page"
tem audincia garantida uma vez que
no h reload e o contedo seja
exibido de forma imediata ao
internauta, acrescenta.
Navegabilidade
e identidade visual
A questo da criatividade do
designer fundamental para o
sucesso do formato. O profissional
da criao precisa estar conectado a
uma equipe com vrias vises
Design
5 passos para
desenvolver sites
de pgina nica
1
Contedo mnimo
Ao criar um site de pgina
nica, a quantidade de contedo
importante. O fundamental lembrar
que tudo tem de ser carregado de
uma s vez. Cinco ou seis reas
distintas de contedo uma excelente
mtrica a ser seguida.
2
Considere rolamento horizontal
Essa uma maneira
interessante de quebrar o
padro nas pginas nicas. Alm disso,
rolamento de pgina horizontal pode
ajudar a explorar melhor o contedo
sem sobrecarregar o visitante.
3
Defina claramente cada seo
Cuidado para no esmagar o
contedo. Explore as diferentes
maneiras de diferenciar cada parte do
site de pgina nica. possvel, por
exemplo, investir em um cabealho ou
ainda em linhas reais. O importante
que o visitante possa ver transies
entre cada seo.
4
Aproveite a vantagem de
um grande background
Populares em todos os
tipos de design de sites, o background
abre possibilidades interessantes
para os sites de uma pgina. As
imagens de fundo grande podem,
por exemplo, separar reas de
contedo, de modo a manter a
aparncia unificada em toda a pgina.
5
Use JavaScript e Ajax para
organizar e exibir contedo
Se tiver mais contedo para
mostrar e ainda quiser manter o conceito
de pgina nica, considere o uso de Ajax
e JavaScript para esconder algo
enquanto exibe o objetivo do momento.
Desafio \\ Na criao de um Single Page
Website, agncias como a Mentes Digitais
(www.mentesdigitais.com.br) requisitam o
trabalho de profissionais como designer, redator
e responsveis por marketing, T.I. e criao
locaweb 45
Design_W2008 9/22/10 5:33 PM Page 46
Design
* Para investir nesse modelo de trabalho, preciso
mudar radicalmente a maneira de pensar e voltar a
ateno para navegabilidade e identidade visual
profissionais. Afinal, o principal
segredo conhecer o pblico-alvo, j
que essas pessoas no so, elas um hotsite, porm mais objetivo.
esto, parafraseando a amiga e
profissional de Marketing Digital
Martha Gabriel, explica Gabriel Leite.
A busca dos usurios sempre por
objetividade, simplicidade, contedo
relevante e espao para interao. Ou
seja, para investir nesse modelo,
preciso mudar radicalmente a maneira
de pensar e voltar a ateno para
conceitos como navegabilidade e
identidade visual. Isso implica deixar
de lado as firulas desnecessrias e
investir no que realmente impacta
positivamente o internauta. Dentro
desse cenrio, sites com apenas uma
pgina precisam ter um contedo
extremamente bem escrito e exposto,
pois a quantidade de informao
escassa. O fundamental entender
qual a finalidade do cliente. Segundo
Leite, esse tipo de site deve ser a
primeira opo para empresas que
esto realizando algum tipo de
campanha promocional, ao, ponto
46 locaweb
de mobilizao e lanamento de um
novo produto. quase o mesmo que
Onde usar o formato
Apesar do sucesso com os
usurios, os Single Page Websites
ainda so usados de forma tmida
pelas empresas brasileiras. Muitas
esto aprendendo a trabalhar a
identidade na web e ainda no esto
100% preparadas e maduras para
avanar para o novo modelo. Um
site comercial de pgina nica aqui
no Brasil est sempre ligado a um
hotsite ou portflio. Contedos mais
extensos tendem a usar a forma
clssica de mltiplas pginas, explica
o designer Daniel Farias. Assim, a
chave definir quando uma nica
pgina faz sentido. Fica claro que o
formato a melhor soluo quando
no h muito contedo ou se tudo
est relacionado entre si, porm h
outros aspectos importantes a
observar. Com tanta informao e
conhecimento disposio, o que
Como escolher o
formato do site
Pronto para embarcar na tendncia
dos Single Page Websites? Antes de
vender o conceito por a, confira um
roteiro de perguntas que o ajudar a
descobrir se as pginas nicas so
uma boa opo para seu projeto.
1
Tenho um monte de contedo
para trabalhar, como fao para
ajustar toda essa informao
em uma pgina nica?
Sites com muito contedo no so
facilmente ajustveis em uma estrutura
de pgina nica. Se voc tiver mais de
uma dzia de informaes valiosas para
trabalhar, melhor investir em uma
estrutura mais tradicional.
2
Quero vender um projeto
especfico, mas estou
inseguro em apresentar o
formato de Single Page Website.
Ser que os clientes esto
preparados para entend-lo?
Um site de pgina nica pode ser uma
excelente soluo para venda de um
produto nico, seja um livro ou mesmo
um evento. Analise o cliente antes de
fazer a proposta, mas, em geral, as
novidades so bem aceitas, desde que
cases com bons resultados sejam
apresentados durante a negociao.
3
Eu trabalho com Ajax e
JavaScript. Esses programas
so indicados para o
desenvolvimento de websites de
pgina nica?
Muitos sites de pgina nica usam Ajax
e JavaScript para navegao e outros
elementos. Esses programas so feitos
para criar sites organizados, com pouco
ou muito contedo.
4
Single Page Websites so
indicados para trabalhos com
contedo relacionado?
Unir contedos independentes em uma
nica pgina provavelmente confundir
o internauta. Se voc tem muitas
pginas independentes, elas funcionaro
melhor se voc as deixar separadas, de
maneira convencional.
Ferramenta til \\ A maior parte
das pginas nicas desenvolvida em
sistemas de gerenciamento de contedo
fceis de usar, como o WordPress
Design_W2008 9/22/10 5:33 PM Page 47

Diversas funes
sem reload \\
Novas linguagens de Kill the Spill
programao, como a
jQuery, so protagonistas
na criao de webistes
de pgina nica

Barato \\ Uma
boa dica usar o
Flavors.me, que Para promover o trabalho da National
permite aos usurios Wildlife Federation, um grupo de
criarem um site desenvolvedores se uniu e criou o
dinmico com o website Kill the Spill (http://killspill.org),
custo de apenas
usado para angariar fundos para o
US$ 20 ao ano
resgate dos animais atingidos pelo
vazamento de petrleo provocado pela
BP no Golfo do Mxico. Desde que foi
lanado, esse Single Page Website
arrecadou US$ 6,7 mil e tem por meta
chegar a US$ 35 mil. um bom
exemplo a ser seguido. Confira o design
* Um site comercial de pgina nica aqui no de outros sites de pgina nica que
Brasil est sempre ligado a um hotsite ou fazem sucesso no exterior:
portflio, e no a contedos mais extensos
Daniel Farias, designer

pode fazer a diferena mais em outro internauta que na

saber como usar todos esses dados.
Cabe ao profissional estudar o
comportamento dos usurios na
internet e do pblico segmentado
que se pretende atingir com o site
antes de desenvolv-lo.
Especialistas apontam que, nesse
modelo, fundamental tambm ter
integrao com mdias sociais. Isso
porque a fidelizao de um usurio na
internet se d justamente pela troca
de informaes e dilogo e pelas
atualizaes frequentes das redes de
comunicao, especialmente quando
se trata de um perfil empresarial.
possvel condensar o site em
uma nica pgina, normalmente com
rolagem, com as informaes
realmente relevantes para o usurio.
O resto pode ficar por conta das
mdias sociais. Hoje, o usurio confia
marca divulgada, ento deixe que eles
falem pelo produto. D poder aos
usurios, faa com que eles sejam a www.gavincastleton.com
marca e que o site seja a casa deles,
aconselha Leite.
Isso faz todo sentido diante do
fato de que, no Brasil, 72 milhes de
pessoas, que representam quase um
tero da populao, acessam a rede.
Desse montante, metade
www.colourpixel.com
extremamente ativa, crtica,
participativa e formadora de opinio.
Por essa caracterstica, o Pas ocupa o
segundo lugar de acesso a
ferramentas como YouTube, Gmail e
Twitter, e primeiro no Orkut e no
MSN. Ao que tudo indica, os Single
Page Websites logo aparecero bem www.vanityclaire.com
posicionados nos rankings nacionais.
Por isso, fique de olho
no mercado.

* O principal benefcio dos sites de pgina

nica o poder de transformar mais em
menos, sem perder a qualidade. www.compal-international.com
Gabriel Leite, CEO da agncia Mentes Digitais

locaweb 47
EReaders_W2008 9/22/10 4:20 PM Page 48
Escolha seu
eReaderNa trilha de iPad e Kindle, uma
legio de leitores digitais foi
lanada no Brasil e no mundo
com a promessa de, enfim,
substituir o papel. Descubra
tudo que possvel fazer
com esses brinquedinhos e
saiba qual deles atende
melhor s suas necessidades
48 locaweb
Por Paulo Basso Jr. e Cssio Narciso
O
s anos passam e o debate sobre o fim do papel
com o advento da eletrnica nunca acaba. O fato
que a polmica ainda est longe do fim, j que
as teorias e opinies sobre o tema brotam a cada
instante, mas inegvel que, nos ltimos meses, os
aparelhos digitais de leitura, batizados de eReaders, esto
ganhando as prateleiras de todo o mundo em uma
velocidade assustadora. Primeiro foi o Kindle, depois o
iPad e agora j existe uma srie de marcas disponveis no
mercado, cada uma com vantagens e desvantagens.
Selecionamos os principais equipamentos do gnero
venda em todo mundo e mostramos o que eles tm a
oferecer para auxili-lo na hora da compra. Confira:
EReaders_W2008 9/22/10 4:21 PM Page 49

eReaders

iPad
O iPad um computador da Apple no formato de
prancheta, sem teclado fsico e com tela colorida de
alta definio do tipo touchscreen. Por ter muitos
recursos tecnolgicos, no classificado como
eReader essa apenas uma das tarefas que ele pode
executar. Com o equipamento, d para navegar pela
internet via rede sem fio, receber e enviar e-mails,
abrir fotos, reproduzir vdeo, ouvir msica e jogar.
Com tela de LCD de 9,7 e luz de fundo do tipo LED
que apresenta excelente ngulo de viso, o iPad causa
certo incmodo na leitura para algumas pessoas, mas,
em geral, agradvel e fcil de manusear. De quebra,
esbanja contedo, pois a Apple assinou contratos com
gigantes do mundo editorial de livros, jornais e revistas.
No Brasil, a Editora Europa a primeira a publicar, na
ntegra, suas revistas para o aparelho. A Locaweb em
Revista uma delas.
Para saber mais: www.apple.com/ipad
Preo: US$ 499 a US$ 899

Kindle DX
Uma tela eletrnica de 6 em um retngulo branco
de 19 cm de altura por 12 cm de largura em
plstico escovado. O Kindle, do ingls kind
(simptico), o eReader referncia no mercado.
O aparelho tem conexo sem fio, Wi-Fi e 3G. A
tela usa tecnologia Electronic Paper Display (EPD),
que oferece bom nvel de contraste. fosca e no
cansa os olhos, pois no emite luz, diferentemente
das telas brilhantes de LCD. Por essa razo, preciso
estar em um ambiente iluminado para ler noite,
como ocorre com um livro comum. Por outro lado, a
tela do Kindle no sensvel ao toque e no reproduz
imagens em movimento. Foi desenvolvida para
transmitir uma sensao prxima a de ler no papel.
Outro investimento da Amazon foi em uma
conexo global que permite comprar, via internet,
por meio do site da Amazon, mais de 60 mil livros a
partir de diversos locais do mundo. A memria
interna do aparelho de 2 GB e permite armazenar
cerca de 2 mil livros eletrnicos.
Para saber mais: www.amazon.com/Kindle
Preo: US$ 259

locaweb 49
EReaders_Locaweb 10/15/10 7:58 PM Page 50
eReaders
2
1 Samsung Galaxy Tab
Apresentado em setembro, o Galaxy faz ligaes,
tem uma tela touch de 7 e resoluo de 1.024 x 800
pixels. De quebra, traz processador de 1 GHz, cmera
fotogrfica de 3 Mpixels com flash e conexo sem fio
internet. Pesa apenas 380 g.
Para saber mais: www.samsung.com/us
Preo: no divulgado
2 Positivo Alfa
o primeiro com tela sensvel ao toque e com
dicionrio Aurlio instalado. Com tela de 6, pesa
240 g e tem 8,9 mm de espessura, 170 mm de altura
e 124 mm de largura.
Para saber mais: www.positivoinformatica.com.br
Preo: R$ 699
3 Cool-er
Tem tela de 6, 128 MB de memria e 1 GB para
armazenamento. Reproduz MP3 e compatvel com
diversos formatos de arquivos, entre eles PDF e JPG,
mas no l os arquivos protegidos da Amazon.
Para saber mais: www.gatosabido.com/leitor
Preo: R$ 750
50 locaweb
5
4 Skiff
O Skiff tem a maior tela da categoria, com 11,5.
Ela sensvel ao toque e tem resoluo de 1.200 x
1.600 pixels. Com apenas 7 mm de espessura, o
equipamento produzido pela LG com uma espcie de
p de ao flexvel, espaoso e perfeito para ler
jornais e revistas. Ele vem com 4 GB de memria.
A bateria dura at uma semana (dado do fabricante)
e o Skiff se conecta por Wi-Fi e 3G (usa a rede Sprint,
nos Estados Unidos).
Para saber mais: www.skiff.com
Preo: US$ 800
5 QUE
O QUE vem de fbrica com acesso (pago) a inmeros
jornais dirios e revistas publicados por editoras
norte-americanas. Este eReader tem um p no
mundo dos negcios, pois conversa com
BlackBerrys e compatvel com documentos Office
(leitura). Comunica-se por Wi-Fi e Bluetooth e conta
com verses com 4 GB e 8 GB de memria para
armazenamento de dados.
Para saber mais: www.plasticlogic.com
Preo: US$ 649 (4 GB) e US$ 799 (8 GB)
EReaders_W2008 9/22/10 4:24 PM Page 51
7
6
6 Entourage
Este aparelho uma mistura de tablet PC e eReader.
Tem visual simples, mas com funes inteligentes. So
duas telas, uma de 9,7 para leitura de e-books e
outra com 10,1. Ambas conversam entre si. Voc
pode enviar uma pgina da web para ser lida no
e-paper ou escrever no e-paper e enviar o contedo
para a tela LCD. O equipamento conta com o sistema
operacional Android. So 3 GB de memria,
Bluetooth, slot SD e USB.
Para saber mais: www.entourageedge.com
Preo: US$ 499
7 Alex
O visual lembra o Kindle, porm, no lugar do
simples teclado, h uma tela de 3,5 que roda uma
verso do Android. possvel navegar na web, abrir
e-mails, ver fotos e assistir a vdeos. Se voc se
interessar por algo na internet e quiser ler o assunto
com mais calma depois, basta pressionar um boto
para que a pgina seja convertida para o formato
e-paper na tela de 6.
Para saber mais: www.springdesign.com
Preo: US$ 400
eReaders
10
9
8 Mix leitor-d
Segundo o fabricante, o primeiro leitor eletrnico
de livros com uma tecnologia de software totalmente
nacional. Tem tela de 6 e pesa 260 g. Suporta
13 formatos de arquivos e tem memria de 128 MB,
com SDCard includo de 2 GB, expansvel at 16 GB.
Para saber mais: www.leitord.com.br
Preo: R$ 890
9 Sony Daily Edition Reader
A ltima verso do eReader da Sony tem tela de 7
sensvel ao toque que tambm pode ser usada na
horizontal. Nos EUA, o novo leitor oferece conexo
wireless para navegar na loja de e-books da Sony.
Para saber mais: www.sony.com
Preo: US$ 399
10 Nook
Este aparelho da Barnes & Noble oferece duas telas,
uma com 6 para leitura de e-paper e outra de 3,5
sensvel ao toque e colorida. Roda Android, tem 2 GB
de memria, Wi-Fi e 3G.
Para saber mais: www.barnesandnoble.com
Preo: R$ 259
locaweb 51
Gmail Calls_W2008 9/24/10 5:04 PM Page 52

A ferramenta Gmail Calls

no cobra e no cobrar
absolutamente nada
pelas ligaes feitas para
telefones dentro dos
territrios dos Estados
Unidos e do Canad
Gmail Calls_W2008 9/24/10 5:04 PM Page 53

Gmail Calls

Disque
Google
para falar
Empresa lana servio de ligaes
pela internet integrado ao Gmail
com objetivos que vo muito alm
do mercado de telefonia

Por Gabriel Dudziak

D
epois do fracasso retumbante do Wave e relativo
do Buzz, o Google parece ter acertado a mo
de novo. Lanado no dia 25 de agosto, o
Gmail Calls, mais novo servio oferecido pela empresa
norte-americana que revolucionou a internet, alcanou a
impressionante marca de 10 milhes de ligaes feitas
apenas na primeira semana de atividade, entre as quais
1 milho foram realizadas apenas no primeiro dia.
A mina de ouro descoberta pela gigante de TI,
entretanto, no tem nada de revolucionria e vai pouco
alm do servio oferecido h anos pelo Skype. Alm disso,
o Gmail usa tecnologias de outros aplicativos do prprio
Google, como o Gtalk, que permite conversas em udio e
vdeo em tempo real, e o Google Voice, no qual o usurio
pode ter um nmero de telefone independente de um
aparelho de telefonia. A diferena da nova funcionalidade
do Gmail em relao aos softwares da prpria empresa e
que ele permite fazer ligaes de computadores para
telefones fixos e mveis e vice-versa.
Assim como o Skype j oferece h mais de seis anos, o
servio funciona por meio da internet, com o uso de
tecnologia VOIP (Voice Over IP), que decodifica os sons da
voz em dados e depois os recodifica em udio para o
destinatrio. Sem passar por operadoras de telefonia,
cabos, ou qualquer coisa do tipo. Alm disso, tambm
Diferencial \\ O Gmail Calls funciona dentro da interface do Gmail. Assim,
no preciso instalar um programa externo para executar as ligaes
* Ainda cedo para dizer se o Gmail
Calls vai matar o Skype. Embora preo e
interface apaream como pontos
positivos para o Google, o novo servio
ainda est cru e passar por atualizaes
possvel se comunicar por SMS com celulares e de
aparelhos mveis para computadores.
Como a tecnologia por trs da operao no tem nada
de nova, as razes por trs do sucesso avassalador do Calls
logo no incio da atividade residem em dois diferenciais
oferecidos pelo sistema em relao ao Skype. O primeiro
deles que a ferramenta do Google no cobra e no
cobrar absolutamente nada pelas ligaes feitas para
telefones dentro dos territrios dos Estados Unidos
e do Canad. J para outros pases, as tarifas variam, mas
em geral so mais baratas que as cobradas pelo rival.

locaweb 53
Gmail Calls_W2008 9/24/10 5:04 PM Page 54
Gmail Calls
* De acordo com especialistas
em tecnologia da informao do
mundo inteiro, o objetivo do
grupo diminuir a distncia da
empresa para o Facebook, que a
cada dia ganha mais adeptos
Uma chamada via Skype para um telefone celular
na Frana, por exemplo, sai por volta de R$ 0,20
o minuto. Com o Calls, esse valor cai para
R$ 0,15. Isso sem levar em considerao os
gastos com operadoras de banda larga, que se
mantm nos dois servios.
O segundo diferencial que chama a ateno
que o Gmail Calls funciona dentro da interface do
Gmail, o que dispensa a necessidade de instalar
um programa externo para realizar as ligaes.
Enquanto no Skype necessrio baixar o cliente,
cadastrar um usurio e configurar as permisses
do firewall e do antivrus para s ento logar e
comear a falar, no Calls basta entrar no Gmail,
procurar a opo Call na barra do Gtalk e discar o
nmero desejado no teclado virtual que aparece
na tela. Isso significa que, de largada, todas as
pessoas que tm um webmail do Google so
potenciais usurias do Calls.
Mas nem tudo so flores na vida do gigante
da internet, pelo menos por enquanto. Nesse
54 locaweb
primeiro estgio, o servio est disponvel apenas
para usurios dos Estados Unidos. No adianta
mudar a linguagem do Gmail ou o local de
origem. Quem no vive nos Estados Unidos e
no tem um telefone celular apto a ser usado por
l no pode se comunicar via Calls. Ponto
positivo para o Skype nesse quesito, j que,
desde que iniciou as atividades, o servio oferece
uso amplo e irrestrito das ligaes de
computadores para telefones de todo o mundo.
Morte anunciada ao Skype?
Ainda cedo para dizer se, quando o Gmail
Calls estiver disponvel em todo mundo, o
Skype vai morrer. Afinal, embora preo e
interface apaream como pontos positivos
inegveis para o Google, o novo servio ainda
est cru e deve passar por algumas melhorias
e atualizaes antes de chegar ao pice de
sua forma.
Relatos iniciais coletados dos usurios
norte-americanos dizem que o novo servio do
Google deve muito pouco ao Skype, mas pior
que o rival. Os primeiros a experimentar o Calls
contaram que o som no to ntido quanto o
obtido pelo concorrente, tanto para quem liga
quanto para quem recebe as chamadas.
Alm disso, preciso estar com o Gmail
aberto para receber as ligaes, e no outro
servio oferecido pelo Google, como Docs,
Ao lado \\ H seis anos no mercado, o
Skype j tem uma grande base de clientes
instalada. Alm disso, conta com acordos com
fornecedores, que usam sua marca em
telefones celulares e fixos, por exemplo
Abaixo \\ Com 10 milhes de ligaes
realizadas apenas na semana de lanamento, o
Gmails Calls deve resgatar o moral do Google,
perdido recentemente com o fracasso do Buzz
Gmail Calls_W2008 9/24/10 5:05 PM Page 55

Gmail Calls

YouTube e Orkut, nos quais boa

parte das pessoas prefere se
manter ligado. De quebra, o Calls
no exibe
alertas visuais durante as
chamadas. Assim, quem trabalha
com o som do PC ou notebook no
mudo no tem como saber se
algum deseja entrar em contato.
H ainda a incgnita sobre
como vai funcionar o servio do
Google quando milhes de
usurios realizarem uma verdadeira
enxurrada de ligaes de todos os
tipos, para todos os lados, ao
mesmo tempo. O Skype est
estabelecido desde 2003 e tem
mais de 560 milhes de usurios
Ataque velado \\ Integrar o Calls ao Gmail uma estratgia do Google para concentrar os internautas
cadastrados no servio realizando conectados s suas ferramentas e combater o avano a passos largos do Facebook no setor
ligaes com pouqussimas falhas.
J o Calls acabou de chegar e ainda
Sype X Podem parecer nichos de atuao diferentes,
precisa passar por esse teste de
estresse, por assim dizer. Se a Gmail Calls mas o Calls entra no balaio da guerra de usurios
a partir do momento em que agrega servio ao
Confira em que
qualidade dos produtos Google for Gmail. E isso significa forar a barra para que as
quesitos os sistemas se
mantida, isso no deve ser um diferenciam enquanto o pessoas estejam sempre logadas na conta do
empecilho, mas pelo menos neste sistema do Google ainda Google, que hoje integra blogs, vdeos, servios
momento a ressalva vlida. no est disponvel para o de orientao por satlite e aplicativos diversos.
mundo inteiro: Assim como oferece o Facebook, a ideia
Mais que dominar Skype
transformar o login no webmail no ponto de
os telefones Velocidade partida para as mais variadas experincias web.
A princpio, a iniciativa do Qualidade Essa fogueira deve ganhar ainda mais lenha com
Google em lanar o Calls parece Rede o lanamento do Google Me, nome extraoficial da
apenas uma forma de entrar em mais Custo-Benefcio rede social planejada pelo Google para ganhar o
um filo do mercado de tecnologia mercado em breve. Recentemente, a companhia
Gmail Calls
da informao, no caso o de Velocidade de Mountain View investiu uma grande soma na
telefonia via IP. Um fator que justifica Qualidade Zynga, empresa responsvel pela criao do
essa tese que o investimento do Rede FarmVille e do Mafia Wars, o que pode indicar em
Google no servio de ligaes Custo-Benefcio breve a fundao de um Google Games ou algo
ocorreu exatamente no mesmo ms que ameace a liderana do Facebook no setor.
em que o Skype estudava o seu IPO (abertura de capital O Calls representa tambm um importante passo do
na bolsa), que deveria render US$ 100 milhes. Google no mercado de mobile, principal filo
No entanto, os planos da gigante de internet enxergado por nove entre dez grandes empresas de TI
com o Calls vo alm do mercado do Skype. De nos prximos anos. Como o sistema de ligaes
acordo com especialistas em TI do mundo inteiro, o completamente operado pela internet, por meio da
objetivo do grupo diminuir a distncia da empresa interface do Gmail, os telefones celulares tambm
para o Facebook, que a cada dia ganha mais adeptos. podem usar o Calls, driblando as operadoras.
A rede de Mark Zuckerberg, recentemente, ultrapassou Para fechar ainda mais a rede e consequente
a marca dos 500 milhes de usurios, atropelando domnio da internet em todos os setores, o novo
nesse processo as ltimas tentativas do Google servio do Google deve trazer mais relevncia para o
de retomar mercado mais notoriamente com as sistema operacional Android, desenvolvido pela
ferramentas Google Wave, o Google Buzz e a terceira companhia e que se dissemina cada vez mais nos
repaginao do Orkut. novos aparelhos celulares.

locaweb 55
DengueVille_W2008 9/24/10 7:15 PM Page 56

g o q ue
Jo a
n sin
enformao que
i
d iv e rte Criado por
em p resa bra
t
s
u
il
r
e
a
ira , Dengue Ville
r entretenim
e n to
vir
e
a
e
case no mercad
ducao
o

ciais ao m is
de jogos so
56 locaweb
DengueVille_W2008 9/24/10 7:15 PM Page 57
Por Gabriel Dudziak
C
om uma proposta de diverso despretensiosa,
jogabilidade simples e participao constante de
grupos de amigos, os jogos sociais conquistaram
adeptos no mundo todo. O que poucas pessoas
imaginavam, porm, que ttulos como Mafia Wars e
FarmVille, ambos aplicativos do Facebook, poderiam
inspirar aes sociais bem-sucedidas. Desde o dia 16 de
maro, est no ar o Dengue Ville, game do Orkut que
procura aliar educao e diverso no combate
dengue. Criado pela empresa Lpis Raro, o jogo, que j
acumula mais de 900 mil usurios cadastrados, surgiu
de uma parceria com a Secretaria Estadual de Sade
Dengue Ville
de Minas Gerais com o objetivo de promover uma
campanha antidengue mais incisiva do que as que
j vinham sendo praticadas.
Apesar de ser "o jogo que ensina a matar o
mosquito da dengue", o projeto vai muito alm da
conscientizao. "Pesquisas apontam que 80% das
pessoas conhecem os malefcios da dengue e o que
devem fazer para combater o mosquito, mas que,
mesmo assim, no tomam os cuidados necessrios.
Dessa forma, trabalhamos para promover no s a
informao, mas uma mudana de comportamento.
Nesse sentido, a interatividade do Orkut e a
abrangncia da rede social nas camadas mais jovens
foram fatores decisivos para a escolha da plataforma",
conta Juliana Duarte, diretora de comunicao digital
locaweb 57
DengueVille_W2008 9/24/10 7:15 PM Page 58

Dengue Ville

* Com 900 mil usurios, o pneus, colocar areia nos pratos das plantas,
jogo surgiu com o objetivo de cobrir a caixa d'gua, distribuir soro caseiro para
as vtimas do vrus, entre outras atividades.
promover uma campanha Algumas delas s so possveis se realizadas em
antidengue mais incisiva do que conjunto com os amigos de Orkut, como o
as que j vinham sendo praticadas mutiro na vizinhana, por exemplo.
O jogador comea como iniciante e,
da Lpis Raro. Segundo ela, durante todo o medida em que acumula pontos, vai evoluindo
tempo de desenvolvimento do game, a equipe de nvel, passando por amigo da vizinhana,
da Lpis Raro e da Dito Ideias & Solues heri do bairro e exterminador do mosquito.
procuraram balancear aspectos ldicos e Por outro lado, se no completar as tarefas no
didticos para que o Dengue Ville no fugisse perodo indicado, o usurio pode ser infectado
de propsito nem ficasse montono. pelo mosquito e ficar impossibilitado de brincar
O formato do jogo, assim como o nome, at que passe no posto mdico virtual.
inspirado no conhecido FarmVille, tanto na parte
de programao em rails, com bancos de dados Do virtual para o real
carregados a cada login e com interface flash Alm dos 900 mil cadastrados e outros
como nos objetivos. Os jogadores ganham tantos que tomaram conhecimento do Dengue
pontos e passam de nvel na medida em que Ville pelo prprio Orkut ou pela divulgao do
realizam determinadas tarefas nas diferentes
reas do jogo, como casa, quintal, interior da
residncia, rua, lote vago,
praa, prdio comercial e Inspirao \\ O jogo,
criado pela empresa
parque. Mas em vez de Lpis Raro em parceria
plantar, colher e ordenhar, com a Secretaria
Dengue Ville sugere aes Estadual de Sade
de Minas Gerais,
como esvaziar garrafas e inspirado no FarmVille

Por trs da criao \\ Game social programado em rails, tem bancos de dados carregados a cada login e usa interface flash

58 locaweb
DengueVille_W2008 10/15/10 7:28 PM Page 59
aplicativo em diversos meios de comunicao, o jogo
teve abrangncia externa ao mundo virtual, pois "saiu"
da web e se tornou ferramenta para educadores de
todo o pas. "Muitas escolas passaram a usar o Dengue
Ville dentro da sala de aula para trabalhar as
informaes da doena com crianas e adolescentes",
relata Juliana.
E no foram apenas os mais jovens que puderam
aprender com o Dengue Ville. De acordo com a diretora
da Lpis Raro, at mesmo donas de casa entraram em
contato com a Secretaria de Sade de Minas para dizer
que ampliaram o conhecimento sobre a preveno da
doena graas ao aplicativo.
Case de sucesso no mercado de games online, ainda
pouco explorado pelas companhias brasileiras, o
Dengue Ville j pode ser considerado um divisor de
guas no setor. "Para o nosso trabalho como empresa
de comunicao, foi uma experincia muito
enriquecedora. Conseguimos uma forma diferente de
passar a mensagem que nos foi encomendada", afirma
Juliana, que, dada a grande aceitao e repercusso do
jogo, diz no descartar novas iniciativas do tipo.
No exterior, os jogos baseados em temticas sociais
que, alm de educao, trazem o componente factual e
Jogo proibido durante as eleies
Quem quis aprender um pouco mais sobre dengue e/ou testar o Dengue
Ville teve de esperar um pouco. Desde o incio do perodo de eleies o
jogo est proibido de rodar no Orkut. A razo que o aplicativo poderia
ser usado como canal de propaganda eleitoreira, uma vez que est
diretamente vinculado ao governo de Minas Gerais. Assim que as
eleies terminarem, porm, o jogo ser liberado. Segundo a diretora de
comunicao digital da Lpis Raro, Juliana Duarte, a ideia de retornar
Dengue Ville
Como jogar
Quando o jogo estiver novamente disponvel, aps as
eleies, siga os passos abaixo para jogar, se divertir e
aprender com o Dengue Ville:
1 Entre no Orkut com seu nome de usurio e senha. Caso
no tenha uma conta, necessrio criar uma ou ativar
um e-mail do Gmail.
2 Sea telaestiver na verso mais recente do Orkut, basta descer
e procurar, no canto direito, a guia Aplicativos.
3 Pesquise por Dengue Ville. A partir da, s clicar no
boto Adicionar e comear a jogar.
4 Caso voc esteja na verso mais antiga do Orkut, a guia
Apps aparecer no canto esquerdo. Clique no link
Adicionar apps.
5 Uma tela aparecer mostrando os aplicativos e uma
barra de buscas no canto superior direito. No campo
de pesquisa, escreva Dengue Ville e clique no boto
Adicionar aplicativo.
* Em vez de plantar e colher, Dengue
Ville sugere aes como esvaziar
garrafas e pneus, colocar areia nos pratos
das plantas, cobrir a caixa d'gua e dar
soro caseiro para as vtimas da dengue
da informao j tm at uma denominao especial.
o chamado Immersive Journalism, ou jornalismo
imersivo, que procura trazer fatos e notcias de uma
forma interativa para o leitor/jogador. Um exemplo o
game "Darfur is Dying", que coloca o usurio na pele de
um refugiado do Sudo que precisa trazer gua limpa a
seu vilarejo, driblando milcias inimigas e outros
obstculos no caminho. No h outro caso de sucesso
mundial, porm, baseado em redes sociais, razo pela
qual o Dengue Ville pode se tornar referncia para o
resto do planeta.
das "frias obrigatrias" com algumas modificaes na jogabilidade.
"Queremos colocar no jogo uma lojinha para comprar acessrios
personalizados para a cidade de cada um. No FarmVille, os elementos
so os mesmos, mas temos fazendas diferentes umas das outras",
afirma, ressaltando que essa nova ao no seria realizada com dinheiro
de verdade, mas sim com os pontos adquiridos no jogo. Tambm est
nos planos uma verso do Dengue Ville para o Facebook.
locaweb 59
Video no HTML_W2008 9/24/10 4:55 PM Page 60

Programao Vdeos no HTML 5

Como anexar
vdeos no html 5
Anteriormente usada como alternativa para a distribuio de vdeos, a tag
<video> passou a ser suportada por diversos browsers. Veja como us-la

Por Felipe Magalhes

A
tag <video> um dos
recursos do HTML 5 que
merecem mais ateno. Ela
j gerou debates a respeito do uso
do player feito em Flash e tambm
sobre o formato multimdia a ser
utilizado, para ficar em dois
exemplos conhecidos.
Anteriormente usada como
alternativa para a distribuio de
vdeos, a tag <video> ganhou
espao e, hoje, vai alm disso. Suas
capacidades e suporte pelos
browsers tm sido potencializados
rapidamente. A maior vantagem a
integrao nativa com as outras
Last.fm \\ Pginas multimdia, como as redes sociais ligadas msica, so as mais beneficiadas com
etapas do desenvolvimento para o desenvolvimento de linguagens de programao voltadas para players musicais e de filmes
web, como CSS e Javascript.
O foco que foi dado em cima da ideia de exibir vdeos Seu navegador no d suporte ao uso da tag
diretamente pelo HTML perceptvel quando observamos video. Por favor, <a href=>clique aqui</a>
como evoluiu a aceitao deste recurso por parte dos para realizar o download do vdeo.
navegadores. Em 2009, o nico browser que renderizava a </video>
tag <video> em sua verso estvel era o Safari. Nos dias de
hoje, a grande maioria dos navegadores renderiza essa tag Note que existe uma frase dentro da tag <video>. Essa
(inclusive o Internet Explorer 9, que est para chegar). mensagem ser exibida quando o navegador no der
O item <video> usa uma tag aninhada para insero suporte a nenhum dos formatos de vdeo disponveis.
de filmes de formatos variados: a <source>. O uso de Esse texto pode conter outras tags HTML como <a> e
vdeos diversificados defendido pelo fato de que h a <img>, por exemplo.
possibilidade de um navegador no suportar determinados
padres de vdeo. Logo, ser executado aquele que o DICA: Existe um problema no iPad. Ele s executa
navegador der suporte. o vdeo em .mp4 quando o arquivo colocado
como a primeira opo de <source> dentro de
<video> uma tag <video>. Ento, at a Apple corrigir este
<source src=filme_exemplo.mp4 type=vdeo/mp4; problema, a soluo fazer dessa maneira.
codecs=avc1.42E01E, mp4a.40.2/>
<source src=filme_exemplo.webm Quanto aos codecs a serem utilizados, Firefox, Chrome
type=video/webm; codecs=vp8, vorbis /> e Opera decidiram fazer uso do formato .webm. O Internet

60 locaweb
Video no HTML_W2008 9/24/10 4:55 PM Page 61
Explorer promete adotar o mesmo formato, embora
exija que os codecs estejam previamente instalados no
sistema operacional.
Formato .mp4
O formato .mp4 vem sendo deixado de lado por conta
de o codec H.264 no ser aberto. As licenas que o cercam
so pagas e possuem regras bastante complexas de
restries de uso. Outra complicao do formato que o
atributo type necessita de dados bem especificados.
Existem vrias maneiras de codificar um vdeo para
esse formato, entre as quais a especificao mais comum
para o uso do mp4 a avc1.42E01E, mp4a.40.2.
Voc pode conferir as outras especificaes de codecs
no link http://wiki.whatwg.org/wiki/Video_type_
parameters#MPEG-4.
Seu servidor de hospedagem dever estar
configurado corretamente para aceitar os vdeos com
seus MIME-types corretos. Caso contrrio, os vdeos no
sero executados corretamente, mesmo que localmente
parea estar tudo bem.
Exemplos de MIME-type:
video/ogg .ogv
video/mp4 .mp4
video/webm .webm
H tambm o uso mais prtico da tag, que embute o
source como um atributo do vdeo, assim como feito
Vdeos no HTML 5 Programao
* Um dos maiores empecilhos que tm
complicado a escolha do .mp4 o fato
de o codec H.264 no ser aberto.
As licenas que o cercam so pagas
e tm regras complexas de restries
com a tag <img>. Porm, este tipo de uso s ocorrer de
maneira ampla quando houver uma padronizao quanto
aos formatos de vdeo aceitados pelos navegadores:
<video src=filme_exemplo.ogv></video>
Se voc precisa codificar seu vdeo em um dos
formatos citados, pode usar o Miro Converter
(http://www.mirovideoconverter.com/). Esse software
funciona tanto em Windows quanto em MacOS e
possui uma boa facilidade de uso para colocar o vdeo
na codificao desejada. No necessrio fazer muitos
ajustes, uma vez que o programa distribudo com as
configuraes mais comuns para fechar um vdeo que
ser exibido na web. Isso inclui os formatos citados
anteriormente (.ogv, .mp4 e .webm).
Para melhorar a performance do lado do cliente,
importante no esquecer de especificar o atributo type
dentro da tag <source> quando for especificar mltiplos
formatos. com base nisso que o navegador ir decidir qual
extenso ser carregada para a execuo.
Ao lado \\ Se voc precisa codificar seu vdeo
em um dos formatos citados, pode usar o Miro
Converter, que pode ser encontrado em
http://www.mirovideoconverter.com
Abaixo \\ Detalhes sobre o padro de vdeo
.ogv podem ser encontrados no endereo
eletrnico http://filext.com/file-extension/OGV,
especializado em extenses
locaweb 61
Video no HTML_W2008 10/15/10 7:31 PM Page 62

Programao Vdeos no HTML 5

* A API de vdeo na
linguagem HTML 5 conta
com um conjunto de
atributos e mtodos que
permite ao desenvolvedor
(ou programador) um
controle renado sobre
os vdeos com o uso do
bom e velho Javascript

carregamento da pgina, mesmo se

a execuo do vdeo no tiver sido
explicitamente iniciada.

IE \\ Fora a verso que est por vir do navegador lder de mercado, o Internet Explorer,
as verses atuais do browser no do suporte tag <video>, o que um problema
Um problema chamado
Internet Explorer
Fora a verso que est por vir do navegador da
Microsoft, as verses atuais do browser no do suporte
tag <video>. Para auxiliar neste problema, existem
alternativas como o Chrome Frame. A grande vantagem do
uso do plugin Chrome Frame (download em
http://code.google.com/chrome/chromeframe) que
depois de instalado, o Internet Explorer ir suportar
recursos da ltima padronizao do HTML, do CSS e do
Javascript. Este plugin auxilia (e muito) o desenvolvedor.
Afinal, permite desenvolver aplicaes com intuitividade e
interfaces mais ricas sem perder os usurios do IE.
Assim, deve-se usar a tag <video> com:
2
Javascript
A API de vdeo no
HTML 5 conta com um
conjunto de atributos e mtodos que permite que o
desenvolvedor tenha um controle refinado sobre os
vdeos utilizando Javascript. H um exemplo das
possibilidades de controle de vdeo com Javascript neste
link: http://www.w3.org/2010/05/video/mediaevents.html.
Assim como qualquer outro elemento HTML, voc pode
adicionar eventos ao vdeo. Contudo, tambm existem
novos eventos para detectar e controlar a caracterstica da
execuo do vdeo. A seguir, um exemplo simples de como
atrelar eventos a um vdeo via Javascript:
video.addEventListener('canplay', function(e) {
this.volume = 0.4;
this.currentTime = 10;

1
this.play();
HTML }, false);
Os atributos HTML que so comuns podem ser

usados tambm na tag <video>. Voc pode, por
exemplo, utilizar o tabindex para tornar os controles de
vdeo acessveis pelo teclado. Tambm existem atributos
em comum entre as tags <video> e <audio>. O loop faz
com que a execuo do vdeo retorne ao incio assim que
o vdeo se encerre. O autoplay garante que o usurio no
precise clicar no boto de play para o vdeo ser
devidamente executado.
Existem outros atributos com funcionalidade
interessante. O poster indica qual imagem ser utilizada
enquanto o vdeo no estiver sendo executado. O
controls informa que o vdeo usar os controles de
vdeo que o navegador oferece, em vez de controles
personalizados. O preload faz com que o vdeo seja
carregado em background assim que terminar o
3
CSS
A tag <video> pode tambm ser estilizada
por meio do CSS. O melhor que voc pode usar
propriedades do CSS 3, como mscaras, aplicao de
gradientes, transformaes, transies e animaes.
#video-css.enhanced {
border: 1px solid white;
-moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 5px 44px 28px #333; /*
Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #ffffff; /* Opera
10.5, IE 9.0 */
-moz-transform: translate(0, 10px); /* FF3.5+ */
-o-transform: translate(0, 10px); /* Opera

62 locaweb
Video no HTML_W2008 9/24/10 4:55 PM Page 63

Vdeos no HTML 5 Programao

10.5 */ <defs>
-webkit-transform: translate(0, 10px); /* <filter id=myblur>
Saf3.1+, Chrome */ <feGaussianBlur stdDeviation=1 />
} </filter>

4
Canvas
O Canvas outro elemento HTML 5 que oferece
diversas possibilidades quando usado em
conjunto com a tag <video>. Com os recursos existentes
no Canvas, possvel importar e exportar imagens
existentes no filme. O primeiro passo o uso do
mtodo drawImage. Ele permite a importao de
imagens de fontes como um elemento img, de outro
Canvas ou do frame atual de um vdeo. Para completar,
h o mtodo toDataURL, que realiza a exportao do
contedo para uma imagem.
video_dom.addEventListener('play', function()
{//atrelando o mtodo ao de play
//Capurando a altura e largura do vdeo para
atribuir imagem
video_dom.width = canvas_draw.width =
video_dom.offsetWidth;
video_dom.height = canvas_draw.height =
video_dom.offsetHeight;
var ctx_draw =
canvas_draw.getContext('2d');
draw_interval = setInterval(function() {
// importando a imagem do vdeo
ctx_draw.drawImage(video_dom, 0, 0,
video_dom.width, video_dom.height);
// exportando a imagem para o canvas
var img = new Image();
img.src =
canvas_draw.toDataURL('image/png');
img.width = 40;
frames.appendChild(img);
}, 3000)//configurando que esta ao ser
executada a cada 3 segundos.
}, false);
</defs>
</svg>
<style>
video { filter:url(#myblur); border: 2px
solid red; }
</style>
Caso voc queira conferir a referncia completa da
tag <video>, basta ler o documento da pgina da W3C:
http://www.w3.org/TR/html5/video.html.
* O Canvas outro elemento HTML 5
que oferece diversas possibilidades
quando usado em conjunto com a tag
<video>. Com ele, possvel importar e
exportar imagens existentes no lme
O melhor da internet
A sensao do momento um mashup que funciona como um
filme interativo feito em cima do HTML 5. O The Wilderness
Downtown (www.thewildernessdowntown.com) foi criado em
uma parceria entre o Google e o Arcade Fire para fazer mais buzz
com o HTML 5 e criar uma propaganda pesada a favor do
Chrome, o navegador da Google. O Wilderness Downtown
funciona da seguinte maneira: voc informa o endereo do local
onde cresceu e, a partir da, iniciado um vdeo executado em
mltiplas janelas com base na localizao apontada. Vale ressaltar
que as ruas que contm dados suficientes para o vdeo so,
na grande maioria, dos Estados Unidos. Ao final do vdeo, voc
ainda pode escrever uma carta para deixar de recordao para as
futuras geraes.

5
SVG
O SVG oferece uma maneira de renderizar e
manipular grficos vetoriais via programao, alm
de outros recursos como os filtros de efeito SVG
(http://en.wikipedia.org/wiki/SVG_filter_effects).
Atualmente, o Firefox 4 e o Internet Explorer 9 do suporte
SVG inline, que permite interagir com elementos de
vdeo, via HTML, Javascript e CSS.

<svg id=image version=1.1

xmlns=http://www.w3.org/2000/svg>

locaweb 63
Gerador Codigos Online_W2008 9/22/10 5:13 PM Page 64
Programao CSS 3
CSS 3: Gerador
de cdigos online
Confira teste em primeira mo do sistema criado para auxiliar os
desenvolvedores no uso da nova verso das folhas de estilo em cascata
Por Yan Borowski
S
e voc trabalha com desenvolvimento de pginas
para internet, j deve ter ouvido falar sobre o tal
CSS (Cascade Style Sheets ou, simplesmente,
folhas de estilo em cascata). A Locaweb em Revista
testou um sistema online de gerao de cdigos CSS3
chamado CSS3 Generator (http://css3generator.com),
criado por Randy Jensen (@randyjensen, no Twitter). Ele
auxilia desenvolvedores com a utilizao da nova verso
do CSS, que est sendo implementada nos navegadores
mais atuais. Algumas funcionalidades rodam em verses
um pouco mais antigas, outras somente em verses
mais novas.
Viso geral
O CSS3 Generator 100% online. um site bem usual;
no tem nenhum esquema de navegao de outro
mundo, como Marte ou outros planetas. O sistema todo
baseado na utilizao de uma caixa de seleo na qual o
2 5 Verses do navegador
5
3 estilo selecionado;
4
64 locaweb
usurio escolhe que tipo de estilo deseja utilizar. Feita a
opo, o sistema mostra algumas opes de configurao
do estilo escolhido (o ngulo de rotao, bordas).
Existem algumas funcionalidades que no foram
implementadas, porm o Randy as adicionou na
listagem. Quando voc seleciona algumas delas, ele
deixa algumas dicas de outros locais que podem ser
consultados para utilizao desse recurso do CSS3, como
o caso dos seletores (Selectors) e dos gradientes
(Gradients). Isso porque no precisamos reinventar a
roda quando existe algo to bom para utilizao, sem
custo, no mercado.
Observando a figura no rodap da pgina, podemos
ter uma viso geral de como o sistema funciona:
1 Caixa de seleo onde o usurio escolhe o tipo de estilo
que deseja usar;
2 rea onde so informadas as configuraes que o estilo
deve conter. Cada estilo precisa de configuraes distintas
para que sua apresentao seja gerada;
3 Cdigo CSS gerado pelo sistema
baseado nas configuraes informadas;
4 Navegadores compatveis
com o estilo;
1
compatveis com o tipo de
6
6 rea de pr-visualizao do efeito
gerado pelo cdigo configurado.
Bordas arredondadas
Quase todo programador j
recebeu um layout da equipe de
design com alguns painis com
Gerador Codigos Online_W2008 9/22/10 5:13 PM Page 65

CSS 3 Programao

cantos arredondados e se perguntou como faria aquilo min-height:200px;

funcionar. A resposta, atualmente, bastante clara: text-align:center;
vamos procurar pela internet solues que as pessoas vertical-align:middle;
mais utilizam. width:320px;
No ano passado, me deparei com essa situao em }
um projeto no qual estava trabalhando. CSS3
encontrava-se longe de poder sem implementado no HTML
sistema, pois muitas pessoas utilizavam navegadores <div class="previewWindow">
antigos e a tecnologia no estava amadurecida o <span>Preview Area</span>
suficiente. O que fizemos eu e a equipe foi recorrer </div>
ao famoso recurso do quadro montado com imagens.
Ao utilizarmos esse cdigo, podemos observar o
resultado no item 6, na figura da pgina 64.

Text Shadow
Este um recurso usado no ttulo do site. Ele
consiste em adicionar uma sombra no elemento HTML
Poderamos ter trs divs, nas quais uma teria o topo que receber esse estilo. No CSS3 Generator, foi utilizado
com a imagem arredondada. O centro teria o contedo da seguinte maneira:
do painel e uma ltima div inferior teria a imagem de
baixo com as bordas arredondadas. CSS
Com o CSS3, j podemos fazer isso de uma forma h1 {
muito mais simples, sem gastar banda de internet para font-size:5em;
carregar imagens e deixando o HTML mais limpo. O margin:20px 0;
recurso est disponvel a partir das verses 3.0 do position:relative;
Firefox, 4.0 do Google Chrome, 3.1 do Safari, 9.0 do text-align:center;
Internet Explorer e 10.5 do Opera. text-shadow:0 -1px 0 #FFFFFF;
O cdigo fonte do CSS gerado pelo sistema, para um }
raio de 50 pixels, foi:
HTML
-webkit-border-radius: 50px; <h1>
* Utilizado por navegadores que utilizam o CSS3 Generator <span>v1.6</span>
Webkit e no do suporte completo ao CSS3 */ </h1>

-moz-border-radius: 50px; Podemos observar o resultado no ttulo CSS3

* Utilizado p/ verses do Firefox */ Generator , na figura da pgina 64.

border-radius: 50px; Concluso

* Forma de utilizar a borda arredondada com o O CSS3 Generator um bom caminho para quem
cdigo padronizado do CSS3 */ ainda no sabe muito bem como lidar com as novidades
que esto sendo implementadas nos navegadores e para
Vamos ver um exemplo de cdigo para ser inserido conhecer quais navegadores suportam aquele tipo de
na sua pgina: estilo, entre outros. um sistema bem conciso e rpido
de se utilizar, sem transies de tela e coisas do tipo.
CSS O site no se prope a montar uma folha de estilos
.previewWindow{ completa para voc: sua proposta mostrar o caminho
-moz-border-radius:10px 10px 10px 10px; das pedras, coisa que ele faz muito bem.
background-color:rgba(144, 134, 98, 0.8); Existem muitos outros geradores de cdigo pela
display:table-cell; internet, mas esse foi um que me surpreendeu pela
font-size:2em; usabilidade e pela ausncia de lixo no meio do cdigo
height:250px; gerado. Ento, fica a dica para quem estiver querendo
margin:0 auto; algo para uma consulta rpida.

locaweb 65
Parceiros Locaweb_W2008 9/22/10 4:56 PM Page 66

Agncia WLD TechResult

www.agenciawld.com.br www.techresult.com.br

C10 Design e Marketing 2 Pontos

www.c10.com.br www.2pontos.com

Mondo Web Aldeia

www.mondoweb.com.br www.aldeia.biz

66 locaweb
 kwarup.com
Coisas assim no so
fceis de encontrar
Contrate um plano de hospedagem
de sites na Locaweb e ganhe a primeira
anuidade de um novo domnio.

E mais: a Locaweb oferece diversos benefcios

e servios gratuitos para tornar seu site mais
conhecido na Internet.
Confira:

Locaweb.com.br/DominioGratis

Vlido para registros de domnios solicitados no momento da contratao do plano de hospedagem.

An_Hospedagem1ano_205x275_f.indd 1 5/13/10 3:54 PM