Você está na página 1de 68

Capa:Capa Locaweb 1/10/2009 17:48 Page 2

205 X 275 novo:Layout 1 17/9/2009 15:43 Page 1


205 X 275 novo:Layout 1 17/9/2009 15:43 Page 2
Editorial_Sumario:W2008 1/10/2009 17:52 Page 4

ao leitor
De portas
escancaradas
Locaweb em Revista Edição 18
VP Comercial: Cláudio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Alexandre Porto
Coordenação Editorial: Déborah De Mari
Nada menos que 17 milhões de brasileiros devem
Editora Europa
Editor e Diretor Responsável: Aydano Roriz gastar R$ 10,5 bilhões em compras pela internet ao
Diretor Executivo: Luiz Siqueira
longo de 2009. Os dados, revelados na 20ª edição do relatório
Diretor Editorial e Jornalista Responsável:
Roberto Araújo - MTb.10.766 - araujo@europanet.com.br
WebShoppers, elaborado pela empresa de consultoria em
Editores: Paulo Basso Jr. e Sérgio Vinícius comércio eletrônico e-bit, revelam que não só o comércio eletrônico baterá seu recorde de
Revisão: Cátia de Almeida
Editor de Arte (projeto gráfico): Alexandre Dias (Nani)
vendas no País neste ano, mas também que o mercado não para de crescer. As
Colaboração: Felipe Magalhães, Luciano Delfini, oportunidades de negócios estão aí, dando sopa, e quem for mais esperto terá sucesso.
Guilherme Tsubota, Fábio Balancin e Rafael Abraham
Algumas pessoas fazem parte desse mercado há um bom tempo, enquanto outras
Publicidade São Paulo: querem entrar. Ainda mais com a proximidade das festas de fim de ano, quando as vendas
E-mail: publicidade@europanet.com.br
Diretor de Publicidade: Mauricio Dias (11) 3038-5093 disparam. Seja qual for o seu caso, a Locaweb em Revista traz uma reportagem completa
Executivos de Negócios: Alessandro Donadio, Angela para que você aproveite o sucesso do e-commerce. Para quem já tem sua loja virtual, há
Taddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier e
Rodrigo Sacomani. exemplos de ferramentas que podem tornar o trabalho mais simples, eficiente e lucrativo.
Executivos de Contas: Leandro Blotta, Marcos Roberto e Para quem ainda não tem, basta seguir os passos básicos indicados por especialistas do
Renata Naomi
Criação Publicitária: Rodrigo Barros e João Paulo Gomes setor para não ficar de fora e aproveitar o momento.
(11) 3038-5103 - Tráfego: Renato Peron (11) 3038-5097 Fora isso, a edição deste mês traz um “abc” do cloud computing, fenômeno tecnológico
Circulação e Promoção - Gerente: João Alexandre
Desenvolvimento de Pessoal: que promete mudar sua vida e de sua empresa. Quando? Mais cedo do que você imagina,
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki pois a tecnologia já vem sendo emplacada pelas grandes empresas do setor, como a
Locaweb em Revista é uma publicação da Editora Europa Locaweb. Como? O repórter Sérgio Vinícius vai a fundo e traz exemplos práticos de
Ltda. e do departamento de comunicação e marketing da aplicação da computação em nuvem.
Locaweb Serviços de Internet. A Editora Europa não se
responsabiliza pelo conteúdo dos anúncios de terceiros. Como se não bastasse, nas próximas páginas você verá novidades da disputa entre
Distribuidor Exclusivo para o Brasil: Microsoft e Google, além de técnicas de design interativo, como desenvolver aplicativos
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, para o iPhone e tudo sobre o HTML 5, que terá sua versão lançada apenas em 2012, mas
907 - CEP 20563-900 - Grajaú - RJ
teve seus princípios básicos desvendados pela equipe de Locaweb em Revista. Boa leitura.
Impressão: Prol Editora Gráfica
Somos Filiados à ANER - Associação
Nacional dos Editores de Revistas Claudio Gora
editor@locawebemrevista.com.br

O que tem nesta edição...


* Entrevista: Max Petrucci ......................06
* E-mails...................................................08
* Notícias .................................................10
* KeepItSimple: Outsourcing ..................18
* Portfólio ................................................20
* Opera Unite ..........................................22
* Crimes eletrônicos ...............................24
• Capa 28 • Microsoft X Google 38 * Vendas online.......................................28
* Microsoft x Google ..............................38
* Design interativo ..................................42
* Artigo: René de Paula Jr.......................45
* ABC do Cloud Computing....................46
* Artigo: Marcelo Trípoli.........................50
* Case: Mohave .......................................52
* Games para iPhone..............................54
* HTML 5..................................................62
• Design interativo 42 • Cloud Computing 46
* Locavip ..................................................66

4 locaweb
Entrevista:W2008 1/10/2009 17:53 Page 6

Entrevista

Fazemos só o que é
digital, da forma mais
integrada possível
Max Petrucci, CEO e fundador da agência Garage, fala sobre a agência
paulistana que revive o espírito de garagem do Vale do Silício
Por Rafael Abraham

idadão do mundo, Max

C Petrucci nasceu na Argentina,


onde viveu até os 9 anos,
quando seguiu com a família para a
Itália. Um ano depois, desembarcou
no Rio de Janeiro antes de mudar-se
para São Paulo, onde se formou em
administração pela Fundação
Getúlio Vargas. A partir daí, Petrucci
iniciou uma carreira de sucesso em
agências digitais. Ficou cinco anos
na Microsoft e foi responsável pelo
lançamento do MSN e Hotmail no
Brasil e, mais tarde, em outros
países. Lá fora, conheceu agências
interativas muito bacanas. Quando Equipe da Garage \\ Com profissionais de interação, mídia, conteúdo, direção de arte,
voltou ao Brasil, montou a Garage, atendimento e planejamento, agência é liderada por Max Petrucci (o quinto da esq. para a dir.)
que já fez trabalhos para empresas
como Honda, Skol, Antártica e grande grupo muito cedo e o agências especialistas para cada parte
Mizuno e se tornou um culto ao negócio acabou crescendo de forma (online, offline, ATL, BTL) e há quem
empreender no mundo da muito rápida. Mais tarde, a prefira ter uma agência única.
tecnologia. A seguir, veja o que sociedade não deu certo, mas não foi Acreditamos que a integração é
Petrucci tem a dizer: algo ruim: o Google, por exemplo, necessária e será cada vez maior.
cresceu muito e ainda tem um Mas nos focamos só no digital para
Locaweb em Revista:: Por que a tremendo espírito de garagem. O fazê-lo muito bem. É o que chamamos
agência se chama Garage? principal é não perder esse espírito. de full interactive: fazemos só o que é
Max Petrucci:: O nome é uma digital, da forma mais integrada
homenagem a todas as empresas que LR:: Que tipos de trabalhos digitais possível. Pensamos de forma interativa,
foram fundadas em uma garagem. são feitos na empresa? não apenas digital. A interação é a
MP:: Fazemos tudo o que é digital e ao consequência, o digital a ferramenta.
LR:: Então começou na sua garagem? mesmo tempo só o que é digital. É uma O que importa é fazer um bom trabalho,
MP:: Sim. Só partimos para um questão de foco. Em publicidade, existe que ajude cada vez mais a web a
galpão quando tínhamos quatro hoje um grande dilema: a comunicação ganhar o espaço que merece, que ajude
pessoas. Nos associamos a um integrada. Há clientes que escolhem os clientes a aproveitar o seu potencial.

6 locaweb
Entrevista:W2008 16/9/2009 19:54 Page 7

Entrevista

LR:: Quais as especialidades da Jobs \\ Entre os trabalhos da


Garage, destacam-se o portal
agência Garage? do evento Skol Sensation
MP:: Conquistamos o espaço no (www.skolsensation.com.br)
mercado por ter uma visão de marca e e o da versão esportiva
do New Honda Civic Si
negócio consistente no mundo digital. (www.newcivicsi.com.br)
Nosso ponto forte é ajudar o cliente a
ter uma visão abrangente do mundo
digital, de tudo o que é possível fazer
para melhorar a marca e o negócio.
Existimos para aproximar as pessoas
das marcas.

LR:: Quais os maiores erros


cometidos pelas empresas ao
gerenciarem suas marcas online?
MP:: É justamente não perceber essa
oportunidade, esse potencial da web. Já
melhorou muito de dois, três anos para
cá. Mas é só a ponta do iceberg.

LR:: Como funciona o processo


criativo da agência?
MP:: Criação é como futebol: todo
mundo acha que entende. Por isso é
muito fácil criticar, de longe. Mas aqui,
há interação. Em uma garagem não
existe espaço para burocracia ou
política. Todo mundo é incentivado a
dar palpite no sentido da crítica Estamos sempre procurando as
construtiva, seja criação ou * O Google, por exemplo, melhores pessoas do mercado,
planejamento. Em uma garagem, cresceu muito e ainda tem tanto na área de programação
não faz sentido as pessoas não um tremendo espírito de quanto em criação, atendimento e
interagirem. Entre os setores não há por aí vai. É indiscutível, porém,
portas ou barreiras. Não há salas aqui.
garagem. O principal é que há um grande problema de
não perder esse espírito mão de obra neste segmento:
LR:: Qual é a maior dificuldade em se todo mundo é muito inexperiente e,
fundar uma agência? de não fazer somente aquilo que o ao mesmo tempo, muito procurado.
MP:: Várias. A dificuldade da start-up é mercado está acostumado a fazer, Mesmo porque existe uma grande
romântica, mas começar uma empresa que o cliente compra mais fácil. movimentação e uma ilusão de
do zero é um parto. Quando desfizemos Ele tem reconhecimento não só aqui crescimento profissional.
aquela sociedade em 2007, foi um dentro, mas em eventos como
período difícil, bem como a crise recente. Cannes, Abanet e Proxxima. LR:: Em que projeto a Garage está
Mas tudo faz parte. Não conheço uma mais focada no momento?
grande empresa que não tenha passado LR:: Você encontra muitas MP:: Na reconstrução do site e de
por uma grande dificuldade. dificuldades na hora de contratar toda plataforma Skol Beats. O grande
pessoal qualificado? foco da agência agora é interação e
LR:: Qual trabalho até aqui os MP:: Sim. O mercado é muito utilidade. Nesse caso, trata-se de um
deixaram mais orgulhosos? dinâmico e diversificado. Temos um portal da balada, então temos que
MP:: O do Skol Beats. É o que tem time de especialistas que sempre nos fornecer cada vez mais serviço/
mais tempo de casa, é o que deu acompanha, o time da casa. E temos utilidade para quem usa o portal
muito certo em vários sentidos e também as pessoas que contribuem para resolver sua vida noturna
expressa muito bem a nossa filosofia com certos trabalhos, os freelancers. com qualidade.

locaweb 7
Emails:W2008 1/10/2009 17:54 Page 8

e-mails //Envie seu e-mail


Se você tem alguma dúvida, sugestão ou
crítica, entre em contato com nossa redação
pelo e-mail locaweb@europanet.com.br.

Cache com o seguinte código em permite referenciar a janela quais imagens são links,
no Flash seu quadro inicial: que abriu a atual. Você pode mas praticamente nenhum
Existe um problema que LoadMovieNum usá-la para construir uma designer usa esse recurso.
enfrento com uma certa ("principal.swf", 0) função que está precisando. Para retirá-la, adicione
frequência nas minhas Veja um exemplo: atributo BORDER="0" na
páginas com animações function atualiza(){ sua tag IMG. Mesmo assim
em Flash: quando faço Interação self.close(); os internautas conseguirão
alguma modificação no com pop-up window.opener. identificar as figuras com
filme, ela não aparece para Tenho uma página que location.reload(); link, já que o cursor do
os visitantes que já contém um link para abrir window.opener.focus();} mouse irá mudar a sua
entraram no site antes. um formulário em uma aparência quando passar
Acho que isso acontece janela pop-up. Minha por cima delas.
porque o arquivo anterior dúvida é: como fazer para Imagens
fica armazenado no cache. que, assim que o visitante com links
Existe alguma maneira de preencher o cadastro Todas as vezes que crio ASP no
resolver esse problema? exibido na tela e enviá-lo, uma imagem com link nas EasyPHP
Luis Machado - Por e-mail ele feche a janela que minhas páginas, aparece Instalei o EasyPHP em meu
originou pop-up e o um linha azul em volta micro e uso como OS o
Um jeito de resolver é sistema seja atualizado dela. Existe alguma Windows XP. O PHP e o
incluir na página não automaticamente? maneira de retirar essa MySQL funcionam
o filme principal, mas um Luciano Moraes borda? Qual é o comando perfeitamente. Neste
que sirva só para carregá-lo. Por e-mail que eu preciso usar? cenário, gostaria de saber
Por exemplo, em vez Marco Aurélio - Por e-mail se existe a possibilidade de
de incluir o arquivo A propriedade do fazer funcionar um
principal.swf, use um objeto Window do Essa borda serve para servidor ASP no EasyPHP.
arquivo chamado vazio.swf, JavaScript, chamada opener, indicar aos usuários Gilberto - Por e-mail

A principio, o
servidor Apache
instalado com o EasyPHP
não serve para executar
páginas ASP. Você pode
tentar o Apache::ASP
(www.apache-asp.org), por
exemplo, mas esse sistema
só suporta programação
em Perl, o que dificulta o
processo para quem não
conhece a linguagem. O
melhor é usar o servidor IIS
(Internet Information
Server) para testar suas
páginas ASP. Caso você use
a versão profissional do XP
basta, instalar e iniciar esse
componente por meio do
ASP no EasyPHP \\ Caso você domine a linguagem Perl, experimente o Apache::ASP (www.apache-asp.org) painel de controle do
para rodar um servidor ASP no EasyPHP. Outra opção é o usar o servidor IIS para testar suas páginas ASP sistema operacional.

8 locaweb
Noticias_Parte1:W2008 1/10/2009 17:59 Page 10

notícias
blog.locaweb.com.br
Confira as novidades da maior empresa de hospedagem de sites do Brasil

Novo data center


entra em operação
Parque com 55 mil m2 localizado na Zona Sul de São Paulo deve
abrigar até 25 mil servidores nos próximos cinco anos
Com o objetivo de 25 mil servidores dentro de Tecnologia de ponta \\
suportar a crescente cinco anos. A expectativa é de que, até
o fim do projeto, o novo
demanda dos clientes, A nova estrutura permitirá Data Center consuma
a Locaweb ampliou a sua que a Locaweb ofereça 20 megawatts de energia
infraestrutura ao inaugurar o redundância de data center e para processamento, o que
o posicionará como o maior
primeiro módulo de seu novo de links de internet, assim do Brasil nesse quesito
Data Center. Localizado na como capacidade adicional
Zona Sul de São Paulo, em um para abrigar servidores de alta suportava até
terreno com nada menos que performance. Isso tudo sem 3,2 mil servidores.
2
55 mil m , o módulo tem falar em estrutura dupla de A ampliação feita
capacidade para suportar o energia e ar-condicionado em apenas com esse primeiro políticas ambientais definidas;
funcionamento de mil toda a instalação. módulo já nos trouxe ganho até o uso de componentes
servidores. Detalhe: o projeto “Antes de iniciarmos o significativo, suficiente para que consomem menos água e
completo prevê abrigar até projeto, nosso Data Center atendermos às crescentes diminuem a emissão de
demandas de nossos clientes”, poluentes”, diz o executivo.
explica Alexandre Glikas, Segundo a Locaweb, o
diretor comercial da Locaweb. primeiro módulo tem
capacidade de um megawatt
Ambiente verde de potência instalada, o
Outro ponto importante do suficiente para comportar
projeto refere-se à 36 racks de 15 kilowatts cada.
preocupação na construção A expectativa é de que, ao
de um ambiente sustentável. término do projeto, o novo
“Esse cuidado englobou desde Data Center consuma
a escolha dos equipamentos, 20 megawatts de energia para
que têm a melhor eficiência processamento. Esse número
energética do mercado e dos é tão significativo que
parceiros e fornecedores, posicionará o parque como o
todos certificados e com maior do Brasil nesse quesito.

10 locaweb
Noticias_Parte1:W2008 1/10/2009 17:59 Page 11

www.locaweb.com.br/outsourcing
LOCAWEB INVESTE R$ 35 MILHÕES Nova unidade de negócios
EM QUALIDADE DE SERVIÇOS
dedicada ao atendimento
Para atingir a excelência na prestação de serviços e
aumentar a eficiência da equipe de atendimento, a
de projetos especiais
Locaweb tem feito grandes investimentos que totalizarão
o montante de R$ 35 milhões até o final de 2009.
As iniciativas já realizadas pela empresa são:

• Inauguração do primeiro módulo do novo Data Center,


que terá capacidade para abrigar até 25 mil servidores
quando o projeto for concluído.

• Contratação de 179 novos colaboradores, dos quais


114 foram destinados aos times de suporte ao cliente,
além de cinco experientes programadores que vieram
da Caelum (www.caelum.com.br).

• Consultorias de capacitação com renomados Outsourcing \\ A nova divisão gerencia operações de TI com
profissionais e empresas: MartinCagan (Gestão altíssima disponibilidade e customizadas para grandes empresas
e desenvolvimento de produtos), Kyrie Robinson (User ntre os novos projetos da Locaweb, destaca-se o lançamento da
Experience Design), Martina Lauchengco (Marketing) e a E unidade de Outsourcing, destinada a projetos de grandes
corporações. “Alguns de nossos clientes solicitam soluções
empresa ThoughtWorks (Desenvolvimento de software).
personalizadas em gerenciamento de ambientes de TI que exigem
• Lançamento da nova unidade de Outsourcing, destinada altíssima disponibilidade, link de comunicação privado com
a projetos de grandes corporações. segurança e redundância de operações em data centers replicados
para garantir acesso e estabilidade”, afirma o diretor comercial da
Locaweb, Alexandre Glikas. “Nossos serviços de Outsourcing vêm ao
Essas são algumas das iniciativas que reafirmam o
encontro dessa demanda, oferecendo qualidade, tecnologia de ponta
compromisso e a transparência da equipe da Locaweb e atendimento exclusivo, com flexibilidade na definição prévia de
em busca da melhoria contínua de seus processos, com o prazos de resposta ao cliente, de acordo com a criticidade e
intuito de proporcionar aos seus clientes os melhores complexidade de cada caso”, completa o executivo.
serviços de internet e Data Center. Recentemente, a Locaweb recebeu as premiações de Melhor
Data Center pela InfoExame, e ficou em primeiro lugar na categoria
Hosting Infrastructure Services no ranking do IDC. Tudo isso é fruto
do trabalho de uma equipe altamente especializada para desenhar
projetos únicos e prover soluções para as necessidades específicas
de grandes empresas.
São profissionais certificados
e focados em manter as operações * Nossos
de forma ininterrupta e com serviços de
disponibilidade de até 99,99%, Outsourcing
atuando em diversas camadas do
gerenciamento de infraestrutura e de oferecem
aplicações. Entre os cenários qualidade,
abrangidos estão: Site Backup com
múltiplas redundâncias, inclusive tecnologia
físicas; Disaster Recovery Site e de ponta e
Disaster Recovery Plan; gestão de
bancos de dados e aplicações de
atendimento
missão crítica; redes privativas de exclusivo
comunicação; e gestão de ambientes Alexandre Glikas,
Excelência \\ A empresa ThoughtWorks, especializada em desenvolvimento privados de Cloud Computing diretor comercial
(“Private Cloud”). da Locaweb
de software, é uma das consultorias contratadas pela Locaweb

