68

Revista Locaweb 18 Ed

  • Upload
    locaweb

  • View
    267

  • Download
    24

Embed Size (px)

DESCRIPTION

Vendas Online E mais: Cloud Computing, Aplicativos iPhone, Design Interativo

Citation preview

Page 1: Revista Locaweb 18 Ed

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

Page 2: Revista Locaweb 18 Ed

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

Page 3: Revista Locaweb 18 Ed

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

Page 4: Revista Locaweb 18 Ed

Locaweb em Revista Edição 18VP Comercial: Cláudio GoraGerente de Marketing: Victor Sebastian Reis da SilvaCoordenação de Comunicação: Alexandre PortoCoordenação Editorial: Déborah De Mari

Editora EuropaEditor e Diretor Responsável: Aydano RorizDiretor Executivo: Luiz Siqueira

Diretor Editorial e Jornalista Responsável: Roberto Araújo - MTb.10.766 - [email protected]: Paulo Basso Jr. e Sérgio ViníciusRevisão: Cátia de AlmeidaEditor de Arte (projeto gráfico): Alexandre Dias (Nani)Colaboração: Felipe Magalhães, Luciano Delfini,Guilherme Tsubota, Fábio Balancin e Rafael Abraham

Publicidade São Paulo: E-mail: [email protected] de Publicidade: Mauricio Dias (11) 3038-5093Executivos de Negócios: Alessandro Donadio, AngelaTaddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier eRodrigo Sacomani.Executivos de Contas: Leandro Blotta, Marcos Roberto eRenata NaomiCriação Publicitária: Rodrigo Barros e João Paulo Gomes (11) 3038-5103 - Tráfego: Renato Peron (11) 3038-5097Circulação e Promoção - Gerente: João AlexandreDesenvolvimento de Pessoal:Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki

Locaweb em Revista é uma publicação da Editora EuropaLtda. e do departamento de comunicação e marketing daLocaweb Serviços de Internet. A Editora Europa não seresponsabiliza pelo conteúdo dos anúncios de terceiros.

Distribuidor Exclusivo para o Brasil:Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva,907 - CEP 20563-900 - Grajaú - RJ

Impressão: Prol Editora Gráfica

Somos Filiados à ANER - Associação Nacional dos Editores de Revistas

Nada menos que 17 milhões de brasileiros devemgastar R$ 10,5 bilhões em compras pela internet ao

longo de 2009. Os dados, revelados na 20ª edição do relatórioWebShoppers, elaborado pela empresa de consultoria emcomércio eletrônico e-bit, revelam que não só o comércio eletrônico baterá seu recorde devendas no País neste ano, mas também que o mercado não para de crescer. Asoportunidades de negócios estão aí, dando sopa, e quem for mais esperto terá sucesso.

Algumas pessoas fazem parte desse mercado há um bom tempo, enquanto outrasquerem entrar. Ainda mais com a proximidade das festas de fim de ano, quando as vendasdisparam. Seja qual for o seu caso, a Locaweb em Revista traz uma reportagem completapara que você aproveite o sucesso do e-commerce. Para quem já tem sua loja virtual, háexemplos de ferramentas que podem tornar o trabalho mais simples, eficiente e lucrativo.Para quem ainda não tem, basta seguir os passos básicos indicados por especialistas dosetor para não ficar de fora e aproveitar o momento.

Fora isso, a edição deste mês traz um “abc” do cloud computing, fenômeno tecnológicoque promete mudar sua vida e de sua empresa. Quando? Mais cedo do que você imagina,pois a tecnologia já vem sendo emplacada pelas grandes empresas do setor, como aLocaweb. Como? O repórter Sérgio Vinícius vai a fundo e traz exemplos práticos deaplicação da computação em nuvem.

Como se não bastasse, nas próximas páginas você verá novidades da disputa entreMicrosoft e Google, além de técnicas de design interativo, como desenvolver aplicativospara o iPhone e tudo sobre o HTML 5, que terá sua versão lançada apenas em 2012, masteve seus princípios básicos desvendados pela equipe de Locaweb em Revista. Boa leitura.

Claudio [email protected]

ao leitorDe portasescancaradas

* Entrevista: Max Petrucci ......................06

* E-mails...................................................08

* Notícias .................................................10

* KeepItSimple: Outsourcing..................18

* Portfólio ................................................20

* Opera Unite ..........................................22

* Crimes eletrônicos ...............................24

* 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

* Locavip ..................................................66

O que tem nesta edição...

4 locaweb

• Design interativo 42 • Cloud Computing 46

• Capa 28 •Microsoft X Google 38

Editorial_Sumario:W2008 1/10/2009 17:52 Page 4

Page 5: Revista Locaweb 18 Ed
Page 6: Revista Locaweb 18 Ed

Por Rafael Abraham

Cidadão do mundo, MaxPetrucci nasceu na Argentina,onde viveu até os 9 anos,

quando seguiu com a família para aItália. Um ano depois, desembarcouno Rio de Janeiro antes de mudar-separa São Paulo, onde se formou emadministração pela FundaçãoGetúlio Vargas. A partir daí, Petrucciiniciou uma carreira de sucesso emagências digitais. Ficou cinco anosna Microsoft e foi responsável pelolançamento do MSN e Hotmail noBrasil e, mais tarde, em outrospaíses. Lá fora, conheceu agênciasinterativas muito bacanas. Quandovoltou ao Brasil, montou a Garage,que já fez trabalhos para empresascomo Honda, Skol, Antártica eMizuno e se tornou um culto aoempreender no mundo datecnologia. A seguir, veja o quePetrucci tem a dizer:

Locaweb em Revista:: Por que aagência se chama Garage?Max Petrucci:: O nome é umahomenagem a todas as empresas queforam fundadas em uma garagem.

LR:: Então começou na sua garagem?MP:: Sim. Só partimos para umgalpão quando tínhamos quatropessoas. Nos associamos a um

grande grupo muito cedo e onegócio acabou crescendo de formamuito rápida. Mais tarde, asociedade não deu certo, mas não foialgo ruim: o Google, por exemplo,cresceu muito e ainda tem umtremendo espírito de garagem. Oprincipal é não perder esse espírito.

LR:: Que tipos de trabalhos digitaissão feitos na empresa?MP:: Fazemos tudo o que é digital e aomesmo tempo só o que é digital. É umaquestão de foco. Em publicidade, existehoje um grande dilema: a comunicaçãointegrada. Há clientes que escolhem

Fazemos só o que édigital, da forma maisintegrada possível

agências especialistas para cada parte(online, offline, ATL, BTL) e há quemprefira ter uma agência única.Acreditamos que a integração énecessária e será cada vez maior. Mas nos focamos só no digital parafazê-lo muito bem. É o que chamamosde full interactive: fazemos só o que édigital, da forma mais integradapossível. Pensamos de forma interativa,não apenas digital. A interação é aconsequência, o digital a ferramenta. O que importa é fazer um bom trabalho,que ajude cada vez mais a web aganhar o espaço que merece, que ajudeos clientes a aproveitar o seu potencial.

Max Petrucci, CEO e fundador da agência Garage, fala sobre a agênciapaulistana que revive o espírito de garagem do Vale do Silício

Equipe da Garage \\ Com profissionais de interação, mídia, conteúdo, direção de arte,atendimento e planejamento, agência é liderada por Max Petrucci (o quinto da esq. para a dir.)

6 locaweb

Entrevista

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

Page 7: Revista Locaweb 18 Ed

LR:: Quais as especialidades daagência Garage? MP:: Conquistamos o espaço nomercado por ter uma visão de marca enegócio consistente no mundo digital.Nosso ponto forte é ajudar o cliente ater uma visão abrangente do mundodigital, de tudo o que é possível fazerpara melhorar a marca e o negócio.Existimos para aproximar as pessoasdas marcas.

LR:: Quais os maiores erroscometidos pelas empresas aogerenciarem suas marcas online? MP:: É justamente não perceber essaoportunidade, esse potencial da web. Jámelhorou muito de dois, três anos paracá. Mas é só a ponta do iceberg.

LR:: Como funciona o processocriativo da agência? MP:: Criação é como futebol: todomundo acha que entende. Por isso émuito fácil criticar, de longe. Mas aqui,há interação. Em uma garagem nãoexiste espaço para burocracia oupolítica. Todo mundo é incentivado adar palpite no sentido da críticaconstrutiva, seja criação ouplanejamento. Em uma garagem, não faz sentido as pessoas nãointeragirem. Entre os setores não háportas ou barreiras. Não há salas aqui.

LR:: Qual é a maior dificuldade em sefundar uma agência? MP:: Várias. A dificuldade da start-up éromântica, mas começar uma empresado zero é um parto. Quando desfizemosaquela sociedade em 2007, foi umperíodo difícil, bem como a crise recente.Mas tudo faz parte. Não conheço umagrande empresa que não tenha passadopor uma grande dificuldade.

LR:: Qual trabalho até aqui osdeixaram mais orgulhosos?MP:: O do Skol Beats. É o que temmais tempo de casa, é o que deumuito certo em vários sentidos eexpressa muito bem a nossa filosofia

de não fazer somente aquilo que omercado está acostumado a fazer,que o cliente compra mais fácil. Ele tem reconhecimento não só aquidentro, mas em eventos comoCannes, Abanet e Proxxima.

LR:: Você encontra muitasdificuldades na hora de contratarpessoal qualificado? MP:: Sim. O mercado é muitodinâmico e diversificado. Temos umtime de especialistas que sempre nosacompanha, o time da casa. E temostambém as pessoas que contribuemcom certos trabalhos, os freelancers.

Estamos sempre procurando asmelhores pessoas do mercado,tanto na área de programaçãoquanto em criação, atendimento epor aí vai. É indiscutível, porém,que há um grande problema demão de obra neste segmento: todo mundo é muito inexperiente e,ao mesmo tempo, muito procurado.Mesmo porque existe uma grandemovimentação e uma ilusão decrescimento profissional.

LR:: Em que projeto a Garage estámais focada no momento? MP:: Na reconstrução do site e detoda plataforma Skol Beats. O grandefoco da agência agora é interação eutilidade. Nesse caso, trata-se de umportal da balada, então temos quefornecer cada vez mais serviço/utilidade para quem usa o portalpara resolver sua vida noturna com qualidade.

* O Google, por exemplo,cresceu muito e ainda temum tremendo espírito degaragem. O principal énão perder esse espírito

locaweb 7

Entrevista

Jobs \\ Entre os trabalhos daGarage, destacam-se o portaldo evento Skol Sensation(www.skolsensation.com.br) e o da versão esportiva do New Honda Civic Si(www.newcivicsi.com.br)

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

Page 8: Revista Locaweb 18 Ed

ASP no EasyPHP \\ Caso você domine a linguagem Perl, experimente o Apache::ASP (www.apache-asp.org) para rodar um servidor ASP no EasyPHP. Outra opção é o usar o servidor IIS para testar suas páginas ASP

8 locaweb

Cacheno Flash

Existe um problema queenfrento com uma certafrequência nas minhaspáginas com animaçõesem Flash: quando façoalguma modificação nofilme, ela não aparece paraos visitantes que jáentraram no site antes.Acho que isso aconteceporque o arquivo anteriorfica armazenado no cache.Existe alguma maneira deresolver esse problema?Luis Machado - Por e-mail

Um jeito de resolver éincluir na página não

o filme principal, mas umque sirva só para carregá-lo.Por exemplo, em vez de incluir o arquivoprincipal.swf, use umarquivo chamado vazio.swf,

com o seguinte código emseu quadro inicial:LoadMovieNum("principal.swf", 0)

Interaçãocom pop-up

Tenho uma página quecontém um link para abrirum formulário em umajanela pop-up. Minhadúvida é: como fazer paraque, assim que o visitantepreencher o cadastroexibido na tela e enviá-lo,ele feche a janela queoriginou pop-up e osistema seja atualizadoautomaticamente?Luciano MoraesPor e-mail

A propriedade doobjeto Window do

JavaScript, chamada opener,

permite referenciar a janelaque abriu a atual. Você podeusá-la para construir umafunção que está precisando.Veja um exemplo:function atualiza(){

self.close();window.opener.

location.reload();window.opener.focus();}

Imagens com links

Todas as vezes que criouma imagem com link nasminhas páginas, apareceum linha azul em voltadela. Existe algumamaneira de retirar essaborda? Qual é o comandoque eu preciso usar?Marco Aurélio - Por e-mail

Essa borda serve paraindicar aos usuários

quais imagens são links,mas praticamente nenhumdesigner usa esse recurso.Para retirá-la, adicioneatributo BORDER="0" nasua tag IMG. Mesmo assimos internautas conseguirãoidentificar as figuras comlink, já que o cursor domouse irá mudar a suaaparência quando passarpor cima delas.

ASP noEasyPHP

Instalei o EasyPHP em meumicro e uso como OS oWindows XP. O PHP e oMySQL funcionamperfeitamente. Nestecenário, gostaria de saberse existe a possibilidade defazer funcionar umservidor ASP no EasyPHP.Gilberto - Por e-mail

A principio, oservidor Apache

instalado com o EasyPHPnão serve para executarpáginas ASP. Você podetentar o Apache::ASP(www.apache-asp.org), porexemplo, mas esse sistemasó suporta programaçãoem Perl, o que dificulta oprocesso para quem nãoconhece a linguagem. Omelhor é usar o servidor IIS(Internet InformationServer) para testar suaspáginas ASP. Caso você usea versão profissional do XPbasta, instalar e iniciar essecomponente por meio dopainel de controle dosistema operacional.

e-mails //Envie seu e-mailSe você tem alguma dúvida, sugestão oucrítica, entre em contato com nossa redaçãopelo e-mail [email protected].

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

Page 9: Revista Locaweb 18 Ed
Page 10: Revista Locaweb 18 Ed

10 locaweb

notícias

Com o objetivo de

suportar a crescente

demanda dos clientes,

a Locaweb ampliou a sua

infraestrutura ao inaugurar o

primeiro módulo de seu novo

Data Center. Localizado na

Zona Sul de São Paulo, em um

terreno com nada menos que

55 mil m2

, o módulo tem

capacidade para suportar o

funcionamento de mil

servidores. Detalhe: o projeto

completo prevê abrigar até

25 mil servidores dentro de

cinco anos.

A nova estrutura permitirá

que a Locaweb ofereça

redundância de data center e

de links de internet, assim

como capacidade adicional

para abrigar servidores de alta

performance. Isso tudo sem

falar em estrutura dupla de

energia e ar-condicionado em

toda a instalação.

“Antes de iniciarmos o

projeto, nosso Data Center

suportava até

3,2 mil servidores.

A ampliação feita

apenas com esse primeiro

módulo já nos trouxe ganho

significativo, suficiente para

atendermos às crescentes

demandas de nossos clientes”,

explica Alexandre Glikas,

diretor comercial da Locaweb.

Ambiente verdeOutro ponto importante do

projeto refere-se à

preocupação na construção

de um ambiente sustentável.

“Esse cuidado englobou desde

a escolha dos equipamentos,

que têm a melhor eficiência

energética do mercado e dos

parceiros e fornecedores,

todos certificados e com

políticas ambientais definidas;

até o uso de componentes

que consomem menos água e

diminuem a emissão de

poluentes”, diz o executivo.

Segundo a Locaweb, o

primeiro módulo tem

capacidade de um megawatt

de potência instalada, o

suficiente para comportar

36 racks de 15 kilowatts cada.

A expectativa é de que, ao

término do projeto, o novo

Data Center consuma

20 megawatts de energia para

processamento. Esse número

é tão significativo que

posicionará o parque como o

maior do Brasil nesse quesito.

blog.locaweb.com.brConfira as novidades da maior empresa de hospedagem de sites do Brasil

Novo data centerentra em operaçãoParque com 55 mil m2 localizado na Zona Sul de São Paulo deveabrigar até 25 mil servidores nos próximos cinco anos

Tecnologia de ponta \\A expectativa é de que, até

o fim do projeto, o novoData Center consuma

20 megawatts de energiapara processamento, o que

o posicionará como o maiordo Brasil nesse quesito

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

Page 11: Revista Locaweb 18 Ed

locaweb 11

Nova unidade de negóciosdedicada ao atendimento de projetos especiais

Entre os novos projetos da Locaweb, destaca-se o lançamento daunidade de Outsourcing, destinada a projetos de grandes

corporações. “Alguns de nossos clientes solicitam soluçõespersonalizadas em gerenciamento de ambientes de TI que exigemaltíssima disponibilidade, link de comunicação privado comsegurança e redundância de operações em data centers replicadospara garantir acesso e estabilidade”, afirma o diretor comercial daLocaweb, Alexandre Glikas. “Nossos serviços de Outsourcing vêm aoencontro dessa demanda, oferecendo qualidade, tecnologia de pontae atendimento exclusivo, com flexibilidade na definição prévia deprazos de resposta ao cliente, de acordo com a criticidade ecomplexidade de cada caso”, completa o executivo.

Recentemente, a Locaweb recebeu as premiações de MelhorData Center pela InfoExame, e ficou em primeiro lugar na categoriaHosting Infrastructure Services no ranking do IDC. Tudo isso é frutodo trabalho de uma equipe altamente especializada para desenharprojetos únicos e prover soluções para as necessidades específicasde grandes empresas.

São profissionais certificados e focados em manter as operações de forma ininterrupta e comdisponibilidade de até 99,99%,atuando em diversas camadas dogerenciamento de infraestrutura e deaplicações. Entre os cenáriosabrangidos estão: Site Backup commúltiplas redundâncias, inclusivefísicas; Disaster Recovery Site eDisaster Recovery Plan; gestão debancos de dados e aplicações demissão crítica; redes privativas decomunicação; e gestão de ambientesprivados de Cloud Computing(“Private Cloud”).

LOCAWEB INVESTE R$ 35 MILHÕESEM QUALIDADE DE SERVIÇOS

Outsourcing \\ A nova divisão gerencia operações de TI comaltíssima disponibilidade e customizadas para grandes empresas

www.locaweb.com.br/outsourcing

* Nossosserviços deOutsourcingoferecemqualidade,tecnologia de ponta eatendimentoexclusivoAlexandre Glikas,diretor comercialda Locaweb

Para atingir a excelência na prestação de serviços e

aumentar a eficiência da equipe de atendimento, a

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 servidoresquando 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 renomadosprofissionais e empresas: MartinCagan (Gestão e desenvolvimento de produtos), Kyrie Robinson (UserExperience Design), Martina Lauchengco (Marketing) e aempresa ThoughtWorks (Desenvolvimento de software).

• Lançamento da nova unidade de Outsourcing, destinadaa projetos de grandes corporações.

Essas são algumas das iniciativas que reafirmam o

compromisso e a transparência da equipe da Locaweb

em busca da melhoria contínua de seus processos, com o

intuito de proporcionar aos seus clientes os melhores

serviços de internet e Data Center.