locaweb 11
Noticias_Parte2e3_WishList:W2008 16/9/2009 18:44 Page 12

Wishlist

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

Pendrive de 32 GB
O novo pendrive MicroVault Click, da Sony, é
praticamente um HD externo. Tem 32 GB e
atende aos anseios de quem precisa
transferir vídeos, imagens em alta e
documentos pesados com rapidez e
praticidade. Com design elegante e LEDs
indicadores de funcionamento, o produto tem
preço sugerido de US$ 52 e faz parte da
famosa linha da marca de pendrives USB,
que reúne modelos de 4 GB, 8 GB e 16 GB.
Mais informações: www.sony.com.br

Smartphone da LG
Com tela touch screen de 3 polegadas, o novo smartphone da LG GW620 tem teclado que
desliza e abriga o sistema operacional Windows Mobile, cujas soluções são adequadas
para quem precisa acessar clientes de e-mail, navegar na internet e armazenar arquivos
como fotos, vídeos, músicas e documentos de texto. Com previsão de lançamento na
Europa para o fim do ano, ainda não tem preço estipulado.
Mais informações: www.lg.com

12 locaweb
Noticias_Parte2e3_WishList:W2008 1/10/2009 19:38 Page 13

Wishlist

Roteador
WRT160N
O novo roteador WRT160N da Cisco foi
elaborado para oferecer melhor velocidade,
controle de banda e tecnologia com foco
nos usuários residenciais, que precisam de
uma cobertura ampla de sinal Wi-Fi para
transferir e imprimir arquivos e distribuir o sinal
da internet sem a necessidade de fios. O produto
embarca na tecnologia de redes sem fio Wireless-N,
cuja velocidade pode chegar a 270 Mbps, com
alcance até quatro vezes maior que o da tecnologia G.
O roteador tem preço sugerido de R$ 449.
Mais informações: www.cisco.com

TV digital no notebook
Dois novos dispositivos USB lançados pela Elgin permitem que
você transforme facilmente seu notebook em uma TV digital
portátil. O modelo TV FS-01 é capaz de captar os sinais HD
(1080i) e o TV HF-01, que, além de sintonizar o sinal HD,
também conta com sintonizador de rádio FM. Ambos os modelos
trazem um software que permite pausar, retroceder e gravar a
programação da TV em tempo real. Os sintonizadores já estão
disponíveis e podem ser encontrados em lojas especializadas por
R$ 200 (TV FS-01) e R$ 300 (TV HF-01).
Mais informações: www.elgin.com.br

Impressora fotográfica
A impressora fotográfica compacta Canon SELPHY CP780 foi
desenvolvida para ser fácil de usar e de carregar. Equipada com tela de
LCD de 2,5 polegadas, que torna a navegação mais simples, produz
imagens com qualidade superior à de outros modelos semelhantes
graças à função Otimização de Retratos. Com lançamento na América
Latina previsto para o fim de outubro, a impressora tem preço sugerido
de US$ 99 nos EUA.
Mais informações: www.canon.com.br

locaweb 13
Noticias_Parte2e3_WishList:W2008 16/9/2009 18:44 Page 14

Wishlist

Áudio sem fios


A empresa norte-americana Bose lançou uma
novidade para quem curte ouvir som pelo PC.
Trata-se do SoundLink: um sistema capaz de
reproduzir o áudio do computador por meio de
uma interface wireless. O dispositivo
acompanha um adaptador sem fio USB que
deve ser conectado ao computador para a
funcionalidade, dispensando a necessidade de
uma conexão Wi-Fi. O sistema é
comercializado lá fora por US$ 550.
Mais informações: www.bose.com

Dockstation Hi-fi
Produzido pela HomeAudio, o iP1 é um dockstation para iPod
dotado de uma tecnologia muito especial: a Bongiovi Acoustic Blu-ray baratinho
DPS. O recurso, que foi projetado por grandes produtoras A empresa norte-americana Memorex é a responsável pela produção de um
musicais, analisa e corrige todas as falhas de frequências dos Blu-ray players mais em conta no momento: o MVBD2510, que custa
encontradas no áudio reproduzido, fazendo com que a música soe menos de US$ 200. Apesar de oferecer apenas as funções básicas, o player
exatamente como o artista gravou. Com potência total de 100 traz os decodificadores de áudio de alta definição Dolby TrueHD e DTS HD, o
watts RMS, o iP1 é compatível com todas as versões do iPod e que o torna ideal para você dar os primeiros passos no mundo da alta
conta com saída de vídeo para a reprodução de filmes definição. Em lojas online, como a www.amazon.com, é possível encontrar
armazenados no aparelho. O iP1 pode ser adquirido por US$ 300. o modelo por até US$ 180.
Mais informações: www.ihomeaudio.com/iP1 Mais informações: www.memorex.us

14 locaweb
205 X 275 novo:Layout 1 16/9/2009 17:53 Page 1
Noticias_Parte 4_Circuito_Twittosfera:W2008 1/10/2009 18:01 Page 16

//EVENTOS
E CURSOS
Futurecom 2009
O Futurecom é um evento de
Notícias/Circuito Telecom e TI que proporciona às
empresas e aos profissionais um

Sua leitura
ambiente adequado para o
desenvolvimento de negócios,
conhecimento e relacionamento.
As apresentações do seminário
serão realizadas em sete

sobre internet
auditórios e divididas em três
sessões: Empresariais Premium,
com tendências, visão e
estratégias; Marketing and
Business, com aplicações,
serviços e negócios; e
Confira dicas interessantes de livros que tratam de temas Tecnologia. De 13 a 16 de
ligados ao mundo da tecnologia da informação outubro em São Paulo, no
Transamérica Expo Center. Mais
em www.futurecom2009.com.br.
jQuery: A Bíblia do
Programador Encontro de Webdesign
JavaScript O Encontro de Webdesign,
Maurício Samy Silva relata pioneiro na área e referência
scripts JQuery de emprego nacional, encerra sua 14ª edição,
real, todos comentados e apresentada em diversas capitais
disponíveis para download, e do Brasil, em Recife, no dia
mostra um estudo da sintaxe 14 de novembro. O evento, que
e o emprego dos seletores e será realizado no Recife Hotel
comandos da ferramenta. Palace, costuma reunir
Preço: R$ 54,90 profissionais com o objetivo de
Editora: Novatec trocar informações sobre o
Inf.: www.novatec.com.br potencial da internet e a
importância do design e da
tecnologia neste meio. Mais
Redes Sociais informações podem ser vistas no
De Rob Cross e Robert J. site www.edted.com.br.
Thomas, a obra revela aos
empresários e executivos 1ª Conferência Web
O poder do Twitter como obter excelência em W3C Brasil
Joel Comm e Ken Burge abordam como os inovação e atingir os O evento, que será realizado em
profissionais dos mais variados segmentos resultados com mais São Paulo, dia 23 de novembro,
podem incorporar o microblog Twitter em facilidade por meio do uso promoverá debates sobre a
seus negócios, para implementar as inteligente das redes sociais evolução da web, a padronização
ferramentas de marketing digital e gerar nos seus negócios. de suas tecnologias e seu
crescimento de receitas. Preço: R$ 64,90 impacto na sociedade e na
Preço: R$ 59,90 Editora: Gente cultura. Informações no endereço
Editora: Gente Informações: http://conferenciaweb.w3c.br.
Informações: www.editoragente.com.br www.editoragente.com.br

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MÊS


O ambiente online é
bastante propício
para videoaulas, já
que permite ao
aluno acompanhar
as lições quando
e onde quiser.
A cada edição
da Locaweb em
Revista, você vê
o melhor em Curso de HTML InterNey.net
Duração: 7 minutos e 40 segundos As ótimas dicas para criação de blogs permitiram a
cursos disponíveis Preço: gratuito Edney Souza largar o emprego e viver de seu próprio blog.
na internet URL: www.youtube.com/watch?v=RKMCc-64SjA URL: www.interney.net

16 locaweb
Noticias_Parte 4_Circuito_Twittosfera:W2008 1/10/2009 18:01 Page 17

Notícias/Twitter

TWITTOSFERA
Endereços de profissionais web que fazem a diferenca na Twittosfera
@radiosite @arthurcesar @Ana Erthal
Editora do radiodelicatessen, diretora do Publicitário
Nossoestúdio, consultora em planejamento ---------------------------------------------------
estratégico de Mkt e comunicação web @elinekullock
--------------------------------------------------- Fundadora da Foco RH e especialista em geração Y
@herdeirodocaos ---------------------------------------------------
Jornalista e blogueiro @luizyassuda
--------------------------------------------------- Publicitário e blogueiro
@trasel ---------------------------------------------------
Jornalista, professor da Famecos/PUCRS e editor @hugobarauna
de blogs variados
---------------------------------------------------
@baunilha Arquiteta de informação, escreve em
www.anaerthal.com.br
---------------------------------------------------
@meninaquejoga
Blogueira e jornalista, escreve em
www.meninaquejoga.com
---------------------------------------------------
@gustavoloureiro

Programador http://plataformatec.com.br
---------------------------------------------------
@mawa
Blogueira, escreve no http://smellycat.com.br Social Media da agência Sinc e fotógrafa
--------------------------------------------------- ---------------------------------------------------
@ag2 @fabiokung
Agência webnative AG2 Software Architect
--------------------------------------------------- ---------------------------------------------------
@gfortes @tapajos
Fundador da Agência Espalhe Software Developer
--------------------------------------------------- --------------------------------------------------- Um dos autores do e-book Web Analytics - Uma
@garotageek @pedrocardoso Visão Brasileria I e II
Jornalista e webwriter http://receitadosucesso.com ---------------------------------------------------
--------------------------------------------------- @janaludicices
@cavallini Ilustradora
Blogueiro, escreve no wishlist ---------------------------------------------------
--------------------------------------------------- @letsvamos
@webpaulo

Blogueira
---------------------------------------------------
@simviral
Escreve no blog www.simviral.com
---------------------------------------------------
@rodrigoprior Blogueiro, escreve no Lets Vamos
Blogueiro, escreve no blog Professor de novas mídias, escreve no blog (www.letsvamos.com)
www.pvision.com.br/blog www.marketingdebusca.com.br ---------------------------------------------------
--------------------------------------------------- --------------------------------------------------- @chmkt
@charlescade @fugita Carlos H. Vilela escreve no blog
Jornalista e consultor de comunicação Blogueiro, escreve em http://techbits.com.br http://www.chmkt.com.br

locaweb 17
Keep it Simple:W2008 1/10/2009 18:04 Page 18

keepitsimple
Nova unidade de negócios
dedicada ao atendimento de
projetos de TI deve atrair
empresas de grande porte

ESTE MÊS
Serviço: Outsourcing
Site: www.locaweb.com.br/outsourcing

Outsourcing disponibilidade, link de comunicação


privado com segurança e

Locaweb redundância de operações em data


centers replicados, para garantir
acesso e estabilidade”, diz Alexandre
Glikas, diretor comercial da Locaweb.
Projetos desenhados sob medida para empresas “Nossos serviços de Outsourcing
vêm ao encontro dessa demanda,
que necessitam de soluções customizadas oferecendo qualidade, tecnologia de
ponta e atendimento exclusivo, com
Por Sérgio Vinícius atendimento de projetos especiais flexibilidade na definição prévia de
de tecnologia da informação atraia prazos de resposta ao cliente, de
empresas de grande porte. “Alguns acordo com a criticidade e
m dos mais novos serviços clientes solicitam soluções complexidade de cada caso”.

U oferecidos pela Locaweb é o


Outsourcing. Trata-se de um
produto corporativo, voltado a
personalizadas de gerenciamento
de ambientes de TI que exigem
Para iniciar operações Outsourcing,
a Locaweb reuniu uma equipe
especializada para desenhar projetos
empresas que necessitam de um
* Com alto nível de únicos e prover soluções para
parceiro para gerenciar seus customização de projetos necessidades específicas de grandes
projetos de TI. empresas. Tratam-se de profissionais
Com alto nível de customização voltados para grandes certificados e focados em manter as
de projetos para grandes corporações, a nova operações de forma ininterrupta e
corporações, a nova divisão gerencia divisão gerencia com disponibilidade de até 99,99%,
operações de TI com altíssima atuando em diversas camadas do
disponibilidade. A ideia é que a nova operações de TI com gerenciamento de infraestrutura e
unidade de negócios dedicada ao altíssima disponibilidade de aplicações.

18 locaweb
Keep it Simple:W2008 1/10/2009 18:04 Page 19

Keep it Simple

* Com os serviços de Outsourcing da Locaweb, os clientes passam a contar com


soluções exclusivas, desenhadas com tecnologias de múltiplos fornecedores, com
custos reduzidos e garantia de qualidade da performance em processos de negócios
Ciente de que há uma grande Exclusividade e qualidade profissionais da empresa para o
lacuna no mercado relacionada a Glikas explica que, ao optarem pelos desenvolvimento do processo.
serviços customizados em TI, a serviços de Outsourcing da Locaweb, Na página www.locaweb.com.br/
Locaweb foca a nova divisão em os clientes passam a contar com outsourcing, é possível entrar em
diversos cenários distintos. Entre soluções exclusivas, desenhadas com contato com especialistas e tirar todas
eles destacam-se: tecnologias de múltiplos fornecedores, as suas dúvidas.
com custos reduzidos e garantia de No modelo de serviços adotado
Backup com múltiplas qualidade e elevação da performance pela Locaweb, o programa oferece
1 redundâncias, inclusive físicas; em processos de negócios.
“Dispomos de uma infraestrutura
projetos exclusivos, desenhados com
tecnologia de ponta e soluções
Disaster Recovery Site (DRS) e para crescer sob demanda, com muita multifornecedor. O objetivo é atender
2 Disaster Recovery Plan (DRP); agilidade e sem complicações. Além
disso, a empresa tem dois modernos
a necessidades técnicas ou de regras
de negócios.
Gestão de bancos de dados, Data Centers próprios no Brasil, que Fora isso, é muito importante
3 web servers, application
servers, aplicações de missão crítica
adotam práticas sustentáveis de TI
Verde e oferecem alta segurança física
salientar que o Outsourcing
permite à empresa otimizar
e em Fail Over; e lógica garantida por um processo investimentos em ativos fixos e em
formal de gestão de mudança”, despesas com manutenção e
Soluções em Private Cloud e completa o executivo. gerenciamento de serviços.
4 link dedicado para redes
privativas de comunicação; Contato e
Por meio de uma solução
personalizada, é possível diminuir
desenvolvimento consideravelmente custos com
Infraestrutura, conectividade e Como o serviço de Outsourcing da garantia de qualidade, desempenho
5 segurança para operações
robustas de e-commerce.
Locaweb é realizado sob medida, é
necessário um contato direto com os
e disponibilidade de até 99,99% para
aplicações das empresas.

Ao lado \\ Para iniciar operações Outsourcing,


a Locaweb reuniu uma equipe especializada para
desenhar projetos únicos e prover soluções para
necessidades específicas de grandes empresas

Abaixo \\ Há um endereço eletrônico no qual


os usuários podem entrar em contato com
especialistas da empresa e tirar todas as dúvidas
a respeito do serviço

locaweb 19
Portfólio:W2008 16/9/2009 18:53 Page 20

portfólio
Todo mês, o trabalho de alguns parceiros da Locaweb que chamam a
atenção na rede mundial e acumulam prêmios de desenvolvimento

Urbanias
Com o intuito de unir os
mundos virtual e real, o
Urbanias é um portal de
cidade e cidadania que traz
diversas informações e
ferramentas com o intuito
de facilitar e estimular o
empreendedorismo
individual, e a melhoria de
todos os aspectos
relacionados à
qualidade de vida na
cidade: rotinas dos
moradores, trânsito,
problemas nos bairros,
meio ambiente e vida
política, entre outros.
www.urbanias.com.br

Camiseteria
Última palavra em rede
social fashion, a
Camiseteria é um
serviço que trabalha
com venda de camisetas
com estampas
elaboradas pelos
usuários, seguindo o
conceito colaborativo
para definição dos
melhores desenhos.
Qualquer um pode
entrar no site, votar nas
estampas e deixar
comentários, o que
torna o produto final
mais personificado e
muito divertido.
www.camiseteria.com.br

20 locaweb
205 X 275 novo:Layout 1 16/9/2009 16:32 Page 1
Review Opera:W2008 1/10/2009 18:06 Page 22

review Ficha Técnica


Nome e versão: Opera Unite
Desenvolvedor: Opera Software
Licença: Freeware
Tamanho: 7,3 MB

Opera Unite, o
navegador servidor
A nova versão do browser mais versátil da web tem uma série de ferramentas
que transformam o computador em um servidor para troca de arquivos
Por Sérgio Vinícius Entretanto, antes de // INOVADOR mundo – desde que a
chegar a esse ponto, o Desde o lançamento, em máquina tenha uma
1997, o navegador Opera
browser galgou degrau a se notabilizou por inovar.
conexão à web e um
Opera (www.opera.com.br) é degrau essa intimidade. Opera instalado.

O
Foi o primeiro navegador
visto por muitos como “o Aos poucos, recebeu popular a usar abas. Ele Com tanta intimidade
melhor navegador web que recursos como também implementou, com a grande rede, o
ninguém usa”. Versátil, o browser gerenciador de e-mail, antes dos principais próximo passo natural
concorrentes, bloqueador
desenvolvido pela Opera Software é um suporte a torrent e de pop-ups e sistema de
seria o Unite. Natural, mas
verdadeiro canivete suíço no quesito buscador web integrado auto completar os também inimaginável.
interface com a internet. Além de exibir à barra de tarefas. Depois endereço web. Entre outras Afinal, quem em sã
sites, o programa tem gerenciador de dessas aplicações, que o inovações do Opera, das consciência criaria um
e-mails, leitor de RSS, gerenciador de tornaram finalmente um quais ele foi notadamente navegador que, com
o pioneiro, destacam-se
downloads e suporte a torrent. navegador robusto, em características de mouse
poucos cliques, tornasse
Em sua nova versão, a 10, o Opera sua versão 7, o browser gestures, que o usuário, o PC do usuário um
pode ser integrado à plataforma Unite, passou a angariar as por meio de movimentos servidor que pudesse até
que permite transformar o computador chamadas “web services”. do mouse, consegue mesmo rodar aplicações
do usuário em um servidor (download A comunidade Opera, navegar nas páginas web e hospedar sites?
facilmente, como
do Opera Unite em http://labs.opera. criada e mantida pela avançar ou retroceder
Somente a Opera mesmo.
com/downloads). Via assistentes, dá Opera Software, garante sites. Gerenciador de Ao menos até agora, já
para compartilhar imagens, arquivos que usuários troquem downloads, suporte a que o próximo passo da
multimídia e criar salas de bate-papo informações, criem blogs transferências de arquivos concorrência será copiar
com a facilidade de dois cliques. e posts, debatam do tipo torrents e zoom as novidades e, por serem
facilitado das páginas
assuntos em fóruns. Nas também fazem parte das
populares, imortalizá-las.
Integração páginas pessoais da características que o Opera Para usar o Opera
com Web Services comunidade, dá para ajudou a popularizar. O Unite é necessário, em
Pode parecer redundante dizer que gravar informações grande problema do primeiro lugar, realizar o
um navegador tem grande interação vindas do browser. Ao navegador, por outro lado, download no site. Como
foi a incompatibilidade
com a web. Mas, no caso de browsers, “sincronizar” o com páginas eletrônicas.
ainda está em suas
uns têm mais “familiaridade” com o navegador com o Ainda hoje, embora já seja primeiras versões, o
universo online enquanto outros, servidor online Opera, palatável para 99% dos programa ainda conta
basicamente, “mostram páginas” e são registrados itens sites (de acordo com seus com alguns bugs. A
nada mais – como é o caso do Google como os favoritos do desenvolvedores), o versão em português, por
estigma de “navegador
Chrome. O Opera sempre foi além usuário, que podem ser incompatível” ainda
exemplo, teima em não
disso e agora, com o Unite, chegou ao recuperados de qualquer o acompanha e o apresentar todos os
ponto de se tornar um servidor web. outro PC ao redor do torna impopular. menus do navegador.

22 locaweb
Review Opera:W2008 1/10/2009 18:06 Page 23

Review Opera

A Interface

Integração \\ O web server fica devidamente adicionado à barra de painéis, à esquerda do


navegador. É necessário baixar e instalar os serviços desejados para que o Unite realize as tarefas

Quem recebe o link pode acessá-lo Stream media - Recurso que roda
Relevando pequenos problemas de de qualquer browser, como Internet arquivos em stream de forma online,
projetos recém-lançados, o Opera Unite Explorer ou Firefox. Ao executá-lo, é diretamente de seu computador. Tem
funciona de forma simples. Com o aberta uma página com os arquivos de suporte a áudio, vídeo e outros.
navegador aberto, deve-se clicar no quem está oferecendo as músicas. É
símbolo do Unite à direita, na barra de possível baixar as músicas enquanto o Photo Sharing - Compartilha fotos
painéis. Ao fazer isso, o Opera abrirá a Opera do usuário do Unite estiver em sem a necessidade de upload dos
página do Unite, que mostrará os operação. Assim que ele é encerrado, arquivos. É quase o suporte a
serviços web disponíveis. Então, basta não é mais possível acessar as músicas. “Compartilhamento de pastas” do
escolher o suporte desejado – como a Abaixo, confira os serviços mais Windows, mas aplicado à internet.
transferência de fotos ou o populares oferecidos pelo Unite.
compartilhamento de arquivos Document Courier - Modo
multimídia –, instalar o aplicativo e File Sharing - Serviço de simplificado de realizar upload de
iniciá-lo a partir do próprio Opera – na compartilhamento de arquivos arquivos que estejam na máquina do
barra de painéis, dentro do item Unite. genéricos, não importando a extensão. usuário do Unite.
Com o arquivo já instalado, o
trabalho funciona de forma simples. Se Media Player - Garante que o usuário Fridge - Espécie de “post-it”
o usuário quiser, por exemplo, compartilhe suas músicas e demais incorporado ao Opera para lembretes.
compartilhar músicas, basta escolher a arquivos multimídia, como filmes, vídeos
pasta por meio do Opera Unite. O diversos e animações. Web Proxy - Garante acesso remoto a
programa realizará a tarefa e gerará um web server local.
uma URL com ou sem senha – o File Uploader - Permite que os
usuário pode escolher. Aí é só pegar o usuários que não tenham o Unite subam The Lounge - Abre uma sala para o
link e enviar para os amigos ou para arquivos diversos para o computador de usuário conversar com os amigos,
quem quiser compartilhar áudios. quem possui a plataforma. mesmo os que não usam o Opera.

locaweb 23
Segurança:W2008 16/9/2009 19:24 Page 24

segurança
Crimes eletrônicos
dividem as opiniões
Especialistas e usuários divergem sobre a O artigo atinge os usuários de redes
P2P (do inglês Peer-to-Peer), que
questão dos crimes cibernéticos, sobretudo permitem o compartilhamento de
diante de um projeto de lei elaborado para dados em larga escala, dispensando
qualquer requisito por servidores
tipificar os delitos praticados na rede gerenciados separadamente.
Já o inciso III do Artigo 22, que
Por Luciano Delfini Os pontos mais polêmicos do trata das responsabilidades do
substitutivo estão no Artigo 285-B e provedor de acesso à rede de
no Inciso III do Artigo 22. O primeiro computadores mundial, estabelece
debate sobre crimes estabelece como crime o fato de que ele, o provedor, “deve informar, de

O eletrônicos no Brasil tem


esquentado, sobretudo de
dois anos para cá, quando o Senado
“obter ou transferir, sem autorização
ou em desconformidade com
autorização do legítimo titular da
maneira sigilosa, à autoridade
competente, denúncia que tenha
recebido e que contenha indícios da
aprovou o substitutivo do senador rede de computadores, dispositivo prática de crime sujeito a acionamento
mineiro Eduardo Azeredo aos Projetos de comunicação ou sistema penal público incondicionado, cuja
de Lei 89/2003, 137/2000 e 76/2000, perpetração haja ocorrido no âmbito
“para tipificar condutas realizadas da rede de computadores sob sua
mediante uso do sistema eletrônico, * Para Carlos Seabra, responsabilidade”. Ou seja, os
digital ou similares, de rede de editor da Fundação Padre provedores passam a vigiar os
computadores, ou que sejam Anchieta, o projeto que usuários da web, sendo obrigados a
praticadas contra dispositivos de repassar para a polícia os nomes de
passou a ser chamado de
comunicação ou sistemas suspeitos que usam a rede P2P para
informatizados e similares, e dá outras “Lei Azeredo” pretende baixar conteúdos “protegidos por
providências” (www.senado.gov.br/ criar controles na internet expressa restrição de acesso”.
comunica/agencia/pags/01.html). O editor Carlos Seabra, da
que não existem para as
O substitutivo ainda precisa ser Fundação Padre Anchieta, pondera
votado na Câmara dos Deputados, o que demais áreas da vida e do que é fora da realidade imaginar que
pode acontecer este ano ou ser mundo em que vivemos a internet seria um terreno utópico,
engavetado para voltar à pauta do fora das leis que regem as diferentes
Legislativo sem data prevista. No País, as informatizado, protegidos por sociedades. “O preço dos produtos
opiniões se dividem. Para alguns expressa restrição de acesso, dado vendidos na web é ditado pela
estudiosos da internet, o projeto de lei ou informação neles disponível”. economia ‘normal’, assim como o
impõe uma situação de vigilância e Em outras palavras, tornam-se que é crime fora da internet é crime
enterra de vez a “liberdade” que a web criminosos perante à legislação dentro dela; até as regras que ditam
sempre ofereceu aos usuários. Outros brasileira pessoas que copiam as paixões e o sexo não são
defendem a necessidade de uma vídeos, filmes ou músicas de diferentes, pois a rede veicula e faz
regulamentação, argumentando que a plataformas como YouTube, interagir tudo o que é humano”.
ideia de que a web seria um território por exemplo, ou de um canal de Por outro lado, Carlos também
“livre” já foi superada. TV a cabo. acredita que o projeto de lei,

24 locaweb
Segurança:W2008 16/9/2009 19:24 Page 25

Segurança

Debate \\ Visto por muitos usuários e


especialistas como censura, a Lei Azeredo
acarreta acalorados debates nos mais variados
blogs e sites espalhados pela rede

R$ 2 mil a R$ 100 mil – é excessiva,


sendo que o ‘descumprimento’
será tratado como interpretação
subjetiva”, adverte.
Carlos é mais enfático ao afirmar
que o Artigo 22 poderia, então, ser
aplicado às companhias telefônicas,
que passariam a gravar e armazenar
as conversas por telefone, criando
um “amplo grampo legalizado e
obrigatório”, e às concessionárias que
administram estradas, cujos
operadores de pedágio passariam a
anotar as placas dos veículos e os
documentos de seus ocupantes.
“Afinal de contas, sabemos que o
crime (organizado ou não) usa tanto
* O advogado André Ferreira de Oliveira afirma que o telefone como o automóvel para
precisam ser tipificados delitos como roubo de senha, praticar suas ações, não é mesmo?”.
falsificação de dados públicos e condutas dos hackers O editor interpreta essas prováveis
mudanças como um mecanismo
que passou a ser chamado tipificados delitos importantes como para terceirizar competências que
popularmente de “Lei Azeredo”, roubo de senha, falsificação de dados devem ser do Estado, da polícia.
pretende criar controles na internet públicos e as condutas dos hackers. E novamente justifica sua opinião com
que não existem para as demais áreas Independentemente das opiniões, um exemplo: “os bancos não verificam
da vida e do mundo em que vivemos. o projeto de lei contém imperfeições se um marido separado não paga a
Na mesma linha de raciocínio na redação de certos dispositivos, pensão da ex-mulher. E isso é algo
está o advogado André Ferreira de o que traz à tona uma série de punível com prisão”. E conclui que cabe
Oliveira, do escritório Dannemann questionamentos, como bem lembra à polícia e à Justiça investigar e punir
Siemsem, do Rio de Janeiro. Para o o advogado do Rio. No caso do crimes, sem a necessidade de
profissional, essa polêmica toda Artigo 22, por exemplo, André chama transformar todos em vigilantes.
sobre o projeto de lei se dá por causa a atenção para o fato de
da ideia, segundo ele, já superada, que, aos provedores,
de que a web seria um território cabe informar indícios
livre, em que as leis não se de prática de crime sem
aplicam. “A necessidade de uma qualificação da origem
regulamentação da internet é da denúncia que, em
latente, justificada pelo aumento muitos países, deve ser
flagrante do número de delitos feita por autoridade
eletrônicos cometidos no País”, judicial ou entidade
defende. Por sua vez, André representativa. “Além
reconhece que boa parte dos crimes disso, em razão da
já pode ser solucionada aplicando-se subjetividade das
a legislação vigente, em um esforço condutas, nos parece
de interpretação. No entanto, o que a multa aplicada no Íntegra \\ Confira o projeto de lei na íntegra ao acessar o site
advogado concorda que precisam ser Parágrafo Segundo – de www.senado.gov.br/comunica/agencia/pags/01.html

locaweb 25
Segurança:W2008 16/9/2009 19:24 Page 26

Segurança

Como foi dito anteriormente, boa


parte dos crimes cometidos na web
já é objeto de apuração com base em
legislações existentes – os chamados
crimes eletrônicos impróprios. Para o
advogado, o projeto de lei é válido
porque pretende tipificar os crimes
eletrônicos próprios, ou seja, aqueles
que surgiram com a difusão dos
meios virtuais, como o acesso
indevido à rede de computadores e a
difusão de códigos maliciosos, entre
outros. André acrescenta que o
projeto de lei traz mais clareza na
aplicação dos crimes eletrônicos
impróprios aos meios informáticos ao
inserir, por exemplo, a expressão
“dado eletrônico” na tipificação do
Proteção 1 \\ Entre as novas ferramentas de delitos virtuais, destaca-se o recurso da LTU
crime de dano, previsto no Código Technologies que faz uma espécie de mapeamento do “DNA” de uma imagem a partir de dados XML
Penal, de 1940.
Como advogado, André afirma que cibernéticos com hardwares e
não há diferença entre crimes * Especialistas acreditam softwares que incluem preservação,
cometidos contra empresas e contra que, do jeito que a lei identificação, extração, restauração,
pessoas físicas. E cita como delitos mais está redigida atualmente, análise e documentação de evidência
comuns praticados na web, sendo a digital. Uma dessas ferramentas é o
seria plausível permitir
vítima um cidadão ou uma corporação, software Encase Forensics, usado, no
o roubo de identidade, os crimes contra que operadores de Brasil, por órgãos policiais e pela
a honra (calúnia e difamação), ameaças, pedágio passassem a Receita Federal. Para os usuários
pedofilia, discriminação e espionagem domésticos da internet, a dica é uma
anotar as placas dos
industrial. No entanto, alerta: há um boa navegada pelo endereço
crescimento substancial nos índices de veículos e os documentos www.microsoft.com/brasil/security
crimes corporativos, sobretudo em de seus ocupantes /default.mspx. Ali são encontradas
razão da convergência cada vez mais diversas informações, atualizações e
acentuada das redes e sistemas, e Se há aumento no número de ferramentas para remoção de
da expansão do acesso a dados crimes eletrônicos, por outro lado softwares maliciosos, além de uma
eletrônicos por parte de funcionários e surgem novas ferramentas de lista de sites de segurança de todo
colaboradores de grandes companhias. investigação desses delitos, geralmente o mundo.
desenvolvidas para Ainda que a web ofereça inúmeras
uso corporativo. informações sobre crimes cometidos
A LTU Technologies em seu próprio espaço, é comum o
(www.ltutech.com), por usuário que foi lesado por algum
exemplo, criou um delito não saber a quem recorrer,
recurso que faz uma sobretudo porque muitas ferramentas
espécie de mapeamento de investigação foram desenvolvidas
do “DNA” de uma para o mundo corporativo, sendo
imagem a partir de economicamente inviáveis à pessoa
dados XML. A divisão física. André acredita que hoje há uma
Forense Digital da estrutura maior de apoio ao cidadão,
TechBiz mas lamenta estarmos longe de
(www.techbiz.com.br) atingir um grau mínimo de
Proteção 2 \\ A TechBiz atua na área de investigação de crimes também atua na área de conscientização da população sobre
cibernéticos com softwares que incluem análise de documentos investigação de crimes os perigos do universo digital.

26 locaweb
Segurança:W2008 16/9/2009 19:24 Page 27

Segurança

“Parece incrível que as pessoas ainda


sejam ludibriadas por e-mails falsos
alardeando, por exemplo, a cura da
gripe A H1N1 (a gripe suína) e que,
na verdade, transferem códigos
maliciosos ao computador e geram
o roubo de senhas”. No entanto, ele
próprio reconhece que não
podemos nos esquecer que somos
um país em fase de aprendizado
tecnológico e que as pessoas que
adquirem seu primeiro computador
estão mais vulneráveis aos golpes.
Às vítimas de delitos na web,
André recomenda procurar uma
delegacia – em algumas cidades há
delegacias especializadas em
crimes cibernéticos – e registrar a
ocorrência. Dependendo da
natureza do crime, outras
providências devem ser tomadas,
Precaução \\ Veja informações e ferramentas
tais como contatar a instituição empresas que tenham lojas físicas e para remoção de softwares maliciosos, além de
financeira responsável por cartões de não apenas virtuais. “Todo cuidado é uma lista de sites de segurança, no endereço
crédito ou contas correntes, se o pouco com a divulgação de senhas e www.microsoft.com/brasil/security/default.mspx
crime está relacionado a isso, e demais dados pessoais. Discrição na
também o provedor de acesso. “As divulgação de informações pessoais É cedo para afirmar se a Lei
autoridades judiciárias dispõem, nos em redes de relacionamento também Azeredo será aprovada ou não,
dias de hoje, de ferramentas de é recomendável”, aconselha. Uma dica sobretudo pela divisão de opiniões
investigação que podem ser úteis ao bastante popular, mas sempre é bom que o assunto promove. Nesse
cidadão comum”, avisa. refrescar a memória das pessoas, contexto, Carlos acredita que tentar
E se a própria tecnologia gera alerta que nunca se deve abrir e-mails controlar o que se fala e se pensa,
mecanismos que permitem a prática suspeitos ou de procedência com ou sem internet, é cada
de delitos, a melhor maneira de se desconhecida; muito menos acessar vez mais difícil e se torna uma
proteger ainda é seguir dicas de links enviados nesses e-mails. tentativa fadada ao fracasso.
especialistas no assunto, muitas delas Carlos reconhece as práticas ilícitas “O compartilhamento de dados e
já velhas conhecidas de internautas. cometidas na web, porém defende a informações é uma consequência
André, por exemplo, aconselha ao premissa de que esses crimes podem inevitável do saber, e base de um
usuário somente trafegar e realizar ser combatidos com a legislação novo tipo de economia que está
compras em sites conhecidos, de vigente e também com pequenos surgindo, onde um dado
aprimoramentos das leis. “Mas sempre compartilhado não é perdido pelo
num mesmo princípio: garantia da seu ‘dono’ e poderá retornar a ele
* Se houvesse copyright inviolabilidade da privacidade e com valor agregado”, analisa o
sobre expressões pressuposto da inocência, até prova editor da Fundação Padre Anchieta.
idiomáticas e palavras, em contrário”. Para o editor, nessa E lembra: “isso é uma
não haveria a literatura, discussão em torno da tipificação de característica de toda a produção
crimes cibernéticos cabe uma reflexão cultural da humanidade até os dias
a poesia, a música, a sobre uma frase de Thomas Jefferson de hoje. Se houvesse copyright sobre
cultura em geral que (1743-1826), ex-presidente dos EUA: expressões idiomáticas e palavras,
temos hoje, defende “uma sociedade que troca um pouco não haveria a literatura, a poesia, a
de liberdade por um pouco de música, a cultura em geral que
editor da Fundação segurança acabará por perder ambas, temos hoje. Então, é bom ficarmos
Padre Anchieta e não merece qualquer delas”. atentos”, finaliza.

locaweb 27
Vendas Online:W2008 16/9/2009 20:16 Page 28
Vendas Online:W2008 1/10/2009 18:08 Page 29

e-commerce

Dados do comércio mostram Por Luciano Delfini

que as vendas online só


cresceram nos últimos anos.
O
e-commerce tem se deparado com números
bem animadores. As cifras divulgadas na
Para quem já está no setor, 20ª edição do relatório WebShoppers
(www.webshoppers.com.br), elaborado pela empresa
espera-se que os números de consultoria em comércio eletrônico e-bit
continuem subindo, (www.ebitempresa.com.br), mostram que as vendas online
atingiram o montante de R$ 4,8 bilhões no primeiro
principalmente com a semestre deste ano. No mesmo período de 2008, esse
chegada do Natal. E as redes faturamento estava na casa dos R$ 3,8 bilhões, o que
significa que, em 2009, o setor registrou um crescimento
sociais da web podem ajudar de 27% no comparativo com o ano interior.
Esse salto no faturamento tem deixado muita gente do
na construção do setor otimista com relação ao fim do ano, que representa
relacionamento virtual entre boa parte das vendas do segundo semestre, o qual
costuma ser o mais lucrativo do período (55% do
empresa e público e-commerce total anual). Se para alguns o primeiro
semestre de 2009 superou as expectativas, o encerramento
do ano pode surpreender ainda mais. De acordo com o
relatório, que tem apoio da Câmara Brasileira de Comércio
Eletrônico (www.camara-e.net), espera-se que até dezembro
o montante das vendas pela web chegue a R$ 5,8 bilhões –
aumento de 28% –, fechando 2009 na casa dos R$ 10,5 bi.

locaweb 29
Vendas Online:W2008 1/10/2009 18:09 Page 30

e-commerce

Outro fenômeno apontado pelo


relatório da e-bit mostra que o
comércio eletrônico tem passado por
uma descentralização das lojas virtuais.
O levantamento revela que pequenos e
médios varejistas (grupo conhecido
pelo termo long tail, que faz frente aos
grandes da indústria) conquistaram
1,6 ponto percentual em participação
nas vendas online, na comparação
entre o primeiro semestre deste ano e
o de 2008. Em contrapartida, no
mesmo período analisado, os dez
maiores varejistas, juntos, perderam
5,5 pontos percentuais.
Se as estimativas para o fim do ano
são positivas, estruturar-se para
atender ao possível aumento da
E-commerce mostra as garras em 2009 \\ Câmara Brasileira de Comércio Eletrônico
demanda pode resultar em mais (www.camara-e.net) espera que o montante das vendas pela web chegue a R$ 10,5 bilhões em 2009
negócios até o encerramento de 2009.

* As vendas online comércio eletrônico da Locaweb,