Excelência \\ A empresa ThoughtWorks, especializada em desenvolvimentode software, é uma das consultorias contratadas pela Locaweb

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

Page 12: Revista Locaweb 18 Ed

Wishlist

12 locaweb

O melhor dacultura digitalNesta seção, você confere o que há de melhor nasprateleiras ao redor do mundo quando o assunto é altatecnologia, conectividade com a web e diversão eletrônica

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

Pendrive de 32 GBO novo pendrive MicroVault Click, da Sony, épraticamente um HD externo. Tem 32 GB eatende aos anseios de quem precisatransferir vídeos, imagens em alta edocumentos pesados com rapidez epraticidade. Com design elegante e LEDsindicadores de funcionamento, o produto tempreço sugerido de US$ 52 e faz parte dafamosa 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

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

Page 13: Revista Locaweb 18 Ed

Wishlist

locaweb 13

Roteador WRT160NO novo roteador WRT160N da Cisco foielaborado para oferecer melhor velocidade,controle de banda e tecnologia com foconos usuários residenciais, que precisam deuma cobertura ampla de sinal Wi-Fi paratransferir e imprimir arquivos e distribuir o sinalda internet sem a necessidade de fios. O produtoembarca na tecnologia de redes sem fio Wireless-N,cuja velocidade pode chegar a 270 Mbps, comalcance 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 notebookDois novos dispositivos USB lançados pela Elgin permitem quevocê transforme facilmente seu notebook em uma TV digitalportá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 modelostrazem um software que permite pausar, retroceder e gravar aprogramação da TV em tempo real. Os sintonizadores já estãodisponíveis e podem ser encontrados em lojas especializadas porR$ 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 foidesenvolvida para ser fácil de usar e de carregar. Equipada com tela deLCD de 2,5 polegadas, que torna a navegação mais simples, produzimagens com qualidade superior à de outros modelos semelhantesgraças à função Otimização de Retratos. Com lançamento na AméricaLatina previsto para o fim de outubro, a impressora tem preço sugeridode US$ 99 nos EUA.Mais informações: www.canon.com.br

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

Page 14: Revista Locaweb 18 Ed

Wishlist

14 locaweb

Blu-ray baratinhoA empresa norte-americana Memorex é a responsável pela produção de umdos Blu-ray players mais em conta no momento: o MVBD2510, que custamenos de US$ 200. Apesar de oferecer apenas as funções básicas, o playertraz os decodificadores de áudio de alta definição Dolby TrueHD e DTS HD, oque o torna ideal para você dar os primeiros passos no mundo da altadefinição. Em lojas online, como a www.amazon.com, é possível encontraro modelo por até US$ 180. Mais informações: www.memorex.us

Áudio sem fiosA empresa norte-americana Bose lançou umanovidade para quem curte ouvir som pelo PC.Trata-se do SoundLink: um sistema capaz dereproduzir o áudio do computador por meio deuma interface wireless. O dispositivoacompanha um adaptador sem fio USB quedeve ser conectado ao computador para afuncionalidade, dispensando a necessidade deuma conexão Wi-Fi. O sistema écomercializado lá fora por US$ 550. Mais informações: www.bose.com

Dockstation Hi-fiProduzido pela HomeAudio, o iP1 é um dockstation para iPoddotado de uma tecnologia muito especial: a Bongiovi AcousticDPS. O recurso, que foi projetado por grandes produtorasmusicais, analisa e corrige todas as falhas de frequênciasencontradas no áudio reproduzido, fazendo com que a música soeexatamente como o artista gravou. Com potência total de 100watts RMS, o iP1 é compatível com todas as versões do iPod econta com saída de vídeo para a reprodução de filmesarmazenados no aparelho. O iP1 pode ser adquirido por US$ 300. Mais informações: www.ihomeaudio.com/iP1

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

Page 15: Revista Locaweb 18 Ed

205 X 275 novo:Layout 1 16/9/2009 17:53 Page 1

Page 16: Revista Locaweb 18 Ed

Notícias/Circuito

16 locaweb

Sua leiturasobre internetConfira dicas interessantes de livros que tratam de temasligados ao mundo da tecnologia da informação

O ambiente online ébastante propíciopara videoaulas, jáque permite aoaluno acompanharas lições quando e onde quiser. A cada edição da Locaweb emRevista, você vê o melhor em cursos disponíveisna internet

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MÊS

Curso de HTMLDuração: 7 minutos e 40 segundosPreço: gratuitoURL: www.youtube.com/watch?v=RKMCc-64SjA

InterNey.netAs ótimas dicas para criação de blogs permitiram a Edney Souza largar o emprego e viver de seu próprio blog.URL: www.interney.net

//EVENTOS E CURSOSFuturecom 2009O Futurecom é um evento deTelecom e TI que proporciona àsempresas e aos profissionais umambiente adequado para odesenvolvimento de negócios,conhecimento e relacionamento.As apresentações do seminárioserão realizadas em seteauditórios e divididas em trêssessões: Empresariais Premium,com tendências, visão eestratégias; Marketing andBusiness, com aplicações,serviços e negócios; eTecnologia. De 13 a 16 deoutubro em São Paulo, noTransamérica Expo Center. Maisem www.futurecom2009.com.br.

Encontro de WebdesignO Encontro de Webdesign,pioneiro na área e referêncianacional, encerra sua 14ª edição,apresentada em diversas capitaisdo Brasil, em Recife, no dia 14 de novembro. O evento, queserá realizado no Recife HotelPalace, costuma reunirprofissionais com o objetivo detrocar informações sobre opotencial da internet e aimportância do design e datecnologia neste meio. Maisinformações podem ser vistas nosite www.edted.com.br.

1ª Conferência WebW3C Brasil O evento, que será realizado emSão Paulo, dia 23 de novembro,promoverá debates sobre aevolução da web, a padronizaçãode suas tecnologias e seuimpacto na sociedade e nacultura. Informações no endereçohttp://conferenciaweb.w3c.br.

O poder do TwitterJoel Comm e Ken Burge abordam como osprofissionais dos mais variados segmentospodem incorporar o microblog Twitter emseus negócios, para implementar asferramentas de marketing digital e gerarcrescimento de receitas.Preço: R$ 59,90Editora: GenteInformações: www.editoragente.com.br

jQuery: A Bíblia doProgramadorJavaScriptMaurício Samy Silva relatascripts JQuery de empregoreal, todos comentados edisponíveis para download, emostra um estudo da sintaxee o emprego dos seletores ecomandos da ferramenta.Preço: R$ 54,90Editora: NovatecInf.: www.novatec.com.br

Redes SociaisDe Rob Cross e Robert J.Thomas, a obra revela aosempresários e executivoscomo obter excelência eminovação e atingir osresultados com maisfacilidade por meio do usointeligente das redes sociaisnos seus negócios.Preço: R$ 64,90Editora: GenteInformações:www.editoragente.com.br

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

Page 17: Revista Locaweb 18 Ed

Notícias/Twitter

locaweb 17

@radiosite Editora do radiodelicatessen, diretora doNossoestúdio, consultora em planejamentoestratégico de Mkt e comunicação web ---------------------------------------------------@herdeirodocaos Jornalista e blogueiro ---------------------------------------------------@traselJornalista, professor da Famecos/PUCRS e editorde blogs variados---------------------------------------------------@baunilha

Blogueira, escreve no http://smellycat.com.br---------------------------------------------------@ag2 Agência webnative AG2---------------------------------------------------@gfortes Fundador da Agência Espalhe---------------------------------------------------@garotageek

Blogueira---------------------------------------------------@simviral Escreve no blog www.simviral.com---------------------------------------------------@rodrigoprior Blogueiro, escreve no blogwww.pvision.com.br/blog---------------------------------------------------@charlescade Jornalista e consultor de comunicação

@arthurcesar Publicitário---------------------------------------------------@elinekullock Fundadora da Foco RH e especialista em geração Y---------------------------------------------------@luizyassuda Publicitário e blogueiro---------------------------------------------------@hugobarauna

Programador http://plataformatec.com.br---------------------------------------------------@mawa Social Media da agência Sinc e fotógrafa---------------------------------------------------@fabiokung Software Architect---------------------------------------------------@tapajos Software Developer---------------------------------------------------@pedrocardoso Jornalista e webwriter http://receitadosucesso.com---------------------------------------------------@cavallini Blogueiro, escreve no wishlist---------------------------------------------------@webpaulo

Professor de novas mídias, escreve no blogwww.marketingdebusca.com.br---------------------------------------------------@fugita Blogueiro, escreve em http://techbits.com.br

@Ana Erthal

Arquiteta de informação, escreve emwww.anaerthal.com.br---------------------------------------------------@meninaquejoga Blogueira e jornalista, escreve emwww.meninaquejoga.com---------------------------------------------------@gustavoloureiro

Um dos autores do e-book Web Analytics - UmaVisão Brasileria I e II---------------------------------------------------@janaludicicesIlustradora---------------------------------------------------@letsvamos

Blogueiro, escreve no Lets Vamos(www.letsvamos.com)---------------------------------------------------@chmkt Carlos H. Vilela escreve no bloghttp://www.chmkt.com.br

TWITTOSFERA

Endereços de profissionais web que fazem a diferenca na Twittosfera

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

Page 18: Revista Locaweb 18 Ed

18 locaweb

Por Sérgio Vinícius

Um dos mais novos serviçosoferecidos pela Locaweb é oOutsourcing. Trata-se de um

produto corporativo, voltado aempresas que necessitam de umparceiro para gerenciar seus projetos de TI.

Com alto nível de customizaçãode projetos para grandescorporações, a nova divisão gerenciaoperações de TI com altíssimadisponibilidade. A ideia é que a novaunidade de negócios dedicada ao

disponibilidade, link de comunicaçãoprivado com segurança eredundância de operações em datacenters replicados, para garantiracesso e estabilidade”, diz AlexandreGlikas, diretor comercial da Locaweb.“Nossos serviços de Outsourcingvêm ao encontro dessa demanda,oferecendo qualidade, tecnologia deponta e atendimento exclusivo, comflexibilidade na definição prévia deprazos de resposta ao cliente, deacordo com a criticidade ecomplexidade de cada caso”.

Para iniciar operações Outsourcing,a Locaweb reuniu uma equipeespecializada para desenhar projetosúnicos e prover soluções paranecessidades específicas de grandesempresas. Tratam-se de profissionaiscertificados e focados em manter asoperações de forma ininterrupta ecom disponibilidade de até 99,99%,atuando em diversas camadas dogerenciamento de infraestrutura ede aplicações.

Outsourcing Locaweb

keepitsimple

Projetos desenhados sob medida para empresasque necessitam de soluções customizadas

Nova unidade de negóciosdedicada ao atendimento deprojetos de TI deve atrairempresas de grande porte

* Com alto nível decustomização de projetosvoltados para grandescorporações, a novadivisão gerenciaoperações de TI comaltíssima disponibilidade

atendimento de projetos especiaisde tecnologia da informação atraiaempresas de grande porte. “Algunsclientes solicitam soluçõespersonalizadas de gerenciamento de ambientes de TI que exigem

ESTE MÊSServiço: OutsourcingSite: www.locaweb.com.br/outsourcing

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

Page 19: Revista Locaweb 18 Ed

Keep it Simple

locaweb 19

Ciente de que há uma grandelacuna no mercado relacionada aserviços customizados em TI, aLocaweb foca a nova divisão emdiversos cenários distintos. Entreeles destacam-se:

1 Backup com múltiplasredundâncias, inclusive físicas;

2 Disaster Recovery Site (DRS) eDisaster Recovery Plan (DRP);

3 Gestão de bancos de dados,web servers, application

servers, aplicações de missão críticae em Fail Over;

4 Soluções em Private Cloud elink dedicado para redes

privativas de comunicação;

5 Infraestrutura, conectividade esegurança para operações

robustas de e-commerce.

Exclusividade e qualidadeGlikas explica que, ao optarem pelosserviços de Outsourcing da Locaweb,os clientes passam a contar comsoluções exclusivas, desenhadas comtecnologias de múltiplos fornecedores,com custos reduzidos e garantia dequalidade e elevação da performanceem processos de negócios.

“Dispomos de uma infraestruturapara crescer sob demanda, com muitaagilidade e sem complicações. Alémdisso, a empresa tem dois modernosData Centers próprios no Brasil, queadotam práticas sustentáveis de TIVerde e oferecem alta segurança físicae lógica garantida por um processoformal de gestão de mudança”,completa o executivo.

Contato e desenvolvimentoComo o serviço de Outsourcing daLocaweb é realizado sob medida, énecessário um contato direto com os

profissionais da empresa para odesenvolvimento do processo. Na página www.locaweb.com.br/outsourcing, é possível entrar emcontato com especialistas e tirar todasas suas dúvidas.

No modelo de serviços adotadopela Locaweb, o programa ofereceprojetos exclusivos, desenhados comtecnologia de ponta e soluçõesmultifornecedor. O objetivo é atendera necessidades técnicas ou de regrasde negócios.

Fora isso, é muito importantesalientar que o Outsourcing permite à empresa otimizarinvestimentos em ativos fixos e emdespesas com manutenção egerenciamento de serviços.

Por meio de uma soluçãopersonalizada, é possível diminuirconsideravelmente custos comgarantia de qualidade, desempenhoe disponibilidade de até 99,99% paraaplicações das empresas.

* Com os serviços de Outsourcing da Locaweb, os clientes passam a contar comsoluções exclusivas, desenhadas com tecnologias de múltiplos fornecedores, comcustos reduzidos e garantia de qualidade da performance em processos de negócios

Ao lado \\ Para iniciar operações Outsourcing,a Locaweb reuniu uma equipe especializada paradesenhar projetos únicos e prover soluções paranecessidades específicas de grandes empresas

Abaixo \\ Há um endereço eletrônico no qual os usuários podem entrar em contato comespecialistas da empresa e tirar todas as dúvidasa respeito do serviço

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

Page 20: Revista Locaweb 18 Ed

20 locaweb

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

UrbaniasCom o intuito de unir osmundos virtual e real, oUrbanias é um portal decidade e cidadania que trazdiversas informações eferramentas com o intuitode facilitar e estimular oempreendedorismoindividual, e a melhoria detodos os aspectosrelacionados àqualidade de vida nacidade: rotinas dosmoradores, trânsito,problemas nos bairros,meio ambiente e vidapolítica, entre outros. www.urbanias.com.br

CamiseteriaÚltima palavra em redesocial fashion, aCamiseteria é umserviço que trabalhacom venda de camisetascom estampaselaboradas pelosusuários, seguindo oconceito colaborativopara definição dosmelhores desenhos.Qualquer um podeentrar no site, votar nasestampas e deixarcomentários, o quetorna o produto finalmais personificado emuito divertido.www.camiseteria.com.br

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

Page 21: Revista Locaweb 18 Ed

205 X 275 novo:Layout 1 16/9/2009 16:32 Page 1

Page 22: Revista Locaweb 18 Ed

22 locaweb

Por Sérgio Vinícius

OOpera (www.opera.com.br) évisto por muitos como “omelhor navegador web que

ninguém usa”. Versátil, o browserdesenvolvido pela Opera Software é umverdadeiro canivete suíço no quesitointerface com a internet. Além de exibirsites, o programa tem gerenciador dee-mails, leitor de RSS, gerenciador dedownloads e suporte a torrent.