Principalmente se o e-commerce levar Gerente de produtos de
em consideração a expectativa da e-bit
de fechar o ano com a marca de atingiram R$ 4,8 bilhões Reinaldo Santos afirma que o pior
17 milhões de pessoas que, ao menos no primeiro semestre cenário para uma loja virtual é ter
uma vez, fizeram compras pela internet deste ano. No mesmo em exposição uma prateleira com
– um aumento projetado em 30% com o aviso “não disponível” para a
relação a 2008, que fechou com pouco período de 2008, esse maioria dos itens comercializados.
mais de 13 milhões de adeptos do faturamento estava na “A falta de produto em estoque é
comércio online. Dos quase 25 milhões casa dos R$ 3,8 bilhões. perda de venda e, muitas vezes,
de pedidos pela web gerados no ano perda de cliente, pois, na internet,
passado, o segmento espera concluir O crescimento no se uma loja não tem o que o
2009 com 3 milhões de pedidos a mais. comparativo foi de 27% cliente procura, rapidamente ele
Isso significa esforços para, no mínimo, encontra esse item em outra loja”.
garantir outro número apontado na última edição do Daí a importância de formalizar contratos e parcerias
WebShopper – 86% dos consumidores brasileiros se com mais de um fornecedor por produto oferecido;
mostraram satisfeitos com o comércio online. melhor ainda, segundo Reinaldo, tentar exigir uma
garantia contratual de atendimento. É preciso ter em
mente que montar um grande estoque só é vantajoso
quando há motivos que assegurem uma grande
demanda. “Caso contrário, o lojista perderá dinheiro”,
avisa o executivo da Locaweb.
Além do estoque bem gerido, outras questões de
infraestrutura exigem atenção redobrada diante de um
provável aumento da demanda, como opções seguras –
para o lojista e para o cliente – de pagamento no ato da
aquisição online de um produto. Reinaldo chama a atenção
para a relevância de um sistema que assegura a integração
de diferentes formas de cobrança em qualquer tipo de loja
virtual, também conhecido como gateway de pagamento.
Para o especialista em e-commerce, a tranquilidade do
Submarino \\ A maior empresa de e-commerce no Brasil é uma das que lojista está diretamente ligada ao uso de um gateway de
mais devem lucrar com o aquecimento do mercado durante o fim do ano pagamento homologado por uma empresa experiente

30 locaweb
Vendas Online:W2008 1/10/2009 18:10 Page 31

e-commerce

nesse tipo de serviço, uma vez que ela está acostumada a * Segundo a e-bit, 17 milhões de
lidar com altos volumes de transação, como normalmente pessoas devem, ao menos uma vez,
acontece nas festas de fim de ano e em outras datas
comemorativas de cunho comercial. fazer compras pela internet ao longo
O serviço Gateway de Pagamentos da Locaweb de 2009, um aumento projetado em
(www.locaweb.com.br/gateway) é um sistema 30% com relação a 2008
independente de comércio eletrônico para qualquer tipo
de loja virtual – incluindo as que já atuam no mercado e Reinaldo destaca que os
// O QUE MAIS VENDE
as que ainda vão começar a operar – que implanta todos NA INTERNET gateways costumam manter-se
os protocolos de comunicação com os diferentes meios de Segundo relatório atualizados com relação às
pagamento, como operadoras de cartão de crédito e divulgado pela normas de segurança exigidas
bancos. O recurso permite que essa comunicação seja WebShoppers, entre as pelas operadoras de cartão de
categorias que mais
monitorada pelo lojista via Painel de Controle. Entre venderam pela internet no
crédito e instituições
outras características, a ferramenta, que roda em primeiro semestre de bancárias. “Outro fator
plataforma Windows ou Linux, abrange dispositivo para 2009 está, em primeiro favorável é o processo de
cálculo de frete com localização de endereço para vendas lugar e pelo segundo ano implantação, que é muito mais
nacionais e internacionais e análise de riscos baseada na consecutivo, a de livros e
rápido do que partir para o
assinaturas de revistas.
ferramenta ClearSale, desenvolvida para prevenir perdas Em seguida, aparecem os
desenvolvimento próprio de
em vendas por cartão de crédito (www.clearsale.com.br). setores de artigos de um comunicador com os meios
O Gateway de Pagamentos é certificado pelo saúde e beleza, depois dede pagamento”, explica.
protocolo de segurança SSL (de Secure Socket Layer), medicamentos e, em Por tratar-se de um sistema
necessário para codificar os dados (como os de cartão de quarto lugar, o de independente, o usuário pode
eletrodomésticos, que
crédito) trafegados entre o computador do usuário e um cresceu bastante com a
hospedar sua loja em qualquer
site ou outro portal. A codificação é feita por criptografia redução do IPI anunciada servidor ou provedor e a taxa
para evitar que os dados sejam capturados ou alterados em abril pelo Governo. mensal do serviço é fixa para
nesse percurso entre o computador do consumidor e a até cinco mil transações
loja virtual. Ao conectar-se a um site, não é difícil saber se comerciais por mês, não importando a quantidade de
um servidor tem o recurso SSL. Basta verificar na barra de boletos emitidos ou de pagamentos realizados com
endereços se o protocolo é HTTPS://, em vez de HTTP://. cartão de crédito. O lojista não precisa ter domínio
No Gateway de Pagamentos, o lojista pode usar um SSL próprio na web, mas deve ser pessoa jurídica para obter
próprio ou o SSL compartilhado da Locaweb. a afiliação junto aos meios de pagamento.

Pesquisa \\ As cifras divulgadas na 20ª edição


do relatório WebShoppers (ao lado), elaborado
pela empresa de consultoria em comércio
eletrônico e-bit (abaixo), revelam que o
e-commerce cresceu consideravelmente em
2009 e deve continuar nesta tomada

locaweb 31
Vendas Online:W2008 1/10/2009 18:12 Page 32

e-commerce

Loja pronta
Ter acesso a uma loja pronta, incluindo o sistema de
comunicação com as instituições de cobrança, ainda
pode ser o melhor caminho para quem está começando
no ramo e não tem experiência em e-commerce. Pode
ser mais vantajoso ainda se esse tipo de recurso não
exige grandes investimentos, o que normalmente faz
parte da realidade orçamentária de muitos projetos
de abertura de um novo negócio. No serviço gratuito
Loja Pronta (www.locaweb.com.br/lojapronta.html),
também certificado pelo protocolo de segurança
SSL, o usuário monitora, via Painel de Controle,
transações, clientes, pedidos e produtos, além de
ter à disposição uma configuração simplificada que Loja Pronta \\ Serviço gratuito da Locaweb não é voltado apenas para
customiza o layout da loja. pessoas jurídicas e tampouco exige que o usuário tenha experiência em web
O cadastro dos produtos é feito diretamente pela
internet e o serviço inclui carrinho de compras; cálculo de loja consiga atender à demanda gerada pelo anúncio ou
frete; cadastro com área administrativa de pedidos para o pela campanha.
cliente; área administrativa para o lojista; cadastro Chamado de compra por palavra-chave, esse mecanismo
ilimitado de categorias, marcas, produtos e tamanhos; já é bastante conhecido entre lojistas e consumidores de
controle de estoque; gerenciamento de pedidos; produtos online. Um dos mais populares é a ferramenta
ferramenta para envio de newsletter, e exibição e AdWords, do Google (www.adwords.google.com.br), que
administração de banners na loja. A Loja Pronta não é oferece ao anunciante a possibilidade de definir o quanto
exclusiva a pessoas jurídicas e tampouco exige que o quer gastar com a campanha. Por sua vez, o portal de
lojista tenha um domínio próprio na internet, uma vez
que a Locaweb fornece a extensão de domínio:
seudominio.lojapronta.net. * No serviço gratuito Loja Pronta, o
A ferramenta pode integrar ainda o recurso usuário monitora, via Painel de Controle,
Pagamento Certo (www.locaweb.com.br/pagamento), transações, clientes, pedidos e produtos,
cobrado apenas sobre as vendas confirmadas, e não limita além de ter uma configuração simples
o número de transações mensais. O sistema, que roda em
plataforma Windows ou Linux, que customiza o layout da loja
também é gerenciado via Painel de
Controle para filtrar extratos e
monitorar pagamentos e
recebimentos, oferecendo opções de
pagamento com cartão de crédito ou
boleto bancário.

Campanhas online
para impulsionar vendas
Ainda que datas importantes
como Natal e Dia das Crianças, por
exemplo, por si só despertam
necessidade de consumo, toda ajuda
é sempre bem-vinda, lembra
Reinaldo. Um bom empurrãozinho
pode vir dos anúncios colocados em
sites de buscas e outros portais,
pagos somente quando o produto
anunciado é clicado pelo usuário, Gateway de Pagamentos \\ O serviço da Locaweb é um sistema para qualquer loja virtual
desde que, adverte o profissional, a que implanta todos os protocolos de comunicação com os diferentes meios de pagamento

32 locaweb
Vendas Online:W2008 1/10/2009 18:12 Page 33

e-commerce

* Ter acesso a uma loja


pronta, incluindo o
sistema de comunicação
com as instituições de
cobrança, ainda é o
melhor caminho para
quem está começando
e não tem experiência
em e-commerce

// NOVIDADES
NO TWITTER
Para se manter bem
informado a respeito das
novidades do comércio
Segurança \\ O Gateway de Pagamentos tem análise de riscos baseada na ferramenta ClearSale eletrônico no Brasil
(www.clearsale.com.br), desenvolvida para prevenir perdas em vendas por cartão de crédito e no mundo, siga a
empresa e-bit via
buscas fornece estimativas de custo e tráfego das palavras aponta, por exemplo, o Twitter. O endereço é
chave, para que o cliente tenha opções na hora de decidir a descuido com seu negócio. http://twitter.com/
melhor palavra a ser usada em seu anúncio. “Uma loja virtual de sucesso ebitempresa. As notas
vão de estatísticas e
Apesar de tudo isso, recorrer a sites de busca ou deve estar sempre atualizada,
índices, até notícias
outros portais para divulgar seu produto não deve ser uma vitrine que muda e premiações.
visto como alternativa única. O lojista pode criar suas constantemente a relação de
próprias campanhas sem a necessidade de estar vinculado produtos exibidos. É importante também exibir em
a uma grande plataforma web. O pacote Email Marketing destaque as promoções da loja”, aconselha. Outra
(www.locaweb.com.br/emailmkt) proporciona, por preocupação é com o atendimento ao cliente. O
exemplo, campanhas personalizadas, envio de e-mails especialista em e-commerce lembra que o consumidor
com data e hora marcadas e monitoramento das que compra pela web espera receber seus produtos
mensagens para comparação de resultados. O serviço é dentro do prazo combinado. “Ajuda muito manter um
vendido em diferentes pacotes com cotas de mensagem canal de atendimento ao cliente, como deixar um telefone
mensais e não cumulativas. de contato sempre à mão do usuário”.
Uma campanha por e-mail pode resultar em uma
ferramenta muito útil para o comércio online, sobretudo Empresas encontram seu espaço
para quem está começando. Reinaldo, porém, chama a em redes sociais virtuais
atenção para o fato de que uma boa campanha de e-mail À medida que as plataformas de rede social surgem na
é aquela que dispara as mensagens somente para os web, outros canais de contato online se abrem para que
usuários que solicitaram e autorizaram essa forma de cada um corra atrás de seus objetivos e explore seus
contato. “É muito importante respeitar a vontade do interesses. No mundo corporativo, por exemplo, essas
cliente, inserindo nos e-mails sempre a opção de exclusão experiências de relacionamento virtual se converteram em
do cadastro”, ensina. Detalhes como esses evitam que sua novas opções de mídia para aproximar do público a marca
loja contribua para o lado negativo desse tipo de ou produto. A velha ordem de “ir onde o consumidor
divulgação, que usa indevidamente o recurso para, por está” ganhou mais um aliado.
exemplo, enviar e-mails também a usuários que não Algumas experiências corporativas em mídias da
fazem parte do público-alvo. internet já não são tão recentes. Roberto Aloureiro
Entre tantos recursos voltados ao funcionamento de (www.twitter.com/betoaloureiro), gerente de redes
uma loja virtual, não se pode deixar de lado outros sociais da construtora Tecnisa (www.tecnisa.com.br),
aspectos ligados à postura do comerciante diante dos conta que a empresa investe em estratégia online há
serviços que oferece pela web, o que certamente se oito anos, incluindo um blog corporativo que está há
traduz em ganhos ou perdas. O executivo da Locaweb três anos no ar (www.blogtecnisa.com.br).

locaweb 33
Vendas Online:W2008 1/10/2009 18:13 Page 34

e-commerce

“Acreditamos no potencial das redes sociais e sua * No mundo corporativo, as


utilização foi acontecendo de forma natural. Sempre experiências de relacionamento virtual
que podemos, aderimos a novos meios para estar onde
nosso público-alvo está”, explica. Mas essa presença no em redes sociais se converteram em
ambiente de seu público, adverte Roberto, deve novas opções de mídia para aproximar
significar suporte e conteúdo relevante na tomada de do público a marca ou produto
decisão do cliente.
A construtora sabe quem é seu público-alvo: ligados a seu segmento. “Isso nos permite colocar
brasileiros que sonham e correm atrás para ter uma casa conteúdo do mercado imobiliário e de economia, como
própria. No entanto, Roberto ressalta a consciência da dicas de decoração e paisagismo”, conta Roberto. Nesse
empresa de que não chegará mais rápido a seu público sentido, o gerente da construtora chama a atenção para o
participando de redes sociais. O objetivo buscado é um fato de que os comentários inseridos no blog possuem
contato menos virtual com os usuários da web. interação mais rápida se comparados aos do site da
“Acreditamos sim que as mídias sociais criam um empresa. “Mas essa interação não é diferenciada, pois
relacionamento mais duradouro e intenso das pessoas procuramos atender a nossos clientes da mesma forma
com a nossa marca”, esclarece o especialista. em todos os canais”, deixa claro.
Nilo Signorini, diretor de planejamento comercial da Sobre as redes sociais de fato, Nilo diz que a Tok&Stok,
Tok&Stok, afirma que a empresa já investe há algum por enquanto, está observando a maneira de usar essas
tempo nesse relacionamento online a partir da produção mídias de forma mais consistente. “Nossa atuação se
de uma newsletter mensal (acessada no item “Novidades” restringiu à divulgação de algumas campanhas; ações
do site www.tokstok.com.br), enviada para uma base de pontuais, como marketing em Orkut, blogs e fóruns.
mais de 800 mil clientes. O conteúdo não se restringe à Também já fizemos testes com links patrocinados do
promoção de móveis e outros objetos para casa e procura Google e divulgação em portais”, conta.
envolver todo o universo da companhia, com dicas que Ainda que esse relacionamento com as redes sociais se
mostram como os produtos são usados na prática, encontre em uma fase de flerte, Nilo reconhece a grande
bate-papos com arquitetos e decoradores e até receitas movimentação que essas mídias proporcionam e que é
gastronômicas. Nilo garante que o canal apresenta ótimos preciso fazer parte dela. “No Orkut, há diversas
índices de leituras e cliques. comunidades relacionadas à Tok&Stok que surgiram
Essa mesma busca pela construção de um espontaneamente, criadas por clientes que admiram
relacionamento com o usuário da web pode ser notada nossa empresa”, elogia. Recentemente, a Tok&Stok decidiu
no blog da Tecnisa, que também destaca conteúdos fazer parte da twittosfera, o que, segundo seu diretor,

Ao lado \\ O pacote Email Marketing viabiliza


campanhas personalizadas, envio de e-mails
com data e hora marcadas e monitoramento das
mensagens para comparação de resultados

Abaixo \\ Já a ferramenta AdWords, do Google


(www.adwords.google.com.br), oferece ao
anunciante a possibilidade de definir o quanto
quer gastar com a campanha

34 locaweb
Vendas Online:W2008 16/9/2009 20:16 Page 35

e-commerce

deve acontecer ainda este ano. A empresa pretende usar Antenada \\


A empresa Tecnisa
o Twitter para antecipar novidades e divulgar notícias, (www.tecnisa.com.br)
aproveitando o conteúdo de site e newsletter. “Sabemos investe em estratégia online
que é uma comunicação que ainda tem alcance limitado. há oito anos, incluindo um
blog corporativo que está
Pode não atingir um volume expressivo de consumidores, há três anos no ar
mas, a meu ver, é democrática, ou seja, dirigida apenas a (www.blogtecnisa.com.br).
quem opta por nos seguir e, justamente por isso, a Agora, a construtora está
de olho nas redes sociais
mensagem encontrará mais receptividade”, aposta Nilo.
Essa maneira de encarar o universo online com mais
racionalidade faz sentido no comércio de móveis e de
decoração para casa, o qual depende mais da presença
do consumidor do que a venda de livros, CDs e
eletrodomésticos, por exemplo. Mais sentido ainda ao
levar-se em conta o produto comercializado pela Tecnisa,
uma vez que o comprador só adquire um imóvel
pessoalmente, mas faz diversas buscas pela internet. A
construtora tem mais de cem vídeos no YouTube, fotos no
Flickr, entre outros canais da web, mas sabe que é
impossível medir isso em vendas. “Usamos as redes
sociais para a construção de uma marca, diferenciação e
reputação”, explica Roberto, admitindo, ainda assim, que a
estratégia pode vir a ajudar nas vendas.
O diretor comercial da Tok&Stok também prefere
não arriscar sobre o quanto as mídias sociais da web
são capazes de impulsionar as vendas, mas reforça que
elas constituem um válido instrumento de comunicação.
Nem tanto para realizar vendas pontuais, mas muito dificuldade para vendê-las online. “Ao menos no nosso
mais importantes do ponto de vista institucional, para segmento, acredito que o contato físico com o produto
promover a marca e a imagem da empresa, na opinião seja fundamental na decisão da compra”.
de Nilo. Ele ainda reforça a importância do contato Mais importante que estar presente em plataformas de
pessoal em sua área ao afirmar que a empresa que não rede social é descobrir como o site, por exemplo, pode
dispõe de um local para mostrar suas peças ao vivo terá funcionar como um grande canal de mídia online. Segundo
dados divulgados por Nilo, as vendas
pelo canal virtual da Tok&Sotk têm
crescido mais de 60% ao ano, um
número bastante significativo para
um setor, como já mencionado
anteriormente, que depende muito
da presença física na hora da compra.

* As mídias sociais são


um válido instrumento de
comunicação. Nem tanto
para realizar vendas
pontuais, mas muito mais
importante do ponto de
vista institucional, para
promover a marca e a
Relacionamento online \\ A Tok&Stok investe há algum tempo no relacionamento online com uma
newsletter mensal enviada a mais de 800 mil clientes. Agora, a empresa está de olho no Twitter imagem da empresa
locaweb 35
Vendas Online:W2008 16/9/2009 20:16 Page 36

e-commerce

// Veja algumas dicas


Mas o diretor comercial da empresa ressalta de Reinaldo Santos, * Segundo os especialistas, a
que o objetivo do site é muito mais prestar especialista em atuação em redes sociais está
um serviço de informação, mostrando comércio eletrônico
opções, dicas, produtos e preços, para
da Locaweb, para mais ligada à qualidade que
quem pretende abrir
“seduzir” o cliente a visitar uma loja física, do uma loja virtual à quantidade. Para eles, vale
que vender por si só. “Cada vez mais as Ao entrar para o ramo do
mais 50 pessoas engajadas
visitas às lojas são precedidas de consultas ao e-commerce, o ideal é que
site, que acaba funcionando como uma
o interessado siga os em uma rede do que mil que
trâmites legais exigidos
‘vitrine antes da vitrine’”. para qualquer outro estejam ali por estar
Vale lembrar que, no caso da Tok&Stok, negócio. Isso significa ter
as famosas listas de casamento uma empresa constituída e uma conferida de perto nos produtos.
representam um importante papel no legalizada, um contador, Outros, porém, vão à loja, consultam preços
uma equipe de trabalho
comércio online. Para Nilo, esse tipo de e produtos e realizam a compra pela web”,
para suprir as necessidades
serviço faz todo sentido em funcionar administrativas e, explica. Essa prática consolida a ideia de
pela internet. “Não há dúvida que, cada sobretudo, atendimento ao que um tipo de comércio não deve
vez mais, as pessoas optam pela cliente. “Além, claro, dos substituir o outro.
comodidade de fazer listas (e, sobretudo, contratos e parcerias com Ao pensar em fazer parte de uma rede
fornecedores e
comprar) sem sair de casa”. social da web, é comum surgirem dúvidas.
distribuidores”, avisa.
E é respeitando esse espaço que o É essencial que tais Uma delas é se essa participação será mais
comércio virtual vai se aprimorando e aspectos estejam vantajosa para empresas com marcas já
sendo melhor administrado. Nilo conta que inseridos em um plano consagradas ou também vale para os novatos.
há clientes que comparecem à loja com um de negócios. No entanto, O especialista em redes sociais da Tecnisa
a falta de um projeto
“orçamento” ou com páginas de produtos acredita que todos podem se beneficiar, mas
antecipado não impede a
impressas do site, já sabendo exatamente o abertura de uma loja alerta para o fato de que as grandes empresas
que querem comprar. “Eles deixam para ir à virtual, ainda que possa devem buscar mais conexões com seus
loja apenas para fechar o negócio e dar causar algum tipo de stakeholders (pessoas ou entidades envolvidas
transtorno no nas estratégias comerciais de uma
funcionamento do
companhia), o que, segundo ele, é um
negócio. Se esse é o
caso, Reinaldo aconselha caminho natural nesse tipo de planejamento.
que o interessado “Acredito que a atuação em redes sociais
responda às seguintes esteja mais ligada à qualidade que à
questões antes de se quantidade. Vale mais 50 pessoas engajadas
lançar na empreitada:
em sua rede do que mil que estão ali por
//Quais produtos a estar”, define Roberto.
loja vai oferecer? Partindo da premissa que leva em conta a
qualidade na hora de entrar para uma rede
//Como serão
obtidos os social da web, Roberto confirma que é
produtos possível realizar segmentação dentro desse
vendidos? universo. “Hoje em dia, as pessoas se unem e
formam relacionamentos por afinidade, e é
//Como serão
armazenados os justamente aí que podemos encontrar nichos
itens colocados bem definidos”.
à venda? Os parâmetros para participação em mídias
sociais são diferentes, de acordo com a
//Como serão
entregues os empresa, mas o gerente da Tecnisa garante
produtos que esse limite existe e deve ser respeitado. “O
adquiridos pelos que é importante lembrar e se perguntar é até
clientes? que ponto sua empresa pode expor-se e dar a
//Quais formas cara para bater. Neste meio, a transparência é
e condições fundamental para uma boa atuação; se a
Na mira \\ Orkut e Twitter, duas redes sociais que estão
de pagamento empresa tem algo a esconder, as redes sociais
na mira das empresas que lidam com e-commerce serão oferecidas? não são uma boa ideia”, finaliza.

36 locaweb
205 X 275:Layout 1 19/3/2009 17:19 Page 1
MSXGoogle:W2008 16/9/2009 19:27 Page 38

//ACORDO ENTRE
Um panorama da guerra entre as Windows, Live Messenger e
Internet Explorer. Em relação a
YAHOO! E MICROSOFT
TRAZ BENEFÍCIOS ÀS
empresas que mantêm os mais eles, a concorrente tem ainda DUAS EMPRESAS
os incipientes Gtalk, Em junho deste ano,
populares sistemas operacionais e comunicador instantâneo, e
Microsoft e Yahoo!
entraram em um acordo
buscadores web do planeta Chrome, navegador. que visa ampliar os
Para combater o Windows, tentáculos de ambas as
empresas no mundo
há muito se falava em um online. Com isso, a MS
Por Sérgio Vinícius sistema operacional do pode seguir seu encalço
Google que, finalmente, teve ao Google, enquanto a Y!
desembolsará menos para
seu anúncio oficial realizado e manter sua ferramenta de

O
recente lançamento do sistema de buscas Bing foi batizado de Chrome OS. buscas. O que acontecerá
(www.bing.com), da Microsoft, que surge como Do lado de lá da concorrência, além disso ainda é mera
especulação, mas
alternativa ao Google Search (www.google.com), MS e Yahoo! assinaram um sabe-se que a empresa
marcou mais um capítulo da disputa das duas populares acordo que visa desenvolver que desenvolve o
empresas de tecnologia que dominam a web. Há tempos, a uma melhor ferramenta de Windows pagará, por três
anos, US$ 50 milhões ao
MS tenta desbancar a concorrente líder no segmento de buscas e fortalecer as marcas. Yahoo!. Esta, por sua vez,
buscas. Antes do Bing, lançou o Live Search, o MSN Search e A seguir, confira os pontos usará o Bing como
muitas outras plataformas de pesquisa que não deram certo. positivos e negativos dos ferramenta de buscas
oficial e será a principal
Mas, se de um lado o Google domina os serviços web, principais produtos do Google responsável por vender
capitaneado pelo seu excelente buscador, do outro, a e da MS e veja qual atende anúncios online de ambas
eterna empresa de Bill Gates conta com os popularíssimos mais às suas demandas. as empresas.

38 locaweb
MSXGoogle:W2008 16/9/2009 19:27 Page 39

Bing x Google Search


Plataformas de busca por informações na web. Oferecem procura de textos, imagens e notícias.

Bing // www.bing.com Google Seach // www.google.com.br


Pontos positivos: A busca por imagens é excelente: o usuário pode Pontos positivos: Poderoso, organiza e apresenta as informações
definir as cores do que procura, formatos e até mesmo estilo das figuras. de forma relevante ao usuário, graças ao algoritmo de classificação.
Pontos negativos: Ainda incipiente, a busca por notícias em português Pontos negativos: Não é bom o suficiente para fazer buscas em
é bastante limitada. domínios determinados, como blogspot ou twitter.

locaweb 39
MSXGoogle:W2008 1/10/2009 18:14 Page 40

Mercado

Google Docs x MS Office


Pacotes de softwares de escritório. Contam com planilha e editor de textos, entre outros programas.

Google Docs // http://docs.google.com MS Office // http://office.microsoft.com


Pontos positivos: Por ser uma plataforma online, documentos podem ser Pontos positivos: Robusto, intuitivo e rápido, o pacote de escritórios
compartilhados facilmente via internet, além de serem acessados por da MS é compatível com qualquer PC com Windows. Não oferece
qualquer computador conectado à rede. É gratuito. conflitos e permite salvar documentos nos mais populares formatos.
Pontos negativos: Caso a web caia ou haja algum problema com o Google, Pontos negativos: É caro - cerca de R$ 200 - em relação aos
os trabalhos ficam inacessíveis. Apresenta conflitos com alguns browsers. concorrentes, online ou mesmo offline.

Gmail x Hotmail
Plataformas de e-mail com grande capacidade de armazenamento, filtro antispam e outros recursos.

Hotmail // www.hotmail.com
Gmail // www.gmail.com Pontos positivos: Pode ser acessado via Live Messenger, com
Pontos positivos: Tem interface leve, desenvolvido em Ajax. um clique. O editor de mensagens é competente e simples de usar.
É altamente customizável (por ser uma plataforma webmail). Pontos negativos: O filtro antispam, regulado automaticamente,
Pontos negativos: Andou saindo do ar nos últimos adora dar falsos positivos, o que o inutiliza. Por falar em spam,
meses, o que levou os usuários ao pânico extremo. basta abrir uma conta no Hotmail para atrair uma série deles.

40 locaweb
MSXGoogle:W2008 1/10/2009 18:17 Page 41

//GOOGLE CHROME OS, SISTEMA


OPERACIONAL PARA NETBOOKS
Depois de muito se especular, o
Google anunciou oficialmente o
desenvolvimento de um sistema
operacional, o Chrome OS.
Inicialmente voltado a netbooks que
têm como uso, em especial, o acesso
à web, o OS será baseado em Linux e,
aparentemente, é uma ampliação do
Android, sistema do próprio Google
voltado a equipamentos portáteis. Por
enquanto, não há muito detalhes
técnicos além disso, mas estima-se
que o Google fará um sistema de
código aberto até o final de 2009. O
OS, baseado em desenvolvimento
Gtalk x Live Messenger cloud, será leve e rápido. Deve rodar
Programas de comunicação instantânea. em x86 e ARM. A base do sistema
operacional será a arquitetura do
browser Chrome, mas funcionará com
uma sucessão de janelas. Os sistemas
em “windows” rodarão sobre o
navegador que se portará sobre o
kernel Linux.

Gtalk // www.gtalk.com Live Messenger // www.msn.com


Pontos positivos: Leve, o software tem Pontos positivos: Em seu segmento,
interface limpa e garante excelente popularidade é tudo. É garantia de que seus
qualidade nas chamadas de voz. amigos o tem e, por isso, você irá usá-lo.
Pontos negativos: Tem poucos usuários. Pontos negativos: É pesado, tem anúncios
De nada adianta usá-lo se os seus amigos demais e não permite customização, como
não instalam o programa. boa parte dos programas da MS.

Web 2.0
Ambas as empresas têm serviços como publicador de blog e sites de relacionamento.

Orkut // www.orkut.com
YouTube // www.youtube.com Live Spaces // home.spaces.live.com
Blogger // www.blogger.com Pontos positivos: Centraliza sob uma única interface diversos
Pontos positivos: Serviços independentes que se completam. serviços diferentes, o que facilita o acesso do usuário. Por ter a
São os líderes do mercado em seus respectivos segmentos mesma cara padronizada, é mais simples de operar.
Pontos negativos: Eventualmente, apresentam lentidão ou Pontos negativos: Ainda não se tornou muito popular no Brasil e,
saem do ar por causa do excessivo número de usuários. por isso, o conteúdo em português é pior que o do concorrente.

locaweb 41
Design:W2008 16/9/2009 19:21 Page 42

designweb
Navegar e
interagir
Projetos de design para a web,
comerciais ou experimentais,
recorrem cada vez mais à
interatividade com o usuário
para proporcionar novas formas
de contato online
Por Luciano Delfini

S
e depender da criatividade dos profissionais multimídia e
das ferramentas colocadas à disposição de designers
cheios de ideias, boas ou nem tão boas, os limites que
separam o usuário de uma plataforma da web estarão cada vez
mais estreitos. Um dia já se imaginou que um site sem um
projeto de design seria mais ou menos como caminhar em um
território árido, sem vida. Hoje, porém,
111 miligramas \\
ficar só na contemplação estética de um Site do designer
desenho, uma imagem ou uma Victor Antonio Leão
ilustração não satisfaz usuários mais (www.111miligramas.com),
que aponta que a
interessados em novas formas de contato complexidde interativa tem
com a internet. Tampouco preenche as de estar aliada à estratégia
expectativas de projetos digital de cada projeto
comerciais que buscam
oferecer experiências online
inovadoras vinculadas às
suas marcas e produtos.
Nesse contexto, o que está
em jogo é a interatividade
ao alcance do internauta e
dos objetivos de cada
plataforma que “povoa”
a internet.

42 locaweb
Design:W2008 16/9/2009 19:21 Page 43

Design

Ao lado \\ No endereço dontclick.it, é


possível navegar pelo site sem clicar no
mouse. Depois, basta responder a enquete
dizendo se sentiu ou não falta do clique

Abaixo \\ As novas formas de interação com o


conteúdo tornam cada vez mais ricas as
experiências interativas até mesmo em áreas
consideradas tediosas, como infográficos de
jornais como o New York Times

Ao desenvolver um projeto para a algumas sugestões de links na