Em sua nova versão, a 10, o Operapode ser integrado à plataforma Unite,que permite transformar o computadordo usuário em um servidor (downloaddo Opera Unite em http://labs.opera.com/downloads). Via assistentes, dápara compartilhar imagens, arquivosmultimídia e criar salas de bate-papocom a facilidade de dois cliques.

Integração com Web ServicesPode parecer redundante dizer que

um navegador tem grande interaçãocom a web. Mas, no caso de browsers,uns têm mais “familiaridade” com ouniverso online enquanto outros,basicamente, “mostram páginas” enada mais – como é o caso do GoogleChrome. O Opera sempre foi alémdisso e agora, com o Unite, chegou aoponto de se tornar um servidor web.

mundo – desde que amáquina tenha umaconexão à web e umOpera instalado.

Com tanta intimidadecom a grande rede, opróximo passo naturalseria o Unite. Natural, mastambém inimaginável.Afinal, quem em sãconsciência criaria umnavegador que, compoucos cliques, tornasseo PC do usuário umservidor que pudesse atémesmo rodar aplicaçõesweb e hospedar sites?Somente a Opera mesmo.Ao menos até agora, jáque o próximo passo daconcorrência será copiaras novidades e, por serempopulares, imortalizá-las.

Para usar o OperaUnite é necessário, emprimeiro lugar, realizar odownload no site. Comoainda está em suasprimeiras versões, oprograma ainda contacom alguns bugs. Aversão em português, porexemplo, teima em nãoapresentar todos osmenus do navegador.

Opera Unite, onavegador servidor

review

A nova versão do browser mais versátil da web tem uma série de ferramentasque transformam o computador em um servidor para troca de arquivos

Entretanto, antes dechegar a esse ponto, obrowser galgou degrau adegrau essa intimidade.Aos poucos, recebeurecursos comogerenciador de e-mail,suporte a torrent ebuscador web integradoà barra de tarefas. Depoisdessas aplicações, que otornaram finalmente umnavegador robusto, emsua versão 7, o browserpassou a angariar aschamadas “web services”.

A comunidade Opera,criada e mantida pelaOpera Software, garanteque usuários troqueminformações, criem blogse posts, debatamassuntos em fóruns. Naspáginas pessoais dacomunidade, dá paragravar informaçõesvindas do browser. Ao“sincronizar” onavegador com oservidor online Opera,são registrados itenscomo os favoritos dousuário, que podem serrecuperados de qualqueroutro PC ao redor do

Ficha TécnicaNome e versão: Opera UniteDesenvolvedor: Opera SoftwareLicença: FreewareTamanho: 7,3 MB

// INOVADORDesde o lançamento, em1997, o navegador Operase notabilizou por inovar.Foi o primeiro navegadorpopular a usar abas. Eletambém implementou,antes dos principaisconcorrentes, bloqueadorde pop-ups e sistema deauto completar osendereço web. Entre outrasinovações do Opera, dasquais ele foi notadamenteo pioneiro, destacam-secaracterísticas de mousegestures, que o usuário,por meio de movimentosdo mouse, conseguenavegar nas páginasfacilmente, como avançar ou retrocedersites. Gerenciador dedownloads, suporte atransferências de arquivosdo tipo torrents e zoomfacilitado das páginastambém fazem parte dascaracterísticas que o Operaajudou a popularizar. Ogrande problema donavegador, por outro lado,foi a incompatibilidadecom páginas eletrônicas.Ainda hoje, embora já sejapalatável para 99% dossites (de acordo com seusdesenvolvedores), oestigma de “navegadorincompatível” ainda o acompanha e o torna impopular.

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

Page 23: Revista Locaweb 18 Ed

Review Opera

locaweb 23

Relevando pequenos problemas deprojetos recém-lançados, o Opera Unitefunciona de forma simples. Com onavegador aberto, deve-se clicar nosímbolo do Unite à direita, na barra depainéis. Ao fazer isso, o Opera abrirá apágina do Unite, que mostrará osserviços web disponíveis. Então, bastaescolher o suporte desejado – como atransferência de fotos ou ocompartilhamento de arquivosmultimídia –, instalar o aplicativo einiciá-lo a partir do próprio Opera – nabarra de painéis, dentro do item Unite.

Com o arquivo já instalado, otrabalho funciona de forma simples. Seo usuário quiser, por exemplo,compartilhar músicas, basta escolher apasta por meio do Opera Unite. Oprograma realizará a tarefa e geraráuma URL com ou sem senha – ousuário pode escolher. Aí é só pegar olink e enviar para os amigos ou paraquem quiser compartilhar áudios.

A Interface

Quem recebe o link pode acessá-lode qualquer browser, como InternetExplorer ou Firefox. Ao executá-lo, éaberta uma página com os arquivos dequem está oferecendo as músicas. Épossível baixar as músicas enquanto oOpera do usuário do Unite estiver emoperação. Assim que ele é encerrado,não é mais possível acessar as músicas.

Abaixo, confira os serviços maispopulares oferecidos pelo Unite.

File Sharing - Serviço decompartilhamento de arquivosgenéricos, não importando a extensão.

Media Player - Garante que o usuáriocompartilhe suas músicas e demaisarquivos multimídia, como filmes, vídeosdiversos e animações.

File Uploader - Permite que osusuários que não tenham o Unite subamarquivos diversos para o computador dequem possui a plataforma.

Stream media - Recurso que rodaarquivos em stream de forma online,diretamente de seu computador. Temsuporte a áudio, vídeo e outros.

Photo Sharing - Compartilha fotossem a necessidade de upload dosarquivos. É quase o suporte a“Compartilhamento de pastas” doWindows, mas aplicado à internet.

Document Courier - Modosimplificado de realizar upload dearquivos que estejam na máquina dousuário do Unite.

Fridge - Espécie de “post-it”incorporado ao Opera para lembretes.

Web Proxy - Garante acesso remoto aum web server local.

The Lounge - Abre uma sala para ousuário conversar com os amigos,mesmo os que não usam o Opera.

Integração \\ O web server fica devidamente adicionado à barra de painéis, à esquerda donavegador. É necessário baixar e instalar os serviços desejados para que o Unite realize as tarefas

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

Page 24: Revista Locaweb 18 Ed

24 locaweb

Por Luciano Delfini

Odebate sobre crimeseletrônicos no Brasil temesquentado, sobretudo de

dois anos para cá, quando o Senadoaprovou o substitutivo do senadormineiro Eduardo Azeredo aos Projetosde Lei 89/2003, 137/2000 e 76/2000,“para tipificar condutas realizadasmediante uso do sistema eletrônico,digital ou similares, de rede decomputadores, ou que sejampraticadas contra dispositivos decomunicação ou sistemasinformatizados e similares, e dá outrasprovidências” (www.senado.gov.br/comunica/agencia/pags/01.html).

O substitutivo ainda precisa servotado na Câmara dos Deputados, o quepode acontecer este ano ou serengavetado para voltar à pauta doLegislativo sem data prevista. No País, asopiniões se dividem. Para algunsestudiosos da internet, o projeto de leiimpõe uma situação de vigilância eenterra de vez a “liberdade” que a websempre ofereceu aos usuários. Outrosdefendem a necessidade de umaregulamentação, argumentando que aideia de que a web seria um território“livre” já foi superada.

Crimes eletrônicosdividem as opiniões

segurança

Especialistas e usuários divergem sobre aquestão dos crimes cibernéticos, sobretudodiante de um projeto de lei elaborado paratipificar os delitos praticados na rede

Os pontos mais polêmicos dosubstitutivo estão no Artigo 285-B eno Inciso III do Artigo 22. O primeiroestabelece como crime o fato de“obter ou transferir, sem autorizaçãoou em desconformidade comautorização do legítimo titular darede de computadores, dispositivode comunicação ou sistema

informatizado, protegidos porexpressa restrição de acesso, dadoou informação neles disponível”. Em outras palavras, tornam-secriminosos perante à legislaçãobrasileira pessoas que copiamvídeos, filmes ou músicas deplataformas como YouTube, por exemplo, ou de um canal de TV a cabo.

* Para Carlos Seabra,editor da Fundação PadreAnchieta, o projeto quepassou a ser chamado de“Lei Azeredo” pretendecriar controles na internetque não existem para asdemais áreas da vida e domundo em que vivemos

O artigo atinge os usuários de redesP2P (do inglês Peer-to-Peer), quepermitem o compartilhamento dedados em larga escala, dispensandoqualquer requisito por servidoresgerenciados separadamente.

Já o inciso III do Artigo 22, quetrata das responsabilidades doprovedor de acesso à rede decomputadores mundial, estabeleceque ele, o provedor, “deve informar, demaneira sigilosa, à autoridadecompetente, denúncia que tenharecebido e que contenha indícios daprática de crime sujeito a acionamentopenal público incondicionado, cujaperpetração haja ocorrido no âmbitoda rede de computadores sob suaresponsabilidade”. Ou seja, osprovedores passam a vigiar osusuários da web, sendo obrigados arepassar para a polícia os nomes desuspeitos que usam a rede P2P parabaixar conteúdos “protegidos porexpressa restrição de acesso”.

O editor Carlos Seabra, daFundação Padre Anchieta, ponderaque é fora da realidade imaginar quea internet seria um terreno utópico,fora das leis que regem as diferentessociedades. “O preço dos produtosvendidos na web é ditado pelaeconomia ‘normal’, assim como oque é crime fora da internet é crimedentro dela; até as regras que ditamas paixões e o sexo não sãodiferentes, pois a rede veicula e fazinteragir tudo o que é humano”. Por outro lado, Carlos tambémacredita que o projeto de lei,

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

Page 25: Revista Locaweb 18 Ed

Segurança

locaweb 25

que passou a ser chamadopopularmente de “Lei Azeredo”,pretende criar controles na internetque não existem para as demais áreasda vida e do mundo em que vivemos.

Na mesma linha de raciocínioestá o advogado André Ferreira deOliveira, do escritório DannemannSiemsem, do Rio de Janeiro. Para oprofissional, essa polêmica todasobre o projeto de lei se dá por causada ideia, segundo ele, já superada,de que a web seria um territóriolivre, em que as leis não se aplicam. “A necessidade de umaregulamentação da internet élatente, justificada pelo aumentoflagrante do número de delitoseletrônicos cometidos no País”,defende. Por sua vez, Andréreconhece que boa parte dos crimesjá pode ser solucionada aplicando-sea legislação vigente, em um esforçode interpretação. No entanto, oadvogado concorda que precisam ser

tipificados delitos importantes comoroubo de senha, falsificação de dadospúblicos e as condutas dos hackers.

Independentemente das opiniões,o projeto de lei contém imperfeiçõesna redação de certos dispositivos, o que traz à tona uma série dequestionamentos, como bem lembrao advogado do Rio. No caso do Artigo 22, por exemplo, André chamaa atenção para o fato deque, aos provedores,cabe informar indíciosde prática de crime semqualificação da origemda denúncia que, emmuitos países, deve serfeita por autoridadejudicial ou entidaderepresentativa. “Alémdisso, em razão dasubjetividade dascondutas, nos pareceque a multa aplicada noParágrafo Segundo – de

* O advogado André Ferreira de Oliveira afirma queprecisam ser tipificados delitos como roubo de senha,falsificação de dados públicos e condutas dos hackers

R$ 2 mil a R$ 100 mil – é excessiva,sendo que o ‘descumprimento’ será tratado como interpretaçãosubjetiva”, adverte.

Carlos é mais enfático ao afirmarque o Artigo 22 poderia, então, seraplicado às companhias telefônicas,que passariam a gravar e armazenaras conversas por telefone, criandoum “amplo grampo legalizado eobrigatório”, e às concessionárias queadministram estradas, cujosoperadores de pedágio passariam aanotar as placas dos veículos e osdocumentos de seus ocupantes.“Afinal de contas, sabemos que ocrime (organizado ou não) usa tantoo telefone como o automóvel parapraticar suas ações, não é mesmo?”.

O editor interpreta essas prováveismudanças como um mecanismo para terceirizar competências quedevem ser do Estado, da polícia. E novamente justifica sua opinião comum exemplo: “os bancos não verificamse um marido separado não paga apensão da ex-mulher. E isso é algopunível com prisão”. E conclui que cabeà polícia e à Justiça investigar e punircrimes, sem a necessidade detransformar todos em vigilantes.

Debate \\ Visto por muitos usuários eespecialistas como censura, a Lei Azeredoacarreta acalorados debates nos mais variadosblogs e sites espalhados pela rede

Íntegra \\ Confira o projeto de lei na íntegra ao acessar o sitewww.senado.gov.br/comunica/agencia/pags/01.html

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

Page 26: Revista Locaweb 18 Ed

* Especialistas acreditamque, do jeito que a lei está redigida atualmente,seria plausível permitir que operadores depedágio passassem aanotar as placas dosveículos e os documentosde seus ocupantes

Segurança

26 locaweb

Como foi dito anteriormente, boaparte dos crimes cometidos na webjá é objeto de apuração com base emlegislações existentes – os chamadoscrimes eletrônicos impróprios. Para oadvogado, o projeto de lei é válidoporque pretende tipificar os crimeseletrônicos próprios, ou seja, aquelesque surgiram com a difusão dosmeios virtuais, como o acessoindevido à rede de computadores e adifusão de códigos maliciosos, entreoutros. André acrescenta que oprojeto de lei traz mais clareza naaplicação dos crimes eletrônicosimpróprios aos meios informáticos aoinserir, por exemplo, a expressão“dado eletrônico” na tipificação docrime de dano, previsto no CódigoPenal, de 1940.

Como advogado, André afirma quenão há diferença entre crimescometidos contra empresas e contrapessoas físicas. E cita como delitos maiscomuns praticados na web, sendo avítima um cidadão ou uma corporação,o roubo de identidade, os crimes contraa honra (calúnia e difamação), ameaças,pedofilia, discriminação e espionagemindustrial. No entanto, alerta: há umcrescimento substancial nos índices decrimes corporativos, sobretudo emrazão da convergência cada vez maisacentuada das redes e sistemas, e da expansão do acesso a dadoseletrônicos por parte de funcionários ecolaboradores de grandes companhias.

Se há aumento no número decrimes eletrônicos, por outro ladosurgem novas ferramentas deinvestigação desses delitos, geralmente

desenvolvidas para uso corporativo. A LTU Technologies(www.ltutech.com), porexemplo, criou umrecurso que faz umaespécie de mapeamentodo “DNA” de umaimagem a partir dedados XML. A divisãoForense Digital daTechBiz(www.techbiz.com.br)também atua na área deinvestigação de crimes

cibernéticos com hardwares esoftwares que incluem preservação,identificação, extração, restauração,análise e documentação de evidênciadigital. Uma dessas ferramentas é osoftware Encase Forensics, usado, noBrasil, por órgãos policiais e pelaReceita Federal. Para os usuáriosdomésticos da internet, a dica é umaboa navegada pelo endereçowww.microsoft.com/brasil/security/default.mspx. Ali são encontradasdiversas informações, atualizações eferramentas para remoção desoftwares maliciosos, além de umalista de sites de segurança de todo o mundo.

Ainda que a web ofereça inúmerasinformações sobre crimes cometidosem seu próprio espaço, é comum ousuário que foi lesado por algumdelito não saber a quem recorrer,sobretudo porque muitas ferramentasde investigação foram desenvolvidaspara o mundo corporativo, sendoeconomicamente inviáveis à pessoafísica. André acredita que hoje há umaestrutura maior de apoio ao cidadão,mas lamenta estarmos longe deatingir um grau mínimo deconscientização da população sobreos perigos do universo digital.

Proteção 1 \\ Entre as novas ferramentas de delitos virtuais, destaca-se o recurso da LTUTechnologies que faz uma espécie de mapeamento do “DNA” de uma imagem a partir de dados XML

Proteção 2 \\ A TechBiz atua na área de investigação de crimescibernéticos com softwares que incluem análise de documentos

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

Page 27: Revista Locaweb 18 Ed

* Se houvesse copyrightsobre expressõesidiomáticas e palavras,não haveria a literatura, a poesia, a música, acultura em geral quetemos hoje, defende editor da Fundação Padre Anchieta

Segurança

locaweb 27

“Parece incrível que as pessoas aindasejam ludibriadas por e-mails falsosalardeando, por exemplo, a cura dagripe A H1N1 (a gripe suína) e que,na verdade, transferem códigosmaliciosos ao computador e geramo roubo de senhas”. No entanto, elepróprio reconhece que nãopodemos nos esquecer que somosum país em fase de aprendizadotecnológico e que as pessoas queadquirem seu primeiro computadorestão mais vulneráveis aos golpes.

Às vítimas de delitos na web,André recomenda procurar umadelegacia – em algumas cidades hádelegacias especializadas emcrimes cibernéticos – e registrar aocorrência. Dependendo danatureza do crime, outrasprovidências devem ser tomadas,tais como contatar a instituiçãofinanceira responsável por cartões decrédito ou contas correntes, se ocrime está relacionado a isso, etambém o provedor de acesso. “Asautoridades judiciárias dispõem, nosdias de hoje, de ferramentas deinvestigação que podem ser úteis aocidadão comum”, avisa.

E se a própria tecnologia geramecanismos que permitem a práticade delitos, a melhor maneira de seproteger ainda é seguir dicas deespecialistas no assunto, muitas delasjá velhas conhecidas de internautas.André, por exemplo, aconselha aousuário somente trafegar e realizarcompras em sites conhecidos, de

empresas que tenham lojas físicas enão apenas virtuais. “Todo cuidado épouco com a divulgação de senhas edemais dados pessoais. Discrição nadivulgação de informações pessoaisem redes de relacionamento tambémé recomendável”, aconselha. Uma dicabastante popular, mas sempre é bomrefrescar a memória das pessoas,alerta que nunca se deve abrir e-mailssuspeitos ou de procedênciadesconhecida; muito menos acessarlinks enviados nesses e-mails.

Carlos reconhece as práticas ilícitascometidas na web, porém defende apremissa de que esses crimes podemser combatidos com a legislaçãovigente e também com pequenosaprimoramentos das leis. “Mas semprenum mesmo princípio: garantia dainviolabilidade da privacidade epressuposto da inocência, até provaem contrário”. Para o editor, nessadiscussão em torno da tipificação decrimes cibernéticos cabe uma reflexãosobre uma frase de Thomas Jefferson(1743-1826), ex-presidente dos EUA:“uma sociedade que troca um poucode liberdade por um pouco desegurança acabará por perder ambas,e não merece qualquer delas”.

É cedo para afirmar se a LeiAzeredo será aprovada ou não,sobretudo pela divisão de opiniõesque o assunto promove. Nessecontexto, Carlos acredita que tentarcontrolar o que se fala e se pensa,com ou sem internet, é cada vez mais difícil e se torna umatentativa fadada ao fracasso. “O compartilhamento de dados einformações é uma consequênciainevitável do saber, e base de umnovo tipo de economia que estásurgindo, onde um dadocompartilhado não é perdido peloseu ‘dono’ e poderá retornar a elecom valor agregado”, analisa oeditor da Fundação Padre Anchieta.

E lembra: “isso é umacaracterística de toda a produçãocultural da humanidade até os diasde hoje. Se houvesse copyright sobreexpressões idiomáticas e palavras,não haveria a literatura, a poesia, amúsica, a cultura em geral quetemos hoje. Então, é bom ficarmosatentos”, finaliza.

Precaução \\ Veja informações e ferramentaspara remoção de softwares maliciosos, além deuma lista de sites de segurança, no endereçowww.microsoft.com/brasil/security/default.mspx

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

Page 28: Revista Locaweb 18 Ed

Vendas Online:W2008 16/9/2009 20:16 Page 28

Page 29: Revista Locaweb 18 Ed

e-commerce

locaweb 29

Por Luciano Delfini

O e-commerce tem se deparado com númerosbem animadores. As cifras divulgadas na 20ª edição do relatório WebShoppers

(www.webshoppers.com.br), elaborado pela empresa de consultoria em comércio eletrônico e-bit(www.ebitempresa.com.br), mostram que as vendas onlineatingiram o montante de R$ 4,8 bilhões no primeirosemestre deste ano. No mesmo período de 2008, essefaturamento estava na casa dos R$ 3,8 bilhões, o quesignifica que, em 2009, o setor registrou um crescimentode 27% no comparativo com o ano interior.

Esse salto no faturamento tem deixado muita gente dosetor otimista com relação ao fim do ano, que representaboa parte das vendas do segundo semestre, o qualcostuma ser o mais lucrativo do período (55% do e-commerce total anual). Se para alguns o primeirosemestre de 2009 superou as expectativas, o encerramentodo ano pode surpreender ainda mais. De acordo com orelatório, que tem apoio da Câmara Brasileira de ComércioEletrônico (www.camara-e.net), espera-se que até dezembroo montante das vendas pela web chegue a R$ 5,8 bilhões –aumento de 28% –, fechando 2009 na casa dos R$ 10,5 bi.

Dados do comércio mostramque as vendas online só

cresceram nos últimos anos.Para quem já está no setor,espera-se que os números

continuem subindo,principalmente com a

chegada do Natal. E as redessociais da web podem ajudar

na construção dorelacionamento virtual entre

empresa e público

Vendas Online:W2008 1/10/2009 18:08 Page 29

Page 30: Revista Locaweb 18 Ed

Outro fenômeno apontado pelorelatório da e-bit mostra que ocomércio eletrônico tem passado poruma descentralização das lojas virtuais.O levantamento revela que pequenos emédios varejistas (grupo conhecidopelo termo long tail, que faz frente aosgrandes da indústria) conquistaram 1,6 ponto percentual em participaçãonas vendas online, na comparaçãoentre o primeiro semestre deste ano eo de 2008. Em contrapartida, nomesmo período analisado, os dezmaiores varejistas, juntos, perderam5,5 pontos percentuais.

Se as estimativas para o fim do anosão positivas, estruturar-se paraatender ao possível aumento dademanda pode resultar em maisnegócios até o encerramento de 2009.Principalmente se o e-commerce levarem consideração a expectativa da e-bitde fechar o ano com a marca de 17 milhões de pessoas que, ao menosuma vez, fizeram compras pela internet– um aumento projetado em 30% comrelação a 2008, que fechou com poucomais de 13 milhões de adeptos docomércio online. Dos quase 25 milhõesde pedidos pela web gerados no anopassado, o segmento espera concluir2009 com 3 milhões de pedidos a mais.Isso significa esforços para, no mínimo,garantir outro número apontado na última edição doWebShopper – 86% dos consumidores brasileiros semostraram satisfeitos com o comércio online.

Gerente de produtos decomércio eletrônico da Locaweb,Reinaldo Santos afirma que o piorcenário para uma loja virtual é terem exposição uma prateleira como aviso “não disponível” para amaioria dos itens comercializados.“A falta de produto em estoque éperda de venda e, muitas vezes,perda de cliente, pois, na internet,se uma loja não tem o que ocliente procura, rapidamente eleencontra esse item em outra loja”.

Daí a importância de formalizar contratos e parceriascom mais de um fornecedor por produto oferecido;melhor ainda, segundo Reinaldo, tentar exigir umagarantia contratual de atendimento. É preciso ter emmente que montar um grande estoque só é vantajosoquando há motivos que assegurem uma grandedemanda. “Caso contrário, o lojista perderá dinheiro”,avisa o executivo da Locaweb.

Além do estoque bem gerido, outras questões deinfraestrutura exigem atenção redobrada diante de umprovável aumento da demanda, como opções seguras –para o lojista e para o cliente – de pagamento no ato daaquisição online de um produto. Reinaldo chama a atençãopara a relevância de um sistema que assegura a integraçãode diferentes formas de cobrança em qualquer tipo de lojavirtual, também conhecido como gateway de pagamento.Para o especialista em e-commerce, a tranquilidade dolojista está diretamente ligada ao uso de um gateway depagamento homologado por uma empresa experiente

e-commerce

30 locaweb

E-commerce mostra as garras em 2009 \\ Câmara Brasileira de Comércio Eletrônico(www.camara-e.net) espera que o montante das vendas pela web chegue a R$ 10,5 bilhões em 2009

* As vendas onlineatingiram R$ 4,8 bilhões

no primeiro semestredeste ano. No mesmoperíodo de 2008, essefaturamento estava na

casa dos R$ 3,8 bilhões.O crescimento no

comparativo foi de 27%

Submarino \\ A maior empresa de e-commerce no Brasil é uma das quemais devem lucrar com o aquecimento do mercado durante o fim do ano

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

Page 31: Revista Locaweb 18 Ed

nesse tipo de serviço, uma vez que ela está acostumada alidar com altos volumes de transação, como normalmenteacontece nas festas de fim de ano e em outras datascomemorativas de cunho comercial.

O serviço Gateway de Pagamentos da Locaweb(www.locaweb.com.br/gateway) é um sistemaindependente de comércio eletrônico para qualquer tipode loja virtual – incluindo as que já atuam no mercado eas que ainda vão começar a operar – que implanta todosos protocolos de comunicação com os diferentes meios depagamento, como operadoras de cartão de crédito ebancos. O recurso permite que essa comunicação sejamonitorada pelo lojista via Painel de Controle. Entreoutras características, a ferramenta, que roda emplataforma Windows ou Linux, abrange dispositivo paracálculo de frete com localização de endereço para vendasnacionais e internacionais e análise de riscos baseada naferramenta ClearSale, desenvolvida para prevenir perdasem vendas por cartão de crédito (www.clearsale.com.br).

O Gateway de Pagamentos é certificado peloprotocolo de segurança SSL (de Secure Socket Layer),necessário para codificar os dados (como os de cartão decrédito) trafegados entre o computador do usuário e umsite ou outro portal. A codificação é feita por criptografiapara evitar que os dados sejam capturados ou alteradosnesse percurso entre o computador do consumidor e aloja virtual. Ao conectar-se a um site, não é difícil saber seum servidor tem o recurso SSL. Basta verificar na barra deendereços se o protocolo é HTTPS://, em vez de HTTP://.No Gateway de Pagamentos, o lojista pode usar um SSLpróprio ou o SSL compartilhado da Locaweb.

Reinaldo destaca que osgateways costumam manter-seatualizados com relação àsnormas de segurança exigidaspelas operadoras de cartão decrédito e instituiçõesbancárias. “Outro fatorfavorável é o processo deimplantação, que é muito maisrápido do que partir para odesenvolvimento próprio deum comunicador com os meiosde pagamento”, explica.

Por tratar-se de um sistemaindependente, o usuário podehospedar sua loja em qualquerservidor ou provedor e a taxamensal do serviço é fixa paraaté cinco mil transações

comerciais por mês, não importando a quantidade deboletos emitidos ou de pagamentos realizados comcartão de crédito. O lojista não precisa ter domíniopróprio na web, mas deve ser pessoa jurídica para obtera afiliação junto aos meios de pagamento.

e-commerce

locaweb 31

* Segundo a e-bit, 17 milhões depessoas devem, ao menos uma vez,fazer compras pela internet ao longo de 2009, um aumento projetado em30% com relação a 2008

Pesquisa \\ As cifras divulgadas na 20ª ediçãodo relatório WebShoppers (ao lado), elaboradopela empresa de consultoria em comércioeletrônico e-bit (abaixo), revelam que o e-commerce cresceu consideravelmente em2009 e deve continuar nesta tomada

// O QUE MAIS VENDENA INTERNETSegundo relatóriodivulgado pelaWebShoppers, entre ascategorias que maisvenderam pela internet noprimeiro semestre de2009 está, em primeirolugar e pelo segundo anoconsecutivo, a de livros eassinaturas de revistas.Em seguida, aparecem ossetores de artigos desaúde e beleza, depois demedicamentos e, emquarto lugar, o deeletrodomésticos, quecresceu bastante com aredução do IPI anunciadaem abril pelo Governo.

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

Page 32: Revista Locaweb 18 Ed

Loja prontaTer acesso a uma loja pronta, incluindo o sistema de

comunicação com as instituições de cobrança, aindapode ser o melhor caminho para quem está começandono ramo e não tem experiência em e-commerce. Podeser mais vantajoso ainda se esse tipo de recurso nãoexige grandes investimentos, o que normalmente fazparte da realidade orçamentária de muitos projetos de abertura de um novo negócio. No serviço gratuitoLoja 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 quecustomiza o layout da loja.

O cadastro dos produtos é feito diretamente pelainternet e o serviço inclui carrinho de compras; cálculo defrete; cadastro com área administrativa de pedidos para ocliente; área administrativa para o lojista; cadastroilimitado de categorias, marcas, produtos e tamanhos;controle de estoque; gerenciamento de pedidos;ferramenta para envio de newsletter, e exibição eadministração de banners na loja. A Loja Pronta não éexclusiva a pessoas jurídicas e tampouco exige que olojista tenha um domínio próprio na internet, uma vezque a Locaweb fornece a extensão de domínio:seudominio.lojapronta.net.

A ferramenta pode integrar ainda o recursoPagamento Certo (www.locaweb.com.br/pagamento),cobrado apenas sobre as vendas confirmadas, e não limitao número de transações mensais. O sistema, que roda emplataforma Windows ou Linux,também é gerenciado via Painel deControle para filtrar extratos emonitorar pagamentos erecebimentos, oferecendo opções depagamento com cartão de crédito ouboleto bancário.

Campanhas online para impulsionar vendasAinda que datas importantes

como Natal e Dia das Crianças, porexemplo, por si só despertamnecessidade de consumo, toda ajudaé sempre bem-vinda, lembraReinaldo. Um bom empurrãozinhopode vir dos anúncios colocados emsites de buscas e outros portais,pagos somente quando o produtoanunciado é clicado pelo usuário,desde que, adverte o profissional, a

loja consiga atender à demanda gerada pelo anúncio oupela campanha.

Chamado de compra por palavra-chave, esse mecanismojá é bastante conhecido entre lojistas e consumidores deprodutos online. Um dos mais populares é a ferramentaAdWords, do Google (www.adwords.google.com.br), queoferece ao anunciante a possibilidade de definir o quantoquer gastar com a campanha. Por sua vez, o portal de

e-commerce

Loja Pronta \\ Serviço gratuito da Locaweb não é voltado apenas parapessoas jurídicas e tampouco exige que o usuário tenha experiência em web

Gateway de Pagamentos \\ O serviço da Locaweb é um sistema para qualquer loja virtual que implanta todos os protocolos de comunicação com os diferentes meios de pagamento

* No serviço gratuito Loja Pronta, ousuário monitora, via Painel de Controle,transações, clientes, pedidos e produtos,além de ter uma configuração simplesque customiza o layout da loja

32 locaweb

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

Page 33: Revista Locaweb 18 Ed

buscas fornece estimativas de custo e tráfego das palavraschave, para que o cliente tenha opções na hora de decidir amelhor palavra a ser usada em seu anúncio.

Apesar de tudo isso, recorrer a sites de busca ououtros portais para divulgar seu produto não deve servisto como alternativa única. O lojista pode criar suaspróprias campanhas sem a necessidade de estar vinculadoa uma grande plataforma web. O pacote Email Marketing(www.locaweb.com.br/emailmkt) proporciona, porexemplo, campanhas personalizadas, envio de e-mailscom data e hora marcadas e monitoramento dasmensagens para comparação de resultados. O serviço évendido em diferentes pacotes com cotas de mensagemmensais e não cumulativas.

Uma campanha por e-mail pode resultar em umaferramenta muito útil para o comércio online, sobretudopara quem está começando. Reinaldo, porém, chama aatenção para o fato de que uma boa campanha de e-mailé aquela que dispara as mensagens somente para osusuários que solicitaram e autorizaram essa forma decontato. “É muito importante respeitar a vontade docliente, inserindo nos e-mails sempre a opção de exclusãodo cadastro”, ensina. Detalhes como esses evitam que sualoja contribua para o lado negativo desse tipo dedivulgação, que usa indevidamente o recurso para, porexemplo, enviar e-mails também a usuários que nãofazem parte do público-alvo.

Entre tantos recursos voltados ao funcionamento deuma loja virtual, não se pode deixar de lado outrosaspectos ligados à postura do comerciante diante dosserviços que oferece pela web, o que certamente setraduz em ganhos ou perdas. O executivo da Locaweb

aponta, por exemplo, odescuido com seu negócio.“Uma loja virtual de sucessodeve estar sempre atualizada,uma vitrine que mudaconstantemente a relação deprodutos exibidos. É importante também exibir emdestaque as promoções da loja”, aconselha. Outrapreocupação é com o atendimento ao cliente. Oespecialista em e-commerce lembra que o consumidorque compra pela web espera receber seus produtosdentro do prazo combinado. “Ajuda muito manter umcanal de atendimento ao cliente, como deixar um telefonede contato sempre à mão do usuário”.

Empresas encontram seu espaçoem redes sociais virtuaisÀ medida que as plataformas de rede social surgem na

web, outros canais de contato online se abrem para quecada um corra atrás de seus objetivos e explore seusinteresses. No mundo corporativo, por exemplo, essasexperiências de relacionamento virtual se converteram emnovas opções de mídia para aproximar do público a marcaou produto. A velha ordem de “ir onde o consumidorestá” ganhou mais um aliado.

Algumas experiências corporativas em mídias dainternet já não são tão recentes. Roberto Aloureiro(www.twitter.com/betoaloureiro), gerente de redessociais da construtora Tecnisa (www.tecnisa.com.br),conta que a empresa investe em estratégia online háoito anos, incluindo um blog corporativo que está hátrês anos no ar (www.blogtecnisa.com.br).

e-commerce

locaweb 33

* Ter acesso a uma lojapronta, incluindo osistema de comunicaçãocom as instituições decobrança, ainda é omelhor caminho paraquem está começando e não tem experiência em e-commerce

Segurança \\ O Gateway de Pagamentos tem análise de riscos baseada na ferramenta ClearSale(www.clearsale.com.br), desenvolvida para prevenir perdas em vendas por cartão de crédito

// NOVIDADES NO TWITTERPara se manter beminformado a respeito dasnovidades do comércioeletrônico no Brasil e no mundo, siga aempresa e-bit via Twitter. O endereço éhttp://twitter.com/ebitempresa. As notasvão de estatísticas eíndices, até notícias e premiações.

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

Page 34: Revista Locaweb 18 Ed

“Acreditamos no potencial das redes sociais e suautilização foi acontecendo de forma natural. Sempreque podemos, aderimos a novos meios para estar ondenosso público-alvo está”, explica. Mas essa presença noambiente de seu público, adverte Roberto, devesignificar suporte e conteúdo relevante na tomada dedecisão do cliente.

A construtora sabe quem é seu público-alvo:brasileiros que sonham e correm atrás para ter uma casaprópria. No entanto, Roberto ressalta a consciência daempresa de que não chegará mais rápido a seu públicoparticipando de redes sociais. O objetivo buscado é umcontato menos virtual com os usuários da web.“Acreditamos sim que as mídias sociais criam umrelacionamento mais duradouro e intenso das pessoascom a nossa marca”, esclarece o especialista.

Nilo Signorini, diretor de planejamento comercial daTok&Stok, afirma que a empresa já investe há algumtempo nesse relacionamento online a partir da produçãode uma newsletter mensal (acessada no item “Novidades”do site www.tokstok.com.br), enviada para uma base demais de 800 mil clientes. O conteúdo não se restringe àpromoção de móveis e outros objetos para casa e procuraenvolver todo o universo da companhia, com dicas quemostram como os produtos são usados na prática, bate-papos com arquitetos e decoradores e até receitasgastronômicas. Nilo garante que o canal apresenta ótimosíndices de leituras e cliques.

Essa mesma busca pela construção de umrelacionamento com o usuário da web pode ser notadano blog da Tecnisa, que também destaca conteúdos

ligados a seu segmento. “Isso nos permite colocarconteúdo do mercado imobiliário e de economia, comodicas de decoração e paisagismo”, conta Roberto. Nessesentido, o gerente da construtora chama a atenção para ofato de que os comentários inseridos no blog possueminteração mais rápida se comparados aos do site daempresa. “Mas essa interação não é diferenciada, poisprocuramos atender a nossos clientes da mesma formaem todos os canais”, deixa claro.

Sobre as redes sociais de fato, Nilo diz que a Tok&Stok,por enquanto, está observando a maneira de usar essasmídias de forma mais consistente. “Nossa atuação serestringiu à divulgação de algumas campanhas; açõespontuais, como marketing em Orkut, blogs e fóruns.Também já fizemos testes com links patrocinados doGoogle e divulgação em portais”, conta.

Ainda que esse relacionamento com as redes sociais seencontre em uma fase de flerte, Nilo reconhece a grandemovimentação que essas mídias proporcionam e que épreciso fazer parte dela. “No Orkut, há diversascomunidades relacionadas à Tok&Stok que surgiramespontaneamente, criadas por clientes que admiramnossa empresa”, elogia. Recentemente, a Tok&Stok decidiufazer parte da twittosfera, o que, segundo seu diretor,

e-commerce

Abaixo \\ Já a ferramenta AdWords, do Google(www.adwords.google.com.br), oferece aoanunciante a possibilidade de definir o quantoquer gastar com a campanha

Ao lado \\ O pacote Email Marketing viabilizacampanhas personalizadas, envio de e-mailscom data e hora marcadas e monitoramento dasmensagens para comparação de resultados

* No mundo corporativo, asexperiências de relacionamento virtualem redes sociais se converteram emnovas opções de mídia para aproximardo público a marca ou produto

34 locaweb

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

Page 35: Revista Locaweb 18 Ed

e-commerce

locaweb 35

deve acontecer ainda este ano. A empresa pretende usaro Twitter para antecipar novidades e divulgar notícias,aproveitando o conteúdo de site e newsletter. “Sabemosque é uma comunicação que ainda tem alcance limitado.Pode não atingir um volume expressivo de consumidores,mas, a meu ver, é democrática, ou seja, dirigida apenas aquem opta por nos seguir e, justamente por isso, amensagem encontrará mais receptividade”, aposta Nilo.

Essa maneira de encarar o universo online com maisracionalidade faz sentido no comércio de móveis e dedecoração para casa, o qual depende mais da presença do consumidor do que a venda de livros, CDs eeletrodomésticos, por exemplo. Mais sentido ainda aolevar-se em conta o produto comercializado pela Tecnisa,uma vez que o comprador só adquire um imóvelpessoalmente, mas faz diversas buscas pela internet. Aconstrutora tem mais de cem vídeos no YouTube, fotos noFlickr, entre outros canais da web, mas sabe que éimpossível medir isso em vendas. “Usamos as redessociais para a construção de uma marca, diferenciação ereputação”, explica Roberto, admitindo, ainda assim, que aestratégia pode vir a ajudar nas vendas.

O diretor comercial da Tok&Stok também preferenão arriscar sobre o quanto as mídias sociais da websão capazes de impulsionar as vendas, mas reforça queelas constituem um válido instrumento de comunicação.Nem tanto para realizar vendas pontuais, mas muitomais importantes do ponto de vista institucional, parapromover a marca e a imagem da empresa, na opiniãode Nilo. Ele ainda reforça a importância do contatopessoal em sua área ao afirmar que a empresa que nãodispõe de um local para mostrar suas peças ao vivo terá

dificuldade para vendê-las online. “Ao menos no nossosegmento, acredito que o contato físico com o produtoseja fundamental na decisão da compra”.

Mais importante que estar presente em plataformas derede social é descobrir como o site, por exemplo, podefuncionar como um grande canal de mídia online. Segundo

dados divulgados por Nilo, as vendaspelo canal virtual da Tok&Sotk têmcrescido mais de 60% ao ano, umnúmero bastante significativo paraum setor, como já mencionadoanteriormente, que depende muitoda presença física na hora da compra.

* As mídias sociais sãoum válido instrumento decomunicação. Nem tantopara realizar vendaspontuais, mas muito maisimportante do ponto devista institucional, parapromover a marca e aimagem da empresa

Antenada \\A empresa Tecnisa

(www.tecnisa.com.br)investe em estratégia onlinehá oito anos, incluindo umblog corporativo que está

há três anos no ar(www.blogtecnisa.com.br).

Agora, a construtora estáde olho nas redes sociais

Relacionamento online \\ A Tok&Stok investe há algum tempo no relacionamento online com umanewsletter mensal enviada a mais de 800 mil clientes. Agora, a empresa está de olho no Twitter

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

Page 36: Revista Locaweb 18 Ed

Mas o diretor comercial da empresa ressaltaque o objetivo do site é muito mais prestarum serviço de informação, mostrandoopções, dicas, produtos e preços, para“seduzir” o cliente a visitar uma loja física, doque vender por si só. “Cada vez mais asvisitas às lojas são precedidas de consultas aosite, que acaba funcionando como uma‘vitrine antes da vitrine’”.

Vale lembrar que, no caso da Tok&Stok,as famosas listas de casamentorepresentam um importante papel nocomércio online. Para Nilo, esse tipo deserviço faz todo sentido em funcionarpela internet. “Não há dúvida que, cadavez mais, as pessoas optam pelacomodidade de fazer listas (e, sobretudo,comprar) sem sair de casa”.

E é respeitando esse espaço que ocomércio virtual vai se aprimorando esendo melhor administrado. Nilo conta quehá clientes que comparecem à loja com um“orçamento” ou com páginas de produtosimpressas do site, já sabendo exatamente oque querem comprar. “Eles deixam para ir àloja apenas para fechar o negócio e dar

uma conferida de perto nos produtos.Outros, porém, vão à loja, consultam preçose produtos e realizam a compra pela web”,explica. Essa prática consolida a ideia deque um tipo de comércio não devesubstituir o outro.

Ao pensar em fazer parte de uma redesocial da web, é comum surgirem dúvidas.Uma delas é se essa participação será maisvantajosa para empresas com marcas jáconsagradas ou também vale para os novatos.O especialista em redes sociais da Tecnisaacredita que todos podem se beneficiar, masalerta para o fato de que as grandes empresasdevem buscar mais conexões com seusstakeholders (pessoas ou entidades envolvidasnas estratégias comerciais de umacompanhia), o que, segundo ele, é umcaminho natural nesse tipo de planejamento.“Acredito que a atuação em redes sociaisesteja mais ligada à qualidade que àquantidade. Vale mais 50 pessoas engajadasem sua rede do que mil que estão ali porestar”, define Roberto.

Partindo da premissa que leva em conta aqualidade na hora de entrar para uma redesocial da web, Roberto confirma que épossível realizar segmentação dentro desseuniverso. “Hoje em dia, as pessoas se unem eformam relacionamentos por afinidade, e éjustamente aí que podemos encontrar nichosbem definidos”.

Os parâmetros para participação em mídiassociais são diferentes, de acordo com aempresa, mas o gerente da Tecnisa garanteque esse limite existe e deve ser respeitado. “Oque é importante lembrar e se perguntar é atéque ponto sua empresa pode expor-se e dar acara para bater. Neste meio, a transparência éfundamental para uma boa atuação; se aempresa tem algo a esconder, as redes sociaisnão são uma boa ideia”, finaliza.

e-commerce

36 locaweb

// Veja algumas dicasde Reinaldo Santos,especialista emcomércio eletrônicoda Locaweb, paraquem pretende abriruma loja virtualAo entrar para o ramo do e-commerce, o ideal é queo interessado siga ostrâmites legais exigidospara qualquer outronegócio. Isso significa teruma empresa constituída elegalizada, um contador,uma equipe de trabalhopara suprir as necessidadesadministrativas e,sobretudo, atendimento aocliente. “Além, claro, doscontratos e parcerias comfornecedores edistribuidores”, avisa.É essencial que taisaspectos estejaminseridos em um planode negócios. No entanto,a falta de um projetoantecipado não impede aabertura de uma lojavirtual, ainda que possacausar algum tipo detranstorno nofuncionamento donegócio. Se esse é ocaso, Reinaldo aconselhaque o interessadoresponda às seguintesquestões antes de selançar na empreitada:

//Quais produtos aloja vai oferecer?

//Como serãoobtidos osprodutosvendidos?

//Como serãoarmazenados ositens colocados à venda?

//Como serãoentregues osprodutosadquiridos pelosclientes?

//Quais formas e condições de pagamentoserão oferecidas?Na mira \\ Orkut e Twitter, duas redes sociais que estão

na mira das empresas que lidam com e-commerce

* Segundo os especialistas, aatuação em redes sociais estámais ligada à qualidade que à quantidade. Para eles, valemais 50 pessoas engajadas em uma rede do que mil queestejam ali por estar

Vendas Online:W2008 16/9/2009 20:16 Page 36

Page 37: Revista Locaweb 18 Ed

205 X 275:Layout 1 19/3/2009 17:19 Page 1

Page 38: Revista Locaweb 18 Ed

Por Sérgio Vinícius

O recente lançamento do sistema de buscas Bing(www.bing.com), da Microsoft, que surge comoalternativa ao Google Search (www.google.com),

marcou mais um capítulo da disputa das duas popularesempresas de tecnologia que dominam a web. Há tempos, aMS tenta desbancar a concorrente líder no segmento debuscas. Antes do Bing, lançou o Live Search, o MSN Search emuitas outras plataformas de pesquisa que não deram certo.

Mas, se de um lado o Google domina os serviços web,capitaneado pelo seu excelente buscador, do outro, aeterna empresa de Bill Gates conta com os popularíssimos

Windows, Live Messenger eInternet Explorer. Em relação aeles, a concorrente tem aindaos incipientes Gtalk,comunicador instantâneo, eChrome, navegador.

Para combater o Windows,há muito se falava em umsistema operacional doGoogle que, finalmente, teveseu anúncio oficial realizado efoi batizado de Chrome OS.Do lado de lá da concorrência,MS e Yahoo! assinaram umacordo que visa desenvolveruma melhor ferramenta debuscas e fortalecer as marcas.

A seguir, confira os pontospositivos e negativos dosprincipais produtos do Googlee da MS e veja qual atendemais às suas demandas.

Um panorama da guerra entre asempresas que mantêm os maispopulares sistemas operacionais ebuscadores web do planeta

//ACORDO ENTREYAHOO! E MICROSOFTTRAZ BENEFÍCIOS ÀS DUAS EMPRESASEm junho deste ano,Microsoft e Yahoo!entraram em um acordoque visa ampliar ostentáculos de ambas asempresas no mundoonline. Com isso, a MSpode seguir seu encalçoao Google, enquanto a Y!desembolsará menos paramanter sua ferramenta debuscas. O que aconteceráalém disso ainda é meraespeculação, mas sabe-se que a empresaque desenvolve oWindows pagará, por trêsanos, US$ 50 milhões aoYahoo!. Esta, por sua vez,usará o Bing comoferramenta de buscasoficial e será a principalresponsável por venderanúncios online de ambasas empresas.

38 locaweb

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

Page 39: Revista Locaweb 18 Ed

locaweb 39

Bing x Google SearchPlataformas de busca por informações na web. Oferecem procura de textos, imagens e notícias.

Bing // www.bing.comPontos positivos: A busca por imagens é excelente: o usuário podedefinir as cores do que procura, formatos e até mesmo estilo das figuras.Pontos negativos: Ainda incipiente, a busca por notícias em portuguêsé bastante limitada.

Google Seach // www.google.com.brPontos positivos: Poderoso, organiza e apresenta as informaçõesde forma relevante ao usuário, graças ao algoritmo de classificação.Pontos negativos: Não é bom o suficiente para fazer buscas emdomínios determinados, como blogspot ou twitter.

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

Page 40: Revista Locaweb 18 Ed

Mercado

40 locaweb

Google Docs x MS OfficePacotes de softwares de escritório. Contam com planilha e editor de textos, entre outros programas.

Google Docs // http://docs.google.comPontos positivos: Por ser uma plataforma online, documentos podem sercompartilhados facilmente via internet, além de serem acessados porqualquer computador conectado à rede. É gratuito.Pontos negativos: Caso a web caia ou haja algum problema com o Google,os trabalhos ficam inacessíveis. Apresenta conflitos com alguns browsers.

MS Office // http://office.microsoft.comPontos positivos: Robusto, intuitivo e rápido, o pacote de escritóriosda MS é compatível com qualquer PC com Windows. Não oferececonflitos e permite salvar documentos nos mais populares formatos.Pontos negativos: É caro - cerca de R$ 200 - em relação aosconcorrentes, online ou mesmo offline.

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

Gmail // www.gmail.comPontos positivos: Tem interface leve, desenvolvido em Ajax.É altamente customizável (por ser uma plataforma webmail).Pontos negativos: Andou saindo do ar nos últimosmeses, o que levou os usuários ao pânico extremo.

Hotmail // www.hotmail.comPontos positivos: Pode ser acessado via Live Messenger, comum clique. O editor de mensagens é competente e simples de usar.Pontos negativos: O filtro antispam, regulado automaticamente,adora dar falsos positivos, o que o inutiliza. Por falar em spam,basta abrir uma conta no Hotmail para atrair uma série deles.

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

Page 41: Revista Locaweb 18 Ed

locaweb 41

Gtalk x Live MessengerProgramas de comunicação instantânea.

Gtalk // www.gtalk.comPontos positivos: Leve, o software teminterface limpa e garante excelentequalidade nas chamadas de voz.Pontos negativos: Tem poucos usuários.De nada adianta usá-lo se os seus amigosnão instalam o programa.

Live Messenger // www.msn.comPontos positivos: Em seu segmento,popularidade é tudo. É garantia de que seusamigos o tem e, por isso, você irá usá-lo.Pontos negativos: É pesado, tem anúnciosdemais e não permite customização, comoboa parte dos programas da MS.

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

Orkut // www.orkut.comYouTube // www.youtube.comBlogger // www.blogger.comPontos positivos: Serviços independentes que se completam.São os líderes do mercado em seus respectivos segmentosPontos negativos: Eventualmente, apresentam lentidão ousaem do ar por causa do excessivo número de usuários.

Live Spaces // home.spaces.live.comPontos positivos: Centraliza sob uma única interface diversosserviços diferentes, o que facilita o acesso do usuário. Por ter amesma cara padronizada, é mais simples de operar.Pontos negativos: Ainda não se tornou muito popular no Brasil e,por isso, o conteúdo em português é pior que o do concorrente.

//GOOGLE CHROME OS, SISTEMAOPERACIONAL PARA NETBOOKSDepois de muito se especular, oGoogle anunciou oficialmente odesenvolvimento de um sistemaoperacional, o Chrome OS.Inicialmente voltado a netbooks quetêm como uso, em especial, o acessoà web, o OS será baseado em Linux e,aparentemente, é uma ampliação doAndroid, sistema do próprio Googlevoltado a equipamentos portáteis. Porenquanto, não há muito detalhestécnicos além disso, mas estima-seque o Google fará um sistema decódigo aberto até o final de 2009. OOS, baseado em desenvolvimentocloud, será leve e rápido. Deve rodarem x86 e ARM. A base do sistemaoperacional será a arquitetura dobrowser Chrome, mas funcionará comuma sucessão de janelas. Os sistemasem “windows” rodarão sobre onavegador que se portará sobre okernel Linux.

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

Page 42: Revista Locaweb 18 Ed

42 locaweb

Por Luciano Delfini

S e depender da criatividade dos profissionais multimídia edas ferramentas colocadas à disposição de designerscheios de ideias, boas ou nem tão boas, os limites que

separam o usuário de uma plataforma da web estarão cada vezmais estreitos. Um dia já se imaginou que um site sem umprojeto de design seria mais ou menos como caminhar em umterritório árido, sem vida. Hoje, porém,ficar só na contemplação estética de umdesenho, uma imagem ou umailustração não satisfaz usuários maisinteressados em novas formas de contatocom a internet. Tampouco preenche asexpectativas de projetoscomerciais que buscamoferecer experiências onlineinovadoras vinculadas àssuas marcas e produtos.Nesse contexto, o que estáem jogo é a interatividadeao alcance do internauta edos objetivos de cadaplataforma que “povoa” a internet.

Navegar einteragir

designweb

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

111 miligramas \\Site do designer

Victor Antonio Leão(www.111miligramas.com),

que aponta que acomplexidde interativa temde estar aliada à estratégia

digital de cada projeto

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

Page 43: Revista Locaweb 18 Ed

Design

locaweb 43

Ao desenvolver um projeto para aweb, o designer Victor Antonio Leão(www.111miligramas.com) conta quenão faz distinção de um trabalho “comou sem” interatividade. “Considerotodos os projetos interativos, algunscom muitos níveis de interação erespostas a comandos do usuário eoutros com interatividade restrita àcontemplação ou informação visual”,explica. Ele esclarece que, no processode criação, a quantidade e acomplexidade dessas interações sãooferecidas de acordo com anecessidade de cada projeto e devem estar aliadas à estratégia digital empregada em cada caso. “A experiência do usuário e a facilidadecom que ele aprecia e interage com oconteúdo são sempre colocadas nocentro dessa estratégia”, ressalta odesigner, concluindo que é muito difíciloptar por um determinado modelo senão estiver bem claro qual é o objetivode um projeto.

Com a proposta de seduzir ousuário visual e interativamente paratornar popular seu produto ou suamarca, o segmento corporativo é oque mais vem apostando emferramentas que oferecem experiências

de interação na web. Para Victor, avantagem está no fato de umaempresa poder vincular-se a ummodelo diferente de interatividade. “O crescimento em relação à aceitação de um projeto que possui umaexperiência interativa bem produzida einteressante é quase natural, e asvantagens podem ser infinitas.” Em suaexperiência profissional, o designer dizque as áreas que mais se valem deníveis distintos de interatividade são asde projetos publicitários promocionais,sistemas de entretenimento comohotsites de lançamento de filmes egames, e portfólios de agências de design, fotografia e também dedesenvolvimento para a web (veja

Ao lado \\ No endereço dontclick.it, épossível navegar pelo site sem clicar nomouse. Depois, basta responder a enquetedizendo se sentiu ou não falta do clique

Abaixo \\ As novas formas de interação com oconteúdo tornam cada vez mais ricas asexperiências interativas até mesmo em áreasconsideradas tediosas, como infográficos dejornais como o New York Times

* Não adianta maisapenas contemplar aestética de uma imagemou ilustração. O que estáem jogo é a interatividadeao alcance do internauta e dos objetivos de cada plataforma que“povoa” a web

algumas sugestões de links na próxima página). Isso, sem contar osprojetos experimentais, sem interessescomerciais, muitos deles pioneiros a investirem em propostas deexperiências interativas. Emdontclick.it, por exemplo, o visitanteexperimenta navegar pelo site semclicar no mouse – tem até enquetepara saber sua opnião.

Em um universo baseado emtecnologia, Victor acredita que oaperfeiçoamento das ferramentas dedesenvolvimento para web e as novasformas de interação com o conteúdotornam cada vez mais ricas asexperiências interativas, chegando aáreas até então consideradas tediosas.“Um bom exemplo são os infográficosdo jornal norte-americano The NewYork Times (www.nytimes.com//interactive/ 2009/07/31/business/20080801-metrics-graphic.html) ou a campanha-enquete Own Your C(www.ownyourc.com)”, cita o designer.

Mas toda essa interação não selimita ao entretenimento. Ainteratividade pensada a partir de uma perspectiva de colaboração dousuário pode multiplicar a aceitação de um produto ou de uma marca.

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

Page 44: Revista Locaweb 18 Ed

Design

44 locaweb

Tecnologias que trazem interação parafilmes e vídeos também já estãocomeçando a se popularizar e aganhar mais relevância em projetospara a web. “Serviços, jogos eaplicativos online também merecemdestaque, já que permitem umainteração complexa, próxima à de umaplicativo desenvolvido para sistemasoperacionais”, acrescenta o designer.

Nesse contexto, Victor aponta awebcam como o dispositivo que maistem sido explorado e se popularizadopara oferecer essa interatividade comsites. O que se tornou bastanteconhecido nos últimos meses, também lembra o designer, é atecnologia Realidade Aumentada(www.realidadeaumentada.com.br),que sobrepõe elementos virtuaistridimensionais, gerados porcomputador, a ambientes reais, e temsido muito explorada para se fazerpublicidade na web. A construtoraTenda, por exemplo, aplica atecnologia para simular o ambientede um imóvel (www.tenda.com/ra).Uma procurada no YouTube pelotermo “augmented reality” é obastante para conhecer váriasexperiências (www.youtube.com/watch?v=ZKw_ Mp5YkaE), a maiorianarrada em inglês.

“Os projetos estão cada vez maissociais, passando do nível apenas deentretenimento, sem participaçãoefetiva do público, para uma estruturamais aberta à colaboração. O resultadoé a construção de uma linguagemvisual própria na web, que ficarávinculada a um determinado produto,serviço ou marca”, conta Victor. Comocasos dessa experiência colaborativa, odesigner menciona a grife de roupasjaponesa Uniqlo (www.uniqlo.com), afabricante sueca de móveis Ikea(www.ikea.com) e a marca de vodcaAbsolut, também da Suécia, quedispõe de uma versão brasileira de seusite (www.absolut.com/br).

WebcamAo pensar em ferramentas e formas

de interação, Victor reflete que tudo éfruto do próprio desenvolvimento deprojetos para a web, sobretudo no quediz respeito à programação. “Aevolução das linguagens, como oPapervision (plugin para o Adobe Flashque simplifica o trabalho com 3D –www.papervision3d.org/blog.papervision3d.org), aliada a umabanda larga mais rápida e a microsmais potentes, está tornando asexperiências interativas visualmentemais complexas e mais intuitivas”.

A nova cara da internet \\ O estúdio sueco North Kingdom (www.northkingdom.com) realizatrabalhos fantásticos de interatividade por meio de games, webcam e realidade aumentada

Na opinião de Victor, o maisinteressante nessas propostas éperceber a capacidade de controle deimagens e elementos gráficos ,commovimentos captados pela câmera ou com reconhecimento facial(www.bannerblog.com.au/news/2009/06/35_awesome_augmented_reality_examples.php).

Entre tantos casos de projetos deinteratividade para web, Victorreconhece que é difícil eleger osmelhores. Ainda assim, o designersugere uma visita aos trabalhos doestúdio sueco North Kingdom(www.northkingdom.com) e do Group94 (www.group94.com), da Bélgica. Eisso, afirma ele, levando em conta quesua abordagem passou apenas peloprincípio da interação mais visual, denavegação em si. “Se partisse para umaanálise da interação mais subjetiva,aquela que envolve o conteúdo e arelação entre as linguagens, daria paraescrever um livro de sugestões”.

Alguns links com experiênciasinterativas sugeridos pelodesigner 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• xfactor.talktalk.co.uk

Vídeo interativo (360 graus)• www.yellowbirdsdonthavewingsbuttheyflytomakeyouexperiencea3dreality.com

Portfólios• www.thetoke.com• www.varywell.com• www.sectionseven.com

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

Page 45: Revista Locaweb 18 Ed

O avesso do Twitter

locaweb 45

Avesso é uma palavra engraçada. Avesso podesignificar, por um lado, “o lado de dentro”, mas por

outro também quer dizer rejeição por alguma coisa. Penseem algo tipo: sou avesso a usar calças do avesso.

Ok, ok, tudo tem dois lados sempre, você sabe disso. E eu te pergunto: quantos lados tem um círculo? Dois ladostambém: o de dentro e o de fora. Essa, aliás, é uma boamaneira de parar de andar em círculos: dar um passo paratrás, sair do senso comum e virar a questão do avesso.

Pensemos no Twitter. Convenhamos, quanto tempo fazque não aparecia uma solução capaz de tanto barulhoassim? Não tem uma revista, telejornal, evento, palestra...que não rasgue seda pro Twitter. Viremos o twitter então doavesso. O que vemos? Não, não, não quero falar deprogramação nem de arquitetura, não mesmo. Quero falarde gente. Por que pessoas e empresas e geeks e leigos estãoabraçando o twitter com tanto fervor, mesmo gente quenunca assinou um RSS nem criou um blog? Pense bem, emtermos técnicos, twitter não tem nada demais. Claro que, namedida em que o público cresce exponencialmente, deve serdesafiador dar conta do vai e vem de mensagens. Mas, foraisso, a solução em si é de uma simplicidade franciscana.

É esse o avesso do twitter então, pessoas felicíssimas coma pobreza total? Eu sei que essa conclusão agradaria aos xiitasdo “less is more”, mas para mim a história é outra: twitter é aprova de que, parodiando Joãozinho Trinta, quem gosta demiséria é desenvolvedor, usuário gosta mesmo é de luxo.

E, convenhamos, em torno do twitter criou-se uma riquezaextraordinária de aplicações, mash-ups, serviços, ideias. Nomeu smartphone, eu tenho um aplicativo bem bacanachamado Pocketwit, que me permite acompanhar N contas,fazer upload de fotos, encurtar URLs etc. No meu laptop, euuso um RIA feito em Silverlight 3, que me permiteacompanhar N contas, N buscas no twitter e roda fora dobrowser como uma aplicação. Eu tenho amigos que usam Noutras alternativas nos seus PCs, macs, iPhones.

Software + serviços na veia, mobile, no desktop ou nolaptop. A última coisa que eu uso para twittar, aliás, é apágina web do serviço: é pobre demais, me obriga a estarnum browser, num computador... Escolha é tudo, e poderescolher a experiência que mais me convém é genial.

Eu sempre digo: a tecnologia mais fascinante é... gente. E se prestarmos atenção naquilo que as pessoas estãoadotando em massa, acho que vamos aprender muito.

Uma coisa não muda: pessoas querem definir o que,quando, onde e como querem ver. Tolher qualquer umadessas coisas é um tiro no pé. O Twitter vem permitindotudo isso: eu escolho o software que eu quiser no hardwareque eu quiser para usar o serviço onde e como e quando euquiser. E eu sigo quem eu quiser, também. E é nessas horasque a gente vê que internet vai muito além de web, e que as novas experiências mais promissoras e legais são aquelas com a cara da gente. Mesmo para esse twitteiro(@renedepaula) aqui que adora virar as coisas do avesso.

Por que o microblog faz tanto sucesso? Muito provavelmenteporque proporciona a equação software + serviços na veia

opinião/articulista

René de Paula Jr.User Experience Evangelist

Microsoft Brasil@renedepaula

[email protected]: O UAU Nosso De Cada Dia

http://blogs.msdn.com/renedepaula

design

Ilustração/

/Alex

andre

Dias

(Nan

i)

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

Page 46: Revista Locaweb 18 Ed

Cloud:W2008 16/9/2009 19:31 Page 46

Page 47: Revista Locaweb 18 Ed

Tecnologia

locaweb 47

acessáveis via browser. O Google Docs, pacote deescritório do Google, é 100% online e trata-se de umexemplo perfeito do que o cloud computing pode fazer.

Com essa migração maciça de softwares alojadosatualmente em PCs para servidores remotos, as máquinasdos usuários finais poderiam ser menos robustas, ter HDsmenores e baixo poder de processamento, já que o trabalhopesado ficaria com a empresa que oferece o serviço. Issoseria a substituição do conceito de software como programapor um serviço contratado via demanda. Esse modelo denegócios permite que empresas ofereçam softwares 100%online aos usuários, que pagam pelos serviços. Assim, ousuário não precisa mais, por exemplo, realizar upgrades ouse preocupar com backups ou formatações do OS, quedevem ser realizados de vez em quando. E se você acha queisso só ocorrerá em um futuro muito distante, é bom saberque empresas como Locaweb, Amazon, AT&T, Dell, HP, IBM,Intel, Microsoft e Yahoo!, em um período pouco maior doque um mês, informaram que estão investindo pesadonessa tal “computação em nuvem”.

Entenda como funciona, na prática, a computação em nuvem e saiba como essa tecnologia já está mudando a sua vida pessoal etambém a trajetória de sua empresa em um futuro bem próximo

Pioneira \\ A Locaweb é uma das primeiras empresas do Brasil a investir natecnologia que mudará a forma com que as pessoas lidam com computadores

Personalizado \\Planos dedicados jáexistem para que os

serviços, emboradentro da “nuvem”,

sejam altamentepersonalizados para

atender às demandasdas empresas

Por Sérgio Vinícius

A definição exata do que é cloud computing ainda está longe de ser unânime. Nomes comoTim O'Reilly, profeta da web 2.0, Dan Faber,

editor-chefe do conceituado site de tecnologia CNet, eMatt 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 nestevídeo: http://www.youtube.com/watch?v=6PNuQHUiV3Q).

Mas, se é difícil encontrar uma frase exata paraexpressar o que é cloud computing, exemplos podemajudar a compreender do que se trata esse modelo decomputação na qual gigantes da tecnologia ao redor domundo, como Google, Amazon, IBM e Locaweb, investemmaciçamente para contemplar pessoas físicas e empresas.Esta reportagem foi preparada para que você tire todas assuas dúvidas sobre o assunto.

Cloud para o usuário finalGrosso modo, o cloud

computing é um modelo detecnologia que transfere oprocessamento de aplicaçõespara um servidor remoto.Essas aplicações ficamdisponíveis pela internet esão acessadas via browser.

Um exemplo prático sãoos serviços de webmail,como os oferecidos peloGmail ou pelo Yahoo!. Paraacessá-los, basta umnavegador conectado à web.A menor parte doprocessamento dos dadosfica por conta do PC. A maiorparte, com os servidores do Google ou do Yahoo!.

Entretanto, o cloud computing visa levar às últimasconsequências essa transferência de processamento. Emvez de editores de texto ou aplicativos de planilhasficarem instalados no computador do usuário e rodaremde forma local, a nova tecnologia permite que elespassem a ser alojados em servidores remotos e sejam

* O modelo de negóciospermite que as empresas

ofereçamsoftwares 100%

online aosusuários, quepagam pelos

serviços deacordo com a demanda

Cloud:W2008 1/10/2009 18:24 Page 47

Page 48: Revista Locaweb 18 Ed

instável, tornando a exibição dos filmes lenta. Por ser cliente cloud, basta contratar mais “poder de processamento e memória” junto à Locaweb, que“abre a torneira” e garante que os vídeos sejamreproduzidos sem travarem.

Se, meses depois, as visitas de ABC voltarem ao estágio inicial, basta diminuir a capacidade deprocessamento. E, caso as visitas aumentem ainda mais ea ABC se torne uma mega empresa de comunicação, épossível recorrer a um plano cloud dedicado, em que osserviços são completamente personalizados, mas aindaassim distribuídos em uma “nuvem privada”. Trata-se doprivate cloud, que a Locaweb já oferece.

Origem do nomeDe acordo com pesquisas do grupo Gartner,

especializado em TI, “cloud computing” será uma dastrês expressões mais usadas nos próximos cinco anos.Ao que tudo indica, pelo porte dos investidores e pela recepção dos usuários, é bem possível que acomputação em nuvem entre no dia a dia dos usuáriosantes mesmo de 2014, mesmo que muitas pessoassequer saibam de sua existência. E, se esse for o caso, éde bom-tom saber ao menos de onde surgiu aexpressão cloud computing.

É simples: na maior parte dos diagramas dearquitetura de tecnologia, a interneté representada por uma nuvem. Otermo cloud computing derivadessas representações gráficas. E mais: a expressão se popularizouquando se adicionaram novoscomputadores para rodar aplicaçõesou softwares distribuídos.

É possível também analisar otermo sob a ótica de seu poder. ALocaweb, por exemplo, indica que,como esse tipo de computação estátão acima das outras, nada maisapropriado de chamá-la de“computação nas nuvens”.

Além do apelo da praticidade, há ainda dois pontosbastante atrativos que resultam da aplicação datecnologia. Como os aplicativos são baseados na web eprocessados remotamente, quem dá o tom davelocidade da “máquina” é a conexão de banda larga e o próprio servidor remoto. A segunda vantagem é que os trabalhos realizados no PC podem serrecuperados e acessados de qualquer lugar. E é aí queentra a questão do cloud computing sob o ponto devista empresarial.

Cloud computing para empresasSob o prisma das empresas, o cloud computing

permite a contratação de serviços sob demanda. A Locaweb implementa, por exemplo, um modelo deserviços associado à tecnologia que permite ao clientecontratar recursos de processamento, espaço em disco ememória, de acordo com as suas necessidades.

Dessa forma, o cloud computing evita que empresase pessoas comprem e mantenham uma batelada decomputadores e softwares. Além de ser muito maisvantajoso financeiramente, terceiriza preocupações: atecnologia básica fica a cargo do provedor do serviço,enquanto o cliente foca em suas tarefas produtivas, emseus negócios.

Em um exemplo prático, suponha-se que a empresaABC, hospedada na Locaweb e com um plano de cloudcomputing, mantenha um site em que ofereça e-mail,vídeos online e suporte a blogs. Tudo vai bem, comvisitas constantes e sem grande variação. Entretanto, deuma hora para a outra, o canal de vídeos da ABC ganhadestaque em algum veículo de mídia e o número devisitantes aumenta de forma a tornar a página de vídeos

Tecnologia

O futuro já chegou \\ As informaçõesmigrarão dos HDs pessoais para grandesservidores espalhados pelo mundo por grandesempresas, como IBM, Amazon, Dell e HP

* O cloud computing é um modelo detecnologia que transfere o processamentode aplicações para um servidor remoto.Essas aplicações ficam disponíveis pelainternet e são acessadas via browser

48 locaweb

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

Page 49: Revista Locaweb 18 Ed

atendimento é especialNa Locaweb, o seu

locaweb 49

Mais do que oferecer produtos pura esimplesmente, as empresas que desejam vencer

no mundo competitivo de hoje precisam desenvolverum relacionamento diferenciado com o cliente. Afinal,as demandas cada vez mais estão migrando da área daprodução, na qual tudo se assemelha, para a dosserviços, em que uma simples conversa ou umaabordagem profunda e personalizada em relação aosanseios do cliente costumam fazer a diferença.

É exatamente nesse cenário que se insere a figura dogerente de contas. Na Locaweb, por exemplo, quemexerce esse cargo atua como um “braço” direto docliente dentro da empresa, com responsabilidades queenglobam o estreitamento do relacionamento, aapresentação da Locaweb em visitas monitoradas, oconhecimento criterioso de cada área e departamento eo acompanhamento constante e pessoal dasnecessidades apresentadas. O objetivo é que o GC –como o gerente de contas é chamado –, visite sempre aempresa do cliente e esteja pronto para atendê-lo assimque solicitado.

Wm nossos cartões de visita e assinaturas de e-mail,informamos nosso telefone direto e celular. A ideia éque o cliente tenha um canal de acesso emergencialquando precisar entrar em contato conosco.

Para prestar esse serviço, os gerentes de conta daempresa têm em mãos diversos meios de acesso ao

Papel do gerente de contas vai além de oferecer produtos eengloba abordagens profundas em relação aos anseios do cliente

opinião/articulista

Alexandre BacciSupervisor de Vendas

da [email protected]

e-business

cliente, entre eles suporte via telefone e atendimentovia chat, e-mail e helpdesk. Além disso, a Locaweboferece em seu site um serviço wiki para encontrarrespostas às questões referentes aos serviços prestados,que pode ser conferido em www.locaweb.com.br/wiki.

Dentro desse cenário, o GC é capacitado paradimensionar soluções junto ao cliente, montar umpanorama ideal para atender às demandas solicitadas eentender quais serviços oferecidos pela Locawebagregam valor a cada tipo de negócio, de maneira apersonalizar o atendimento. De acordo com AlexandreGlikas, diretor comercial e responsável por montar umaequipe com quase 40 profissionais na Locaweb, “ocontato direto, mesmo no mundo da internet, é muitobem-vindo para ambos os lados, já que o cliente prefereolhar nos olhos do representante e nós preferimosconhecer de perto o que ele faz. Assim, o gerente decontas pode atuar como parceiro real no negócio”.

João Batista, da BV Financeira, que trabalha com aLocaweb há três anos, reforça a tese. “Meu GC é umamigo e sei que posso contar com ele sempre queprecisar, mesmo porque já precisei dele e a ajuda veiona hora certa”.

Os GCs da Locaweb atuam na divisão de Data Centerda empresa, ou seja, no atendimento a clientes comalgum tipo de serviço dedicado, cloud computing ou outsourcing.

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

Page 50: Revista Locaweb 18 Ed

50 locaweb

Pare e pense: qual foi o último banner em que vocêclicou? E qual mensagem publicitária ele transmitia?

Essas duas perguntas, aparentemente simples, estão cadavez mais difíceis de serem respondidas. Isso porque osconsumidores estão ignorando este formato publicitário.

Chamado de banner blindness, este comportamentoaponta que muitas pessoas sequer olham para os banners. O principal problema está no fato de que muitas campanhasnão são relevantes. São vistas como interrupção e, na internet,o consumidor tem muitas ferramentas para filtrar o que elenão deseja ver. Nesse sentido, as mídias sociais seriam, então,uma forma adequada de criar relevância e de fazer com que asmarcas tenham um impacto real no público?

A resposta para essa pergunta exige um retrospecto: deacordo com estudos realizados pelo Interactive AdvertisingBureau (IAB), os banners corresponderam a 21% dofaturamento total da publicidade na internet americana em2008. Esse volume de investimento, embora pareça sólido,tende a migrar para outros formatos. Dados da Futurelabapontam que o Return On Investment (ROI) dos bannersque, em 2005, era de 14%, passou para 10% em 2007. Em contrapartida, o retorno de ações como Search EngineOptimization migraram de 33% (2005) para 57% (2007).

Mas, quais as razões dessa tendência? A resposta ésimples: o consumidor quer acessar conteúdo, serviço e

entretenimento que sejam relevantes. Uma marca deve,portanto, conversar com eles. Para tanto, é preciso:

• Entender o DNA da marca; identificar o real potencialdo produto; compreender em detalhes o público-alvo; usara rede para maximizar alcance e resultados, e estar abertoà interação com usuários e ao diálogo. 

Uma última dica: diversos estudos sustentam ocrescimento e a aceitação das redes sociais. Uma curiosapesquisa realizada nos EUA perguntou aos entrevistados “oque você faria se tivesse apenas 15 minutos?”. Entre ospesquisados, 28% acessariam as redes sociais e apenas 5%,por exemplo, jogariam videogame.

Dentro desse cenário, podemos responder que as mídiassociais são, sim, uma forma adequada para auxiliar nodiálogo com o público e para proporcionar um impacto reale consistente. Para verificar isso, faça um exercício: divulguenelas um novo produto ou uma promoção interessante, porexemplo. Tente, depois de uma hora, rastrear o alcance damensagem. A replicação do que foi dito vai te surpreender.

Pessoas acreditam em pessoas e propagam o queacreditam. No contexto do banner blindness, agilidade,interatividade e criatividade, portanto, não têm limite. Só nãovale ficar cego para o que realmente dá certo.

Entenda por que a publicidade na internet se afasta a passos largosdos banners e tende a cair no colo das comunidades virtuais

opinião/articulista

Banner blindness: Cura nas redes socias?

Marcelo TrípoliPresidente da agência de

marketing digital iThink e autordo blog ifound.com.br

@[email protected]

e-business

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

Page 51: Revista Locaweb 18 Ed

205 X 275 novo:Layout 1 16/9/2009 16:33 Page 1

Page 52: Revista Locaweb 18 Ed

52 locaweb

O Mohave(www.mohave.

com.br) é um carroimponente, que acaba de chegar ao mercadopelas mãos da montadoraKia. Como estratégia de marketing, a empresaapostou em campanhasoriginais e ousadas.

Para a TV, o modelo foiveículado em horárionobre, na Rede Globo. Nasmãos de um personagemda novela Caminho dasÍndias, o Mohave foiapresentado ao grandepúblico brasileiro. Paracomplementar a estreia degala, a Kia promoveu olançamento do site doautomóvel, que usa e abusade interatividade econceitos multimídia.

Prazer de dirigir

caseslocaweb

Agência Grafikonstruct desenvolve site para o Mohave, novo modeloda Kia Motors, e leva à internet o conceito de test-drive virtual

“Esta ação de cross-mediaentre televisão e web é umamaneira de integrarmos oreal com a ficção. É umanova forma de lançar umproduto que envolveentretenimento e prazer”,comenta Rodrigo Teco,diretor do projeto.

O estúdio Grafikonstructé focado em projetosinterativos e mídia digital. A empresa é um espaço decriação especializado nodesenvolvimento depresença estratégica paraempresas, marcas eprodutos no ambienteonline. O Mohave é o carrotop de linha da Kia noBrasil. Entre os utilitários, éo maior da categoria, com4.88 m de comprimento e

Site da Grafikonstruct \\ Empresa desenvolveu a página do novíssimomodelo Kia Mohave em parceira com a agência Mohallem Meirelles

A plataforma web é aresponsável pela ação demerchandising que misturaelementos de ficção erealidade. Além de oferecermais detalhes do veículo, osite agrada por permitir umtest-drive virtual, no qual ousuário pode pilotar oMohave sem sair da frentedo teclado. Isso mesmo!

O projeto Mohave,desenvolvido pelo estúdiode design interativoGrafikonstruct em parceriacom a agência MohallemMeirelles, apresenta oveículo por dentro e porfora. O usuário exploratodos os features do carrodentro de uma garagem edepois é convidado a dirigir,escolhendo cenários comocidade, campo ou praia.

1,91 m de altura. O modelotem capacidade paraacomodar até setepassageiros com conforto.

Com acabamentoluxuoso, unido comequipamentos confortáveise de segurança, comoairbags frontais e lateraisque se armam em forma decortina na lateral do carro,protejendo as três fileirasde bancos, o Kia Mohavechega ao mercado emgrande estilo. A seguir, vocêconfere mais detalhes dosite do automóvel, que une,em uma plataforma, tantoas qualidades do carro emmovimento quantodetalhes interiores eexteriores do design domodelo da Kia.

Case:W2008 1/10/2009 18:30 Page 52

Page 53: Revista Locaweb 18 Ed

locaweb 53

1

2

34

semelhante, fontes e imagens - oque dá uma unidade a todas asiniciativas da montadora. Para veras similaridades e o conceito visualdas páginas, acesse o endereçowww.kia.com.br.

3 AMBIENTESÜAntes de iniciar o passeio, ovisitante pode escolher diversosambientes para pilotar, sendo osmais agradáveis: a cidade,durante a noite, e um passeio pelointerior. A qualquer momento, omotorista pode voltar para agaragem. Durante o trajeto, nopara-brisa surgem setas quepermitem ao motorista/usuárioescolher a direção que o KiaMohave deve seguir.

4 DETALHESÜDepois do test-drive virtual, ovisitante pode conhecer maisdetalhes do carro. É possívelacessar itens diversos, comomotorização, peças de conforto eoutros dados que podeminfluenciar a compra do modelo.

O site

1 INTERIORÜDentro do carro, o usuárioassume os volantes e, já a partir dagaragem, pode conduzir o Mohave.Logo de cara, durante este primeirocontato, é possível conferir o luxodo modelo, que esbanja conforto. O veículo é destinado a um públicopremium, que está atrás deconforto e boa dirigibilidade.

2 CONTROLE SONOROÜNo painel central, há o controlede som. Durante todo o trajeto, ousuário pode escutar músicas quetornam a navegação - e a viagem -mais agradável. Desde a primeiratela do site, é possível controlarferramentas como a transmissãodas músicas, permitindo que eleinterrompa ou dê prosseguimentoao áudio da página.

5 IDENTIDADEÜApesar de ser um carrorecém-lançado, com um siteinovador, a página do Mohavesegue os padrões dos sites da Kia,utilizando projeto de design

5

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

Page 54: Revista Locaweb 18 Ed

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

Como desenvolvergames para iPhone

Por Guilherne Tsubota e Fábio Balancin

N os últimos anos, o fenômeno iPhone não para desurpreender. Desde seu lançamento, em janeiro de2007, os números são impressionantes e chega a

ser incrível o hype que envolve esse celular. Parte do sucesso do iPhone vai além da marca Apple e da

famosa Apple Store, a loja online de venda de aplicativos ejogos para iPhone. O equilíbrio que a turma do Steve Jobsconseguiu entre usabilidade, praticidade, tamanho físico,capacidade de processamento e facilidade nodesenvolvimento de aplicativos gerou o que chamamos de"ecossistema do iPhone", com consumidores edesenvolvedores de aplicativos pelo mundo todo.

Fazer parte desse mundo é fácil. A Apple oferece umasérie de ferramentas para o desenvolvedor trabalharaplicativos ou jogos. Entre elas, podemos citar o ambientede desenvolvimento X Code e o SDK para iPhone.

BurocraciaObviamente existem algumas premissas: este

ambiente de desenvolvimento só funciona em Mac OS X.Para publicar um software na Apple Store, é necessárioum registro e o pagamento da taxa de US$ 99, caso vocêseja pessoa física.

O registro, apesar de burocrático, é fácil e pode serfeito diretamente no site da Apple no endereçohttp://developer.apple.com/iphone/program. Você será convidado a criar um perfil de desenvolvedor no site em http://developer.apple.com/iphone/program/start/register e, após isso, a efetuar o downloaddo SDK com o X Code.

Com o perfil de desenvolvedor, você já consegue iniciar os trabalhos, porém, apenas com o registro é que será possível testar o seu aplicativo em um iPhone oupublicá-lo. A instalação do SDK no Mac OS X é fácil, totalmente integrada ao sistema e sem a necessidade de inúmeras configurações. Praticamente é fazer odownload, clicar e usar.

Jogos no iPhoneCuriosamente, o iPhone se destacou muito mais

como um device de entretenimento do que como umsmartphone corporativo. Hoje, a marca é surpreendente, atal ponto de ter mais jogos desenvolvidos para o sistema do que que para Nintendo DS ou Sony PSP. São mais de 20 mil títulos produzidos pela comunidade dedesenvolvedores ao redor do mundo.

Isso se deve à facilidade de desenvolvimento naplataforma. Enquanto existem inúmeras restrições gráficas,tecnológicas e financeiras para as plataformas concorrentes,a Apple inovou o seu modelo de negócios ao garantir que,com apenas US$ 99, um computador Apple e um iPhone,qualquer um possa desenvolver um aplicativo e colocá-lo nagôndola de produtos voltados ao consumidor final. Parafazer parte desse time, a primeira etapa é perceber um nichode mercado e planejar o tipo de aplicativo. A seguir,mostraremos o que fazer para criar, no caso, um game.

Qual jogo faz sucesso no iPhone?A resposta mais provável são os jogos de grife dos grandesestúdios. Porém, aí está a mágica do iPhone, os jogoscasuais indies têm alcançado um sucesso considerável entreos consumidores. Muita coisa é descartável, porém épossível encontrar jogos tão criativos ou bonitos quanto osde estúdios consagrados.

Então, como garantir o sucesso do meu jogo?Antes de tudo, é necessário planejamento. No caso dos jogosindies, senso de oportunidade é muito bem-vindo.Aproveitando um assunto que esteja na mídia, o apoio dasmídias sociais e o velho e bom boca a boca, um jogo podealcançar uma posição relevante na Apple Store. Paraexemplificar, vamos criar um jogo sobre a gripe A, ou H1N1,mais conhecida como “gripe suína”. Além de ser um assuntorecente, porcos são animais cômicos, ideais para fazer jogos.Podemos também enobrecer a causa elucidando algumasquestões sobre a doença entre as fases do jogo.

Programação Games para iPhone

54 locaweb

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

Page 55: Revista Locaweb 18 Ed

Controles na telaDepois de definir o título, é importante pensar que, ao

mesmo tempo em que a tela multitouch do iPhone é umavantagem, ela pode se tornar um problema em algunsjogos. Como exemplo positivo, é possível citar o Need forSpeed, da EA. Trata-se de um dos melhores jogos desimulação de corrida já criados e sua adaptação para oiPhone foi extremamente inteligente e divertida. Comrestrição à quantidade de botões, se comparado a umconsole, a versão do iPhone usa as características doaparelho para garantir a boa jogabilidade.

Para dirigir o carro, basta movimentar o celular como sefosse um volante. Acelerador? Esqueça, ele acelera e troca asmarchas automaticamente. Quer usar o freio? Basta tocarem qualquer lugar da tela. Acionar o nitro é também muitofácil, sendo necessário que você arraste o seu dedo paracima duas vezes na tela. Os comandos são simples para queo 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 queserve para executar ataques e ações diversas. FIFA eMegaman também contam com esse tipo de solução. É notório que esses controles digitais não são tãoconfortáveis como os controles do Nintendo DS ou do SonyPSP, porém é uma solução plausível para o iPhone.

No caso do Jogo da Gripe Suína, vamos criar umadinâmica mais fácil e intuitiva. Ele é um casual game e,como tal, deve ser rápido e fácil de brincar. O desafionão deve ser deixado de lado. Aqui, é necessário dar oremédio para o porquinho doente, enquanto o temponão termina. Quando o porquinho aparecer com um

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

Projeto no X CodePara criar algo com a SDK do

iPhone, devemos iniciar um novoprojeto no X Code. No nosso caso,vamos desenvolver um novo projetodo tipo “View-based Application”, quepossui o básico para o nosso sistemafuncionar sem problemas. Vamos

nomear o projeto de PigGame. Jogos normalmente possuemgrande quantidade de animações e operações simultâneas,como movimentação de cenário, personagens, trilha sonora,regras do jogo, efeitos visuais e muito mais. Por isso, eleprecisa ser bem estruturado para que gaste o mínimo dememória possível.

Existem diversas técnicas de desenvolvimento eprogramação de games digitais, porém, neste artigo,não vamos aprofundar esse conhecimento. Vale a penalembrar que é interessante manter um controle de todasas ações do jogo. Para isso, uma boa dica é criar uma classecentralizadora que chamamos de Unit e um intervalo detempo que vai controlar todas as ações do jogo quepodemos nomear de mainLoop.

Antes de começarmos a codificar, vamos fazer odownload do projeto em seu repositório no linkhttp://www.europanet.com.br/download/locaweb.

Programação Games para iPhone

locaweb 55

Need for Speedy \\ Com restrição ao númerode botões, se comparado a um console, aversão do iPhone usa as características doaparelho para gerar boa jogabilidade

Assassin`s Creed \\ Foram criados botões digitais para solucionar a falta decontroles físicos, como um direcional que é usado para ataques e outras ações

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

Page 56: Revista Locaweb 18 Ed

Após descompactar o arquivo, coloque as imagens doprojeto e as copie para a pasta “resources”. Essas imagensserão usadas no jogo. Para os sons e efeitos sonoros, vamosimportar um novo framework chamado “Audio Toolbox”,que será responsável por essa tarefa.

Para isso, vá ao ícone targets do seu projeto, clique nele edepois clique novamente com o botão direito no nome doseu projeto. Escolha a opção “Get Info”. Na aba “General”existem as “Linked Libraries”. Pressione adicionar a “AudioToolbox Framework”.

É importante observar se a versão do SDK é a mesma dasuportada por esse framework. Com isso, podemos colocar amão na massa em nosso código.

O JogoPrimeiramente, vamos pensar no esquema do jogo.

Serão diversos porquinhos divididos em três linhas e três colunas. Para mantê-los saudáveis, precisamos clicar earrastar uma pílula até eles enquanto o tempo não acaba.

Baseados nessa pequena abstração dafuncionalidade do jogo, temos três classes principais: • A classe Grid, que será a nossa classe para criar todaessa dinâmica, • A classe Pig, responsável pelas ações do porco,• A classe Pill, responsável pela pilula.

Você precisa criar em seu projeto essas 3 novas classes,Grid, Pig e Pill. Para isso, siga as instruções abaixo:

• Grid (File > New File > Objective-C Class extendendo UIView), • Pig (File > New File > Objective-C Class extendendo UIView),• Pill (File > New File > Objective-C Class extendendo UIView).

Ao final você deverá ter a seguinte estrutura:

Considerando que todas as classes no Cocoa Touchdevem possuir um header e uma implementação, para aclasse do Grid usaremos o seguinte código:

//Grid.h #import <Foundation/Foundation.h>#import <AudioToolbox/AudioToolbox.h>#import "Pig.h"#import "Pill.h"@interface Grid : NSObject {NSMutableDictionary* pigsDict; //Matriz onde ficarao armazenados os objetos dos porquinhosint mainTime; //tempo de jogoUIView* view; //palcoUILabel* deadsLabel; //campo de texto das mortesUILabel* timeLabel; //campo de texto do tempoint timeCounter; //contador de tempoint deads; //numero de mortesNSTimer* mainLoop; //controlador principal de loop do jogoSystemSoundID up_life; //referencia do som que sera usado}-(void) mainLoop; //metodo do mainloop-(void) initWithView:(UIView*)viewScene; //metodo que sera chamado pelo arquivo principal@end

//Grid.m#import "Grid.h"@implementation Grid-(void) initWithView:(UIView*)viewScene {//Diretorio que se encontra o somNSString *sndPath = [[NSBundle mainBundle]pathForResource:@"squeeze-toy-2"ofType:@"wav"];

//Referencia do caminho do somCFURLRef sndURL = (CFURLRef)[[NSURL alloc]initFileURLWithPath:sndPath];//Criando objeto do somAudioServicesCreateSystemSoundID(sndURL, &up_life);

//Setando o numero de mortes para 0deads = 0;//recebendo o palcoview = viewScene;

//Configura textos iniciaisdeadsLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 75, 190, 30)];

Programação Games para iPhone

56 locaweb

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

Page 57: Revista Locaweb 18 Ed

deadsLabel.font = [UIFont fontWithName:@"Arial" size:20];deadsLabel.backgroundColor = [UIColor clearColor];deadsLabel.textAlignment = UITextAlignmentLeft;deadsLabel.text = @"(0) porcos perdidos";[viewScene addSubview:deadsLabel];timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 55, 140, 30)];timeLabel.font = [UIFont fontWithName:@"Arial" size:20];timeLabel.backgroundColor = [UIColor clearColor];timeLabel.textAlignment = UITextAlignmentLeft;timeCounter = 60;timeLabel.text = @"90 segundo(s)";[viewScene addSubview:timeLabel];

mainLoop = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(mainLoop) userInfo:nil repeats:YES];pigsDict = [[NSMutableDictionary alloc] init];

//Cria referencia de imagem do porquinhoUIImage* image = [UIImage imageNamed:@"pig_s1.png"];

//Adiciona porcos na telafor(int i = 0; i < 9; i++){

Pig* imageView = [[Pig alloc] initWithImage:image];imageView.pigId = i;imageView.tag = i;imageView.frame = CGRectMake((i%3)*image.size.width+35, ((i-(i%3))/3)*image.size.height+100, image.size.width, image.size.height); //(i%3)*image.size.heightimageView.pigsDict = pigsDict;imageView.dead = NO;imageView.life = 30;[pigsDict setObject:imageView forKey:[NSString stringWithFormat:@"%i", i]];

[view addSubview:imageView];}

//Cria pilula na telaUIImage* pillImage = [UIImage imageNamed:@"pill.png"];

Programação Games para iPhone

locaweb 57

Pill* pill = [[Pill alloc] initWithImage:pillImage];pill.pigsDict = pigsDict;pill.up_life = up_life;pill.userInteractionEnabled = YES;pill.frame = CGRectMake(20, 350, pillImage.size.width, pillImage.size.height);[viewScene addSubview:pill];UIImage* pillIndicateImage = [UIImage imageNamed:@"useit.png"];UIImageView* pillIdicate = [[UIImageView alloc] initWithImage:pillIndicateImage];pillIdicate.frame = CGRectMake(pill.frame. origin.x+pillImage.size.width+10, pill.frame.origin.y+5, pillIndicateImage.size.width, pillIndicateImage.size.height);[viewScene addSubview:pillIdicate]; }-(void) mainLoop {//Começa contador de tempomainTime = mainTime+1;

//Verifica se morreram todos os porcosif(deads == 9){

//Game over[mainLoop invalidate]; deadsLabel.text = @"Game Over !";} else {

//Verifica se o tempo acabouif(timeCounter <= 1){deadsLabel.text = [NSString stringWithFormat:@"Você conseguiu !", deads];[mainLoop invalidate]; } else {for(int i = 0; i < 9; i++){ if(![[pigsDict objectForKey:[NSString stringWithFormat:@"%i", i]] dead]){if([[pigsDict objectForKey:[NSString stringWithFormat:@"%i", i]] life]-1 <= 0){[[pigsDict objectForKey:[NSString stringWithFormat:@"%i", i]] setDead:YES];deads++;deadsLabel.text = [NSString stringWithFormat:@"(%i) Perdidos", deads];} else[(Pig*)[pigsDict objectForKey:[NSString stringWithFormat:@"%i", i]] setLife:([[pigsDict objectForKey:[NSString stringWithFormat:@"%i", i]] life]-1)];

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

Page 58: Revista Locaweb 18 Ed

} }

}}

timeCounter--;timeLabel.text = [NSString stringWithFormat:@"%i segundo(s)", timeCounter];}@end

Repare que nessa classe Grid usamos os objetosdeadsLabel e timeLabel para colocar textos para o usuário.Um vai mostrar o número de porquinhos mortos até omomento e, o outro, o tempo decorrido.

Você quer vero tempo que falta para o jogo terminar? Ele fica guardado no objeto timeCounter (timeCounter = 60) e será subtraído na função mainLoop do jogo (timeCounter--). Assim que a operação é feita, exibimos oresultado em timeLabel.

Repare que para mostrarmos os resultados dentro dasUILabels nós usamos sempre um objeto do tipo NSString,que é o objeto permitido para essa classe. Dessa forma,quando temos um número inteiro, nós somos obrigados aconvertê-lo para uma NSString (stringWithFormat).

O motivo de termos criado o pigsDict nessa classe éunicamente para ter controle depois de imprimir osporquinhos na tela e saber quais são as propriedades quepossuem no momento: saudáveis, doentes, morrendo,vivendo etc.

Nessa classe Grid, também criamos o objeto de som quepassamos depois de criado para a classe Pill. Ela irá utilizaresse objeto quando você arrastar uma pílula para cima doporquinho. Essa classe, por ser a controladora do nossotabuleiro, também define o momento do fim do jogo. Seriaaqui que você poderia implementar, por exemplo, as fasesou mensagens de vitória.

Agora vamos à classe controladora do porquinho:

//Pig.h #import <UIKit/UIKit.h>@interface Pig : UIImageView {int pigId; //indice de referencia do porquinhoBOOL dead; //flag dizendo se o porco esta mortoint life; //vida do porquinho

}-(int)life; //retorna a vida-(void)setLife:(int)s; //altera a vida@property(nonatomic, readwrite) int pigId;@property(nonatomic, readwrite) BOOL dead;@end

//Pig.m

#import "Pig.h"@implementation Pig@synthesize pigId, dead;-(int)life {

return life;}-(void)setLife:(int)s {

//Altera a imagem do porquinho para a imagem que representa o estado atual dele

life = s;int n1 = life*100;int nIm = 11-(10*(n1/30)/100);if(nIm < 11)

self.image = [UIImage imageNamed:[NSString stringWithFormat:@"pig_s%i.png", nIm]];}- (void)dealloc {

[super dealloc];}@end

Repare que, no porquinho, nós temos controle de vidarestante para ele e se está morto. São as únicas propriedadesque vamos precisar.

E agora, a pílula:

//Pill.h #import <UIKit/UIKit.h>#import <AudioToolbox/AudioToolbox.h>@interface Pill : UIImageView {UIImageView* pillActiveView; //objeto com a imagem da pilulaNSMutableDictionary* pigsDict; //matriz com objetos dos porquinhos

SystemSoundID up_life; //objeto de som}@property(nonatomic, retain) NSMutableDictionary* pigsDict;@property(nonatomic, readwrite) SystemSoundID up_life;@end

//Pill.m#import "Pill.h"@implementation Pill@synthesize pigsDict, up_life; - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

//Cria uma replica da pilula que sera arrastadapillActiveView = [[UIImageView alloc]

Programação Games para iPhone

58 locaweb

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

Page 59: Revista Locaweb 18 Ed

initWithImage:self.image];pillActiveView.frame = self.frame;

[self.superview addSubview:pillActiveView];}- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {

//Move a pilula na telaUITouch* allTouches = [touches anyObject];CGPoint location = [allTouches locationInView:self.superview];pillActiveView.center = CGPointMake(location.x, location.y); }- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {

//Detecta em que porquinho a pilula foi colocada ou se nao foi e deleta a pilula da telaUITouch* allTouches = [touches anyObject];CGPoint location = [allTouches locationInView:self.superview];if(location.x >= [[pigsDict objectForKey:@"0"] frame].origin.x && location.x <= [[pigsDict objectForKey:@"2"] frame].origin.x+[[pigsDict objectForKey:@"2"] frame].size.width){float xPos = ceil((location.x-[[pigsDict objectForKey:@"0"] frame].origin.x)/[[pigsDict objectForKey:@"2"] frame].size.width)-1;float yPos = ceil((location.y-[[pigsDict objectForKey:@"0"] frame].origin.y)/[[pigsDict objectForKey:@"6"] frame].size.height)-1;int pigId = xPos+(yPos*3);if(![[pigsDict objectForKey:[NSString stringWithFormat:@"%i", pigId]] dead]){AudioServicesPlaySystemSound(up_life);[[pigsDict objectForKey:[NSString stringWithFormat:@"%i", pigId]] setLife:30];

}}[pillActiveView removeFromSuperview];

} - (void)dealloc {

[super dealloc];}@end

A classe da pílula é onde podemos reconhecer emque ponto da tela está o mouse (no caso o toque dodedo no touchscreen) com a pílula. Caso ela estejasobre um porquinho, ela irá curar o bichinho e um somidentificará a tarefa.

Repare que, quando declaramos essa classe emGrid, nós atribuimos o valor booleano verdadeiro à propriedade userInteractionEnabled para podermosinteragir com esse objeto. Do contrário, isso não seria possível.

Os métodos pré-definidos do framework que estamosimplementando para controlar os toques do usuário natela são:

(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event

Para arrastar a pílula, o melhor a fazer é implementar oseguinte método:

touchMoved a linha:pillActiveView.center = CGPointMake(location.x, location.y);

Nesta linha, estamos pegando as coordenadas do mousepelo objeto UITouch:

UITouch* allTouches = [touches anyObject];CGPoint location = [allTouches locationInView:self.superview];

O objeto location retorna para você as coordenadas X e Y do ponteiro. Para removermos a pílula queestamos arrastando na tela, usamos o método“removeFromSuperview”. Para inicializar o jogo, vá até o ViewController principal do sistema (PigGameView Controller) e coloque as seguintes linhas no viewDidLoad:

[self.view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"farm_bg.png"]]];

Grid* grid = [[Grid alloc] init];[grid initWithView:self.view];

Agora, é só compilar e brincar!

Uma pequena observação: aqui, nós atribuímos umaimagem de fundo para o jogo. Neste caso, usamos umatécnica parecida com background de linguagens conhecidas,só que optamos por denominar esse esquema no método“colorWithPatternImage”.

Dessa forma, preenchemos o nosso objeto com uma“cor” que, na verdade, será uma imagem.

Programação Games para iPhone

locaweb 59

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

Page 60: Revista Locaweb 18 Ed

Usando o X CodeO X Code é o editor que usamos no Mac para criarmos

nossos sistemas com o SDK de iPhone. Ele suporta, alémdo objective-c, C, C++ e Java, por exemplo. Possui umainterface gráfica relatvamente fácil e, no caso do SDK doiPhone, você pode optar por rodar no simulador ou noaparelho. Além disso, pode escolher também a versão doOS que vai rodar neles para testar sua aplicação.

O simulador, salvo limitações (como câmera e microfone),é exatamente igual ao aparelho. Porém, nunca confie quesua aplicação está completa apenas a testando no sistema.Lembre-se de que o simulador está sendo executado em seucomputador e ele é muito mais rápido que um celular.

Normalmente, no caso de jogos, usa-se muitosobjetos e aloca-se muitas ações na memória. Aí, durante o teste no celular, o jogo fica um pouco lento.Esse é o momento de melhorar a performance docódigo antes de finalizar.

O X Code possui uma ferramenta para administrar osaparelhos que estão ligados ao computador e quepodem ser usados para debugar sua aplicação, oOrganizer. É uma ferramenta em que, além de você verquais aparelhos estão ligados, é possível tambémobservar logs de execuções anteriores e a atual, logs dosistema operacional do aparelho, tirar screenshots datela do aparelho, e até mesmo formatá-lo.

Também é oferecido ao desenvolvedor uma visualizaçãode classes com UML. Para isso, basta selecionar as classesque ele deseja visualizar nesse modo e, depois, clicar emDesign > Class Model > Quick Model.

Para debugar aplicações no X Code, clique na linha à qualvocê deseja adicionar um breakpoint e, em vez de apenascompilar e executar, entre em Build < Build and Debug.Nessa opção, você pode acompanhar todo seu sistema peloconsole (Run > Console) e pela navegação de objetos.

Dica: Existe uma forma decustomizar o X Code para manter oprocesso de debug numa janela só:vá a X Code > Preferences > Generale depois, em Layout, selecione “Allin One”. Para isso, nenhum projetopode estar aberto no momento.

As classes que você criar usando aSDK do iPhone e sua metodologiaficarão sempre com a extensão .h paraos arquivos header e .m para asimplementações desses arquivos. Masque arquivos são esses? O header class(.h) guarda a declaração com nome dasua classe, objetos utilizados, métodosatribuídos, classes importadas, herança,

constantes (se houverem) e as propriedades. No arquivo comimplementações da classe, você vai guardar as instruções paraseus objetos e métodos declarados no header file.

Dica: Uma coisa que você verá muito nos sistemasque utilizam a SDK é as propertys que declaramautomaticamente as funções get e set de sua classe.Veja o exemplo:

@interface Pill : UIImageView {NSMutableDictionary* pigsDict; //matriz com objetos dos porquinhos}@property(nonatomic, retain) NSMutableDictionary* pigsDict;

No header, colocamos as instruções acima para definir oobjeto pigsDict como uma propriedade. Depois, no mainfile(.m), colocamos a linha abaixo:

@synthesize pigsDict;

Essa linha fará com que você tenha dois métodos em suaclasse: o pigsDict de retorno, que irá te dar o objeto pigsDictalocado na classe, e o setPigsDict, que pode ser usado parasetar no lugar desse objeto um outro objeto qualquer.

Outro recurso interessante é que você pode trabalharcom repositórios SVN e CVS no X Code. Em SCM >Repositories, dá para administrar todos os repositórios emuso ou até mesmo do seu projeto ativo.

Guilherme ([email protected]) é Criador de Games eespecialista em Tecnologia Mobile.Fábio ([email protected]) é Engenheiro de Sistemas e Games.

Programação Games para iPhone

60 locaweb

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

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

Page 61: Revista Locaweb 18 Ed

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

Page 62: Revista Locaweb 18 Ed

O que é realidade e o que vai realmente mudar na nova versão da linguagemde marcação usada como base para a montagem de páginas na internet

Os mitos e fatos emtorno do HTML 5

Por Felipe Magalhães

Há algum tempo, a World Wide Web Consortium(W3C) anunciou a criação da nova versão dalinguagem de marcação usada como base para a

montagem de páginas web: o HTML 5. O projeto começoua ser desenvolvido após a atual edição do HypertextMarkup Language (HTML), a 4.0.1, ter ficado obsoleta com o surgimento das aplicações RIA. Pudera, há mais de10 anos a linguagem não passava por qualquer tipo dealteração significativa.

Com o HTML 5, os desenvolvedores esperam forneceruma experiência mais profunda de internet, fazendotambém com que os navegadores deixem de ser merosexibidores de páginas e passem a oferecer recursos maisinteressantes. No entanto, a nova linguagem ainda estáem fase de testes e a versão final tem lançamento previstoapenas para 2012. Mesmo assim, os principais browsers

do mercado, como Google Chrome, Mozilla Firefox 3.5,Internet Explorer 8 e Safari 4, já dão suporte ao sistema,fato que movimentou o mercado e gerou diversos mitos erealidades em torno do HTML 5.

Até pouco tempo atrás, por exemplo, chegou-se aacreditar que o XHTML (reformulação da linguagemHTML, combinando-a com as regras da XML) seria aevolução da versão 4.0.1, mas o fato é que a ideia morreuna praia. Em vez de oferecer um potencial maior para alinguagem, o XHTML apenas fez com que as páginaspudessem ser escritas com uma semântica definida, dandoum significado útil para cada elemento HTML.

Muito mais robusto, o HTML 5 promete grandesalterações de desenvolvimento, como a inclusão de APIspara criação de gráficos em 2D, controle de conteúdomultimídia (como swf, música e vídeo embutido),melhora na depuração de erros e aprimoramento do usoem modo offline. Fora isso, a nova linguagem pretende

resolver um dos grandes problemasenfrentados pela versão atual: o fatode que a estrutura da página não éalgo óbvio para a máquina, pois nãoexiste um padrão para arquitetar odocumento indicando o que é cadaelemento. Isso geralmente fica porconta dos atributos name e id dosobjetos, porém não há regra depadronização para eles. Cadadesenvolvedor os descreve damaneira que entende melhor.

É exatamente por causa disso queos desenvolvedores do HTML 5pretendem substituir os elementospor algo com significado embutido,de modo que a finalidade de cadaelemento passe a ficar nítida para a máquina. Confira, nas próximaspáginas, o que a nova linguagemrealmente deve oferecer:

Programação HTML 5

62 locaweb

Onde obter referências? \\ Quem quiser se aprofundar no assunto e obter novas informações arespeito do HTML 5 deve frequendar endereços como www.w3schools.com/tags/html5.asp

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

Page 63: Revista Locaweb 18 Ed

Algumas novidadesdo HTML 5Tag <canvas>: A finalidade desta tag é renderizar gráficosbidimensionais e permitir a edição de imagens por meio de APIou Javascript.

Tag <header>: Serve para definir o que haverá nocabeçalho. Atualmente, o costume é o uso de div para montar ocabeçalho, descrevendo o id como “cabecalho”, “topo” ouqualquer coisa do tipo, de modo com que o desenvolvedor (eapenas ele, não a máquina) fique ciente da utilidade daqueleitem dentro do documento.

Tag <article>: Define um artigo, uma área da página quetenha formulários e/ou texto e/ou imagens que envolvam ummesmo tema, como área de comentários em um blog ou a áreaposts de um fórum.

Tag <section>: Tem a finalidade de definir uma área dentroda página, sendo que cada uma pode, por exemplo, conter um<h1>. O objetivo é fazer com que a semântica da página nãose perca por existir mais de um título de nível 1 dentro domesmo documento. Esta ferramenta é muito útil para aindexação de buscadores. É bom alertar que as divs (queatualmente podem funcionar como uma delimitadora deseções) não deixarão de existir, mas terão seu uso diminuído epassarão a ser necessárias apenas em casos específicos.

Tag <aside>: Engloba informações que tenham algumaligação com o conteúdo principal do site. Exemplo: menu,busca, banner.

Tag <footer>: Define a área de rodapé do documento ou da seção.

Tag <audio>: Estabelece a exibição de qualquer elementode streaming de áudio. O funcionamento desta tag é simples,basta dizer no atributo “src” o caminho do arquivo de som a serexecutado. Por meio desta tag, é possível configurar se o somserá executado automaticamente, se serão ou não exibidos oscontroles de áudio (botões de play, stop e por aí vai) e quantasvezes o áudio será reproduzido.

Tag <video>: Semelhante ao funcionamento da tag <audio>,porém com o intuito de exibir vídeos na página. Além dasmesmas possibilidades da tag comentada acima, também serápossível definir uma imagem a ser exibida antes de o vídeo estarcarregado, além da largura e altura da imagem.

Tag <dialog>: Utilizada para descrever diálogos dentro dodocumento. Dentro da <dialog></dialog>, devem serusadas as tags de termo de definição (<dt>) e descrição dedefinição (<dd>), sendo que a tag <dt> informa o nomeda pessoa que está no diálogo e a tag <dd> informa o queesta pessoa está falando.

HTML 5 Programação

locaweb 63

* O HTML 5 promete alterações dedesenvolvimento como a inclusão deAPIs para criação de gráficos em 2D,controle de conteúdo multimídia,melhora na depuração de erros eaprimoramento do uso em modo offline

Semântica \\ Artigos no site Tablelessmostram que os desenvolvedores do HTML 5pretendem substituir os elementos indicados nosdocumentos por algo com significado embutido,de modo que a finalidade de cada elementopasse a ficar nítida para a máquina

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

Page 64: Revista Locaweb 18 Ed

Tag <figure>: Sabe quando lemos umlivro e vemos em meio ao texto oseguinte dizer: “Figura 1.3”? Esta tag éusada para agrupar elementos comoilustrações, imagens e fotos, dessamaneira, permitindo a aplicação de umalegenda por meio da tag <legend>.Para linkar o texto à imagem sobre a qualele faz citação, basta colocar um link(<a>) com o atributo href apontandopara “#idDaFigure”, por exemplo: Para<figure id=”1”>...</figure>, use <ahref=”#1”>...</a>.

Tag <datagrid>: Define uma lista dedados selecionáveis, exibida em umaestrutura de árvore (tree-list). Permiteconfiguração para selecionar um únicoou múltiplos itens.

Tag <datalist>: Esta tag deve ser utilizada juntamente a um<input> para descrever quais itens fazem parte da lista deitens selecionáveis. Para atrelar uma datalist a um input, bastainformar o id da datalist no atributo “list” do input, por exemplo:<input id="uf" list="estados" /><datalistid="estados">...</datalist>

Tag <mark>: Utilizada para fazer um realce (colocando umacor de fundo) em um determinado trecho de um texto, a fim dedar certo destaque.

Tag <meter>: Usada para indicar conteúdo referente àmedida. Por exemplo, o trecho <meter min="0" max="200"value="12" title="millimeters">173 mm</meter> sópermitirá que o conteúdo entre a tag <meter> seja um valorentre o descrito no atributo “min” e no “max”.

Tag <input>: Esta é uma velha conhecida, mas vem cheiade novidades. Por meio do atributo “form”, podemos definir aqual ou quais formulários o item pertence. Também serápossível configurar qual conteúdo será exibido assim que oformulário for enviado, e dizer se um campo é obrigatório ounão por meio do atributo “required”. Surgem também novostipos de input, como date, datetime, datetime-local, email,month, number, range, time, url e week.

Tag <command>: Define um botão de comando, quepode 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 detexto (que é funcionalidade da tag <input>). Será possívelindicar, via url, um ícone para o <command>.

Tag <details>: Esta tag tem por funcionalidade descrever osdetalhes de um elemento na página e pode ser configurada paraser visível ou oculta por padrão.

Tag <nav>: Esta tag gera uma seção de navegação (comoum menu superior), com os links exibidos lado a lado.

Programação HTML 5

64 locaweb

Tags \\ Entre no endereço www.quackit.com/html_5/tags para conferir outras tags interessantes quedevem ser inseridas na nova versão da linguagem de marcação, com previsão de lançamento para 2012

* O HTML 5 deve resolver um dosgrandes problemas da versão atual: o fatode que a estrutura da página não é algoóbvio para a máquina, pois não existeum padrão para arquitetar o documentoindicando o que é cada elemento

Atributos \\ A lista de novos atributos aplicados ao HTML 5 pode serconferida em www.w3schools.com/tags/html5_ref_standardattributes.asp

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

Page 65: Revista Locaweb 18 Ed

Tag <menu>: Esta tag estava em desuso no HTML 4, mas foi redefinida no HTML 5. O intuito da ferramenta, comoo próprio nome informa, é de gerar um menu, sendo que seus itens devem estar descritos com tags <li> (list itemusado normalmente em listas ordenadas <ol> e nãoordenadas <ul>).

Tag <progress>: Não imagine que esta tag vá gerar umabarra de progresso. A tag <progress> tem por objetivo definirque o conteúdo existente dentro dela seja entendido pelamáquina como a representação do progresso de execução dealguma tarefa. Indica-se o uso de Javascript para podermanipular esse elemento, mantendo o usuário informadosobre o andamento da execução de algo, como umdownload, por exemplo.

Tag <time>: Tem a finalidade puramente de descrever para amáquina que aquele trecho de texto é uma data ou hora, porexemplo: <p>Nos finais de semana, abriremos<time>09:00</time>.</p>.

Atributo contenteditable: Informa se o conteúdo existentenaquela tag é ou não um conteúdo editável.

Atributo draggable: Especifica se o elemento pode serarrastado ou não.

Atributo contextmenu: Especifica um menu de contexto(aquele que se abre quando clicamos com o botão direito domouse) para o item. Para isso, basta informar como valor o idde um menu criado com a tag <menu>.

HTML 5 Programação

locaweb 65

Atributo irrelevant: Informa se o conteúdo daquela tag é irrelevante para o documento, caso o conteúdo não seja exibido.

Também foram implementados novos eventos no HTML 5, entre os quais vale ressaltar os que estãorelacionados ao clique e arraste de elementos (ondrag,ondrop, ondragstart, ondragend, ondragenter,ondragleave, ondragover); ao processo da barra derolagem (onscroll); ao disparo de eventos demensagens (onmessage); a erros e paradas (onerror,onabort); e ao menu de contexto (oncontextmenu).Outro recurso interessante que foi anunciado no HTML5 é o “Caching de aplicações”, que informa apossibilidade de acessar os aplicativos web de maneiraoffline via cache. De acordo com a W3C, oarquivamento desses aplicativos será realizado pormeio da URL e do atributo manifest da tag <html>,que é uma url indicada referente à maneira como odocumento será renderizado.

Com tudo isso, a linguagem promete ser mais potente doque a versão atual, o que deve facilitar, e muito, odesenvolvimento de uma experiência mais rica na web.

Para saber mais• http://migre.me/82kh• www.w3schools.com/tags/html5.asp• www.w3schools.com/tags/html5_ref_eventattributes.asp• www.tableless.com.br/pulga-na-cueca-html5• www.tableless.com.br/html5-estrutura-semantica• www.quackit.com/html_5/tags

Ao lado \\ Chegou-se a acreditar que o XHTMLseria a evolução da versão 4.0.1, mas o fato éque o sistema não atingiu os resultadosesperados e deu força para a criação do HTML 5

Abaixo \\ Diversos exemplos da novalinguagem já se espalharam pela internet e éinteressante observar as evoluções que osistema deve oferecer ao mercado

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

Page 66: Revista Locaweb 18 Ed

66 locaweb

• Lance!• www.lancenet.com.br

locavipparceiros/locaweb

• Melnick• www.melnick.com.br

• ATS Informática• www.atsinformatica.com.br

Conheça aqui alguns dos principais clientes vips da Locaweb

* “A Melnick é líder emconstruções de alto padrãono Rio Grande do Sul.Porém, engana-se quemacha que uma construtorasólida é feita somente de

argamassa e tijolo. Hoje, tecnologia econfiabilidade de informação sãofundamentais ao nosso negócio e porisso estamos com a Locaweb.” Juliano Melnick, diretor comercial e de marketing

* “Nós precisávamos deum data center seguro ebem-estruturado e, também,de um fornecedor acessívele flexível o suficiente paranos dar suporte imediato e

oferecer escalabilidade de acordo com ovolume de dados da nossa rede social. A Locaweb foi a melhor escolha paraatender a essas necessidades.” Rodrigo Faria, webmanager

* “Nossa parceria com aLocaweb começou comuma indicação há mais deseis anos e, os serviçosoferecidos pela empresaagregam para o perfeito

funcionamento de nossa solução.Estamos satisfeitos com as ferramentasda Locaweb e sabemos que ela é umaempresa bem-sucedida no que faz.” Igor Murilo Ferreira, gerente comercial

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

Page 67: Revista Locaweb 18 Ed
Page 68: Revista Locaweb 18 Ed

55 11 5102.1222