web, o designer Victor Antonio Leão * Não adianta mais próxima página). Isso, sem contar os
(www.111miligramas.com) conta que apenas contemplar a projetos experimentais, sem interesses
não faz distinção de um trabalho “com estética de uma imagem comerciais, muitos deles pioneiros
ou sem” interatividade. “Considero a investirem em propostas de
todos os projetos interativos, alguns
ou ilustração. O que está experiências interativas. Em
com muitos níveis de interação e em jogo é a interatividade dontclick.it, por exemplo, o visitante
respostas a comandos do usuário e ao alcance do internauta experimenta navegar pelo site sem
outros com interatividade restrita à clicar no mouse – tem até enquete
contemplação ou informação visual”,
e dos objetivos de para saber sua opnião.
explica. Ele esclarece que, no processo cada plataforma que Em um universo baseado em
de criação, a quantidade e a “povoa” a web tecnologia, Victor acredita que o
complexidade dessas interações são aperfeiçoamento das ferramentas de
oferecidas de acordo com a de interação na web. Para Victor, a desenvolvimento para web e as novas
necessidade de cada projeto e vantagem está no fato de uma formas de interação com o conteúdo
devem estar aliadas à estratégia empresa poder vincular-se a um tornam cada vez mais ricas as
digital empregada em cada caso. modelo diferente de interatividade. experiências interativas, chegando a
“A experiência do usuário e a facilidade “O crescimento em relação à aceitação áreas até então consideradas tediosas.
com que ele aprecia e interage com o de um projeto que possui uma “Um bom exemplo são os infográficos
conteúdo são sempre colocadas no experiência interativa bem produzida e do jornal norte-americano The New
centro dessa estratégia”, ressalta o interessante é quase natural, e as York Times (www.nytimes.com//
designer, concluindo que é muito difícil vantagens podem ser infinitas.” Em sua interactive/ 2009/07/31/business/
optar por um determinado modelo se experiência profissional, o designer diz 20080801-metrics-graphic.html) ou a
não estiver bem claro qual é o objetivo que as áreas que mais se valem de campanha-enquete Own Your C
de um projeto. níveis distintos de interatividade são as (www.ownyourc.com)”, cita o designer.
Com a proposta de seduzir o de projetos publicitários promocionais, Mas toda essa interação não se
usuário visual e interativamente para sistemas de entretenimento como limita ao entretenimento. A
tornar popular seu produto ou sua hotsites de lançamento de filmes e interatividade pensada a partir de
marca, o segmento corporativo é o games, e portfólios de agências uma perspectiva de colaboração do
que mais vem apostando em de design, fotografia e também de usuário pode multiplicar a aceitação
ferramentas que oferecem experiências desenvolvimento para a web (veja de um produto ou de uma marca.

locaweb 43
Design:W2008 1/10/2009 18:19 Page 44

Design Alguns links com experiências


interativas sugeridos pelo
designer Victor Antonio Leão
Gerais
• waterlife.nfb.ca
• www.light-the-dark.org
• www.sonacom.fr
• www.mono-1.com/monoface/main.html
• www.nike.com/sportswear/collections/fall09
• www.iamalwayshungry.com
• www.red-issue.com

Com óculos 3D
• www.bubblewood.com/index_fr.htm
• 70.40.198.111

Web application
• www.hobnox.com/audiotool.1046.en.html

Experimentais
• yugop.com
• lab.mathieu-badimon.com

Webcam
• www.andreaslutz.com
A nova cara da internet \\ O estúdio sueco North Kingdom (www.northkingdom.com) realiza • xfactor.talktalk.co.uk
trabalhos fantásticos de interatividade por meio de games, webcam e realidade aumentada
Vídeo interativo (360 graus)
“Os projetos estão cada vez mais Tecnologias que trazem interação para • www.yellowbirdsdonthavewingsbuttheyflyto
sociais, passando do nível apenas de filmes e vídeos também já estão makeyouexperiencea3dreality.com
entretenimento, sem participação começando a se popularizar e a
efetiva do público, para uma estrutura ganhar mais relevância em projetos Portfólios
• www.thetoke.com
mais aberta à colaboração. O resultado para a web. “Serviços, jogos e
• www.varywell.com
é a construção de uma linguagem aplicativos online também merecem • www.sectionseven.com
visual própria na web, que ficará destaque, já que permitem uma
vinculada a um determinado produto, interação complexa, próxima à de um
serviço ou marca”, conta Victor. Como aplicativo desenvolvido para sistemas Na opinião de Victor, o mais
casos dessa experiência colaborativa, o operacionais”, acrescenta o designer. interessante nessas propostas é
designer menciona a grife de roupas Nesse contexto, Victor aponta a perceber a capacidade de controle de
japonesa Uniqlo (www.uniqlo.com), a webcam como o dispositivo que mais imagens e elementos gráficos ,com
fabricante sueca de móveis Ikea tem sido explorado e se popularizado movimentos captados pela câmera
(www.ikea.com) e a marca de vodca para oferecer essa interatividade com ou com reconhecimento facial
Absolut, também da Suécia, que sites. O que se tornou bastante (www.bannerblog.com.au/news/2009/
dispõe de uma versão brasileira de seu conhecido nos últimos meses, 06/35_awesome_augmented_
site (www.absolut.com/br). também lembra o designer, é a reality_examples.php).
tecnologia Realidade Aumentada Entre tantos casos de projetos de
Webcam (www.realidadeaumentada.com.br), interatividade para web, Victor
Ao pensar em ferramentas e formas que sobrepõe elementos virtuais reconhece que é difícil eleger os
de interação, Victor reflete que tudo é tridimensionais, gerados por melhores. Ainda assim, o designer
fruto do próprio desenvolvimento de computador, a ambientes reais, e tem sugere uma visita aos trabalhos do
projetos para a web, sobretudo no que sido muito explorada para se fazer estúdio sueco North Kingdom
diz respeito à programação. “A publicidade na web. A construtora (www.northkingdom.com) e do Group
evolução das linguagens, como o Tenda, por exemplo, aplica a 94 (www.group94.com), da Bélgica. E
Papervision (plugin para o Adobe Flash tecnologia para simular o ambiente isso, afirma ele, levando em conta que
que simplifica o trabalho com 3D – de um imóvel (www.tenda.com/ra). sua abordagem passou apenas pelo
www.papervision3d.org/blog. Uma procurada no YouTube pelo princípio da interação mais visual, de
papervision3d.org), aliada a uma termo “augmented reality” é o navegação em si. “Se partisse para uma
banda larga mais rápida e a micros bastante para conhecer várias análise da interação mais subjetiva,
mais potentes, está tornando as experiências (www.youtube.com/ aquela que envolve o conteúdo e a
experiências interativas visualmente watch?v=ZKw_ Mp5YkaE), a maioria relação entre as linguagens, daria para
mais complexas e mais intuitivas”. narrada em inglês. escrever um livro de sugestões”.

44 locaweb
artigo_rene_design:W2008 1/10/2009 18:20 Page 45

opinião/articulista

design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
@renedepaula
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula

Ilustração//Alexandre Dias (Nani)


O avesso do Twitter
Por que o microblog faz tanto sucesso? Muito provavelmente
porque proporciona a equação software + serviços na veia
Avesso é uma palavra engraçada. Avesso pode E, convenhamos, em torno do twitter criou-se uma riqueza
significar, por um lado, “o lado de dentro”, mas por extraordinária de aplicações, mash-ups, serviços, ideias. No
outro também quer dizer rejeição por alguma coisa. Pense meu smartphone, eu tenho um aplicativo bem bacana
em algo tipo: sou avesso a usar calças do avesso. chamado Pocketwit, que me permite acompanhar N contas,
Ok, ok, tudo tem dois lados sempre, você sabe disso. fazer upload de fotos, encurtar URLs etc. No meu laptop, eu
E eu te pergunto: quantos lados tem um círculo? Dois lados uso um RIA feito em Silverlight 3, que me permite
também: o de dentro e o de fora. Essa, aliás, é uma boa acompanhar N contas, N buscas no twitter e roda fora do
maneira de parar de andar em círculos: dar um passo para browser como uma aplicação. Eu tenho amigos que usam N
trás, sair do senso comum e virar a questão do avesso. outras alternativas nos seus PCs, macs, iPhones.
Pensemos no Twitter. Convenhamos, quanto tempo faz Software + serviços na veia, mobile, no desktop ou no
que não aparecia uma solução capaz de tanto barulho laptop. A última coisa que eu uso para twittar, aliás, é a
assim? Não tem uma revista, telejornal, evento, palestra... página web do serviço: é pobre demais, me obriga a estar
que não rasgue seda pro Twitter. Viremos o twitter então do num browser, num computador... Escolha é tudo, e poder
avesso. O que vemos? Não, não, não quero falar de escolher a experiência que mais me convém é genial.
programação nem de arquitetura, não mesmo. Quero falar Eu sempre digo: a tecnologia mais fascinante é... gente.
de gente. Por que pessoas e empresas e geeks e leigos estão E se prestarmos atenção naquilo que as pessoas estão
abraçando o twitter com tanto fervor, mesmo gente que adotando em massa, acho que vamos aprender muito.
nunca assinou um RSS nem criou um blog? Pense bem, em Uma coisa não muda: pessoas querem definir o que,
termos técnicos, twitter não tem nada demais. Claro que, na quando, onde e como querem ver. Tolher qualquer uma
medida em que o público cresce exponencialmente, deve ser dessas coisas é um tiro no pé. O Twitter vem permitindo
desafiador dar conta do vai e vem de mensagens. Mas, fora tudo isso: eu escolho o software que eu quiser no hardware
isso, a solução em si é de uma simplicidade franciscana. que eu quiser para usar o serviço onde e como e quando eu
É esse o avesso do twitter então, pessoas felicíssimas com quiser. E eu sigo quem eu quiser, também. E é nessas horas
a pobreza total? Eu sei que essa conclusão agradaria aos xiitas que a gente vê que internet vai muito além de web, e que
do “less is more”, mas para mim a história é outra: twitter é a as novas experiências mais promissoras e legais são
prova de que, parodiando Joãozinho Trinta, quem gosta de aquelas com a cara da gente. Mesmo para esse twitteiro
miséria é desenvolvedor, usuário gosta mesmo é de luxo. (@renedepaula) aqui que adora virar as coisas do avesso.

locaweb 45
Cloud:W2008 16/9/2009 19:31 Page 46
Cloud:W2008 1/10/2009 18:24 Page 47

Tecnologia

Entenda como funciona, na prática, a computação em nuvem e


saiba como essa tecnologia já está mudando a sua vida pessoal e
também a trajetória de sua empresa em um futuro bem próximo
Personalizado \\
Por Sérgio Vinícius Planos dedicados já
existem para que os
serviços, embora
dentro da “nuvem”,

A
definição exata do que é cloud computing sejam altamente
ainda está longe de ser unânime. Nomes como personalizados para
Tim O'Reilly, profeta da web 2.0, Dan Faber, atender às demandas
das empresas
editor-chefe do conceituado site de tecnologia CNet, e
Matt Mullenweg, co-fundador do Wodpress, por exemplo,
têm explicações bastante diferentes a respeito do que é a
“computação em nuvem” (como pode ser visto neste
vídeo: http://www.youtube.com/watch?v=6PNuQHUiV3Q).
Mas, se é difícil encontrar uma frase exata para
expressar o que é cloud computing, exemplos podem
ajudar a compreender do que se trata esse modelo de
computação na qual gigantes da tecnologia ao redor do
mundo, como Google, Amazon, IBM e Locaweb, investem
maciçamente para contemplar pessoas físicas e empresas.
Esta reportagem foi preparada para que você tire todas as
suas dúvidas sobre o assunto.

Cloud para
o usuário final
* O modelo
Grosso modo, o cloud
computing é um modelo de
tecnologia que transfere o
de negócios Pioneira \\ A Locaweb é uma das primeiras empresas do Brasil a investir na
tecnologia que mudará a forma com que as pessoas lidam com computadores
processamento de aplicações permite que
para um servidor remoto. as empresas acessáveis via browser. O Google Docs, pacote de
Essas aplicações ficam escritório do Google, é 100% online e trata-se de um
disponíveis pela internet e
ofereçam exemplo perfeito do que o cloud computing pode fazer.
são acessadas via browser. softwares 100% Com essa migração maciça de softwares alojados
Um exemplo prático são online aos atualmente em PCs para servidores remotos, as máquinas
os serviços de webmail, dos usuários finais poderiam ser menos robustas, ter HDs
como os oferecidos pelo
usuários, que menores e baixo poder de processamento, já que o trabalho
Gmail ou pelo Yahoo!. Para pagam pelos pesado ficaria com a empresa que oferece o serviço. Isso
acessá-los, basta um serviços de seria a substituição do conceito de software como programa
navegador conectado à web. por um serviço contratado via demanda. Esse modelo de
A menor parte do
acordo com negócios permite que empresas ofereçam softwares 100%
processamento dos dados a demanda online aos usuários, que pagam pelos serviços. Assim, o
fica por conta do PC. A maior usuário não precisa mais, por exemplo, realizar upgrades ou
parte, com os servidores do Google ou do Yahoo!. se preocupar com backups ou formatações do OS, que
Entretanto, o cloud computing visa levar às últimas devem ser realizados de vez em quando. E se você acha que
consequências essa transferência de processamento. Em isso só ocorrerá em um futuro muito distante, é bom saber
vez de editores de texto ou aplicativos de planilhas que empresas como Locaweb, Amazon, AT&T, Dell, HP, IBM,
ficarem instalados no computador do usuário e rodarem Intel, Microsoft e Yahoo!, em um período pouco maior do
de forma local, a nova tecnologia permite que eles que um mês, informaram que estão investindo pesado
passem a ser alojados em servidores remotos e sejam nessa tal “computação em nuvem”.

locaweb 47
Cloud:W2008 1/10/2009 18:29 Page 48

Tecnologia

Além do apelo da praticidade, há ainda dois pontos * O cloud computing é um modelo de


bastante atrativos que resultam da aplicação da tecnologia que transfere o processamento
tecnologia. Como os aplicativos são baseados na web e
processados remotamente, quem dá o tom da
de aplicações para um servidor remoto.
velocidade da “máquina” é a conexão de banda larga Essas aplicações ficam disponíveis pela
e o próprio servidor remoto. A segunda vantagem é internet e são acessadas via browser
que os trabalhos realizados no PC podem ser
recuperados e acessados de qualquer lugar. E é aí que instável, tornando a exibição dos filmes lenta.
entra a questão do cloud computing sob o ponto de Por ser cliente cloud, basta contratar mais “poder
vista empresarial. de processamento e memória” junto à Locaweb, que
“abre a torneira” e garante que os vídeos sejam
Cloud computing para empresas reproduzidos sem travarem.
Sob o prisma das empresas, o cloud computing Se, meses depois, as visitas de ABC voltarem
permite a contratação de serviços sob demanda. ao estágio inicial, basta diminuir a capacidade de
A Locaweb implementa, por exemplo, um modelo de processamento. E, caso as visitas aumentem ainda mais e
serviços associado à tecnologia que permite ao cliente a ABC se torne uma mega empresa de comunicação, é
contratar recursos de processamento, espaço em disco e possível recorrer a um plano cloud dedicado, em que os
memória, de acordo com as suas necessidades. serviços são completamente personalizados, mas ainda
Dessa forma, o cloud computing evita que empresas assim distribuídos em uma “nuvem privada”. Trata-se do
e pessoas comprem e mantenham uma batelada de private cloud, que a Locaweb já oferece.
computadores e softwares. Além de ser muito mais
vantajoso financeiramente, terceiriza preocupações: a Origem do nome
tecnologia básica fica a cargo do provedor do serviço, De acordo com pesquisas do grupo Gartner,
enquanto o cliente foca em suas tarefas produtivas, em especializado em TI, “cloud computing” será uma das
seus negócios. três expressões mais usadas nos próximos cinco anos.
Em um exemplo prático, suponha-se que a empresa Ao que tudo indica, pelo porte dos investidores e
ABC, hospedada na Locaweb e com um plano de cloud pela recepção dos usuários, é bem possível que a
computing, mantenha um site em que ofereça e-mail, computação em nuvem entre no dia a dia dos usuários
vídeos online e suporte a blogs. Tudo vai bem, com antes mesmo de 2014, mesmo que muitas pessoas
visitas constantes e sem grande variação. Entretanto, de sequer saibam de sua existência. E, se esse for o caso, é
uma hora para a outra, o canal de vídeos da ABC ganha de bom-tom saber ao menos de onde surgiu a
destaque em algum veículo de mídia e o número de expressão cloud computing.
visitantes aumenta de forma a tornar a página de vídeos É simples: na maior parte dos diagramas de
arquitetura de tecnologia, a internet
é representada por uma nuvem. O
termo cloud computing deriva
dessas representações gráficas.
E mais: a expressão se popularizou
quando se adicionaram novos
computadores para rodar aplicações
ou softwares distribuídos.
É possível também analisar o
termo sob a ótica de seu poder. A
Locaweb, por exemplo, indica que,
como esse tipo de computação está
tão acima das outras, nada mais
apropriado de chamá-la de
“computação nas nuvens”.

O futuro já chegou \\ As informações


migrarão dos HDs pessoais para grandes
servidores espalhados pelo mundo por grandes
empresas, como IBM, Amazon, Dell e HP

48 locaweb
artigo_loca:W2008 2/10/2009 14:46 Page 49

opinião/articulista

e-business
Alexandre Bacci
Supervisor de Vendas
da Locaweb
alexandre.bacci@locaweb.com.br

Na Locaweb, o seu
atendimento é especial
Papel do gerente de contas vai além de oferecer produtos e
engloba abordagens profundas em relação aos anseios do cliente
Mais do que oferecer produtos pura e cliente, entre eles suporte via telefone e atendimento
simplesmente, as empresas que desejam vencer via chat, e-mail e helpdesk. Além disso, a Locaweb
no mundo competitivo de hoje precisam desenvolver oferece em seu site um serviço wiki para encontrar
um relacionamento diferenciado com o cliente. Afinal, respostas às questões referentes aos serviços prestados,
as demandas cada vez mais estão migrando da área da que pode ser conferido em www.locaweb.com.br/wiki.
produção, na qual tudo se assemelha, para a dos Dentro desse cenário, o GC é capacitado para
serviços, em que uma simples conversa ou uma dimensionar soluções junto ao cliente, montar um
abordagem profunda e personalizada em relação aos panorama ideal para atender às demandas solicitadas e
anseios do cliente costumam fazer a diferença. entender quais serviços oferecidos pela Locaweb
É exatamente nesse cenário que se insere a figura do agregam valor a cada tipo de negócio, de maneira a
gerente de contas. Na Locaweb, por exemplo, quem personalizar o atendimento. De acordo com Alexandre
exerce esse cargo atua como um “braço” direto do Glikas, diretor comercial e responsável por montar uma
cliente dentro da empresa, com responsabilidades que equipe com quase 40 profissionais na Locaweb, “o
englobam o estreitamento do relacionamento, a contato direto, mesmo no mundo da internet, é muito
apresentação da Locaweb em visitas monitoradas, o bem-vindo para ambos os lados, já que o cliente prefere
conhecimento criterioso de cada área e departamento e olhar nos olhos do representante e nós preferimos
o acompanhamento constante e pessoal das conhecer de perto o que ele faz. Assim, o gerente de
necessidades apresentadas. O objetivo é que o GC – contas pode atuar como parceiro real no negócio”.
como o gerente de contas é chamado –, visite sempre a João Batista, da BV Financeira, que trabalha com a
empresa do cliente e esteja pronto para atendê-lo assim Locaweb há três anos, reforça a tese. “Meu GC é um
que solicitado. amigo e sei que posso contar com ele sempre que
Wm nossos cartões de visita e assinaturas de e-mail, precisar, mesmo porque já precisei dele e a ajuda veio
informamos nosso telefone direto e celular. A ideia é na hora certa”.
que o cliente tenha um canal de acesso emergencial Os GCs da Locaweb atuam na divisão de Data Center
quando precisar entrar em contato conosco. da empresa, ou seja, no atendimento a clientes com
Para prestar esse serviço, os gerentes de conta da algum tipo de serviço dedicado, cloud computing
empresa têm em mãos diversos meios de acesso ao ou outsourcing.

locaweb 49
artigo_marcelo_mercado:W2008 16/9/2009 19:35 Page 50

opinião/articulista

e-business
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br

Banner blindness:
Cura nas redes socias?
Entenda por que a publicidade na internet se afasta a passos largos
dos banners e tende a cair no colo das comunidades virtuais
Pare e pense: qual foi o último banner em que você entretenimento que sejam relevantes. Uma marca deve,
clicou? E qual mensagem publicitária ele transmitia? portanto, conversar com eles. Para tanto, é preciso:
Essas duas perguntas, aparentemente simples, estão cada
vez mais difíceis de serem respondidas. Isso porque os • Entender o DNA da marca; identificar o real potencial
consumidores estão ignorando este formato publicitário. do produto; compreender em detalhes o público-alvo; usar
Chamado de banner blindness, este comportamento a rede para maximizar alcance e resultados, e estar aberto
aponta que muitas pessoas sequer olham para os banners. à interação com usuários e ao diálogo. 
O principal problema está no fato de que muitas campanhas
não são relevantes. São vistas como interrupção e, na internet, Uma última dica: diversos estudos sustentam o
o consumidor tem muitas ferramentas para filtrar o que ele crescimento e a aceitação das redes sociais. Uma curiosa
não deseja ver. Nesse sentido, as mídias sociais seriam, então, pesquisa realizada nos EUA perguntou aos entrevistados “o
uma forma adequada de criar relevância e de fazer com que as que você faria se tivesse apenas 15 minutos?”. Entre os
marcas tenham um impacto real no público? pesquisados, 28% acessariam as redes sociais e apenas 5%,
A resposta para essa pergunta exige um retrospecto: de por exemplo, jogariam videogame.
acordo com estudos realizados pelo Interactive Advertising Dentro desse cenário, podemos responder que as mídias
Bureau (IAB), os banners corresponderam a 21% do sociais são, sim, uma forma adequada para auxiliar no
faturamento total da publicidade na internet americana em diálogo com o público e para proporcionar um impacto real
2008. Esse volume de investimento, embora pareça sólido, e consistente. Para verificar isso, faça um exercício: divulgue
tende a migrar para outros formatos. Dados da Futurelab nelas um novo produto ou uma promoção interessante, por
apontam que o Return On Investment (ROI) dos banners exemplo. Tente, depois de uma hora, rastrear o alcance da
que, em 2005, era de 14%, passou para 10% em 2007. mensagem. A replicação do que foi dito vai te surpreender.
Em contrapartida, o retorno de ações como Search Engine Pessoas acreditam em pessoas e propagam o que
Optimization migraram de 33% (2005) para 57% (2007). acreditam. No contexto do banner blindness, agilidade,
Mas, quais as razões dessa tendência? A resposta é interatividade e criatividade, portanto, não têm limite. Só não
simples: o consumidor quer acessar conteúdo, serviço e vale ficar cego para o que realmente dá certo.

50 locaweb
205 X 275 novo:Layout 1 16/9/2009 16:33 Page 1
Case:W2008 1/10/2009 18:30 Page 52

caseslocaweb
Prazer de dirigir
Agência Grafikonstruct desenvolve site para o Mohave, novo modelo
da Kia Motors, e leva à internet o conceito de test-drive virtual
“Esta ação de cross-media 1,91 m de altura. O modelo
entre televisão e web é uma tem capacidade para
maneira de integrarmos o acomodar até sete
real com a ficção. É uma passageiros com conforto.
nova forma de lançar um Com acabamento
produto que envolve luxuoso, unido com
entretenimento e prazer”, equipamentos confortáveis
comenta Rodrigo Teco, e de segurança, como
diretor do projeto. airbags frontais e laterais
O estúdio Grafikonstruct que se armam em forma de
é focado em projetos cortina na lateral do carro,
interativos e mídia digital. protejendo as três fileiras
A empresa é um espaço de de bancos, o Kia Mohave
criação especializado no chega ao mercado em
O Mohave A plataforma web é a desenvolvimento de grande estilo. A seguir, você
(www.mohave. responsável pela ação de presença estratégica para confere mais detalhes do
com.br) é um carro merchandising que mistura empresas, marcas e site do automóvel, que une,
imponente, que acaba elementos de ficção e produtos no ambiente em uma plataforma, tanto
de chegar ao mercado realidade. Além de oferecer online. O Mohave é o carro as qualidades do carro em
pelas mãos da montadora mais detalhes do veículo, o top de linha da Kia no movimento quanto
Kia. Como estratégia site agrada por permitir um Brasil. Entre os utilitários, é detalhes interiores e
de marketing, a empresa test-drive virtual, no qual o o maior da categoria, com exteriores do design do
apostou em campanhas usuário pode pilotar o 4.88 m de comprimento e modelo da Kia.
originais e ousadas. Mohave sem sair da frente
Para a TV, o modelo foi do teclado. Isso mesmo!
veículado em horário O projeto Mohave,
nobre, na Rede Globo. Nas desenvolvido pelo estúdio
mãos de um personagem de design interativo
da novela Caminho das Grafikonstruct em parceria
Índias, o Mohave foi com a agência Mohallem
apresentado ao grande Meirelles, apresenta o
público brasileiro. Para veículo por dentro e por
complementar a estreia de fora. O usuário explora
gala, a Kia promoveu o todos os features do carro
lançamento do site do dentro de uma garagem e
automóvel, que usa e abusa depois é convidado a dirigir,
de interatividade e escolhendo cenários como Site da Grafikonstruct \\ Empresa desenvolveu a página do novíssimo
conceitos multimídia. cidade, campo ou praia. modelo Kia Mohave em parceira com a agência Mohallem Meirelles

52 locaweb
Case:W2008 16/9/2009 19:42 Page 53

O site

4
3

1 INTERIOR 3 AMBIENTES
ÜDentro do carro, o usuário ÜAntes de iniciar o passeio, o
assume os volantes e, já a partir da visitante pode escolher diversos
garagem, pode conduzir o Mohave. ambientes para pilotar, sendo os
Logo de cara, durante este primeiro mais agradáveis: a cidade,
contato, é possível conferir o luxo durante a noite, e um passeio pelo
do modelo, que esbanja conforto. interior. A qualquer momento, o
O veículo é destinado a um público motorista pode voltar para a
premium, que está atrás de garagem. Durante o trajeto, no
conforto e boa dirigibilidade. para-brisa surgem setas que
permitem ao motorista/usuário
2 CONTROLE SONORO escolher a direção que o Kia
ÜNo painel central, há o controle Mohave deve seguir. 5
de som. Durante todo o trajeto, o
usuário pode escutar músicas que 4 DETALHES
tornam a navegação - e a viagem - ÜDepois do test-drive virtual, o
mais agradável. Desde a primeira visitante pode conhecer mais 5 IDENTIDADE semelhante, fontes e imagens - o
tela do site, é possível controlar detalhes do carro. É possível ÜApesar de ser um carro que dá uma unidade a todas as
ferramentas como a transmissão acessar itens diversos, como recém-lançado, com um site iniciativas da montadora. Para ver
das músicas, permitindo que ele motorização, peças de conforto e inovador, a página do Mohave as similaridades e o conceito visual
interrompa ou dê prosseguimento outros dados que podem segue os padrões dos sites da Kia, das páginas, acesse o endereço
ao áudio da página. influenciar a compra do modelo. utilizando projeto de design www.kia.com.br.

locaweb 53
iPhone:W2008 1/10/2009 18:32 Page 54

Programação Games para iPhone

Como desenvolver
games para iPhone
A partir do exemplo do jogo da “gripe suína”, aprenda a criar games
divertidos e aplicações úteis para o telefone mais hypado do planeta

Por Guilherne Tsubota e Fábio Balancin Jogos no iPhone


Curiosamente, o iPhone se destacou muito mais

N
os últimos anos, o fenômeno iPhone não para de como um device de entretenimento do que como um
surpreender. Desde seu lançamento, em janeiro de smartphone corporativo. Hoje, a marca é surpreendente, a
2007, os números são impressionantes e chega a tal ponto de ter mais jogos desenvolvidos para o
ser incrível o hype que envolve esse celular. sistema do que que para Nintendo DS ou Sony PSP.
Parte do sucesso do iPhone vai além da marca Apple e da São mais de 20 mil títulos produzidos pela comunidade de
famosa Apple Store, a loja online de venda de aplicativos e desenvolvedores ao redor do mundo.
jogos para iPhone. O equilíbrio que a turma do Steve Jobs Isso se deve à facilidade de desenvolvimento na
conseguiu entre usabilidade, praticidade, tamanho físico, plataforma. Enquanto existem inúmeras restrições gráficas,
capacidade de processamento e facilidade no tecnológicas e financeiras para as plataformas concorrentes,
desenvolvimento de aplicativos gerou o que chamamos de a Apple inovou o seu modelo de negócios ao garantir que,
"ecossistema do iPhone", com consumidores e com apenas US$ 99, um computador Apple e um iPhone,
desenvolvedores de aplicativos pelo mundo todo. qualquer um possa desenvolver um aplicativo e colocá-lo na
Fazer parte desse mundo é fácil. A Apple oferece uma gôndola de produtos voltados ao consumidor final. Para
série de ferramentas para o desenvolvedor trabalhar fazer parte desse time, a primeira etapa é perceber um nicho
aplicativos ou jogos. Entre elas, podemos citar o ambiente de mercado e planejar o tipo de aplicativo. A seguir,
de desenvolvimento X Code e o SDK para iPhone. mostraremos o que fazer para criar, no caso, um game.

Burocracia Qual jogo faz sucesso no iPhone?


Obviamente existem algumas premissas: este A resposta mais provável são os jogos de grife dos grandes
ambiente de desenvolvimento só funciona em Mac OS X. estúdios. Porém, aí está a mágica do iPhone, os jogos
Para publicar um software na Apple Store, é necessário casuais indies têm alcançado um sucesso considerável entre
um registro e o pagamento da taxa de US$ 99, caso você os consumidores. Muita coisa é descartável, porém é
seja pessoa física. possível encontrar jogos tão criativos ou bonitos quanto os
O registro, apesar de burocrático, é fácil e pode ser de estúdios consagrados.
feito diretamente no site da Apple no endereço
http://developer.apple.com/iphone/program. Você Então, como garantir o sucesso do meu jogo?
será convidado a criar um perfil de desenvolvedor Antes de tudo, é necessário planejamento. No caso dos jogos
no site em http://developer.apple.com/iphone/ indies, senso de oportunidade é muito bem-vindo.
program/start/register e, após isso, a efetuar o download Aproveitando um assunto que esteja na mídia, o apoio das
do SDK com o X Code. mídias sociais e o velho e bom boca a boca, um jogo pode
Com o perfil de desenvolvedor, você já consegue alcançar uma posição relevante na Apple Store. Para
iniciar os trabalhos, porém, apenas com o registro é que exemplificar, vamos criar um jogo sobre a gripe A, ou H1N1,
será possível testar o seu aplicativo em um iPhone ou mais conhecida como “gripe suína”. Além de ser um assunto
publicá-lo. A instalação do SDK no Mac OS X é fácil, recente, porcos são animais cômicos, ideais para fazer jogos.
totalmente integrada ao sistema e sem a necessidade Podemos também enobrecer a causa elucidando algumas
de inúmeras configurações. Praticamente é fazer o questões sobre a doença entre as fases do jogo.
download, clicar e usar.

54 locaweb
iPhone:W2008 16/9/2009 20:09 Page 55

Programação Games para iPhone

Need for Speedy \\ Com restrição ao número


de botões, se comparado a um console, a
versão do iPhone usa as características do
aparelho para gerar boa jogabilidade

termômetro na boca, você deve


clicar na pílula e arrastá-la até ele.
Se você já fez o seu cadastro
de desenvolvedor iPhone na
Apple, efetuou o download e
instalou a SDK com o X Code, está
na hora de começar.

Projeto no X Code
Para criar algo com a SDK do
iPhone, devemos iniciar um novo
projeto no X Code. No nosso caso,
vamos desenvolver um novo projeto
do tipo “View-based Application”, que
possui o básico para o nosso sistema
funcionar sem problemas. Vamos
Controles na tela nomear o projeto de PigGame. Jogos normalmente possuem
Depois de definir o título, é importante pensar que, ao grande quantidade de animações e operações simultâneas,
mesmo tempo em que a tela multitouch do iPhone é uma como movimentação de cenário, personagens, trilha sonora,
vantagem, ela pode se tornar um problema em alguns regras do jogo, efeitos visuais e muito mais. Por isso, ele
jogos. Como exemplo positivo, é possível citar o Need for precisa ser bem estruturado para que gaste o mínimo de
Speed, da EA. Trata-se de um dos melhores jogos de memória possível.
simulação de corrida já criados e sua adaptação para o Existem diversas técnicas de desenvolvimento e
iPhone foi extremamente inteligente e divertida. Com programação de games digitais, porém, neste artigo,
restrição à quantidade de botões, se comparado a um não vamos aprofundar esse conhecimento. Vale a pena
console, a versão do iPhone usa as características do lembrar que é interessante manter um controle de todas
aparelho para garantir a boa jogabilidade. as ações do jogo. Para isso, uma boa dica é criar uma classe
Para dirigir o carro, basta movimentar o celular como se centralizadora que chamamos de Unit e um intervalo de
fosse um volante. Acelerador? Esqueça, ele acelera e troca as tempo que vai controlar todas as ações do jogo que
marchas automaticamente. Quer usar o freio? Basta tocar podemos nomear de mainLoop.
em qualquer lugar da tela. Acionar o nitro é também muito Antes de começarmos a codificar, vamos fazer o
fácil, sendo necessário que você arraste o seu dedo para download do projeto em seu repositório no link
cima duas vezes na tela. Os comandos são simples para que http://www.europanet.com.br/download/locaweb.
o jogador mantenha o foco na história do jogo.
Outro game interessante é o Assassin’s Creed, da Ubisoft.
Para suprir a falta de controles físicos na tela do iPhone,
foram criados botões digitais, como um direcional que
serve para executar ataques e ações diversas. FIFA e
Megaman também contam com esse tipo de solução.
É notório que esses controles digitais não são tão
confortáveis como os controles do Nintendo DS ou do Sony
PSP, porém é uma solução plausível para o iPhone.
No caso do Jogo da Gripe Suína, vamos criar uma
dinâmica mais fácil e intuitiva. Ele é um casual game e,
como tal, deve ser rápido e fácil de brincar. O desafio
não deve ser deixado de lado. Aqui, é necessário dar o
remédio para o porquinho doente, enquanto o tempo Assassin`s Creed \\ Foram criados botões digitais para solucionar a falta de
não termina. Quando o porquinho aparecer com um controles físicos, como um direcional que é usado para ataques e outras ações

locaweb 55
iPhone:W2008 16/9/2009 20:09 Page 56

Programação Games para iPhone

Após descompactar o arquivo, coloque as imagens do Considerando que todas as classes no Cocoa Touch
projeto e as copie para a pasta “resources”. Essas imagens devem possuir um header e uma implementação, para a
serão usadas no jogo. Para os sons e efeitos sonoros, vamos classe do Grid usaremos o seguinte código:
importar um novo framework chamado “Audio Toolbox”,
que será responsável por essa tarefa. //Grid.h
Para isso, vá ao ícone targets do seu projeto, clique nele e #import <Foundation/Foundation.h>
depois clique novamente com o botão direito no nome do #import <AudioToolbox/AudioToolbox.h>
seu projeto. Escolha a opção “Get Info”. Na aba “General” #import "Pig.h"
existem as “Linked Libraries”. Pressione adicionar a “Audio #import "Pill.h"
Toolbox Framework”. @interface Grid : NSObject {
É importante observar se a versão do SDK é a mesma da NSMutableDictionary* pigsDict; //Matriz onde
suportada por esse framework. Com isso, podemos colocar a ficarao armazenados os objetos dos porquinhos
mão na massa em nosso código. int mainTime; //tempo de jogo
UIView* view; //palco
O Jogo UILabel* deadsLabel; //campo de texto das mortes
Primeiramente, vamos pensar no esquema do jogo. UILabel* timeLabel; //campo de texto do tempo
Serão diversos porquinhos divididos em três linhas e int timeCounter; //contador de tempo
três colunas. Para mantê-los saudáveis, precisamos clicar e int deads; //numero de mortes
arrastar uma pílula até eles enquanto o tempo não acaba. NSTimer* mainLoop; //controlador principal de
Baseados nessa pequena abstração da loop do jogo
funcionalidade do jogo, temos três classes principais: SystemSoundID up_life; //referencia do som que
• A classe Grid, que será a nossa classe para criar toda sera usado
essa dinâmica, }
• A classe Pig, responsável pelas ações do porco, -(void) mainLoop; //metodo do mainloop
• A classe Pill, responsável pela pilula. -(void) initWithView:(UIView*)viewScene;
//metodo que sera chamado pelo arquivo principal
Você precisa criar em seu projeto essas 3 novas classes, @end
Grid, Pig e Pill. Para isso, siga as instruções abaixo:
• Grid (File > New File > Objective-C Class //Grid.m
extendendo UIView), #import "Grid.h"
• Pig (File > New File > Objective-C Class @implementation Grid
extendendo UIView), -(void) initWithView:(UIView*)viewScene {
• Pill (File > New File > Objective-C Class //Diretorio que se encontra o som
extendendo UIView). NSString *sndPath = [[NSBundle mainBundle]
pathForResource:@"squeeze-toy-2"
Ao final você deverá ter a seguinte estrutura: ofType:@"wav"];

//Referencia do caminho do som


CFURLRef sndURL = (CFURLRef)[[NSURL alloc]
initFileURLWithPath:sndPath];
//Criando objeto do som
AudioServicesCreateSystemSoundID(sndURL,
&up_life);

//Setando o numero de mortes para 0


deads = 0;
//recebendo o palco
view = viewScene;

//Configura textos iniciais


deadsLabel = [[UILabel alloc]
initWithFrame:CGRectMake(20, 75, 190, 30)];

56 locaweb
iPhone:W2008 16/9/2009 20:09 Page 57

Programação Games para iPhone

deadsLabel.font = [UIFont fontWithName:@"Arial" Pill* pill = [[Pill alloc]


size:20]; initWithImage:pillImage];
deadsLabel.backgroundColor = [UIColor pill.pigsDict = pigsDict;
clearColor]; pill.up_life = up_life;
deadsLabel.textAlignment = UITextAlignmentLeft; pill.userInteractionEnabled = YES;
deadsLabel.text = @"(0) porcos perdidos"; pill.frame = CGRectMake(20, 350,
[viewScene addSubview:deadsLabel]; pillImage.size.width, pillImage.size.height);
timeLabel = [[UILabel alloc] [viewScene addSubview:pill];
initWithFrame:CGRectMake(20, 55, 140, 30)]; UIImage* pillIndicateImage = [UIImage
timeLabel.font = [UIFont fontWithName:@"Arial" imageNamed:@"useit.png"];
size:20]; UIImageView* pillIdicate = [[UIImageView alloc]
timeLabel.backgroundColor = [UIColor initWithImage:pillIndicateImage];
clearColor]; pillIdicate.frame = CGRectMake(pill.frame.
timeLabel.textAlignment = UITextAlignmentLeft; origin.x+pillImage.size.width+10,
timeCounter = 60; pill.frame.origin.y+5,
timeLabel.text = @"90 segundo(s)"; pillIndicateImage.size.width,
[viewScene addSubview:timeLabel]; pillIndicateImage.size.height);
[viewScene addSubview:pillIdicate];
mainLoop = [NSTimer }
scheduledTimerWithTimeInterval:1 target:self -(void) mainLoop {
selector:@selector(mainLoop) userInfo:nil //Começa contador de tempo
repeats:YES]; mainTime = mainTime+1;
pigsDict = [[NSMutableDictionary alloc] init];
//Verifica se morreram todos os porcos
//Cria referencia de imagem do porquinho if(deads == 9){
UIImage* image = [UIImage
imageNamed:@"pig_s1.png"]; //Game over
[mainLoop invalidate];
//Adiciona porcos na tela deadsLabel.text = @"Game Over !";
for(int i = 0; i < 9; i++){ } else {

Pig* imageView = [[Pig alloc] //Verifica se o tempo acabou


initWithImage:image]; if(timeCounter <= 1){
imageView.pigId = i; deadsLabel.text = [NSString
imageView.tag = i; stringWithFormat:@"Você conseguiu !", deads];
imageView.frame = [mainLoop invalidate];
CGRectMake((i%3)*image.size.width+35, ((i- } else {
(i%3))/3)*image.size.height+100, for(int i = 0; i < 9; i++){
image.size.width, image.size.height); if(![[pigsDict objectForKey:[NSString
//(i%3)*image.size.height stringWithFormat:@"%i", i]] dead]){
imageView.pigsDict = pigsDict; if([[pigsDict objectForKey:[NSString
imageView.dead = NO; stringWithFormat:@"%i", i]] life]-1 <= 0){
imageView.life = 30; [[pigsDict objectForKey:[NSString
[pigsDict setObject:imageView forKey:[NSString stringWithFormat:@"%i", i]] setDead:YES];
stringWithFormat:@"%i", i]]; deads++;
deadsLabel.text = [NSString
[view addSubview:imageView]; stringWithFormat:@"(%i) Perdidos", deads];
} } else
[(Pig*)[pigsDict objectForKey:[NSString
//Cria pilula na tela stringWithFormat:@"%i", i]] setLife:([[pigsDict
UIImage* pillImage = [UIImage objectForKey:[NSString stringWithFormat:@"%i",
imageNamed:@"pill.png"]; i]] life]-1)];

locaweb 57
iPhone:W2008 16/9/2009 20:09 Page 58

Programação Games para iPhone

} #import "Pig.h"
} @implementation Pig
} @synthesize pigId, dead;
} -(int)life {
timeCounter--; return life;
timeLabel.text = [NSString stringWithFormat:@"%i }
segundo(s)", timeCounter]; -(void)setLife:(int)s {
}
@end //Altera a imagem do porquinho para a imagem
que representa o estado atual dele
Repare que nessa classe Grid usamos os objetos life = s;
deadsLabel e timeLabel para colocar textos para o usuário. int n1 = life*100;
Um vai mostrar o número de porquinhos mortos até o int nIm = 11-(10*(n1/30)/100);
momento e, o outro, o tempo decorrido. if(nIm < 11)
Você quer vero tempo que falta para o jogo terminar? self.image = [UIImage imageNamed:[NSString
Ele fica guardado no objeto timeCounter (timeCounter stringWithFormat:@"pig_s%i.png", nIm]];
= 60) e será subtraído na função mainLoop do jogo (time }
Counter--). Assim que a operação é feita, exibimos o - (void)dealloc {
resultado em timeLabel. [super dealloc];
Repare que para mostrarmos os resultados dentro das }
UILabels nós usamos sempre um objeto do tipo NSString, @end
que é o objeto permitido para essa classe. Dessa forma,
quando temos um número inteiro, nós somos obrigados a Repare que, no porquinho, nós temos controle de vida
convertê-lo para uma NSString (stringWithFormat). restante para ele e se está morto. São as únicas propriedades
O motivo de termos criado o pigsDict nessa classe é que vamos precisar.
unicamente para ter controle depois de imprimir os E agora, a pílula:
porquinhos na tela e saber quais são as propriedades que
possuem no momento: saudáveis, doentes, morrendo, //Pill.h
vivendo etc. #import <UIKit/UIKit.h>
Nessa classe Grid, também criamos o objeto de som que #import <AudioToolbox/AudioToolbox.h>
passamos depois de criado para a classe Pill. Ela irá utilizar @interface Pill : UIImageView {
esse objeto quando você arrastar uma pílula para cima do UIImageView* pillActiveView; //objeto com a
porquinho. Essa classe, por ser a controladora do nosso imagem da pilula
tabuleiro, também define o momento do fim do jogo. Seria NSMutableDictionary* pigsDict; //matriz com
aqui que você poderia implementar, por exemplo, as fases objetos dos porquinhos
ou mensagens de vitória. SystemSoundID up_life; //objeto de som
Agora vamos à classe controladora do porquinho: }
@property(nonatomic, retain)
//Pig.h NSMutableDictionary* pigsDict;
#import <UIKit/UIKit.h> @property(nonatomic, readwrite) SystemSoundID
@interface Pig : UIImageView { up_life;
int pigId; //indice de referencia do porquinho @end
BOOL dead; //flag dizendo se o porco esta morto
int life; //vida do porquinho //Pill.m
} #import "Pill.h"
-(int)life; //retorna a vida @implementation Pill
-(void)setLife:(int)s; //altera a vida @synthesize pigsDict, up_life;
@property(nonatomic, readwrite) int pigId; - (void)touchesBegan:(NSSet *)touches
@property(nonatomic, readwrite) BOOL dead; withEvent:(UIEvent *)event {
@end
//Cria uma replica da pilula que sera arrastada
//Pig.m pillActiveView = [[UIImageView alloc]

58 locaweb
iPhone:W2008 16/9/2009 20:09 Page 59

Programação Games para iPhone

initWithImage:self.image]; Repare que, quando declaramos essa classe em


pillActiveView.frame = self.frame; Grid, nós atribuimos o valor booleano verdadeiro
[self.superview addSubview:pillActiveView]; à propriedade userInteractionEnabled para podermos
} interagir com esse objeto. Do contrário, isso não
- (void)touchesMoved:(NSSet *)touches seria possível.
withEvent:(UIEvent *)event { Os métodos pré-definidos do framework que estamos
implementando para controlar os toques do usuário na
//Move a pilula na tela tela são:
UITouch* allTouches = [touches anyObject];
CGPoint location = [allTouches (void)touchesBegan:(NSSet *)touches
locationInView:self.superview]; withEvent:(UIEvent *)event
pillActiveView.center = CGPointMake(location.x, (void)touchesMoved:(NSSet *)touches
location.y); withEvent:(UIEvent *)event
} (void)touchesEnded:(NSSet *)touches
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
withEvent:(UIEvent *)event {
Para arrastar a pílula, o melhor a fazer é implementar o
//Detecta em que porquinho a pilula foi colocada seguinte método:
ou se nao foi e deleta a pilula da tela
UITouch* allTouches = [touches anyObject]; touchMoved a linha:pillActiveView.center =
CGPoint location = [allTouches CGPointMake(location.x, location.y);
locationInView:self.superview];
if(location.x >= [[pigsDict objectForKey:@"0"] Nesta linha, estamos pegando as coordenadas do mouse
frame].origin.x && location.x <= [[pigsDict pelo objeto UITouch:
objectForKey:@"2"] frame].origin.x+[[pigsDict
objectForKey:@"2"] frame].size.width){ UITouch* allTouches = [touches anyObject];
float xPos = ceil((location.x-[[pigsDict CGPoint location = [allTouches
objectForKey:@"0"] frame].origin.x)/[[pigsDict locationInView:self.superview];
objectForKey:@"2"] frame].size.width)-1;
float yPos = ceil((location.y-[[pigsDict O objeto location retorna para você as coordenadas
objectForKey:@"0"] frame].origin.y)/[[pigsDict X e Y do ponteiro. Para removermos a pílula que
objectForKey:@"6"] frame].size.height)-1; estamos arrastando na tela, usamos o método
int pigId = xPos+(yPos*3); “removeFromSuperview”. Para inicializar o jogo, vá
if(![[pigsDict objectForKey:[NSString até o ViewController principal do sistema (PigGame
stringWithFormat:@"%i", pigId]] dead]){ View Controller) e coloque as seguintes linhas
AudioServicesPlaySystemSound(up_life); no viewDidLoad:
[[pigsDict objectForKey:[NSString
stringWithFormat:@"%i", pigId]] setLife:30]; [self.view setBackgroundColor:[UIColor
} colorWithPatternImage:[UIImage
} imageNamed:@"farm_bg.png"]]];
[pillActiveView removeFromSuperview]; Grid* grid = [[Grid alloc] init];
} [grid initWithView:self.view];
- (void)dealloc {
[super dealloc]; Agora, é só compilar e brincar!
}
@end Uma pequena observação: aqui, nós atribuímos uma
imagem de fundo para o jogo. Neste caso, usamos uma
A classe da pílula é onde podemos reconhecer em técnica parecida com background de linguagens conhecidas,
que ponto da tela está o mouse (no caso o toque do só que optamos por denominar esse esquema no método
dedo no touchscreen) com a pílula. Caso ela esteja “colorWithPatternImage”.
sobre um porquinho, ela irá curar o bichinho e um som Dessa forma, preenchemos o nosso objeto com uma
identificará a tarefa. “cor” que, na verdade, será uma imagem.

locaweb 59
iPhone:W2008 1/10/2009 18:36 Page 60

Programação Games para iPhone

Dica: Existe uma forma de


customizar o X Code para manter o
processo de debug numa janela só:
vá a X Code > Preferences > General
e depois, em Layout, selecione “All
in One”. Para isso, nenhum projeto
pode estar aberto no momento.

As classes que você criar usando a


SDK do iPhone e sua metodologia
ficarão sempre com a extensão .h para
os arquivos header e .m para as
implementações desses arquivos. Mas
que arquivos são esses? O header class
(.h) guarda a declaração com nome da
Gripe Suína \\ A interface do jogo consiste em diversos porquinhos, divididos em 3 linhas e 3 colunas;
para mantê-los saudáveis, deve-se clicar e arrastar uma pílula até eles enquanto o tempo não acaba sua classe, objetos utilizados, métodos
atribuídos, classes importadas, herança,
Usando o X Code constantes (se houverem) e as propriedades. No arquivo com
O X Code é o editor que usamos no Mac para criarmos implementações da classe, você vai guardar as instruções para
nossos sistemas com o SDK de iPhone. Ele suporta, além seus objetos e métodos declarados no header file.
do objective-c, C, C++ e Java, por exemplo. Possui uma
interface gráfica relatvamente fácil e, no caso do SDK do Dica: Uma coisa que você verá muito nos sistemas
iPhone, você pode optar por rodar no simulador ou no que utilizam a SDK é as propertys que declaram
aparelho. Além disso, pode escolher também a versão do automaticamente as funções get e set de sua classe.
OS que vai rodar neles para testar sua aplicação. Veja o exemplo:
O simulador, salvo limitações (como câmera e microfone),
é exatamente igual ao aparelho. Porém, nunca confie que @interface Pill : UIImageView {
sua aplicação está completa apenas a testando no sistema. NSMutableDictionary* pigsDict; //matriz com
Lembre-se de que o simulador está sendo executado em seu objetos dos porquinhos
computador e ele é muito mais rápido que um celular. }
Normalmente, no caso de jogos, usa-se muitos @property(nonatomic, retain)
objetos e aloca-se muitas ações na memória. Aí, NSMutableDictionary* pigsDict;
durante o teste no celular, o jogo fica um pouco lento.
Esse é o momento de melhorar a performance do No header, colocamos as instruções acima para definir o
código antes de finalizar. objeto pigsDict como uma propriedade. Depois, no mainfile
O X Code possui uma ferramenta para administrar os (.m), colocamos a linha abaixo:
aparelhos que estão ligados ao computador e que
podem ser usados para debugar sua aplicação, o @synthesize pigsDict;
Organizer. É uma ferramenta em que, além de você ver
quais aparelhos estão ligados, é possível também Essa linha fará com que você tenha dois métodos em sua
observar logs de execuções anteriores e a atual, logs do classe: o pigsDict de retorno, que irá te dar o objeto pigsDict
sistema operacional do aparelho, tirar screenshots da alocado na classe, e o setPigsDict, que pode ser usado para
tela do aparelho, e até mesmo formatá-lo. setar no lugar desse objeto um outro objeto qualquer.
Também é oferecido ao desenvolvedor uma visualização Outro recurso interessante é que você pode trabalhar
de classes com UML. Para isso, basta selecionar as classes com repositórios SVN e CVS no X Code. Em SCM >
que ele deseja visualizar nesse modo e, depois, clicar em Repositories, dá para administrar todos os repositórios em
Design > Class Model > Quick Model. uso ou até mesmo do seu projeto ativo.
Para debugar aplicações no X Code, clique na linha à qual
você deseja adicionar um breakpoint e, em vez de apenas Guilherme (fala@guilher.me) é Criador de Games e
compilar e executar, entre em Build < Build and Debug. especialista em Tecnologia Mobile.
Nessa opção, você pode acompanhar todo seu sistema pelo Fábio (balancin@gmail.com) é Engenheiro de
console (Run > Console) e pela navegação de objetos. Sistemas e Games.

60 locaweb
205 X 275 novo:Layout 1 17/9/2009 15:41 Page 1
HTML5:W2008 16/9/2009 19:56 Page 62

Programação HTML 5

Os mitos e fatos em
torno do HTML 5
O que é realidade e o que vai realmente mudar na nova versão da linguagem
de marcação usada como base para a montagem de páginas na internet

Por Felipe Magalhães do mercado, como Google Chrome, Mozilla Firefox 3.5,
Internet Explorer 8 e Safari 4, já dão suporte ao sistema,

H
á algum tempo, a World Wide Web Consortium fato que movimentou o mercado e gerou diversos mitos e
(W3C) anunciou a criação da nova versão da realidades em torno do HTML 5.
linguagem de marcação usada como base para a Até pouco tempo atrás, por exemplo, chegou-se a
montagem de páginas web: o HTML 5. O projeto começou acreditar que o XHTML (reformulação da linguagem
a ser desenvolvido após a atual edição do Hypertext HTML, combinando-a com as regras da XML) seria a
Markup Language (HTML), a 4.0.1, ter ficado obsoleta evolução da versão 4.0.1, mas o fato é que a ideia morreu
com o surgimento das aplicações RIA. Pudera, há mais de na praia. Em vez de oferecer um potencial maior para a
10 anos a linguagem não passava por qualquer tipo de linguagem, o XHTML apenas fez com que as páginas
alteração significativa. pudessem ser escritas com uma semântica definida, dando
Com o HTML 5, os desenvolvedores esperam fornecer um significado útil para cada elemento HTML.
uma experiência mais profunda de internet, fazendo Muito mais robusto, o HTML 5 promete grandes
também com que os navegadores deixem de ser meros alterações de desenvolvimento, como a inclusão de APIs
exibidores de páginas e passem a oferecer recursos mais para criação de gráficos em 2D, controle de conteúdo
interessantes. No entanto, a nova linguagem ainda está multimídia (como swf, música e vídeo embutido),
em fase de testes e a versão final tem lançamento previsto melhora na depuração de erros e aprimoramento do uso
apenas para 2012. Mesmo assim, os principais browsers em modo offline. Fora isso, a nova linguagem pretende
resolver um dos grandes problemas
enfrentados pela versão atual: o fato
de que a estrutura da página não é
algo óbvio para a máquina, pois não
existe um padrão para arquitetar o
documento indicando o que é cada
elemento. Isso geralmente fica por
conta dos atributos name e id dos
objetos, porém não há regra de
padronização para eles. Cada
desenvolvedor os descreve da
maneira que entende melhor.
É exatamente por causa disso que
os desenvolvedores do HTML 5
pretendem substituir os elementos
por algo com significado embutido,
de modo que a finalidade de cada
elemento passe a ficar nítida para
a máquina. Confira, nas próximas
Onde obter referências? \\ Quem quiser se aprofundar no assunto e obter novas informações a páginas, o que a nova linguagem
respeito do HTML 5 deve frequendar endereços como www.w3schools.com/tags/html5.asp realmente deve oferecer:

62 locaweb
HTML5:W2008 16/9/2009 19:56 Page 63

HTML 5 Programação

Algumas novidades * O HTML 5 promete alterações de


do HTML 5 desenvolvimento como a inclusão de
Tag <canvas>: A finalidade desta tag é renderizar gráficos
bidimensionais e permitir a edição de imagens por meio de API
APIs para criação de gráficos em 2D,
ou Javascript. controle de conteúdo multimídia,
melhora na depuração de erros e
Tag <header>: Serve para definir o que haverá no
cabeçalho. Atualmente, o costume é o uso de div para montar o
aprimoramento do uso em modo offline
cabeçalho, descrevendo o id como “cabecalho”, “topo” ou
qualquer coisa do tipo, de modo com que o desenvolvedor (e Tag <footer>: Define a área de rodapé do documento ou da seção.
apenas ele, não a máquina) fique ciente da utilidade daquele
item dentro do documento. Tag <audio>: Estabelece a exibição de qualquer elemento
de streaming de áudio. O funcionamento desta tag é simples,
Tag <article>: Define um artigo, uma área da página que basta dizer no atributo “src” o caminho do arquivo de som a ser
tenha formulários e/ou texto e/ou imagens que envolvam um executado. Por meio desta tag, é possível configurar se o som
mesmo tema, como área de comentários em um blog ou a área será executado automaticamente, se serão ou não exibidos os
posts de um fórum. controles de áudio (botões de play, stop e por aí vai) e quantas
vezes o áudio será reproduzido.
Tag <section>: Tem a finalidade de definir uma área dentro
da página, sendo que cada uma pode, por exemplo, conter um Tag <video>: Semelhante ao funcionamento da tag <audio>,
<h1>. O objetivo é fazer com que a semântica da página não porém com o intuito de exibir vídeos na página. Além das
se perca por existir mais de um título de nível 1 dentro do mesmas possibilidades da tag comentada acima, também será
mesmo documento. Esta ferramenta é muito útil para a possível definir uma imagem a ser exibida antes de o vídeo estar
indexação de buscadores. É bom alertar que as divs (que carregado, além da largura e altura da imagem.
atualmente podem funcionar como uma delimitadora de
seções) não deixarão de existir, mas terão seu uso diminuído e Tag <dialog>: Utilizada para descrever diálogos dentro do
passarão a ser necessárias apenas em casos específicos. documento. Dentro da <dialog></dialog>, devem ser
usadas as tags de termo de definição (<dt>) e descrição de
Tag <aside>: Engloba informações que tenham alguma definição (<dd>), sendo que a tag <dt> informa o nome
ligação com o conteúdo principal do site. Exemplo: menu, da pessoa que está no diálogo e a tag <dd> informa o que
busca, banner. esta pessoa está falando.

Semântica \\ Artigos no site Tableless


mostram que os desenvolvedores do HTML 5
pretendem substituir os elementos indicados nos
documentos por algo com significado embutido,
de modo que a finalidade de cada elemento
passe a ficar nítida para a máquina

locaweb 63
HTML5:W2008 16/9/2009 19:56 Page 64

Programação HTML 5

Tag <figure>: Sabe quando lemos um


livro e vemos em meio ao texto o
seguinte dizer: “Figura 1.3”? Esta tag é
usada para agrupar elementos como
ilustrações, imagens e fotos, dessa
maneira, permitindo a aplicação de uma
legenda por meio da tag <legend>.
Para linkar o texto à imagem sobre a qual
ele faz citação, basta colocar um link
(<a>) com o atributo href apontando
para “#idDaFigure”, por exemplo: Para
<figure id=”1”>...</figure>, use <a
href=”#1”>...</a>.

Tag <datagrid>: Define uma lista de


dados selecionáveis, exibida em uma
estrutura de árvore (tree-list). Permite
configuração para selecionar um único
Tags \\ Entre no endereço www.quackit.com/html_5/tags para conferir outras tags interessantes que
ou múltiplos itens. devem ser inseridas na nova versão da linguagem de marcação, com previsão de lançamento para 2012

Tag <datalist>: Esta tag deve ser utilizada juntamente a um


<input> para descrever quais itens fazem parte da lista de * O HTML 5 deve resolver um dos
itens selecionáveis. Para atrelar uma datalist a um input, basta grandes problemas da versão atual: o fato
informar o id da datalist no atributo “list” do input, por exemplo: de que a estrutura da página não é algo
<input id="uf" list="estados" /><datalist óbvio para a máquina, pois não existe
id="estados">...</datalist>
um padrão para arquitetar o documento
Tag <mark>: Utilizada para fazer um realce (colocando uma indicando o que é cada elemento
cor de fundo) em um determinado trecho de um texto, a fim de
dar certo destaque. Tag <input>: Esta é uma velha conhecida, mas vem cheia
de novidades. Por meio do atributo “form”, podemos definir a
Tag <meter>: Usada para indicar conteúdo referente à qual ou quais formulários o item pertence. Também será
medida. Por exemplo, o trecho <meter min="0" max="200" possível configurar qual conteúdo será exibido assim que o
value="12" title="millimeters">173 mm</meter> só formulário for enviado, e dizer se um campo é obrigatório ou
permitirá que o conteúdo entre a tag <meter> seja um valor não por meio do atributo “required”. Surgem também novos
entre o descrito no atributo “min” e no “max”. tipos de input, como date, datetime, datetime-local, email,
month, number, range, time, url e week.

Tag <command>: Define um botão de comando, que


pode ser radiobutton, checkbox ou button. Na versão atual,
todos esses itens são definidos por meio da tag <input>.
No HTML 5, eles foram agrupados em uma tag diferente,
exatamente por não serem renderizados como campos de
texto (que é funcionalidade da tag <input>). Será possível
indicar, via url, um ícone para o <command>.

Tag <details>: Esta tag tem por funcionalidade descrever os


detalhes de um elemento na página e pode ser configurada para
ser visível ou oculta por padrão.

Atributos \\ A lista de novos atributos aplicados ao HTML 5 pode ser


Tag <nav>: Esta tag gera uma seção de navegação (como
conferida em www.w3schools.com/tags/html5_ref_standardattributes.asp um menu superior), com os links exibidos lado a lado.

64 locaweb
HTML5:W2008 1/10/2009 18:37 Page 65

HTML 5 Programação

Ao lado \\ Chegou-se a acreditar que o XHTML


seria a evolução da versão 4.0.1, mas o fato é
que o sistema não atingiu os resultados
esperados e deu força para a criação do HTML 5

Abaixo \\ Diversos exemplos da nova


linguagem já se espalharam pela internet e é
interessante observar as evoluções que o
sistema deve oferecer ao mercado

Tag <menu>: Esta tag estava em desuso no HTML 4, Atributo irrelevant: Informa se o conteúdo daquela
mas foi redefinida no HTML 5. O intuito da ferramenta, como tag é irrelevante para o documento, caso o conteúdo
o próprio nome informa, é de gerar um menu, sendo que não seja exibido.
seus itens devem estar descritos com tags <li> (list item
usado normalmente em listas ordenadas <ol> e não Também foram implementados novos eventos no
ordenadas <ul>). HTML 5, entre os quais vale ressaltar os que estão
relacionados ao clique e arraste de elementos (ondrag,
Tag <progress>: Não imagine que esta tag vá gerar uma ondrop, ondragstart, ondragend, ondragenter,
barra de progresso. A tag <progress> tem por objetivo definir ondragleave, ondragover); ao processo da barra de
que o conteúdo existente dentro dela seja entendido pela rolagem (onscroll); ao disparo de eventos de
máquina como a representação do progresso de execução de mensagens (onmessage); a erros e paradas (onerror,
alguma tarefa. Indica-se o uso de Javascript para poder onabort); e ao menu de contexto (oncontextmenu).
manipular esse elemento, mantendo o usuário informado Outro recurso interessante que foi anunciado no HTML
sobre o andamento da execução de algo, como um 5 é o “Caching de aplicações”, que informa a
download, por exemplo. possibilidade de acessar os aplicativos web de maneira
offline via cache. De acordo com a W3C, o
Tag <time>: Tem a finalidade puramente de descrever para a arquivamento desses aplicativos será realizado por
máquina que aquele trecho de texto é uma data ou hora, por meio da URL e do atributo manifest da tag <html>,
exemplo: <p>Nos finais de semana, abriremos que é uma url indicada referente à maneira como o
<time>09:00</time>.</p>. documento será renderizado.
Com tudo isso, a linguagem promete ser mais potente do
Atributo contenteditable: Informa se o conteúdo existente que a versão atual, o que deve facilitar, e muito, o
naquela tag é ou não um conteúdo editável. desenvolvimento de uma experiência mais rica na web.

Atributo draggable: Especifica se o elemento pode ser Para saber mais


arrastado ou não. • http://migre.me/82kh
• www.w3schools.com/tags/html5.asp
Atributo contextmenu: Especifica um menu de contexto • www.w3schools.com/tags/html5_ref_eventattributes.asp
(aquele que se abre quando clicamos com o botão direito do • www.tableless.com.br/pulga-na-cueca-html5
mouse) para o item. Para isso, basta informar como valor o id • www.tableless.com.br/html5-estrutura-semantica
de um menu criado com a tag <menu>. • www.quackit.com/html_5/tags

locaweb 65
Locavip18:W2008 16/9/2009 19:59 Page 66

parceiros/locaweb

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

* “A Melnick é líder em
construções de alto padrão
no Rio Grande do Sul.
Porém, engana-se quem
acha que uma construtora
sólida é feita somente de
argamassa e tijolo. Hoje, tecnologia e
confiabilidade de informação são
fundamentais ao nosso negócio e por
isso estamos com a Locaweb.”
• Melnick
Juliano Melnick, diretor comercial e de marketing • www.melnick.com.br

* “Nossa parceria com a


Locaweb começou com
uma indicação há mais de
seis anos e, os serviços
oferecidos pela empresa
agregam para o perfeito
funcionamento de nossa solução.
Estamos satisfeitos com as ferramentas
da Locaweb e sabemos que ela é uma
• ATS Informática
empresa bem-sucedida no que faz.”
• www.atsinformatica.com.br Igor Murilo Ferreira, gerente comercial

* “Nós precisávamos de
um data center seguro e
bem-estruturado e, também,
de um fornecedor acessível
e flexível o suficiente para
nos dar suporte imediato e
oferecer escalabilidade de acordo com o
volume de dados da nossa rede social.
A Locaweb foi a melhor escolha para
atender a essas necessidades.” • Lance!
• www.lancenet.com.br
Rodrigo Faria, webmanager

66 locaweb
55 11 5102.1222