Capa:Capa Locaweb 1/2/2010 14:42 Page 2

Locaweb em Revista Edição 20VP Comercial: Cláudio GoraGerente de Marketing: Victor Sebastian Reis da SilvaCoordenação de Comunicação: Daniela VeroneseCoordenação Editorial: Douglas Camargo

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

Diretor Editorial e Jornalista Responsável: Roberto Araújo - MTb.10.766 - araujo@europanet.com.brEditores: 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, Gabriel Dudziak,Luciano Delfini, Marco Clivati e Yan Borowski

Publicidade São Paulo: E-mail: publicidade@europanet.com.brDiretor 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: 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

O Facebook, rede social que não para de crescer etem atraído a atenção até de grandes empresas, foi

investigado a fundo pela Locaweb em Revista. Fomos atrásde sua história e levantamos números para entender o que a ferramenta traz dediferente. Assim, pudemos identificar o que levou algumas das maiores companhiasdo mundo, como Coca-Cola, Audi, CNN e Ernst & Young, entre tantas outras, ainvestirem na mídia social. A Locaweb também faz parte dessa turma e já vemcolhendo bons frutos com o perfil no Facebook. Agora, é a sua vez de explorar essemercado e levar sua marca para todo mundo.

Fora isso, esta edição traz uma reportagem sobre SaaS (Software como Serviço),conceito que, cada vez mais, é apontado como tendência na delicada questão daslicenças de uso. Você verá que já usa o software como serviço há muito tempo e,provavelmente, nem sabe disso.

Também enviamos um repórter exclusivamente para cobrir a CES 2010, a maior feirade tecnologia do mundo, realizada em janeiro na cidade de Las Vegas, Estados Unidos.Marco Clivati passou dias correndo feito um louco por lá para revelar as incríveisnovidades tecnológicas e as tendências que vão ditar a regra durante todo o ano.

Além disso, Locaweb em Revista entrevistou Jason Zimdars, da 37Signals, renomadaempresa de design, que falou um pouco sobre como praticamente eliminou oPhotoshop do seu processo criativo. Nas próximas páginas ainda tem os melhoresequipamentos eletrônicos em Wishlist, cases de empresas que fazem a diferença nosseus projetos digitais e muito mais. Boa leitura!

Claudio Goraeditor@locawebemrevista.com.br

ao leitorSua marca para todo mundo

* Entrevista: Jason Zimdars......................06

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

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

* Portfólio ................................................18

* Google Chrome OS................................20

* Canais personalizados no YouTube ....22

* Facebook...............................................26

* CES.........................................................36

* Artigo: Marcelo Trípoli.........................41

* Templates para blogs...........................42

* Artigo: René de Paula Jr.......................45

* Case: Avon ............................................46

* SaaS .......................................................48

* Programando.com: Rogerio Ferreira....52

* Silverlight ..............................................56

* Javascript...............................................60

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

O que tem nesta edição...

4 locaweb

• YouTube 22 • SaaS 48

• Capa 26 • CES 36

Editorial_Sumario:W2008 1/2/2010 14:45 Page 4

Por Tiago Rosa

Jason Zimdars, mais conhecidocomo JZ, trabalha como visualdesigner e front end developer

na 37Signals, empresa americanaque desenvolve aplicações web paragerenciamento de projetos. Comdiversos clientes de renome, seu time responde pela criação de vários produtos de sucesso, taiscomo Basecamp,  Backpack eHighrise. Confira o que ele tem adizer sobre carreira, mercado etendências de design:

Locaweb em Revista – Fale umpouco sobre você, sua vida comodesigner profissional e os caminhosque trilhou até chegar onde está?Jason Zimdars – Sempre me interesseipor arte e design. Acho que cresci emuma época bacana. Brinquei comprogramação nos PCs mais básicos, eaprendi HTML antes dos editoresWYSIWYG existirem. No colégio,aprendi arte do jeito mais simples,desenhando, pintando cerâmicas. Até asaulas de design gráfico eram tradicionais.Era também o tempo em que a internetestava florescendo. Caramba, atéconversei com um professor de pinturapara me deixar pintar frames de umaanimação na classe e depois animá-lascom Flash. Naturalmente, quando vireiprofissional, foquei no que mais

gostava: a interface homem-máquina. Ea partir daí é aquilo que sabemos, todomundo faz um trabalho melhor quandoexerce o que gosta.

LR – O que você usa de base para acriação dos seus trabalhos?JZ – Não tenho uma formaçãoespecífica em experiência do usuário,mas sou um ótimo usuário. Dizempor aí que o melhor treinamentopara escrever é ler. Da mesma forma,acredito que o melhor caminho paraaprender a fazer bons softwares éusá-los. É preciso estara atento aoque funciona, o que não funciona, o

O melhor caminhopara fazer ótimossoftwares é usá-losEspecialista em experiência de usuários, Jason Zimdars revela como epor que praticamente deletou o Photoshop do processo de criação

Direto ao ponto \\ JZ revela que prefere trabalhar diretamente com os códigos porque é nobrowser que seu trabalho vai funcionar, então o quanto antes recorrer a ele, melhor será o resultado

6 locaweb

Entrevista

que é inesperado, o que poderia sermelhor. Anos de experiência comousuário ajudam a desenvolver umolhar que eu duvido que uma escolaou livro possam ensinar.

LR – Como é seu processo criativo?JZ – Design sempre começa no papel. É no meu sketchbook que trabalhominhas ideias. Com papel, possoarriscar várias possibilidades e criaruma base a qual posso recorrer.Quando tenho uma ideia ou duas quequero levar adiante, tento fazer ummock-up para que possa vê-las daforma mais real possível. Esses mock-

Entrevista:W2008 1/2/2010 15:15 Page 6

ups podem ser estáticos ou estaremdentro da aplicação em ambiente detestes. A ideia, porém, é ir do papel parao browser o mais rápido possível. Apartir daí, é mais fácil ver as coisas quevocê não conseguiria trabalhar usandopapel ou Photoshop. O processo ficainterativo, com pequenas melhorias atéque se chegue a algo realmente bom.

LR – Recentemente, você “demitiu” oPhotoshop de sua vida. Como issomudou seu trabalho?JZ – Não diria que “demiti” oPhotoshop, mas definitivamente mudeia maneira de usá-lo. Antes de entrar na37Signals, trabalhava em sites paraclientes e fazia parte do contratorecorrer ao Photoshop. Essaabordagem gerava uma direção sólidapara seguir em frente, mas limitava oprocesso criativo. Afinal, há coisas quenão podem ser vistas enquanto odesign não está no browser. Podem serinterações estranhas que não sãovisíveis até clicar nelas. Por isso,explorar as ideias no browser viroumeu modo de trabalho preferido.

LR – Esse método ganhou maisespaço a partir do momento em queentrou na 37Signals?JZ – Na 37Signals, nós realmenteacreditamos nos métodos Getting Real.Poderia ganhar tempo usando oPhotoshop, mas realmente prefirotrabalhar no browser usando código. Sóassim podemos clicar, reescalar erealmente sentir o que está sendodesenvolvido. Na maioria das vezes,trocamos ideias com simples rascunhose depois partimos para a aplicação afim de experimentá-la. Nesse processo,o Photoshop entra na jogada apenasquando precisamos de um modo maisrápido de ver e avaliar uma abordagem.

LR – Então você ainda sente umpouco de falta do programa?JZ – Não muito. Eu ainda uso oPhotoshop, mas é apenas mais umaferramenta. É fundamental não

compor apenas para agradar seugosto. O trabalho que estouempolgado para ver funcionar é nobrowser, então, quanto antes meuprocesso me levar para lá, melhor.

LR – Quais são as ferramentas quevocê usa para encontrar problemasde experiência do usuário? JZ – Não existem ferramentas ou testesespecíficos. São raros os dias em quenão trabalhamos para melhorar nossasaplicações, seja na parte de design, sejaem serviços para o cliente. Facilidade deuso, clareza e prazer são coisas queesperamos de nossos produtos. Isso nãoé apenas no mundo dos designers. Na37Signals, todos estão envolvidos emusar, apoiar e melhorar os produtos.Desde o pessoal do suporte até ossócios da empresa. Todos estão semprecom um olho na usabilidade.

LR – Onde você busca inspiração?JZ – Em vários lugares,mas nenhum emparticular. Eu realmentenão procuro inspiração,tento identificar quandoela me encontra. O queaprecio no trabalho dosoutros é sinceridade,clareza e beleza, essaspequenas coisas queparecem inteligentes,criativas e sãoadoráveis. Vocêconsegue perceberquando um produto é

feito por alguém que realmente o adorae que atrai as pessoas. Procuro essespequenos momentos em produtos,filmes, música, qualquer coisa queesteja ligado de alguma forma. Tentoimaginar o que foi pensado durante aprodução e como foi criado. São essespequenos momentos que me ajudam areproduzir situações para os outros.

LR – Quais são seus sites favoritos?JZ – Visito sites mais pela utilidade doque simplesmente pelo design, por issogosto dos que funcionam bem epermitem que eu entra e saiarapidamente. Gosto da página denotícias da CNN.com. As abas deconteúdo de mídia são bem-feitas e osdestaques da notícia, no topo de cadaartigo, são uma tremenda inovação.Muitas vezes é tudo que eu preciso parasaber o que quero em uma reportagem.Adoro também o design e o espíritogeral do Etsy.com. Tenho muito respeitopor pessoas que fazem coisas com aspróprias mãos. Não sou muito fã degalerias de design, mas Siteinspire.netse destaca como uma que realmentetem voz. É bem desenhada. Nãoconsigo me imaginar comprando semrecorrer à Amazon.com. Adoro algumasdas coisas que estão fazendo noBehance. Muito bom, visual limpo.Threadless é mais um favorito. Temótimo design e uma impressionantecomunidade. Todos podem servir dereferência para quem está começando.

locaweb 7

Entrevista

* Certos elementos nãopodem ser vistos enquantoo design não está nobrowser. Podem serinterações estranhas quenão são visíveis até clicarnelas. Por isso, explorar asideias no browser é omelhor jeito de trabalhar

Portfólio \\ Uma das telas criadas pelo designer, que recomenda aanálise constante de sites como método de aprendizado para criá-los

Entrevista:W2008 1/2/2010 15:15 Page 7

Google \\ Hoje em dia, não é mais necessário cadastrar seu site em centenas de mecanismos de busca e bastaestar na web para ser encontrado em search engines; há, entretanto, dicas para aparecer melhor nas ocorrências

8 locaweb

ASP e amanipulação

de imagensO ASP pode manipularimagens de modo que, ao enviar uma imagem por meio de upload, elaseja redimensionada de forma a criar umthumbnail com tamanho já definido pelo site? E isso é possível semutilizar componentes do servidor?Cleverton - - Por e-mail

Ao contrário do PHP,o ASP é bastante

limitado no que diz respeitoà manipulação dinâmica deimagens. A sua única opçãopara implementar a soluçãoque você deseja é mesmopelos componentes. Masvocê pode baixar algunsdeles gratuitamente da

internet, como o GFL, quevocê encontra no endereçowww.xnview.com.

Servidor sem IP fixo

Gostaria de saber comomontar um site semprecisar de IP fixo.Daniel - Por e-mail

Uma boa dica é usar oprograma DNS2GO

(dns2go.deerfield.com). Comele, você não precisa comprarum nome de domínio nem terum IP fixo para que seuservidor tenha um endereçona Internet. Com ele vocêpode registrar um domínio dotipo seudominio.dns2go.com. Esse endereço vaiapontar para o IP damáquina, pois toda vez queele mudar o software atualizao servidor de nomes.

Gravação devideoaulas

Sou professor deinformática e usava oScreencam para gravarpequenas aulas. Com omeu novo sistemaoperacional, entretanto, oaplicativo não funcionamais. Gostaria de saber sevocês indicam um bomsoft para fazer isso. Antonio Lins - Por e-mail

Um programa que é altamente

recomendado para a tarefa éo Camtasia Studio, que geraarquivos pequenos e permitea inclusão de narração. Vocêpode encontrar maisinformações sobre o CamtasiaStudio, no site oficial daferramenta, emwww.techsmith.com/camtasia.asp.

Sites deBusca

Gostaria de uma dicasobre como eu faço paracadastrar um site em maisde 3 mil sites de buscagratuitamente. Já tenteipesquisa na web, mas nãoestou conseguindo fazernada do que li. Gostaria de uns macetes sobre esse assunto. Aloísio Sans - Por e-mail

Esse procedimento decadastramento em

milhares de sites de buscaficou ultrapassado hoje emdia. Isso porque a maioriadas buscas não são feitas emsistemas de diretórios emque é preciso fazermanualmente a inscrição dossites, com o antigo Yahoo!.Agora, o método maispopular é o utilizado peloGoogle, que encontra os sitesna web automaticamente etem um sistema de rankingpara definir maisimportantes. Caso vocêqueira se destacar nessessistemas, é preciso entendercomo funcionam e tentaralcançar as melhorescolocações nos resultadosdas buscas. Na internet, hádiversos sites que tratamdesse assunto. Procure pelotermos “search enginemarketing” ou MOB(Marketing de Otimizaçãoem Buscadores), para sabermais sobre o tópico. Outradica é pesquisar por “SEO”nos buscadores, termo queindica como criar websitesque apareçam com destaque.

e-mails //Envie seu e-mailSe você tem alguma dúvida, sugestão oucrítica, entre em contato com nossa redaçãopelo e-mail locaweb@europanet.com.br.

Emails:W2008 2/2/2010 13:33 Page 8

10 locaweb

notícias

Desde dezembro de

2009, todos os

novos clientes das

ferramentas PABX Virtual e

Call Center Virtual da

Locaweb passaram a ser

instalados no modelo

pré-pago. Isso significa que

os usuários destes

serviços saberão

exatamente quanto vão

gastar, comprando créditos

na medida certa para

suas necessidades e

acompanhando os

relatórios de utilização

em tempo real, via Painel

de Controle.

Além disso, estes

serviços que operam como

SaaS (software como

serviço - veja mais na

página 48), oferecem os

seguintes benefícios:

• Escalabilidade: não é

necessário investir em

equipamentos e a

quantidade de ramais pode

ser alterada a qualquer

momento, sob demanda.

• Mobilidade: os ramais

podem ser utilizados de

qualquer lugar com acesso

à internet: no escritório,

em casa ou até em

smartphones.

• Economia: as chamadas

entre ramais e entre clientes

do serviço são gratuitas,

contando com funções

avançadas de uma central

convencional pelo preço de

um serviço mensal.

Saiba mais em:

Locaweb.com.br/PABX e

Locaweb.com.br/CallCenter.

blog.locaweb.com.brConfira as novidades da maior empresa de serviços de internet do Brasil

PABX e Call CenterVirtual Pré-pagoNovo modelo de negócios permite que os clientes da Locawebtenham mais controle sobre seus gastos com telefonia IP

PABX e Call Center Virtual \\ Todos os novos clientes das soluções de telefonia VoIP PABX Virtual e CallCenter Virtual da Locaweb passaram a ser instalados no modelo pré-pago a partir de dezembro do ano passado

Noticias_Parte1:W2008 1/2/2010 14:58 Page 10

locaweb 11

Locaweb patrocina Lucas diGrassi na Fórmula 1

Líder em serviçosde hospedagem de

sites no Brasil, aLocaweb anuncia opatrocínio do pilotoLucas di Grassi, daequipe Virgin Racing,que estreia em 2010na Fórmula 1. Oacordo com Lucasinclui o logo daempresa na parteinferior da viseira docapacete, além da URLwww.locaweb.com,que aparecerá sempreque a viseira estiver aberta.

Webcast fala sobre osprincípios básicos de XHMTL

E m blog.locaweb.com.br, você encontra um webcast de EsterRazzo, analista de desenvolvimento web da Locaweb, que fala

sobre os padrões de implementação de interfaces. Além disso,aborda a origem da WWW e a necessidade encontrada pelo seucriador, Tim Berners-Lee, de criar e aplicar padrões e protocolospara liderar o potencial de crescimento da web.

LOCAWEB RECEBE PRÊMIO FROST & SULLIVAN

e mais...

• A Locaweb foi reconhecida como “A Melhor Empresa de

Infraestrutura de TI da América Latina” e recebeu o título de

“Infrastructure Company of 2009 (Small Business) Latin

America”, da consultoria Frost & Sullivan. O grupo é

especialista em prover pesquisa de mercado sobre

crescimento e formação de empresas em vários setores no

mundo inteiro, como tecnologia da informação. O prêmio

faz parte da análise de mercado “Frost & Sullivan Best

Practices 2009”, que reconhece as melhores empresas de TI.

1ª CAMPANHA DE NATAL LOCAWEB

• No último dia 23 de dezembro, foi realizada na

comunidade Peinha, Zona Sul de São Paulo, a entrega dos

presentes arrecadados pela 1ª Campanha de Natal Locaweb.

Ao todo, foram distribuídos às crianças da comunidade 280

brinquedos variados e 280 kits de doces. O objetivo da ação

foi proporcionar às crianças um Natal mais alegre e

divertido. A Locaweb agradece a todos que, de alguma

forma, contribuíram para o sucesso da ação, seja como

voluntário com doações, seja com a compreensão e auxílio

junto aos que necessitam de nossa ajuda, não apenas no

Natal, mas em muitos momentos da vida.

Noticias_Parte1:W2008 1/2/2010 14:58 Page 11

Wishlist

12 locaweb

O melhor dacultura digitalNesta seção, você confere o que há de melhor nas prateleiras aoredor do mundo quando o assunto é alta tecnologia, conectividadecom a web e diversão eletrônica

Rádio-relógio com internetO Chumby One é um rádio-relógio bem diferente dos convencionais.Com um amplo display LCD touch screen de 3,5”, o dispositivo seconecta à internet via Wi-Fi e baixa diversos conteúdos de interessedo usuário, como notícias, previsão do tempo, tabela de jogos emuito mais. O mais interessante é que é possível sintonizar rádiosonline e acessar conteúdo de sites de vídeo, tudo isso sem levantarda cama. O preço para que você acorde sempre informado nem é tãoabsurdo: US$ 120. O Chumby One já está disponível para compra nosite do seu fabricante. Mais informações: http://store.chumby.com

Da filmadora parao YouTubeA NewLink acaba de lançar as filmadorasdigitais Pocket Cam nas versões HD e VGA.Os aparelhos se destacam por fazer oupload dos vídeos gravados diretamentepara o YouTube. Além disso, contam complugue USB 2.0 embutido e não requeremcabos para a conexão com o computador. O modelo VGA filma com resolução devídeo VGA ou QVGA, fotografa com até 3.0 megapixels e suporta cartão SD de até4 GB. Tem preço sugerido de R$ 299. Já a Pocket Cam HD oferece resolução de vídeo nas opções HD, D1 e QVGA e fotografa com até 5.0 megapixels. Aceita cartões SD de até 8 GB e pode seradquirida por R$ 499.Mais informações: www.newlink.com.br

Noticias_Parte2e3_WishList:W2008 16/1/2010 23:39 Page 12

Wishlist

locaweb 13

Netbook repaginadoA Positivo Informática resolveu dar uma repaginada no consagradonetbook Mobo e lançou duas versões diferenciadas em preto evermelho. Fora isso, a máquina ganhou visual bonito, configuração top eacabamento em black piano, além de uma série de adereços. O Mobo3070 vem com uma bateria extra de seis células que, em conjunto coma original, alcança até 10 horas de autonomia. Tem processadorAtom N 270 de 1,6 GHz, tela de 10,1”, memória de 2 GB eHD de 320 GB. Preço sugerido: R$ 1.799.Mais informações:www.positivoinformatica.com.br

Twitter a qualquer horaA Peek, empresa norte-americana especializada em gadgets para ainternet, criou um dispositivo desejado pelos twittermaníacos há muitotempo: o TwitterPeek. O pequeno aparelho, que tem o tamanhosemelhante ao de um smartphone, é um dos primeiros eletrônicostotalmente dedicados ao envio de posts para o microblog Twitter. Usa arede de telefonia celular dos EUA e permite o envio ilimitado demensagens instantâneas por um plano fixo semestral (US$ 100) oueterno (US$ 200). O aparelho pode ser encontrado no site da Amazon,mas, por enquanto, só oferece cobertura de sinal nos EUA.Mais informações: www.getpeek.com

Fone de ouvido sem fioO headphone Sennheiser RS140 é uma das opções maisinteressantes de fone de ouvido sem fio à venda no Brasil. Odispositivo, que usa transmissão por ondas exclusivas derádio FM e é alimentado por uma bateria interna recarregável,oferece alcance total de até 150 metros da base e é construídocom materiais leves e resistentes, garantindo grande confortomesmo após várias horas de uso. O RS140 conta ainda com orecurso balance volume, que permite a configuração individualde intensidade em cada lado do fone, e integra um compressorde áudio que dá mais realismo e presença em suas músicas efilmes. O preço médio é de R$ 650.Mais informações: www.sennheiser.com

Noticias_Parte2e3_WishList:W2008 16/1/2010 23:39 Page 13

Wishlist

14 locaweb

Smartphone com AndroidCom uma tonelada de recursos e um enorme display LCDmultitouch, o Milestone, da Motorola, é o primeiro smartphone noBrasil a contar com a segunda versão do sistema operacionalAndroid. Tem um enorme display de 3,7”, slot para cartõesmicroSD com compatibilidade para até 32 GB (um cartãocom 8 GB de espaço acompanha o aparelho), processadorARM Cortex A8 de 550 MHz, câmera de 5 megapixelsde resolução e conectividade sem fio Bluetooth, Wi-Fie 3G, entre outros recursos. O preço sugerido doaparelho é de R$ 1.899.Mais informações: www.motorola.com.br

Videogame emuladorde jogos do NESO MP6 PMP Game-Pro 2.4 é um videogameemulador de jogos em formato NES, tecnologiaque permite inserir diversos jogos baixadospela internet. Com o sistema, basta baixar osjogos preferidos, conectar o cabo de conexãoAV e jogar diretamente no televisor. Oaparelho, fabricado pela X-Sound!, possui telaLCD 2,4” de alta definição e câmera comresolução de 2.0 megapixels. Com ele, tambémdá para ouvir músicas em MP3, escutar rádio FM,assistir a vídeos e armazenar dados e fotos. Amemória interna é de 2 GB ou 4 GB com slot de expansão dememória SD. O preço sugerido é de R$ 249.Mais informações: www.xsoundbrasil.com.br

Servidor de alta-fidelidadeDirecionado para os entusiastas do áudio, o Olive Media 74HD é um servidor digital capaz de armazenar arquivos dealtíssima qualidade sonora. O equipamento é capaz de reproduzir áudio com taxa de 24 bits e 192 KHz, ou seja, cercade 6 vezes mais informações por segundo do que um Audio CD. O modelo tem HD de 1,5 TB para armazenar cercade 20 mil músicas na maior qualidade, e mais de 250 mil no formato MP3. Ele ainda oferece conexão Ethernet e Wi-Fi para reprodução remota de arquivos em rede. O 74HD é vendido pelo site da Olive e custa US$ 2 mil. Mais informações: www.olive.us

Noticias_Parte2e3_WishList:W2008 16/1/2010 23:39 Page 14

Notícias/Circuito

16 locaweb

Sua leiturasobre internetConfira dicas interessantes de livros sobre temas diversosligados 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 daLocaweb emRevista, você vê o melhor em cursos disponíveisna internet

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MÊS

DreamweaverDuração: 5 minutos e 16 segundosPreço: gratuitoURL: www.youtube.com/watch?v=WXepOd4QuKQ

3 x 30 - Solteira, Casada, Divorciada Três amigas jornalistas, uma solteira, uma casada e umadivorciada, contam aventuras baseadas em fatos reais.URL: http://3xtrinta.blogspot.com

//EVENTOS E CURSOSEspecialistas em gamesA PUC-RS abriu inscrições para ocurso de especialização nodesenvolvimento de jogosdigitais, promovido em parceriacom a Ubisoft. Entre asdisciplinas previstas estãoEntretenimento Eletrônico,Inteligência Artificial e RedesAplicadas a Jogos. As inscriçõespodem ser feitas até 5 de marçoem www.pucrs.br. Custa R$ 60.

Pós-graduação emgerenciamento da webO Senac de São Paulo abriu umnovo curso de pós-graduaçãofocado no gerenciamento da web.A ideia é proporcionar um debatesobre o conteúdo da internet eoferecer dados para atualizaçãode padrões de comportamento narede. As inscrições vão até 24 de fevereiro e custam R$ 50.A lista dos aprovados serádivulgada no dia 1º de março.Mais informações no sitewww.sp.senac.br/posgraduacao.

ConferênciaInternacional de Redes SociaisO evento, que será realizado emCuritiba, é promovido pelaEscola-de-Redes, uma rede com3 mil pessoas que estudam,investigam e experimentam redessociais. As palestras serãoministradas por Clay Shirky,professor da New York University,Steven Johnson, autor de ACultura da Interface, e PierreLévy, pensador reconhecido nocampo da cibercultura. Para seinscrever, acesse http://escoladeredes.ning.com/profiles/blogs/preinscritos-na-cirs.

Não Me Faça PensarA segunda edição de um dos livros maisfamosos do mundo sobre usabilidadeapresenta três novos divertidos capítulos,com informações e conselhos práticos paranovatos e veteranos. Provavelmente farávocê mudar o que pensa sobre projetos web. Preço: R$ 52Autor: Steve KrugInformações: www.altabooks.com.br

Domine seu iPhoneEste livro revela todos osrecursos do iPhone com umalinguagem amigável e direta.Ao longo das páginas, osusuários do telefone encontramuma série de dicas quemaximizam o potencial doaparelho e colaboram para afamiliarização dos dispositivos. Preço: R$ 26Autor: Marcelo CastroInf.: http://novatec.com.br

Zend Framework:Desenvolvendo emPHP 5 Orientado aObjetos com MVCEste livro descreve passo apasso os fundamentos doframework na criação deuma aplicação webcompleta. A proposta éfocar no cliente.Preço: R$ 27Autor: Flávio Gomes da Silva LisboaInf.: http://novatec.com.br

Noticias_Parte 4_Circuito_Twittosfera:W2008 16/1/2010 23:41 Page 16

Notícias/Mídias Sociais

locaweb 17

MÍDIAS SOCIAIS

Descubra as principais novidades apresentadas pelas redes sociais

•A onda de crescimento do

Twitter estabilizou-se

no final de 2009, porém, a

quantidade de tweets vem

aumentando a cada dia.

Evan Williams, CEO do

Twitter, disse em um tweet

na noite de 12 de janeiro:

“em todas as métricas que

importam, ontem foi o dia

que o Twitter foi mais

usado (e hoje vai ser maior

ainda)”. Evan não revelou

quais são as métricas, mas

pode-se presumir que ele

está falando sobre o

volume de tweetadas

(posts no twitter), que

certamente é maior que os

usuários ativos

do Twitter.

Então, por que

sites de métricas

(como Compete e

Quantcast)

mostram a curva de

crescimento do

Twitter estável? A

reposta pode ser

simplesmente que

os usuários estão

acessando o site de

outras formas, e

não mais via web

pelo Twitter.com,

como por telefones

celulares ou clientes

de terceiros.

Ainda assim, é possível

que o Twitter não cresça

na mesma velocidade do

primeiro semestre de

2009, mas aqueles que se

apegaram ao serviço o

usam de forma mais ativa

do que nunca.

O serviço de microblogmais famoso da internetestá se reestruturandopara atender melhor àsempresas. Uma dessasnovidades é a funçãoContribuidores, quepermitirá que perfiscorporativos possamcontar com múltiploscolaboradores. Para cadaum dos usuáriosadicionados na novaferramenta, serãodefinidos dois níveis deacesso: avançado (funçõesde admin.) e parcial(acesso às atualizações).

Além disso, osContribuidores terão

opção dealternardiferentescontasdiretamenteno painel do Twitter, facilitando aadministração do perfilpessoal e do corporativo.Inicialmente, apenasmarcas parceiras domicroblog terão a função liberada.

Para o alto e avante \\ Evan Williams, CEO do Twitter, apontou o dia 12 de janeiro como recordista de uso da ferramenta de microblog

O Twitter parou de crescer?Não é o que parece...

::Contas corporativas terãonova função no Twitter

O Facebookcomeçou atestar suafuncionalidadede “responderpor e-mail”, nofinal de 2009. O recurso ésimples: sempreque você receberuma notificação de correioeletrônico sobre umcomentário ou a respeitode uma atualização destatus, uma foto ou umamensagem no mural, épossível simplesmenterespondê-la por e-mail paraque o post apareçano Facebook. A rede social

é capaz de filtrar os textosalheios, como a suaassinatura de e-mail.

Embora seja um recursoútil, o Facebook irásacrificar os pageviews deseu site (por forçá-lo alogar no sistema) paraaumentar a interação do usuário.

::"Resposta por e-mail"disponível para todos

Menu \\ Pelo menu Configurações daConta, é possível habilitar a funcionalidade

Noticias_Parte 4_Circuito_Twittosfera:W2008 1/2/2010 14:59 Page 17

18 locaweb

portfólioVeja o cliente do mês destacado pela Locaweb por produzir trabalhos online diferenciados que atraem muitos visitantes

Além do Guiade Motéis,

confira outros sites

voltados parao mesmo

segmento:

Guia de MotéisCom uma visita a cada doissegundos, o Guia de Motéisé pioneiro e líder emdivulgação de motéis noBrasil. O portal trazinformações, fotos epromoções de mais de 2.500 motéis para mais de1,3 milhão de usuárioscadastrados. “Para suportaressa demanda, contamoscom a estrutura da Locawebhá mais de 10 anos”, contaJosé Anchieta, diretor detecnologia do Guia de Motéis.www.guiademoteis.com.br

1Bons de Cama(www.bonsdecama.com.br)Um clube de vantagens em motéis só para bons de cama. 

2Moteleiro

(www.moteleiro.com.br)Site da revista impressa voltada

aos proprietários de motéis.

3Bolsa de Motéis eInvestimentos(www.bolsademoteis.com.br)Serviço de corretagem paracompra e venda de motéis.

2

3

1

Portfólio:W2008 1/2/2010 15:17 Page 18

205 X 275:Layout 1 22/1/2010 17:39 Página 1

20 locaweb

Por Sérgio Vinícius

OGoogle revelou detalhes dotão comentado - desde hámuito tempo - sistema

operacional. Apelidado de ChromeOS, a novidade será baseada emambientes Linux e deve equiparprimeiramente notebooks.

O plano inicial é que o sistemadesembarque oficialmente a partir dosegundo semestre de 2010 e sejamuito próximo do Android, sistemado Google que equipa smartphones etelefones celulares de última geração.

O Chrome OS, pelo que se pôde veraté agora, em apresentações públicas epor meio de beta-testers e porta-vozesdo Google, será baseado em abas epossibilitará fácil acesso à internet e aossistemas web do Google, comoYouTube, Docs - pacote de aplicativosonline da empresa - e Gmail.

Entretanto, o sistema operacionalnão somente privilegiará os sistemasde internet da empresa, haverá anecessidade de um mero clique paraacessar sites como Twitter, Facebook ougames online.

Outra marca registrada do Googleestará presente no Google Chrome, deacordo com os esboços e telasapresentados até agora. Trata-se domodelo de buscas, tanto internas no

De acordo com as informações doGoogle, a interface do sistema serásemelhante ao navegador Chrome,porém mais rápida e inteligente do queo Windows Vista e o Linux Ubuntu. O boot do sistema é realizado em 7 segundos e, para utilizá-lo, o usuáriofaz um login com sua conta do Googlee, instantaneamente, consegue acessaro que necessitar.

Para quem quiser brincar com onovo sistema operacional ou fazerexperiências, o código-fonte do OS estádisponível no site do Chromium, braçode desenvolvimento de código-abertode plataformas ligadas ao Google. Odownload pode ser feito emhttp://src.chromium.org. Ao lado, maisdetalhes sobre o Chrome OS.

Chrome OS, sistemaoperacional do Google

{p}review

O gigante das buscas anunciou o lançamento do tão comentado sistemaoperacional, que deve equipar notebooks no segundo semestre de 2010

computador quanto online. Pelo que sepode ver até aqui, com produtos comoGoogle Desktop e a search engine webdo Google, este afiado sistema deindexação responderá em tempo real econseguirá localizar documentosdiversos instalados no computador ouarmazenados em plataformas web daempresa, como no Gmail.

A interface principal do sistemaoperacional será a mais limpa possível,outra marca registrada da empresa. Osícones dos programas ficam colocadosna parte superior do sistema, que serágratuito. Os menus, em geral, ficamescondidos sob um botão semelhanteao famoso “Iniciar” do Windows, quepode ser o responsável por ordenar e oponto de partida das ações.

Ficha TécnicaNome e versão: Chrome OSDesenvolvedor: Google Inc.Licença: FreewareTamanho: Não fornecido

Esboço \\ Em parte daapresentação do Chrome OS, oGoogle resolveu mostrardesenhos de como idealizou oprojeto; isso já havia ocorridocom o lançamento donavegador da empresa

Preview_CHOS:W2008 16/1/2010 23:45 Page 20

locaweb 21

Preview

1 WEBObviamente, o Chrome OS teráuma forte ligação com a web.Assim que for iniciado - em setesegundos, segundo o Google - ousuário digita login e senha dascontas do Google e, imediatamente,tem acesso aos seus principaisserviços web. Na captura acima, épossível ver que aplicativos onlinedo Google, como Gmail oucalendário, estão em destaque.Mas, mesmo assim, há espaçopara plataformas web de outrasempresas, como o Twitter e oYahoo!, um dos principaisconcorrentes da empresa.

2 NAVEGAÇÃOA navegação do Chrome OS é feitapor abas e botões simples. Com ainterface limpa, o usuário poderáescolher o que quer no menuprincipal e o que não quer queseja exibido sempre, de acordocom suas necessidades. Noquesito abas, o sistema, que é a

cara do navegador Chrome, é omais limpo possível.

Além de abas e de um menudiscreto, será possível navegar pormeio da barra de pesquisas.Semelhante ao que ocorre com oesperto farejador do Vista, asrespostas do Chrome OS sãorápidas, mas levariam em contanão só o ambiente desktop como o web. Isso ocorre noGoogle Desktop, que pode ser personalizado para realizarbuscar dentro do PC e online aomesmo tempo.

3 GOOGLEA dependência do Chrome OScom a internet - e por conseguintecom o Google - parece serenorme. Nas imagens dedivulgação, assim como nacoletiva em que o sistema foidesvendado, percebeu-se que para notebooks sem conexão com a rede o sistema perde quase 90% do atrativo.

É gratuito e bastante rápido, masdepende muito da web para teralta serventia.

4 NUVEMConfiando plenamente em seupreceito de computação emnuvem, as informações principaisdo Chrome OS, que gira em tornodos serviços, ficam armazenadasna rede. Login e senha sãoimprescindíveis para que o OS,baseado em uma plataforma Linux,funcione plenamente.

5 COMPANHIAO Google não está sozinho nodesenvolvimento e fomento ao novo sistema operacional.

Como se não bastasse terconseguido reforço de peso nofomento ao seu sistema Android,que equipa smartphones (TIM eHTC estão com o Google), oChrome é acompanhado de pertopor empresas como Acer, Adobe,ASUS, Freescale, Hewlett-Packard,Lenovo, Qualcomm, TexasInstruments e Toshiba.

A interface

12

3

4

5

* Acer, Adobe, ASUS, Hewlett-Packard,Freescale, Lenovo, Qualcomm, TexasInstruments e Toshiba são algumas dascompanhias que dão suporte aodesenvolvimento do Chrome OS

Preview_CHOS:W2008 16/1/2010 23:45 Page 21

Youtube:W2008 16/1/2010 23:52 Page 22

locaweb 23

Por Gabriel Dudziak

V erdadeiro fenômeno dainternet e uma dasprincipais manifestações

da web 2.0, o YouTube parece aospoucos abandonar sua vocação depublicador de vídeos caseiros,para ganhar uma roupagem maisséria, marcada pela propagação deproduções profissionais e canaispersonalizados. O melhor de tudoé que esse cenário está aberto aqualquer tipo de usuário,independentemente do domíniodas ferramentas de edição deimagem. Basta ser criativo.

Para ficar por dentro doesquema, é importante observarque as regras para se ter um canal de vídeos bem--sucedido no YouTube são as mesmas a seremadotadas durante a criação de um bom blog.“Atualização diária, primor na escolha dos vídeos eimagens criativas para o canal devem fazer parte doprocesso”, enumera Pollyana Ferrari, consultora webem arquitetura da informação e mídia social.

Outro fator a ser levado em consideração é que oconteúdo dos vídeos tem de ser bastante pensado e

trabalhado antes de subi-lo para o YouTube. “É precisoter algo para compartilhar, trocar com o público.Parece redundante, mas é válido ressaltar que énecessário ter bons vídeos em mãos, pois muita gente cria canais do nada e, depois, não tem o quepostar. Claro que perdem o sentido e deixam de seracessados”, explica Pollyana.

Como todo mecanismo de comunicação nainternet, a qualidade do conteúdo é importante, maso jeito como os vídeos são entregues ao usuáriotambém merece ser trabalhado com cuidado. O idealé que seja montado um layout agradável, de coresleves, que não espante o internauta e agrade tantoquanto o conteúdo formulado. “Do ponto de vista danavegação, deve-se deixar em destaque o que há demelhor no canal e ter descriptions e tags para tudo”comenta Kaio Medau, editor online da revista BoaForma, da Editora Abril. A publicação, que tem um doscanais brasileiros mais visitados do YouTube, é umbom exemplo de como empresas e corporaçõestambém têm utilizado essa ferramenta.

Recentemente, companhias como Locaweb,Livraria Saraiva e Universal Music, entre outras,transformaram seus canais no YouTube em poderosasferramentas de comunicação. Neles, publicamlançamentos de novos produtos, propagandas

Canais personalizados do YouTube ganham espaço como ferramentas deinformação, serviços, divulgação de marca e marketing viral. Veja o quevocê precisa fazer para criar bons conteúdos e fazer parte dessa onda

Canais personalizados \\ Empresas, meios de comunicação, artistas dos mais variados segmentose até mesmo a monarquia inglesa exploram canais personalizados no YouTube (www.youtube.com)

Fé na ferramenta \\ Vaticano usa a ferramenta para renovar a posturacomunicacional e a imagem da entidade, tida como atemporal e retrógrada

Youtube:W2008 1/2/2010 15:13 Page 23

institucionais, vídeos de marketing viral epor aí vai. Da mesma maneira, artistas dasmais variadas áreas, como música, artesplásticas e teatro, têm investido pesadonesse segmento.

Isso porque o serviço permitecomunicação em vídeo direta com opotencial cliente, público ou fã, sem amediação de nenhuma emissora detelevisão. Mais importante que isso tudo,sem o pagamento de qualquer valor. “Ter um canal no YouTube transformou-seem algo muito vantajoso. A marca tem audiência garantida de público. Fora isso, os investimentos são pequenosse considerarmos o bom retorno e a exposição na mídia”, afirma a consultoraPollyana Ferrari.

Até o Vaticano e a monarquiainglesa têm seus canaisNão são apenas instituições interessadas em

publicidade e vendas, entretanto, que se utilizamdessa faceta do serviço. O Vaticano e a monarquiainglesa também deixaram de lado o tradicionalismopara apostar na moderna ferramenta. Aliás, os canaispersonalizados de ambas as instituições visamjustamente renovar a postura comunicacional e aimagem das duas entidades, tidas como atemporais eretrógradas. “O canal da igreja católica tornou-se oprincipal veículo do Vaticano. A partir dele, épossível acessar uma série de outras mídias. O

mesmo fenômeno ocorre com o canal da monarquia inglesa. Eles ilustram bem a força do vídeo na sociedadeinformacional em que vivemos”, destaca Pollyana.

A grande questão impetrada aoscanais personalizados é que os usuáriosainda não criaram o hábito de entrar nosite para assistir aos canais do momento.A maioria das pessoas que procura poralgo na ferramenta vai direito a um vídeoque já ouviu falar e, para isso, usa a barrade busca. Segundo Kaio Medau, os canaisem si estão listados mais para darcredibilidade aos conteúdos do que parapermear o acesso aos conteúdosveiculados. “O canal é uma página dechegada para o usuário que vem pelabusca do YouTube, do Google, do Twittere de outros sites. Por isso, o foco deveser sempre criar o melhor vídeo, com oconteúdo mais bacana e produções bem-feitas. A partir daí, basta esperar queuma hora o usuário terá vontade deacessar outros conteúdos distribuídos poraquele canal”, afirma.

No entanto, caso se repitam osfenômenos observados nos blogs e

principalmente no Twitter, ferramentas em que osconteúdos recomendados e atestados por quemreplica ganham valor ante as pesquisas, a prática dechegar aos vídeos pela busca do YouTube ou poroutros mecanismos de procura pode cair em desuso.De acordo com Pollyana, em pouco tempo, o canal irá agregar relevância por agregar, em apenas umlugar, conteúdos semelhantes ou atestados pordeterminados usuários que servirão de referência. “A mudança de hábito navegacional em escolherdireto o link dos canais, em vez de usar a busca, éuma questão de hábito”, conclui Ferrari. E quando issoacontecer, sua marca ou opiniões precisam estarprontos para agradar.

YouTube personalizado

24 locaweb

COMO CRIAR O

SEU CANALPERSONALIZADO•O primeiro passo paradesenvolver um canalpróprio no YouTube écriar um cadastro emwww.youtube.com.

•Na tela inicial, observe o canto

superior direito, ondeaparece o link Criarconta. Clique nele e

preencha os campos datela seguinte.

•Se você já possui umaconta no Gmail e deseja

utilizá-la, o YouTubepermite associar oendereço de e-mail

com o perfil gerado nosite de vídeos. Nessecaso, seu canal ficará

com o nome do e-mailescolhido. Se quiser um

canal com nomepróprio, o jeito é criar

um novo cadastro no YouTube.

•Com o seu usuáriocriado, é hora de editare escolher a aparênciado portal, o que pode

ser feito na abaConfiguração da conta e

no link Editar canal.

•Depois de realizar as alterações, é só fazerupload nos vídeos para

gerar conteúdo para o seu canal

personalizado.

Locaweb \\ Canal personalizado da Locaweb no YouTubetraz campanhas publicitárias com conteúdo profissional,séries divertidas com alta produção, informações e serviços

* Como todo mecanismo decomunicação na internet, aqualidade do conteúdo éimportante, mas o jeito comoos vídeos são entregues aousuário também merece sertrabalhado com cuidado

Youtube:W2008 1/2/2010 15:13 Page 24

205 X 275:Layout 1 1/2/2010 16:15 Página 1

Facebook:W2008 1/2/2010 15:29 Page 26

locaweb 27

Facebook

Por Luciano Delfini

F ontes respeitáveis como o website Social Media Today(http://socialmediatoday.com) apontam para um totalde mais de 300 milhões de perfis registrados em todo o

mundo. Com esse número nada tímido, o ano de 2009 seencerrou de maneira incrivelmente positiva para o Facebook,rede social fundada em 2004 por Mark Zuckerberg, DustinMoskovitz e Chris Hughes, à época, alunos da Universidade deHarvard. E 2010 promete muito mais, graças ao fato de asempresas enxergarem na ferramenta uma oportunidade únicapara estreitar o relacionamento com o público.

Nesse cenário, o Brasil tem um potencial espetacular jáque por aqui, ainda que os números globais impressionemquando se leva em conta a pouca idade do site, o Facebookcomeçou a tomar fôlego agora. Tanto que conta com poucomais de 2 milhões de registros, bem aquém do Orkut,

A rede social maiscomentada do momento...

O Facebook surgiu justamentequando as previsões apontavam

para o enfraquecimento dasmídias sociais da web e,

mesmo assim, transformou-sena rede mais popular do

mundo. Agora, atrai empresase marcas que enxergam na

ferramenta a oportunidade decriar um relacionamento

duradouro com o público

...e que não parade crescer

Facebook:W2008 1/2/2010 15:29 Page 27

primeira grande rede social online a “bombar” na internet,e que conta com mais de 27 milhões de cadastros no País.

A boa notícia é que, se depender da velocidade dosventos que conduzem o Facebook pelo mundo, osnúmeros brasileiros tendem a crescer muito nospróximos meses. Isso porque a rede social temconseguido atrair cerca de 50 milhões de novos perfis acada dois meses, também segundo fontes da internetcomo o site Mashable, The Social Media Guide(http://mashable.com). Isso quer dizer que, no momentoem que você lê esta reportagem, os númerosmencionados acima, relativos ao mês de dezembro doano passado, ficaram para trás e o Facebook já deve termuito mais gente cadastrada ao redor do mundo. E olhaque a proposta inicial dos três jovens estudantes deHarvard era apenas desenvolver uma rede queconectasse online os alunos da universidade. Mas nainternet é assim, as proporções mudam rapidamente.

As finalidades das redes sociais online, ou seja, deplataformas como Facebook, Orkut e Twitter, já não sãomais segredo para ninguém: conectar em um mesmoprograma pessoas de todos os lugares do mundo,encurtando, assim, distâncias físicas e geográficas; criar

28 locaweb

* A Coca-Cola, com quase 4 milhões de fãs em seu perfilna rede social, é consideradapelos analistas de mercado uma das melhores páginasempresariais do Facebook pornão abusar do sentidocorporativo da iniciativa

Starbucks \\ Popular rede de cafés norte-americana tem 5 milhões de seguidores. De acordo com especialistas, cadeia é exemplo de sucesso

25milhõesde novos

usuários por mês

Facebook:W2008 16/1/2010 23:53 Page 28

comunidades a partir de assuntosde interesse comum; permitir quecada um exponha sua vida aquem possa interessar;compartilhar ideias; trocarinformações, e tantas outrasinterpretações e possibilidadesque aparecem à medida que asredes sociais vão surgindo nessevasto território da internet. Emoutras palavras, dar um sentidomais real a uma velha expressãoque já se tornou histórica, aqueleque diz que vivemos em umagrande “aldeia global”.

Poder empresarialO que provavelmente ninguém

esperava dessas redes sociais,nascidas com propósitoestritamente pessoal, era o seupoder de atração junto ao mundocorporativo. O raciocínio parecemuito simples. Marcas e produtossó sobrevivem se houver clientes.Onde estão muitos dessesconsumidores hoje em dia? Nainternet, claro! Conectados ou nãoa uma rede social ou a qualqueroutro tipo de plataforma da web.

Grandes empresas e suasmarcas nunca deixaram de transitarpelo território online. Desde os“primórdios” da internet, muito seinvestiu em sites, portais e outrosendereços que oferecessem umcanal de divulgação de produtos eserviços. No entanto, a web deixoude ser apenas uma vitrine imóvel econgelada no tempo, até porque,se assim se mantivesse, certamente

não conseguiria sobreviver. Ao contrário, os usuáriospassaram a estabelecer o que pode ou não serrelevante no universo da grande rede. Nesse contexto,interesses, anseios, demandas e necessidades de cadaum se transformaram em pontos de partida dediversas iniciativas na internet. Interagir com o públicovirou o elemento mais criativo da ainda jovemferramenta tecnológica.

A partir dessa percepção, as empresas começarama investir na criação de perfis em sites de redes quesociais, como o Facebook, uma vez que esse tipo deplataforma vem se consolidando como forte canal deinteração com os usuários da web, podem seconverter em potenciais consumidores. E hoje o quese vê é um crescimento significativo do número decomunidades que vão se formando sob a estruturade uma corporação, suas marcas e seus produtos.

A diferença em criar um perfil nesses moldes,com o objetivo de formar uma comunidade ao seu redor, está no fato de que o espaço não é usado apenas para a empresa vender o seu “peixe”.

Facebook

Coca-Cola \\ Empresa é considerada um exemplo no modo como entende as redes sociais e as usa paraalcançar o público; o trunfo é falar a língua dos usuários e não abusar do jargão corporativista na web

//NOVO ORKUTPara tentar conter ocrescimento do Facebookou, pelo menos,equilibrar as coisas aoredor do mundo, o Orkutresolveu se mexer.Depois de anos paradão,no final do ano passado,a rede social maispopular do Brasil e que égerenciada pelo Googlelançou a versão “NovoOrkut” da ferramenta. Asnovidades sãoatualizações ecomentários em temporeal, opções depersonalização e maisuma série de perfumariasque parecem ter sidocopiadas do seu principalconcorrente: Facebook. O Novo Orkut requerconvites para ser usado.

Facebook:W2008 16/1/2010 23:53 Page 29

Isso mesmo que o alvo final seja sempre o retornocomercial, independentemente do tamanho dacompanhia e da área em que atua. Para atingir esse alvo,é preciso, antes de tudo, estabelecer um relacionamentocom os usuários da web. Isso inclui promover discussõesem torno de um tema de interesse do grupo, divulgarcampanhas e promoções, relacionar dicas úteis para o diaa dia com seus produtos, desenvolver enquetes epesquisas de opinião, e por aí vai. Tudo isso tendo emvista que o perfil de uma empresa ou marca em uma redesocial nunca deve exagerar na dose e fazer com que suapágina se transforme em um anúncio publicitário.

Ranking de uso mais adequadoNo fim do ano passado, o site The Big Money

(www.thebigmoney.com) elaborou um ranking com as50 empresas que melhor usam seu perfil no Facebook.Para estabelecer o que seria esse “uso mais adequado”, o

* A bebida Gatorade promoveuuma enquete, no ano passado,em seu perfil no Facebook, parasaber qual momento da carreirado ex-jogador de basqueteMichael Jordan é o preferido dopúblico. Mais de 8 mil pessoasresponderam à pesquisa

30 locaweb

5mil sãofãs do

Starbucks

Facebook:W2008 16/1/2010 23:53 Page 30

levantamento não se limitou ao número de pessoas nacomunidade de determinado perfil, dando prioridade aaspectos como crescimento da página na rede social,frequência de atualizações, criatividade e nível deenvolvimento dos seguidores da marca (www.thebigmoney.com/slideshow/big-money-facebook-50-0). Emprimeiro lugar, vem a Coca-Cola, com quase 4 milhõesde fãs em seu perfil, considerada pelos analistas doranking a melhor página por “não abusar do sentidocorporativo” da iniciativa. Na sequência, aparece a redede café Starbucks, que reúne mais de 5 milhões deseguidores. Entre as dez mais, figuram ainda a Disney ea marca de lingerie Victoria’s Secret, terceiro e quartolugares, respectivamente, ambas com mais de 2 milhõesde membros. Também está na lista VIP, na sétimaposição, a página do YouTube, atualmente com umnúmero de seguidores que supera 3,7 milhões. O nonolugar ficou para a bebida energética Red Bull, que hoje

conta com pelo menos 1,6 milhão de fãsem seu perfil.

Outras iniciativas vencedoras doranking do The Big Money merecemdestaque. A bebida isotônica Gatorade,

por exemplo, promoveu uma enquete, no ano passado,em seu perfil no Facebook para saber qual momento dacarreira do ex-jogador de basquete Michael Jordan é opreferido do público. O perfil da marca supera 360 mil fãse mais de 8 mil pessoas participaram com voto. O site darede de TV CNN, o CNN.com, se uniu ao Facebook,também no ano passado, para acompanhar a coberturade posse de Barack Obama ao cargo de presidente dosEstados Unidos. Durante toda a cerimônia, mais de 2 milhões de atualizações colocadas na rede social foramusadas pelo site do canal de TV. O perfil da CNN.comconta com cerca de 650 mil seguidores.

Quem também viu crescer repentinamente o númerode fãs em seu perfil no Facebook foi o grupo Target (TGT),que atua em diversos setores da indústria, entre eles,móveis, utensílios para casa e aparelhos eletrônicos. Aempresa promoveu uma campanha na rede social parasaber do público qual instituição de caridade dos EstadosUnidos deveria receber suas doações.

Durante as duas semanas da enquete, a companhiarecebeu nada menos que 97 mil novos seguidores.

Facebook

locaweb 31

YouTube \\ Site de vídeos conta com 3,7 milhões deseguidores no Facebook: até mesmo marcas famosasna web integram a rede social buscando mais sucesso

Gatorade \\ Pesquisa envolvendo o jogador debasquete Michael Jordan contou com mais de 8 milparticipantes; bebida tem 360 mil fãs

Target \\ Grupo TGT resolveu aumentar a popularidade no Facebook. Para tanto, promoveu uma campanha de caridade por meio da rede social

Facebook:W2008 16/1/2010 23:53 Page 31

A montadora Audi amplia sua comunidade no Facebooksempre que divulga em seu perfil pesquisas para sabercomo deve ser o modelo do próximo carro. Hoje, a marcatem quase 400 mil seguidores na rede social.

Todos concordam que estamos falando de empresascom atuação internacional, cujos produtos são conhecidose consumidos por pessoas não só dos Estados Unidos,mas de várias partes do mundo.

São marcas mais do que consolidadas no mercado,que já contam com um número significativo de clientes.Na opinião de Jeffrey L. Cohen, que escreve para o siteSocial Media B2B (http://socialmediab2b.com), essaspessoas se tornam fãs de perfis corporativos no Facebookpor duas razões básicas.

A primeira, de acordo com o analista, porque querem aprender mais sobre a empresa a partir de umrelacionamento contínuo; a segunda, porque, paramuitos consumidores, é importante estabelecer algumaassociação com aquela marca ou com determinadoproduto. Jeffrey explica que esses dois fatorescontribuem para diferenciar os fãs de perfis corporativosno Facebook dos seguidores de empresas no microblogTwitter, por exemplo, que apenas estão atrás de ofertase promoções instantâneas.

* A montadora Audi amplia suacomunidade no Facebooksempre que divulga em seuperfil pesquisas para saber comodeve ser o modelo do próximocarro. Hoje, a marca tem quase400 mil seguidores na maispopular rede social do mundo

Audi \\ Com 400 mil seguidores, em cada ação promocional ao redor domundo, a montadora explora as características do Facebook de promoção4

milmembros

seguem a Dell

32 locaweb

Facebook:W2008 1/2/2010 15:32 Page 32

locaweb 33

Perfis criativosO mais interessante nesse

contexto, segundo o colunista doSocial Media B2B, é analisar como asempresas trabalham seus perfis narede social, para que pessoas quenunca se identificaram com suamarca ou seus produtos se tornem membros da comunidade.Em seu perfil no Facebook, afabricante de computadores Dell,por exemplo, sugere uma relação defatores, descrita por seus fãs ativos,para que o usuário da rede socialtambém se torne um fã da empresa,que hoje conta com quase 52 milmembros na comunidade. SegundoJeffrey, o cerne da questão édespertar o interesse para outrasformas de mídia social que possamabrir caminhos para a construção deum relacionamento entre empresa eusuários da web. Isso inclui agregarvalor ao conteúdo da página, aoserviço de atendimento aoconsumidor e, claro, às oportunidadesde ofertas especiais, muitasdirigidas exclusivamente aosmembros da comunidade.

O grupo Ernst & Young, um dosgigantes do setor de auditoria econsultoria corporativa, criou seuperfil no Facebook quando a redesocial ainda se restringia a um grupode estudantes universitários. Oobjetivo inicial era usar a ferramentapara recrutamento, no mercado detrabalho, de jovens nasuniversidades. Sua página cresceujunto com a popularização do site ehoje já tem quase 35 mil fãs na

comunidade. Analistas do SocialMedia B2B chamam atenção para pequenas mudanças que podemfazer toda a diferença em um perfildo Facebook, como ocorre na páginada empresa de auditoria. Ali, ovisitante encontra boxes comdiferentes conteúdos no lugar datradicional tabela que mostra onúmero de seguidores.

Locaweb no FacebookSeguindo a tendência de

mercado, a Locaweb tambémmantém um perfil na rede socialmais badalada do momento.Segundo Douglas Camargo,responsável pela presença daempresa no Facebook, a proposta éinteragir com o cliente e oferecerpromoções e informações exclusivas.

Em janeiro deste ano, a Locawebpromoveu em sua página noFacebook um concurso em que oparticipante colocava o nome emuma das barracas que apareciam nafoto postada na página e respondiaa pergunta: “Por que esta barracadeve ser sua?”. O prêmio para amelhor frase era uma barraca paraacampar durante a edição de 2010do evento Campus Party. Mais de 60 pessoas participaram doconcurso, superando o dobro donúmero máximo de marcações nafoto, que era 30.

“Não imaginávamos qual seria opotencial de uma ação como essa, jáque era a primeira vez que nosaventurávamos em uma açãopromocional dentro do Facebook.

FacebookFacebook em 2010O site Mashable, The Social Media Guide,colocou as bolas de cristal para trabalhar,tirou da gaveta as cartas do tarô e jogou osbúzios para extrair cinco previsões para oFacebook este ano. Confira algumas delas.

• Em agosto, o Facebook explorou aferramenta FriendFeed, um agregador de feedsque consolida as atualizações das mídiassociais. Exemplo disso é a função “Gostadisto”. Em 2010, haverá mais FriendFeed narede (http://friendfeed.com/); 

• O Facebook muniu-se ainda de um motor debusca em tempo real, que classifica asatualizações de status, mídia e outros feeds denotícias nos últimos 30 dias. A rede social vaicontinuar a explorar esta funcionalidade em2010. O Google deverá ganhar companhia;

• Este ano, o Facebook seguiu em direção àintegração no resto da web com o FacebookConnect, o que tornou seu conteúdopesquisável. Em 2010, vai continuar aintegrar-se no vasto território da internet(http://developers.facebook.com/connect.php); 

• A rede social lançou uma versãosimplificada e mais adaptada à navegação viacelular para chegar a mais usuários – oFacebook Lite. Em 2010, são esperadas maisinovações do gênero, versões móveis e outrasferramentas, como o localizador de amigos noOrkut, para ampliar a presença global doFacebook na net (http://lite.facebook.com/); 

• O Facebook já admitiu a intenção deavançar com um serviço PayPal incorporadoao Facebook Connect para pagamentos emsites independentes, sobre os quais ficariacom uma pequena porcentagem em cadatransação. O site Mashable acredita que 2010será o ano. Por outro lado, usuários de redessociais como Facebook e Twitter deverão setornar o principal alvo de hackers neste ano.Nesses casos, os cibercriminosos seescondem em endereços de amigos dosusuários para enviar links com vírus.Particularmente no Twitter, as URLsabreviadas facilitam ainda mais o trabalho dehackers, que encobrem os links e osdirecionam a sites maliciosos.

Facebook:W2008 16/1/2010 23:53 Page 33

* Com a proposta de interagircom o público-cliente e oferecerpromoções e informações para acomunidade, a Locaweb estápresente no Facebook;recentemente, por meio da redesocial, a empresa sorteouingresso para a Campus Party

Ao lado \\ Janynne,vencedora do concurso daLocaweb; abaixo, detalheda feira e o perfil daempresa no Facebook,que realiza promoções,como a do Campus Party

34 locaweb

60usuários

participaram doconcurso Locaweb

Porém, a aceitação foi tamanha e ficamos muito felizescom o resultado”, conta Douglas. Janynne Gomes,vencedora do concurso, levou o prêmio com a seguintefrase: “Porque se a Locaweb hospeda meus serviços comuma grande responsabilidade, confio nela para mehospedar também”.

“Ganhar uma viagem e um ingresso para a CampusParty 2010 é maravilhoso, já que desde o fim de 2009 mepreparava para o evento. No setor de desenvolvimento desoftwares da universidade onde trabalho, ao ler no Twittermeu nome como sendo a vencedora do concurso culturalda Locaweb no Facebook, um mix de sensações foramsentidas: surpresa, emoção, satisfação e, o maisimportante, alegria em saber que as empresas estãovalorizando ainteração conosco, os internautas”,comemorou.

Facebook:W2008 16/1/2010 23:53 Page 34

Projeto1:Anuncio 23/12/2009 16:13 Página 1

Por Marco Clivati (Eviado especial a Las Vegas)

P ara abrigar seus mais de 120 mil visitantes seriamprecisos dois estádios do Maracanã lotados. Já para dar lugar às mais de 2,5 mil empresas que

saem dos “vestiários” para mostrar cerca de 20 mil novosprodutos e inovações, a área equivaleria a 16 vezes otamanho de um campo de futebol. É nesse gigantescocenário que é realizada a maior feira de eletrônicos etecnologia do mundo, a Consumer Electronics Show (CES).Entre os dias 7 e 10 de janeiro, a cidade de Las Vegas,EUA, se transformou na Copa do Mundo da inovação,como disse Gary Shapiro, CEO da Consumer Electronics

Fomos a Las Vegasconferir as novidadesda maior feira detecnologia do planeta

Association (CEA), responsável pela CES. Para você curtirem detalhes esse campeonato mundial da tecnologia, aLocaweb em Revista entrou em campo com muitadisposição ao lado de mais de 5 mil repórteres e bloggerssedentos por novidades, que se cotovelaram em dezenasde coletivas de imprensa e corredores.

Nas próximas páginas, você verá diversos produtos,tecnologias e serviços que deverá usar em um futuro bempróximo. Telefones celulares com superprocessadores,filmadora com GPS, notebooks e outros gadgetsequipados com sistemas como Android, Wireless Display epor aí vai. Um verdadeiro show de bola com os maiorescraques de tecnologia do mundo.

36 locaweb

CES:W2008 1/2/2010 15:42 Page 36

CES 2010

locaweb 37

Kodak ESP 7250 ‑ Esta impressora da Kodak vai libertá‑lo do doloroso processode abrir imagens no computador e enviar impressão. Ela conta com conexão Wi‑Fi e

imprime fotos diretamente de qualquer dispositivo com conexão wireless. Ela também aceita pendrives e cartões de memória.

Preço>> US$ 200, Info>>www.kodak.com

Epson PictureMate Show ‑ Impressora portátil da Epson com display LCD de 7” widescreenpara visualizar as impressões como porta retrato digital nas horas vagas. A impressora imprime

diretamente de pendrives e cartões de memória e vem com controle remoto. O corpo daPictureMate Show parece com uma sanduicheira, mas isso não vem ao caso, já que o importante é

a sua funcionalidade, não é mesmo? Preço>> US$ 299, Info>>www.epson.com

Bloggie ‑ A Sony comprou a ideia de vida conectada e apresentou a inusitada Bloggie, câmera digital compactacom sensor de 5 megaixels, fácil de usar e com vídeo de alta qualidade (1.920 x 1.080 pixels). A lente rotativa comângulo de 270º graus funciona bem com corpo vertical, que pode ser inclinado para visualizar fotos e vídeos novisor de 2,4”. Ela se conecta com PC ou Mac para postar arquivos em sites como o YouTube. Preço>> US$ 199, Info>>www.sony.com

HDR‑XR550V ‑ Perfeita para os viajantes, a filmadora XR550 vem com GPS que fornece a localização no visor LCD de 3,5” e insere “tags” nos vídeos com a localização onde foram realizados.Além disso, espaço é o que não vai faltar na hora de registrar vídeos:a máquina tem HD interno de 240 GB, que armazena mais de 20horas de gravação com qualidade Full HD (1.920 x 1.080 pixels).Preço>> US$ 850, Info>>www.sony.com

Playsport ‑ Depois de enfrentar problemas sérios com a queda na venda de filmes e papelfotográfico, a Kodak vem se reinventando com produtos inovadores e acessíveis. Esse é o casoda Playsport, filmadora compacta capaz de gravar vídeos em Full HD até debaixo d'água comapenas um toque no disparador. Na onda dos equipamentos que compartilham fotos evídeos, a Playsport acompanha software que ajuda postar fotos e vídeos em sites comoYouTube e Facebook Preço>> US$ 150, Info>>www.kodak.com

Kodak Pulse ‑ Este porta retrato digital com conexão Wi‑Fiacessa fotos enviadas por e‑mail ou postadas em redes sociais como

o Facebook. Imagine você em casa vendo TV e o Pulse ali parado.Seus filhos, que estão na casa dos amigos, resolvem postar no site de

relacionamento as fotos clicadas durantes o dia. Assim que elesterminarem a operação, você verá as imagens no seu porta retrato.

Preço>> US$ 130, Info>>www.kodak.com

locaweb 37

CES:W2008 1/2/2010 15:42 Page 37

CES 2010

38 locaweb

Agama Ring Mouse ‑ A taiwanesa Agama lançou um mouse totalmente sem fio e que écontrolado de um jeito bem diferente. Ele tem formato de anel e é operado com os dedos

indicador e polegar. O movimento da seta é interpretado ao arrastar o dedo indicador sobreuma superfície plana, e os botões de click e scroll são acionados com o dedo polegar. Segundoo fabricante, o acessório pode aumentar o aproveitamento do tempo no trabalho, tendo em

vista que não será necessário soltar o mouse para digitar no teclado. O estranho periférico chegaaos EUA ainda em 2010, mas não há previsão de preço. Info>>www.agamazone.com

Asus Eee Box 1501 ‑ Projetado para ser um media center dedicado, o Eee Box 1501 é um minicomputador com a mesma arquitetura de um

netbook, ou seja, com configurações mais simples que os desktops. Conta comprocessador AtomDual‑Core 330, HD de 320 GB, 2 GB de memória RAM, conexão

Wi‑Fi, placa gráfica NVidia Ion com saída HDMI, Windows 7 e um leitor de discos Blu‑ray. O aparelho chegará primeiro à Suíça e não há previsão de chegada no Brasil.

Preço>> € 400, Info>>www.asus.com

Asus Designo MS Series ‑ A nova linha de monitores para computadorAsus Designo MS Series, composta de cinco modelos (de 20” a 23,6”), traz design

inovador. Além do formato diferente, do suporte circular na traseira e dos botõessensíveis ao toque no painel frontal, o aparelho tem espessura de apenas 1,6 cm. O

modelo top de linha (MS246) oferece resolução Full HD, taxa de atualização de 2 ms,contraste 50.000:1 (dinâmico) e entrada HDMI. Preços e data oficial de lançamentonão foram divulgados. Info>>www.asus.com

Casio XJ‑A ‑ Além do visual diferente, a linha de projetores XJ‑A da Casio traz uma novidade que fará muitobem para o meio ambiente: os primeiros projetores totalmente livres de mercúrio. A série usa uma tecnologia

que combina a iluminação em LED com feixes de laser, criando imagens nítidas, cores fortes e altos níveis deluminosidade (até 3.000 ANSI lumens) sem a necessidade das convencionais lâmpadas de mercúrio. Outras

vantagens são as medidas enxutas (apenas 4,6 cm de espessura e 2,2 Kg), rápido acionamento (não precisa esperaresfriar) e uma vida útil de até 20 mil horas de uso (cerca de 10 vezes maior do que a de um projetor normal). São nove

modelos, que variam especificações como resolução e conectividade. O mais avançado deles (XJ‑A255) tem HDMI, conectividade Wi‑Fi, resoluçãoWXGA (1.280 x 800 pixels) e luminosidade de 3.000 ANSI lumens. Preço>> no Japão, 318.00 Yenes (cerca de R$ 6 mil), Info>>www.casio.com

B&W MM‑1 ‑ A B&W criou um sistema de som especial para quem deseja ter alta fidelidade de áudiotambém no PC. As MM‑1 são equipadas com dois alto falantes (twiter de 1” e subwoofer de 3”) capazes de

alcançar grandes limites de frequencia sonora, proporcionando agudos limpos e graves estremecedores.Com potência total de 36 w RMS (18 w por caixa), o sistema oferece amplificador dedicado para cada caixa

(alimentado por duas portas USB), controle remoto e processador DSP que aperfeiçoa o áudio de uma fonteanalógica (conexão P2). As caixas MM‑1 chegam ao mercado no primeiro semestre de 2010. Ainda não há

previsão de preço. Info>>www.bowers‑wilkins.com

Hillcrest Loop Pointer ‑ Parece até algum tipo de arma futurista, mas o Loop Pointer daHillcrest é um acessório mais útil do que aparenta ser. O dispositivo é uma espécie de mouse sem fio(RF) criado para facilitar a vida das pessoas que conectam o computador na TV da sala para assistir a

vídeos do YouTube ou usar funções de media center. Funciona da mesma maneira que o controle doWii: basta apontar ao lugar desejado para que o mouse acompanhe o movimento. O Loop Pointer

tem compatibilidade com PC, MAC e PS3. Está à venda no site Amazon.com por valores camaradas.Preço>> US$ 100, Info>>www.hillcrestlabs.com

CES:W2008 1/2/2010 15:43 Page 38

locaweb 39

iGugu InterneTV ‑ O supercontrole remoto iGugu InterneTV é um híbridode teclado e mouse que permite o controle total do PC a até 100 metros dedistância. O dispositivo usa conectividade Wi‑Fi para se comunicar com o PC e

é ideal para quem usa o computador como central multimídia da casa, oferecendoconforto para manipular arquivos e até acessar a internet sem se levantar do sofá. Preço>> US$ 79, Info>>www.igugu.com

Lenovo Skylight ‑ Se você pensou que é um notebook, errou. Agora, se achou que é um netbook, tambémerrou. O Lenovo Skylight faz parte de um novo conceito de computador portátil chamado de smartbook, junção desmartphone com netbook. O equipamento traz medidas menores que um netbook e conta com configuração maissimples, como processador ARM (o mesmo usado em celulares) de 1 GHz, 512 MB de RAM, display de 10,1”, HD SSD de

20 GB e conectividade Wi‑Fi e 3G. Por causa do baixo consumo de energia de seus periféricos, oferece uma enormeautonomia de bateria: cerca de 10 horas de uso. O Skylight é gerenciado pelo sistema operacional Linux e é indicado

para o público móvel que necessita de rápidas consultas na internet. Preço>> US$ 500, Info>>www.lenovo.com

LG X120 ‑ Com processador Intel Atom N270 de 1,6 GHz, 1 GB de memória RAM e disco rígidode 160 GB, o netbook X120 da LG não traz nenhuma configuração especial, mas é bonito que sóvendo. Tem acabamento fosco e um teclado grande e confortável, com teclas macias e touchpad

de bom tamanho (6 cm de largura por 4 cm de altura) Além de 3G embutido, o minilaptop temBluetooth, Wi‑Fi no padrão g, porta de rede Fast Ethernet e três USBs. É bem leve, tem apenas 1,2 kg.

Já está à venda no Brasil. Preço>> R$ 1.799, Info>>www.lge.com

Netgear Powerline XAVB2501 ‑ Com o adaptador Powerline XAVB2501 da Netgear, você podecompartilhar facilmente sua internet e estender a network de casa por meio da rede elétrica. Basta plugarum cabo Ethernet no adaptador e ligá‑lo na tomada. Daí em diante, para adicionar pontos de rede, é sóplugar outro adaptador em qualquer tomada da casa. Preço>> US$ 170, Info>>www.netgear.com

Logitech Speaker Lapdesk N700 ‑ Para quem gosta de usar o notebook no sofá ou na cama, oSpeaker Lapdesk N700 da Logitech é uma mão na roda. A mesa, equipada com uma base almofadada e

antiderrapante, integra uma ventoinha que não deixa o notebook aquecer. Traz ainda um sistema de somcom dois alto falantes de alta performance capaz de criar um som muito envolvente.

Preço>> US$ 80, Info>>www.logitech.com

Viliv N5 MID ‑ A Viliv, marca coreana especializada em computadores ultra‑portáteis, apresentou o N5 MID,espécie de netbook com medidas super enxutas. O dispositivo tem teclado QWERTY, LCD de 4,8” com recurso

touch‑screen e resolução de 1.024 x 600 pixels, conectividade Wi‑Fi, 3G e GPS, além de sistema operacionalWindows 7. Ainda não há previsão de chegada do aparelho ao mercado ocidental. Info>>www.myviliv.com

Seagate Black Armor PS110 ‑ A Seagate lançou seu primeiro HDexterno equipado com tecnologia USB 3.0. O Black Armor PS110 tem 500 GB de

capacidade e oferece taxa de transferência de 100 MB/s, que, segundo a fabricante, é cerca de três vezes mais rápida que a taxa oferecida pela USB 2.0. O kit acompanha cartão PCI‑e para

adaptar seu notebook à tecnologia. Preço>> US$ 180, Info>>www.seagate.com

CES:W2008 1/2/2010 15:44 Page 39

CES 2010

40 locaweb

Sony Ericsson Xperia X10 ‑ A Sony Ericsson apresentou seu primeiro smartphone equipado com o sistema operacionalAndroid: o Xperia X10. Com tela LCD de 4” touch screen, conectividades Bluetooth, GPS, Wi‑Fi e 3G, além de um design muitobonito, o aparelho traz o mesmo processador usado no smartphone da Google, o Snapdragon de 1 GHz. Isso significa que adisputa pelo melhor aparelho da categoria Android será altamente disputada daqui pra frente. Mas, em comparação com oNexus One, o Xperia X10 sai na frente, pois conta com uma câmera digital integrada de 8 megapixels com recursos de detecçãode faces (contra apenas uma câmera de 5 megapixels do Nexus One). O Xperia X10 ainda não tem preço e data oficial delançamento, mas chegará ao mercado ainda em 2010. Info>>www.sonyericsson.com

Motorola Backflip ‑ A Motorola marcou presença com o Backflip, smartphone que traz umconceito inovador de teclado retrátil. Diferentemente de outros aparelhos que possuem teclado

deslizante, o Backflip tem as teclas localizadas na parte traseira. Para usá‑lo, é necessário giraro equipamento em 180 graus, revelando uma posição muito confortável para a digitação.O smartphone, gerenciado pelo sistema Android 1.5, oferece câmera de 5 megapixels, tela

touch screen de 3,1” e conectividades Bluetooth, Wi‑Fi, GPS e 3G. Ainda não há previsão dequando o aparelho será lançado oficialmente. Info>>www.motorola.com

LG eXpo ‑ O eXpo foi, sem dúvidas, uma das grandes atrações da CES na categoria mobile. Além da robusta configuração com LCD de 3,2” touch screen, processador de 1 GHz, câmera de 5 megapixels

e teclado QWERTY retrátil, o smartphone da LG impressionou a todos com a possibilidade de criar projeções com até 40”.Para isso, basta encaixar na parte de trás um dispositivo (projetor pico) que pesa apenas 51 g. O minúsculo projetor

pode ser usado para reproduzir filmes e facilitar a navegação na internet, já que, com a funcionalidade, páginas inteiras da web podem ser totalmente visualizadas sem esforço. O LG eXpo tem sistema operacional Windows Mobile 6.5.

Preço>> de US$ 180 a US$ 300, de acordo com a configuração, Info>>www.lg.com

Dell Android Tablet ‑ A Dell, que recentemente colocou à venda no mercado nacional o smartphone mini 3iX, crioumistério ao revelar que lançaria um tablet (pequeno computador em forma de prancheta) com o sistema operacional

Android. Um protótipo com tela de 5” rondava o estande da marca, mas nenhuma informação detalhada foi divulgada.Segundo os expositores, o dispositivo tem previsão para chegar ao mercado no final de 2010. Info>>www.dell.com

Dual Eletronics XGPS300 ‑ O XGPS300 é um receptor de GPS lançado pela DualEletronics que adiciona a funcionalidade de localização por satélite ao iPod touch. O

dispositivo, que parece um mini dockstation, é encaixado na entrada de dados doplayer e é gerenciado pelo software navegador NavAtlas, que permite a montagem derotas e oferece orientação por meio de voz. Para completar, o XGPS300 funciona como

uma bateria externa para o iPod, prolongando sua autonomia em quase duas vezes. O aparelho não tem data exata de lançamento, mas chegará ao mercado em 2010.

Preço>> US$ 180, Info>>www.dualav.com

HTC HD2 ‑ A HTC apresentou o HD2, smartphone que eleva os conceitos depersonalização e interatividade a altos níveis. O dispositivo, que tem tela de 4,3”touch screen, câmera de 5 megapixels e conectividade Wi‑Fi, Bluetooth, 3G e GPS,traz o exclusivo software HTC Sense, que sincroniza automaticamente todos oscontatos da agenda telefônica com os respectivos perfis das redes sociais online(como Twitter e Facebook). Dessa forma, com poucos comandos, você entra emcontato com a pessoa desejada de várias maneiras. Outra forte característica doaparelho é sua interface, que permite total personalização. O preço do produto,que chegará aos EUA em março, não foi divulgado. Info>>www.htc.com

CES:W2008 1/2/2010 15:45 Page 40

Cada vez mais, os profissionais de marketing seperguntam: é possível manter a eficiência da

comunicação prendendo a atenção dos consumidores,em uma época de ações diversas e em grande volume?Sim, ainda há espaço. Mas, para triunfarem, as marcasprecisam ser flexíveis e não impor tantas regras. Oconsumidor vem, decididamente, confirmando seupoder de escolha e dá as cartas. As empresas devem,então, entender este cenário e trabalhá-lo.

Ninguém faz melhor isso do que os projetos debranded content. Essa mecânica pode funcionar dediversas formas: integrando, por exemplo, marca aenredo de um filme, programa de TV, seriado...

Ao ter acesso ao conteúdo, o usuário interage com amarca, anytime, anywhere, anyway. A empresa intensifica acompreensão de seus valores e missões, que passam a serentendidos com detalhes. No passo seguinte, os produtos sãoconsumidos e/ou os serviços adquiridos de uma formarespeitosa, inteligente e quase lúdica.

Em muitos casos, os usuários, por se envolveremdiretamente com o conteúdo e por, de certa forma,buscá-los nos diversos ambientes, não percebem queuma determinada marca está patrocinando a ação. É aComunicação por Conteúdo ou o Conteúdo de Marca,como preferem classificar alguns especialistas.

Ao redor do mundo, muitos casos vêm ganhandorelevância. A TurboTax, empresa que ajuda ocontribuinte americano a receber uma maior restituiçãodo Imposto de Renda, realizou uma ação inovadora:para ampliar a sua clientela, fez uma parceria com aNBC, na qual se utilizou das propriedades da rede paraexplicar os benefícios do seu produto.

Em vez de fazer um comercial puramente institucional, queprovavelmente teria muito pouco ROI, criou filmesrelacionados com as temáticas dos seriados da NBC(http://bit.ly/5aF5qh) e convidou a audiência a participar deuma promoção. Essa ação conferiu maior credibilidade àTurboTax, que associou sua imagem a NBC. Bingo!

No Brasil, uma ação inteligente foi a do robô Digital Kid,que protagonizou vídeos (http://bit.ly/3nADYR) em diversosepisódios para esclarecer as principais dúvidas sobre TV Digital,ressaltando as suas características e diferenciais. Realizada pelaSamsung, a ação teve como foco orientar os mais“desantenados” a como participarem da nova Era Digital.

Esses dois exemplos obtiveram sucesso, pois contemplarame priorizaram os quesitos básicos da nova propaganda:entretenimento, informação e prestação de serviço. E mais:mostraram que, para conquistar o consumidor, é preciso agircom o pensamento cada vez mais estratégico e focado ementretenimento. Agora, é a vez do branded content!

Para triunfar na era digital, as marcas precisam ser flexíveis, entenderque o consumidor é que dá as cartas e parar de impor tantas regras

opinião/articulista

30 segundos porbranded content

Marcelo TrípoliPresidente da agência de

marketing digital iThink e autordo blog ifound.com.br

@marcelotripolimarcelo.tripoli@ithink.com.br

e-business

locaweb 41

artigo_marcelo_mercado:W2008 17/1/2010 00:12 Page 41

42 locaweb

Por Gabriel Dudziak

F az tempo que os blogsdeixaram de ser merosdiários onlines. Hoje em dia,

falar sobre a vida pessoal e fazerconfissões foi colocado de ladodiante das inúmeras possibilidadesque essas ferramentas proporcionam.Não à toa, diversos formadores deopinião, companhias, portais e lojaspassaram a investir em um ou atémais blogs para estreitar o contatocom o público-alvo, valorizar umamarca ou ideia, passar informações,oferecer serviços e por aí vai.Dentro desse cenário, o design das páginas pessoais ganhou tantaimportância como nunca, o quegerou uma fatia de mercadointeressante a ser explorada porquem trabalha no setor.

Para explorar este filão compropriedade, segundo especialistas,é preciso entender que os blogs, deforma geral, têm objetivos elinguagens diferentes dos websites.Por isso, carecem de layoutigualmente diferenciado.

“Na hora de criar um templateexclusivo para um blog, é precisoreproduzir a personalidade docliente de acordo com o assunto

tratado na página pessoal”, contaDaniela Milagres, fundadora daEmporium Digital, empresaespecializada no desenvolvimentode layouts e websites. Com oobjetivo do cliente explícito, ficamais fácil desenvolver um layout dequalidade superior a dos templatesgratuitos encontrados na internet.

Para enxergar o objetivo da pessoacom o blog, Daniela adota umarotina na hora de criar. “Semprecomeço a desenhar no papel. Depois,coloco frases, bolo algumas imagens

e rabisco alguma coisa, tudo em cimadas características obtidas junto aocliente”, afirma.

Na hora de explorar acriatividade, porém, é preciso levarem consideração que a estrutura dosblogs é limitada. Independentementedo template, a plataforma precisaser respeitada. Os leitores já estãoacostumados a ler blogs e não valea pena complicar algo que funcionapor intuição.

Segundo Sonner Foltran, diretor de arte e webdesigner da

A hora certa de criardesign para blogs

designweb

Mercado de templates para páginas pessoais está em expansão.Saiba o que considerar no momento de entrar nesse negócio

Na moda \\ O blog Kineda (www.kineda.com) tem botões de navegação, imagens espalhadas, bannerse uma série de outros elementos que o tornam semelhante a um site, mas os posts e comentários estão lá

Design:W2008 1/2/2010 15:50 Page 42

Design

locaweb 43

Associação Brasileira de WebDesigners e Desenvolvedores(ABRAWEB), certos aspectos dacriação dos blogs são semelhantesao desenvolvimento de websites,embora as ferramentas sejam bemdiferentes. “Tanto para um websitequanto para um blog é precisomanter os mesmos conceitos denavegação intuitiva. Para os blogs,são necessários alguns cuidadosextras, como evitar textos compouco contraste. Afinal, trata-se deuma página que costuma ter muito

* Na hora de explorar este filão do mercado, éimportante verificar que os blogs, de forma geral,têm objetivos e linguagensdiferentes dos websites.Por isso, carecem dacriação de layoutsigualmente diferenciados

conteúdo e, dependendo da formacomo é apresentada, pode cansar osolhos do leitor”, afirma.

Wordpress x BlogspotO profissional de design que

estiver interessado em entrar nessemercado precisa conhecer tambémos serviços de hospedagem de blogse as limitações que impõem àferramenta. Hoje os principaissistemas do tipo são o Blogger(www.blogger.com) e o Wordpress(http://pt-br.wordpress.com). Esteúltimo traz características maisprofissionais, com o advento deuma série de plugins. Com isso,oferece mais liberdade de criaçãoaos webdesigners. “E isso devemelhorar ainda mais”, conta Foltran.“Milhares de desenvolvedores domundo inteiro trabalham em cima doWordpress o tempo todo. Por isso,será cada vez mais fácil encontrar umplugin para inserir algo diferenciadono projeto”, analisa o diretor de artee webdesigner da ABRAWEB.

Parelhos \\ O Wordpress (ao lado) oferecemais ferramentas e oferece ao webdesignerblogs mais semelhantes aos sites, enquanto oBlogger é mais cru, porém, simples de mexer

Já para Daniela, o ponto forte doWordpress é que ele permite umaaproximação maior com osconceitos de website. “Essaplataforma de blog tem uma visãomais clean. Os tópicos são separadose o layout lembra bastante o de umwebsite. Enquanto o Wordpressoferece cinco páginas com diversoslayouts diferentes à escolha, oBlogger, por exemplo, dispõe deapenas uma. Assim, é possível ir alémda página principal e criar blogs querealmente se pareçam com sites”,afirma a designer da EmporiumDigital. “Não dá para negar,entretanto, que o Blogger temferramentas mais fáceis de mexer”,completa Daniela.

O fato é que ambas as plataformasoferecem particularidades que,quando bem trabalhadas, permitemcriações eficientes e bem-feitas. OBlogger, por meio do Blogspot,permite várias possibilidades paraalteração do template, mesmo paraquem entende pouco de HTML e CSS.Para trabalhar no Wordpress, por suavez, é necessário um conhecimentomaior. “É por isso que não dá paracravar qual sistema é melhor ou pior.As qualidades existentes em um sãoinexistentes no outro, e vice-versa.Resta se adaptar”, diz Daniela.

Design:W2008 16/1/2010 23:34 Page 43

Design

44 locaweb

válidas para o conteúdo. Uma questãoimportante para o sucesso dequalquer blog é que ele não pareçaestar “abandonado”, com poucasatualizações. O mesmo conceito éválido para as imagens. Se o leitornão se identificar com o visual, aschances dele fechar o navegador sãograndes. Por isso, é preciso pensar emsituações mais dinâmicas.

Para Daniela Milagres, além detodos esses aspectos e do estudoaprofundado das plataformas elinguagens, “é essencial tercriatividade e, acima de tudo, umacerta perspicácia para pegar o espíritodo cliente”. Para finalizar, Foltran dá afórmula para que os profissionaiscuidem de todos esses aspectossimultaneamente: “Mantenha-seatualizado e navegue muito paraampliar a base de referência”.

Quem for bem-sucedido nessaempreitada pode se preparar eesperar pelos ganhos. De acordo comos especialistas do segmento, cada

Dicas para quem está começandoAlém de levar em consideração o

intuito do cliente e o serviço dehospedagem em que a página serápublicada, quem deseja investir nacriação de templates para blogsprecisa ter um bom domínio dasferramentas usadas no serviço. Deacordo com Foltran, uma boa dica éter um espaço para criar, testar e,eventualmente, errar naprogramação dos templates. “Contarcom o seu próprio blog, porexemplo, é importante, mesmo que funcione apenas como umlaboratório que você pode abusar afim de ganhar experiência”. Fora isso,o webdesigner tem de se preocuparcom aspectos extra-layout, comoatrair visitantes. “Interagir comoutros blogs trocando links é a formamais rápida para que isso aconteça”,explica o diretor de arte.

Outra dica é que o desenho dapágina deve seguir as regras que são

* É importante contar com seu próprio blog, mesmo que funcione apenas como um laboratório que você pode abusar a fim de ganhar experiência

Visão de negócios \\ Blog “A Visão do Mudo” (www.emporiumdigital.com.br), com templatedesenvolvido pela Emporium Digital. Destaque para as ilustrações que prendem a atenção do internauta

Bancos de dadosOs profissionais que desejam se aventurarpelo mundo da criação de templates parablogs podem fazer alguns testes antes deinvestir tempo e dinheiro na novaprofissão, e cair de cabeça nos negócios.Na internet, existem alguns bancos dedados que permitem aos usuários baixar efazer upload de templates novos. Assim, épossível ver a aceitação dos projetosrecém-criados e ainda dar uma olhada noque a galera anda fazendo por aí. Vejaabaixo os endereços de alguns dessesbancos de dados online:

OSWD www.oswd.org/

BLOG SKINS www.blogskins.com/

E-BLOG TEMPLATESwww.eblogtemplates.com/

template de blog tem preço demercado situado na faixa entre R$ 200e R$ 600, dependendo do que ocliente quer. Banners diferenciados eformatação completa da páginainferem em valores maiores.

Design:W2008 1/2/2010 15:51 Page 44

locaweb 45

Tecnologia todo terreno

Developer é tudo igual. Ou designer é tudo igual.Ou jornalista é tudo igual. Ou médico. Ou político.

Advogado. Marronzinho. Publicitário. Pagodeiro. Quantasvezes você já ouviu algo assim? Eu ouço isso direto.

Bem-vindo à humanidade: humano é tudo igual, adoraachar os outros “tudo igual”. Você pode encarar issocomo mania ou, se quiser parecer mais cool, dizer queisso é meramente um viés cognitivo. Parecer cool fazparte, aliás, da mesma história. Percepção é tudo.

O problema é que percepção é um software bugadopra caramba. Veja na wikipedia uma lista deliciosa dessesbugs. Ou melhor, desses vieses cognitivos: http://en.wikipedia.org/wiki/List_of_cognitive_biases. É genial.

Um desses vieses diz que todo grupo se acha muitoespecial e único, mas acha os outros “todos iguais”. É sólembrar-se de sua adolescência. A sua turma era omáximo. A turma do lado só tinha mané.

Eu vi isso de perto na minha formação. Comecei naengenharia, pulei pra comunicação. Foi bom paraconhecer os dois lados, mas foi péssimo (e ainda é) nãoser nem um, nem outro. Para os engenheiros eu eraesquisito (e ainda sou) e para os criativos eu era (e aindasou) sóbrio demais.

Eu me pergunto se essa dicotomia é fruto de um jeitoantiquado de educar (exatas para um lado, humanas parao outro) ou se existem realmente perfis incompatíveis depessoas. O resultado final eu conheço: gente de exatas

tem horror a questões estéticas, relativismo de opiniões enuances, enquanto gente de humanas padece com Excel.Ok, generalizei, mas que dá vontade de dividir ahumanidade em Word-people x Excel-people, dá.

Vamos imaginar que as pessoas nasçam diferentes.Uns com mais jeito para “excelidades” e outros comtalento natural para, digamos, “wordices”. A questão é: asescolas devem investir só num lado e castrar o outro?Será que não valeria a pena balancear melhor as coisas?Eu acho que sim. E acredito que o mercado precisa disso.

Antes dessa história toda de informática e internet,engenheiro só falava com engenheiro, designer só falavacom designer. Hoje, developers têm que sentar à mesa etrabalhar com o cara de negócios, designer, advogado,redator, assessor de imprensa. E não é só sentar quieto eficar rezando para quizomba toda acabar logo e temandarem os specs por e-mail. É opinar, negociar, criar,viajar na maionese, sugerir. Coisas que escolas deveriamensinar, mas, eu temo, não ensinam. Como o que maisexiste é gente bitolada, é um drama achar pessoas boaspara contratar, seja em que área for.

Bitola, que eu saiba, tem a ver com largura de trilhosde trem. Um trem só anda em trilhos com a mesmabitola. A tecnologia saiu dos trilhos faz tempo. Tudo oque fazemos hoje é todo o terreno e 4x4. Está na hora desairmos um pouco dos trilhos mentais e nosaventurarmos fora dos mapas.

A flexibilidade dos conhecimentos pode ser fundamental para sair da mesmice, deixar de ser mané e galgar espaço no mercado

opinião/articulista

René de Paula Jr.User Experience Evangelist

Microsoft Brasil@renedepaula

rene.de.paula@microsoft.comBlog: O UAU Nosso De Cada Dia

http://blogs.msdn.com/renedepaula

design

Ilustr

ação

//Alex

andre

Dias

(Nan

i)

artigo_rene_design:W2008 16/1/2010 23:32 Page 45

46 locaweb

O site Avon Sun(www.avonsun.

com.br) é um dos cases de sucesso da Avon. Criado pela Mkt Virtual(www.mktvirtual.com.br) ehospedado na Locaweb, apágina eletrônica aliainformação a grande apuro visual.

Trata-se de um hotsiteespecificamente desenvolvidopara explorar a linha deprotetores solar da Avon. A campanha digital contatambém com uma conta noTwitter (@avonsun).

Entre os destaques dapágina estão as inovaçõestecnológicas. Ao entrar no site,o usuário deve escolher entre“Praia” ou “Clube” e, assim, édirecionado para o cenárioque mais o agrada. Em Clube,

Praia ou clube?

caseslocaweb

Avon inova ao lançar página em que o usuário pode escolher entredois ambientes, ver a previsão do tempo e ouvir o barulho do mar

TrilhaAo entrar na página, ousuário também se deparacom uma trilha sonora queencanta e surpreende. Épossível, por exemplo, ouviro som do mar.

Entretanto, ao contráriode boa parte das páginasque traz músicas em altovolume que acabamincomodando e afastando ovisitante, no Avon Sun essedetalhe foi pensado. Ovolume das ondas éagradável e funciona comoum elemento de fundo,durante a visitação.

“Quando a pessoachega a um site com trilha,pode ser pega de surpresa.Por isso, tomamos muitocuidado com o volume para

Mkt Virtual \\ Empresa desenvolveu a página eletrônica da Avon Sun,que visa atrair visitantes de diversos perfis e consumidores da empresa

por exemplo, o usuáriopercebe que a Mkt Virtualinstalou um recurso paraprevisão do tempo,diretamente de uma API doYahoo (www.yahoo.com).

Essa é somente uma dasinovações tecnológicas que apágina oferece. A divisão emduas áreas principais foi criadapela própria Avon, ao concluirque boa parte de seu públicoconsumidor não passa apenaso verão no litoral, mas procuraalternativas urbanas para sedivertir. “Com essa ideia dedivisão, criamos um cenáriohorizontal, que facilita aconcepção de cisânia”, dizLudmilla Rossi, diretora criativada Mkt Virtual. “Colocando-aslado a lado, também foipossível facilitar a navegaçãoentre elas”.

não incomodar os usuários”,afirma Ludmilla.

O controle de áudio fazparte do conjunto sonoro:está ao alcance dovisitante, que podeinterromper os sons, semgrandes problemas oudificuldades. Entretanto,como frisa a diretora daMkt Virtual, o áudio écoadjuvante, não éelemento principal.“Muitos computadores nãotêm som. Por isso, nãopodemos depender doáudio para recursosessenciais de navegação oude conteúdo”.

A seguir, você conferemais detalhes sobre apágina Avon Sun, criadapela agência Mkt Virtual.

Case:W2008 1/2/2010 15:53 Page 46

locaweb 47

1

2

34

4 AnalyticsÜPara medir a audiência dapágina, além do Google Analytics,a Mkt Virtual optou por trabalharcom o Getclicky, como segundaferramenta para obter resultados.

Por isso, optou-se pelocarregamento em módulos. Alémdo Flash, as partes visuais foramcriadas com o Photoshop. Comotudo ficou pesado, a saída foicriar um preloader interativo, quedistrai o usuário enquanto todo osistema é carregado. Para auxiliarna distração, até mesmo umminigame foi criado.

3 BLOGÜO blog Super Dicas de Verão,administrado pelo WordPress, éoutro atrativo do site. De acordocom a diretora criativa da MktVirtual, a escolha do WordPress foidecisiva por conta do excelenteresultado em sites de busca etambém pela alta possibilidade decustomização da ferramenta. Oblog dá dicas diversas sobre o

O site

1 GAMEÜO advergame Castelos de Areia éum dos destaques do site. Commuito tempo gasto na produção doActionScript, o game serve deapelo para o visitante ficar maistempo na página e se familiarizarcom os produtos da Avon. SegundoLudmilla, o Castelos de Areia “foiplanejado e executado dentro deum cronograma prédefinido” paraque funcionasse dentro dosrequisitos da Avon. Comoresultado, trata-se de uma dasprincipais atrações do site.

2 FLASHÜA principal ferramenta usada parao desenvolvimento do site foi oFlash. A ideia era minimizar o peso da página e permitir carregá--la o mais rapidamente possível.

comportamento adequado no verão, estação que o site prima promover (afinal, os produtos da Avon Sun são para combater os malefícios doexcesso de sol).

Case:W2008 16/1/2010 23:33 Page 47

48 locaweb

Por Luciano Delfini

D e uns anos para cá, empresas de tecnologia dainformação passaram a investir em produtosvoltados a diferentes aplicações que podem ser

acessados pela internet. O objetivo é simples: livrar ocliente da pesada obrigação de gastar os olhos da carana compra de licenças para uso de programas. É o casodo software como serviço, também conhecido pelasigla em inglês SaaS (Software as a Service). A solução,que ganha cada vez mais espaço no mercado, éfundamental para criar uma gestão informatizada quegaranta praticidade e economia aos negócios dequalquer empresa.

O mais curioso de tudo é que o SaaS não é umaferramenta nova. Prova disso é que muitas pessoas outilizam, seja para fins corporativos ou apenas pessoais,sem sequer ter conhecimento. Um bom exemplo da

ferramenta é o Google Docs (www.google.com/google-d-s/intl/pt-BR/tour1.html), que oferece acesso gratuitopela web a planilhas, apresentações de slides, edição de textos, inclusão de tabelas, entre outras funções.

Num piscar de olhos, o uso de softwares como serviço (SaaS) foi agregado ao segmento de tecnologia da informação (TI). Saiba como este tipo deferramenta pode reduzir os custos de informatização do seu negócio

Sem máscara \\ Se você usa, ou alguma vez usou, o Google Docs paraacessar planilhas, já se beneficiou do conceito de software como serviço

SaaS:W2008 1/2/2010 15:55 Page 48

locaweb 49

Para usá-lo, basta que o interessado tenha uma conta doGoogle, normalmente um endereço no Gmail, semprecisar instalar o software no computador.

No mundo corporativo, a gestão online de negóciosparecia estar restrita a grandes companhias, porquestões óbvias de custos de licenças de softwares degerenciamento empresarial. Esse cenário, no entanto,passou a ser revertido a partir da oferta de soluçõestecnológicas que rodam em plataformas compartilhadascom milhares de outros usuários, o que resulta em umaredução significativa do custo do serviço se comparado aoutros modelos mais antigos, baseados em arquiteturacliente-servidor. Para se ter uma ideia, hoje é possível ter,por R$ 50 ao mês, o serviço de um software para criar egerenciar campanhas de e-mail marketing.

De olho na possibilidade de “democratização”tecnológica da gestão corporativa, as empresas dehosting, que até então atuavam exclusivamente nacomercialização de espaços para hospedagem de sites,ampliaram sua oferta de serviços. Hoje, agregam o SaaSpara atender às demandas de cada cliente. A vantagemé que o usuário que contrata um aplicativo online paradeterminada atividade passou a ter todo o suportenecessário ao funcionamento do produto. Isso tambémse traduz em economia de gastos. Ao usar uma empresa

de hosting que tambémoferece softwares comoserviço, o cliente contacom uma hospedagemcompartilhada genéricacom diferentessoluções, nas quais oSaaS roda e ficadisponível para ser acessado dequalquer computador.

Como modalidadede oferta de serviços, oSaaS abrange diferentesaplicações contratadasseparadamente, ou como solução completa para todasas demandas do cliente. Isso inclui ERP (EnterpriseResource Planning), para integração de dados eprocessos de uma empresa em um único sistema; CRM(Customer Relationship Management, ou Gestão deRelacionamento com o Cliente), para automatização dasfunções de contato com o cliente; e-commerce; suíte dee-mail; e-mail marketing, entre outros serviços.

A Locaweb, por exemplo, já oferece, além dehospedagem de sites, softwares para diferentes

* A flexibilidade para trocar deaplicação é tida,pelos especialistas em TI, como acaracterística quemais ajudará o software comoserviço a conquistaro mercado nospróximos anos

SaaS:W2008 16/1/2010 23:48 Page 49

A questão segurançaMuitos usuários da internetquestionam a segurança de um território vastamentecompartilhado. No caso do SaaS,essa discussão se torna maisevidente, uma vez que estamos

falando da contratação de um software hospedado em um servidor na internet, cujas informaçõesestratégicas do usuário estão armazenadas emaplicativos e, dessa forma, expostos em rede.

Para não cair em nenhuma armadilha, a solução é amais simples possível: buscar esse tipo de serviço emempresas consolidadas no mercado. Na hora de fechar ocontrato, é importante saber, por exemplo, se os seusdados estarão disponíveis o tempo todo, podendo seracessados de todo lugar com internet e a qualquer horado dia, porém apenas pelas pessoas autorizadas.Verifique também se há mais de um mecanimo deproteção e se eles são atualizados constantemente.

Limites e potenciais do SaaSAlguns profissionais de tecnologia afirmam que o

software como serviço ainda está em processo deamadurecimento, o que limita seu uso a aplicaçõesbásicas, padronizadas e que podem ser compartilhadaspor várias empresas – por exemplo, nas áreas derecursos humanos, CRM, contabilidade, entre outras.Nesse sentido, muitos diretores de TI e CIOs garantemque a contratação de um SaaS para atividades que nãoexigem customização é a solução mais econômica, alémda facilidade de instalação e manutenção. Já nasaplicações críticas, consideradas o diferencial de umaempresa, os especialistas não recomendam o uso de umsoftware como serviço.

A flexibilidade para trocar de aplicação, por sua vez,é tida pelos especialistas como a característica que maisajudará o SaaS a conquistar o mercado nos próximosanos. Essa capacidade de mudança é o grande

SaaS

50 locaweb

Alvo das gigantes \\ A IBM é uma das grandes empresas que aposta no conceito SaaS para criarsoluções completas sob demanda, direcionadas a pequenas e médias empresas; a ideia é reduzir custos

SaaS na Locaweb \\

Empresa conta comdiversas soluções

baseadas em SaaS, como a Loja

Pronta (ao lado) e oMobimail (abaixo).

Tudo para facilitar avida dos clientes

aplicações corporativas, que podem ser contratados deforma isolada ou em um pacote completo de serviçosque atendam às diferentes atividades e processosadministrativos da empresa (veja o quadro Serviços SaaSda Locaweb, na página ao lado).

* Existem diferençassignificativas entrecomputação em nuvem e software como serviço,ainda que o segundo seja uma variação do primeiro por usarcloud computing em sua arquitetura

SaaS:W2008 1/2/2010 16:14 Page 50

diferencial do software como serviço,em relação a outros produtos quesubstituem a compra de licenças.

Desenvolvido para o ambiente dainternet, o SaaS usa padrões abertos(como Java) e arquitetura orientada aserviços (SOA). Essa arquiteturaorientada gera camadas de aplicaçõesna rede corporativa, simplificando asubstituição do software. Issosignifica facilidade na integração comoutros sistemas e, claro, na migraçãode aplicações. Para os CIOs, éjustamente o que se precisa para nãoficar amarrado a um determinadofornecedor de SaaS.

Aqui, vale retomar algumasconsiderações básicas erecomendações de especialistas daGartner, empresa de pesquisa,consultoria e desenvolvimento detecnologia, quanto ao verdadeiropapel do SaaS conforme variações deuso no mercado. O texto completoestá em http://info.abril.com.br/corporate/ gartner/o-papel-do-saas-muda-segundo-o-mercado.shtml.

Considerações básicas• SaaS deve ser testado com tecnologiasrecentes menos arriscadas e dar àsempresas uma liderança inicial; • SaaS pode reduzir custos de mudanças (entre diferentes tecnologias)durante a fase de intenso crescimento de um segmento, embora outros custosde mudança possam permanecer e até aumentar;• SaaS pode diminuir gastos operacionaisem uma fase em que o mercado já estejamais maduro;• Durante uma crise, o SaaS pode sebeneficiar da restrição de interessescomuns e facilitar a transição para novas tecnologias.

Recomendações• Empresas que consideram o SaaS umamaneira de simplificar processos deexperimentação em mercados emergentesde software devem dar preferência acontratos mensais, ou de menos de seis

meses, para um grupo pequeno deusuários, em vez de instalá-lo em todauma unidade de produção;• Grupos devem avaliar o uso de soluções SaaS em mercados de forte crescimento, para diminuir custostécnicos de mudanças de provedores dealta qualidade;• Companhias que precisam reduzir custos operacionais ou aprimorar acapacidade de execução de computadoresem mercados maduros devem considerar a implementação do SaaS;• Empresas em processo de modernizaçãoda infraestrutura de TI, em mercados desoftware em declínio, devem considerar oSaaS como uma alternativa.

Para finalizar, deve-se ter em menteque existem diferenças significativasentre computação em nuvem (cloudcomputing) e software como serviço,ainda que o segundo seja uma variaçãodo primeiro justamente por usar cloudcomputing em sua arquitetura. É bomentender isso porque muitas empresasestão aproveitando a onda da nuvempara vender o SaaS como tal. Para isso,mantenha-se atualizado com osdiversos informes sobre o serviçoapresentados na internet pelascompanhias de renome no mercado.

SaaS

locaweb 51

Diferença de conceitos \\ A SaaS Showplace (www.saas-showplace.com) é uma das empresasque atrela o software como serviço à computação em nuvem, embora os conceitos sejam diferentes

Serviços SaaSda LocawebLoja Pronta(www.locaweb.com.br/produtos/loja-pronta.html) Reúne aplicativos para quem quer montar uma loja virtual e não exigeconhecimento de programação. Umagrande vantagem é que o lojista pagaapenas pelo que vende.

PABX e Call Center Virtual(http://locaweb.com.br/produtos/pabx-virtual.html) Oferecem as funcionalidades de umacentral telefônica convencional, compreço de serviço mensal e controle das despesas.

Email Marketing(http://locaweb.com.br/produtos/email-marketing.html) Dá acesso pela internet à ferramentaque cria e gerencia campanhas de e-mail marketing. É possível controlaros resultados e receber relatórios emtempo real.

Mobimail (http://locaweb.com.br/produtos/mobimail.html) Reúne solução de e-mail, contatos eagenda que pode ser usada a partir dequalquer local com acesso à web,incluindo celulares e smartphones.

SaaS:W2008 1/2/2010 16:14 Page 51

Administradores de sistemas e desenvolvedores desoftwares têm grande necessidade de automatizartarefas ao extremo. Aprenda como fazer isso

Todo mês, vocêconfere nesteespaço um artigotécnico doespecialistaRogério Ferreiraa respeito deprogramação,com grandeenfoque emtecnologias livresaplicadas à web

Eliminando aIntervençãoHumanacom Expect

A necessidade de automatizarprocessos e tarefas é algonatural do curso da evolução

humana. Máquinas reduziram umnúmero expressivo de pessoas emlinhas de produção no decorrer dosanos, e sistemas de informáticasubstituíram processos exaustivos,executados por inúmeros indivíduos.

Automatizar TarefasAdministradores de Sistemas eDesenvolvedores de Softwaretêm grande necessidade deautomatizar tarefas ao extremo,para que tenham mais controledo seu ambiente e aintervenção humana seja cadavez mais reduzida, para quefalhas provenientes de mentesexaustas e desatentas sejamminimizadas ou, quem sabe,eliminadas (eu sei que isso nãoé possível...).

Linguagens de ScriptHoje em dia, temos um arsenal espetacular delinguagens de script para usogeral, que possibilitam nos

aproximarmos dessa meta(reduzir problemas).Linguagens como: Shell,Python, Ruby, TCL, Lua e ovelho e “discriminado” Perl, emuitas outras. Cada umasdessas linguagens tem suaspeculiaridades e, no que sepropõem a fazer, são muitopoderosas. Não existe soluçãoúnica para problemas, assimcomo doenças que muitasvezes são tratadas comdiversos medicamentosdiferentes, podemossolucionar nossos problemasinformáticos com uma dessaslinguagens ou com a misturade algumas delas.

ExpectCom a proposta de automatizartarefas em sistemas UNIX (eudiria UNIX-Like), Don Libes, umcientista de computação do NIST(National Institute of Standardsand Technology), criou “Expect”,em 1990, como uma extensãopara a linguagem de scriptingTCL, para interagir com

Rogério Ferreira,inaugurou a seção deSegurança da Revista LinuxMagazine. Trabalhaatualmente no núcleo deOutsourcing da Locaweb.

programando.com

52 locaweb

Programando.com:W2008 1/2/2010 16:16 Page 52

Expect Programando.com

aplicações como telnet, ftp, passwd, ssh, e outros.Expect possui a mesma convenção de sintaxe queTCL, acrescido de comandos específicos para ainteração com aplicações. Expect é um programapara controle de aplicações interativas.

Estas aplicações interagem por meio de umprompt e esperam que o usuário entre comalgumas teclas como resposta. Imagine os passosna ação de mudar a senha de um usuário numsistema Linux:

$ passwd Changing password for user ferreira. Changing password for ferreira (current) UNIX password: *******New UNIX password: *******Retype new UNIX password: *******passwd: all authentication tokens updated successfully.

Note a interação que foi feita acima:1. O usuário disparou o comando passwd noterminal e teclou enter;2. O prompt esperou que o usuário digitasse asua senha atual e teclasse enter;3. O usuário digitou a senha atual e teclou enter;4. O prompt esperou que o usuário digitasse asua nova senha e teclasse enter;5. O usuário digitou sua nova senha e teclou enter;6. O prompt esperou que o usuário repetisse suanova senha e teclasse enter;7. O usuário digitou novamente sua nova senha eteclou enter.

Um script em Expect, para executar a intervençãoacima, teria a seguinte aparência:

#! /usr/bin/expect -fset timeout -1 spawn /usr/bin/passwd expect "(current) UNIX password: " send "SUASENHAATUAL\r" expect "New UNIX password: " send "SUANOVASENHA\r" expect "Retype new UNIX password: " send "SUANOVASENHA\r" expect eof

Ao automatizar programas interativos, você serácapaz de resolver problemas que nunca teria sequerconsiderado antes. Expect pode lhe poupar horas de trabalho.

Instalando o Expect e conhecendo TCLPara instalar o Expect no Debian, é muito simples:

# aptitude install expect

E no CentOS não é diferente:

# yum install expect

Após a instalação você pode acessar o interpretadordo Expect para conhecer um pouco sobre ele, já queusa a convenção sintática de TCL:

$ expect expect1.1> puts "Alo, Brasil!" Alo, Brasil!

O comando puts é usado para imprimir valores.Podemos definir uma variável e imprimir o valor dessavariável com puts:

expect1.2> set ip "192.168.0.100" 192.168.0.100 expect1.3> puts "O IP do servidor de backup eh $ip" O IP do servidor de backup eh 192.168.0.100

Com o comando set é possível definir variáveis,listas e vetores. O caractere $ substitui o nome davariável por seu conteúdo. Para definir uma lista, émuito simples:

expect1.4> set uf {"SP" "RJ" "RS" "PR" "MG" "AM"} "SP" "RJ" "RS" "PR" "MG" "AM"

Para acessar o posição 4 (sendo que o valor doprimeiro elemento da lista é 0) da lista, usamos ocomando lindex seguido do nome da lista:

expect1.5> lindex $uf 3 PR

Para acessarmos das posições 1 a 4 da lista usamos ocomando lrange.

locaweb 53

* Expect possui a mesma convenção desintaxe que TCL, acrescido de comandosespecíficos para interação comaplicações. Expect é um programa paracontrole de aplicações interativas

Programando.com:W2008 16/1/2010 23:47 Page 53

expect1.6> lrange $uf 1 4 RJ RS PR MG

Podemos iterar pela lista com foreach:

expect1.7> foreach estado $uf { +> puts $estado +> } SP RJ RS PR MGAM

Se quisermos imprimir somente o estado quesatisfaça nossa exigência, podemos usar o if:

expect1.8> foreach estado $uf { +> if {$estado == "AM"} { +> puts $estado +> } +> } AM

Para sair do interpretador, basta digitar exit:

expect1.9> exit

Automatizando o rsyncÉ comum compartilhar chaves entre hosts para eliminar

a intervenção humana com o rsync, possibilitar oagendamento de um script no crontab, ser executado semque o usuário tenha que digitar a senha ou “yes” para baixara chave do host remoto.

Poderíamos fazer o mesmo procedimento utilizando oExpect e eliminar completamente, e sem sombra de dúvida,a necessidade de compartilhar as chaves entre hosts:

#!/usr/bin/expect -f

# Define o timeout. O -1 significa que vai ficar # aguardando uma resposta por tempo indeterminado. set timeout -1

# Define as variaveis set user [lindex $argv 0] set host [lindex $argv 1] set rdir [lindex $argv 2] set ldir [lindex $argv 3] set pass [lindex $argv 4] # Executa o rsync

spawn rsync -avz ${user}@${host}:${rdir} ${ldir}# Caso ainda nao tenha sido baixada a chave do host remoto# eh passado o “yes” e em seguida quando solicitada a senha,# a mesma eh passada para o comando.# Caso a chave jah tenha sido baixada, somente a senha eh # passada para o comando.expect {

"*re you sure you want to continue connecting*"

{ send "yes\n"

expect { "*assword*" {

send "${pass}\n" }

} }

"*assword*" {

send "${pass}\n" }

} # Finaliza a instrucao expect eof

O comando spawn inicia a interação com o programaem questão (rsync). argv é uma lista que contém osargumentos passados na linha de comando.

Agora, podemos testar o nosso script:

# chmod +x sinc.exp # ./sinc.exp "usuario" "host.exemplo.com" "/remote-dir/" "/local-dir/" "senha"

Caso se sinta desconfortável em passar a senha comoparâmetro de linha de comando, você pode colocá-lodentro do próprio script, ou armazená-lo dentro de umarquivo com permissões restritas. Ou caso goste decodificar, pode escrever um script que criptografe o arquivode senhas e, no momento de passá-lo como parâmetropara o script, possa descriptografá-lo.

Monitorando o SSHAnteriormente configuramos o timeout para -1, para

aguardar por tempo indeterminado uma interação. Maspodemos tirar proveito do timeout usando-o para checar seum serviço SSH está respondendo ou não:#!/usr/bin/expect -f

Programando.com Expect

54 locaweb

Programando.com:W2008 16/1/2010 23:47 Page 54

Expect Programando.com

# Define as variaveis set user [lindex $argv 0]set host [lindex $argv 1]set pass [lindex $argv 2]set time [lindex $argv 3]# Define o timeout passado por parâmetroset timeout ${time}# Executa o comando date remoto# Soh para testar o sshspawn ssh ${user}@${host} dateexpect {"*re you sure you want to continue connecting*"

{send "yes\n"

expect {"*assword*"{

send "${pass}\n"}

}}

"*assword*"{

send "${pass}\n"}timeout {exit 1}

}# Finaliza a instrucao expect eof

Agora, podemos testar o nosso script:

$ chmod +x monssh.exp$ ./monssh.exp "usuario" "host.exemplo.com" "senha" "20"

Se no intervalo de segundos definido como parâmetro ohost responder, a variável $? vai retornar 0:

$ echo $?0

Caso contrário, vai retornar 1, conforme definimos noscript (timeout {exit 1}):

$ echo $?1

Outras implementações de ExpectExistem muitas implementações de expect, para Python

temos o Pexpect, o Perl também possui uma implementaçãopara Expect. Recentemente descobri uma implementação de

locaweb 55

Expect para Lua, e Ruby vem com o expect.rb. Mas existe umprojeto bem interessante no RubyForge, chamado RExpect,que possui bem mais recursos que o expect.rb. Caso vocêseja fã de Ruby, segue um exemplo simples só paratestarmos o RExpect... Para baixar o RExpect, é só ir naseguinte url: http:// rubyforge. org/frs/download.php/12200/rexpect_beta_2.tgz. Agora basta descompactá-lo ecopiar os arquivos Rexpect.rb e ropen3.rb, que se encontramem inc/, para o lugar apropriado:

# tar xvfz rexpect_beta_2.tgz# cp inc/* /usr/local/lib/ruby/1.8/

Para testar o nosso script, vamos executar um comandoqualquer no host remoto só para exemplificar o RExpect:

#!/usr/bin/ruby -w $expect_verbose = truerequire 'RExpect' prompt = /([\n\m]|^)[^\n\r]*# /m user = "root" host_name = "host.exemplo.com" pass = "@MINHASENHADEROOTSECRETA#" port = "2222" rex = RExpect.spawn("ssh #{user}@#{host_name} -p #{port}") rex.time_out = 30 rex.prompt = prompt case rex.expect_one_of( [:yes, /.*re you sure you want to continue connecting.*/m],

[:passwd, /.*assword:.*/m] ) when :yes

rex.puts 'yes' rex.expect(/.*assword:.*/) rex.cmd pass

when :passwd rex.cmd pass

else raise "Falha na Conexao!"

end rex.cmd "touch arquivo_criado_remotamente" rex.puts 'exit'

Você poderia ter tido o mesmo resultado usando abiblioteca net-ssh do Ruby, mas isso apenas paraexemplificar o RExpect.

ConclusãoAo usar TCL/Expect, ou qualquer umas das

implementações de Expect portadas para dentro de algumaslinguagens de script, terá excelentes resultados no seutrabalho diário.

Programando.com:W2008 16/1/2010 23:47 Page 55

O software de animação vem melhorando e conquistando maisadeptos a cada edição. Conheça os detalhes da mais nova versão

Silverlight 4: aperte o cinto e divirta-se

Por Yan Borowski

A ntes de falar sobre o Silverlight 4, suasvantagens e novidades, é necessário contar umpouco de sua história, mesmo porque a

ferramenta ainda não é tão popular quanto seusprincipais concorrentes, como o Adobe Flash.

O Sl é uma plataforma para RIA (Rich InternetApplications) que independe de browser e sistemaoperacional. Ele surgiu em setembro de 2007, com aversão 1. Em outubro de 2008, a Microsoft liberou o RCda versão 2. Pouco menos de um ano depois, foi liberadaa versão 3 (a edição RC mais nova, em julho de 2009).

Em dezembro de 2009, na Professional DevelopersConference (PDC2009), evento em que a Microsoft,desenvolvedora do Silverlight, expõe as novastecnologias e planos da empresa, finalmente pudeconferir a qualidade e os atributos da ferramenta de RIA.Isso porque a PDC2009 foi transmitida por streamingutilizando Silverlight e o resultado foi excelente.

Mas minhas boas referências sobre o Silverlight nãopararam por aí. No 11º Encontro Locaweb deProfissionais da Internet, René de Paula Jr.(@renedepaula, User Experience Evangelist da MicrosoftBrasil e colunista da Locaweb em Revista) divulgouinformações empolgantes sobre a ferramenta.

A que mais chamou a atenção foi a do HardRockCafé (http://memorabilia.hardrock.com), pois ainda nãotinha visto o quão incrível era o DeepZoom daMicrosoft. Outro recurso que recomendo a observaçãoatenta é a do aplicativo para montar ambientespanorâmicos 3D, chamado PhotoSynth(http://www.photosynth.net/).

É comum ouvir, por parte de profissionais web, quea Microsoft desenvolveu o Silverlight por questões deego. E porque a empresa não costuma usar produtosdos outros (no caso, os concorrentes Flash, Flex, AIR).Entretanto, ao observar o Sl de perto, percebe-se que aferramenta foi desenvolvida para, prioritariamente,oferecer integração com os produtos já existentes do

.NET Framework. Com isso,desenvolvedores .NET podem termais opções para trabalhar com RIA(Rich Internet Application).

Prova da interação .NET eSilverlight é que, nos últimos trêsanos, a Microsoft tem liberado cadavez mais frameworks para auxiliaros desenvolvedores, seguindo ecriando novas tendências para omercado de software.

Além da interação deambientes de desenvolvimento, umoutro trunfo do Silverlight, queagrada em cheio os programadores,é o fato dele ser todo enviado aobrowser como XML. Mas não é sóisso. A seguir, você confere - agorasim - mais detalhes sobre o Sl 4.

Programação Silverlight

56 locaweb

Exemplo \\ Uma das ferramentas que mais chama a atenção no Sl4 é o DeepZoom, que está presenteem alguns sites da internet, como na página especial do HardRock Café (memorabilia.hardrock.com)

Silverlight:W2008 16/1/2010 23:49 Page 56

O que temos de novo no Silverlight 4O Sl 4 introduz uma série de novas funcionalidades.Entre muitas, as que mais se destacam são:

Streaming Multicast: o site do PDC utilizou esta tecnologia para transmitir o que estavaacontecendo no evento de Los Angeles para o mundo, com perfeição.

Webcam e Microfone: se há streaming, por que não háwebcam e microfone para fazer conferências e demaisatividades multimídia? O Sl 4 resolve isso.

Exemplos:• Photobooth - www.silverlight.net/community/samples/silverlight-4-beta/photobooth/

• Scaner de Código de Barras (via Webcam) - estedemo utiliza o suporte a webcam do Silverlight 4, erecorre ao webservice da Amazon para mostrardetalhes do livro. www.silverlight.net/community/samples/silverlight-4-beta/barcode-scanner/

RichText e Drag and Drop do desktop: a ferramentaoferece suporte total a esses recursos.

Exemplo: • Rich Notepad - este aplicativo mostra algumas dasnovas funcionalidades para utilização de RichText como Silverlight 4. Ele permite a edição de texto comsuporte a Bidi Text (incluindo árabe e hebraico). Olayout de controle pode ser tanto da direita para aesquerda como da esquerda para a direita. Suportacópia do conteúdo para a área de transferência (CTRL +C / CTRL + V), impressão e drag and drop com arquivosdo sistema para o navegador. www.silverlight.net/community/samples/silverlight-4-beta/rich-notepad/

Suporte ao botão direito e scroll do mouse - confiraum exemplo de como habilitar o menu de contexto(está no Rich Notepad):

public class RTAContextMenu : Dialog{

RichTextArea rta;public RTAContextMenu(RichTextArea

rta){

this.rta = rta;}

}

private void rta_MouseRightButtonUp(object sender, MouseButtonEventArgs e){RTAContextMenu menu = newRTAContextMenu(rta);

menu.Show(e.GetPosition(LayoutRoot));}

Simples, não? Levando em consideração que vocêcriará uma classe para ser usada em todos os seusaplicativos, não é um grande problema escreversomente sete linhas de código.

Suporte a HTML, CSS - sim, você agora pode inserirum HTML dentro da sua aplicação, Web e desktop.

APIs - as aplicações Silverlight passam a poder acessaras APIs do Windows.

Na práticaNa tela abaixo, há um exemplo do Rich Notepad

rodando. A seta do mouse não aparece, mas basta arrastaro arquivo texto para o navegador e a aplicação interpretae copia o texto para a página.

O arquivo texto com as linhas de comando utilizadaspara realizar a tarefa pode ser baixado no endereçowww.europanet.com.br/download/locaweb/silverlight.

Silverlight Programação

locaweb 57

* O Silverlight veio para ficar.Quem trabalha com .NET eaplicações para internet estáperdendo tempo em não utilizaresta ferramenta, já que sua interaçãocom outros ambientes da Microsoft é invejável

Silverlight:W2008 16/1/2010 23:49 Page 57

Comparativo: Microsoft Silverlight x Adobe Flex A discussão é comum. Sempre que há uma opinião

defendendo o Flash, em seguida, ela é embasada porum comentário do nível de “e ainda tem gente falandoque Silverlight é o futuro”.

Silverlight 4 é, sim, o futuro. Em especial, parausuários da plataforma Microsoft. Para quem não usa,nesse caso, talvez o Sl não seja mesmo uma boa opção.

Um bom material de comparação, indicado por Renéde Paula, está no blog de Alex Vandenberg(http://codertron.blogspot.com/2009/05/flex-3-versus-silverlight-3-in.html). É um post, como o próprio René diz“longo e muito detalhado”.

Nele, o autor diz que “nesta fase, se a aparência é asua única preocupação, então o Flex provavelmente serámelhor. No entanto, se você procura construir umsistema voltado para negócios complexos, que sepreocupam com valores em dinheiro, então eu pensoque o Silverlight tem uma proposta melhor”.

Usuários e defensores de Flex podem fazer coisasinvejáveis. Inclusive, quando o assunto - e a camada - éreferente a negócios, como acesso a banco comWebservices C#. São esses mesmos desenvolvedores querechaçam o Silverlight.

Entretanto, está claro que cada uma das tecnolgias dedesenvolvimento, seja da Adobe ou da Microsoft, tem umfoco diferente. A tecnologia é boa se serve para ospropósitos de quem a usa. Para quem quiser saber se oSilverlight 4 se encaixa nos propósitos profissionais oupessoais, o primeiro passo é adquiri-lo.

O desenvolvedor deve, primeiramente, ter o VisualStudio 2010 Beta 2 instalado em seu computador(www.microsoft.com/visualstudio/pt-br/products/

2010/ default.mspx). Feito isso, você deve baixar otoolkit do Silverlight 4 (http://go.microsoft.com/fwlink/?LinkID=177508). Para rodar o Photobooth, será preciso oExpression Blend (www.microsoft.com/downloads/en/confirmation.aspx?familyId=6806e466-dd25-482b-a9b3-3f93d2599699&displayLang=en).

As demais ferramentas disponíveis estão emhttp://silverlight.net/getstarted/silverlight-4-beta/#tools.

Ao executar o instalador do Silverlight 4 Toolkit,pode-se observar a tela inicial. Logo após clicar em Next, o usuário será direcionado para o termo deaceite. Após ler e aceitar as condições, clica-senovamente em Next e a tela de progresso será exibida.

Para instalar ou baixar os packs necessários, oinstalador leva por volta de 10 minutos, de acordo como equipamento utilizado.

ConclusãoEm resumo: o Silverlight veio para ficar. Quem

trabalha com .NET e apps para Web está perdendotempo em não utilizar esta ferramenta.

Quem quiser saber mais sobre a tecnologia, uma dica é seguir o René de Paula Jr. (@renedepaula) no Twitter (www.twitter.com), que sempre fala sobre oSilverlight 4.

Programação Silverlight

58 locaweb

* Para quem procura construir umsistema voltado para negócioscomplexos, que se preocupam comvalores em dinheiro e demais temasdelicados, então, o Silverlight tem umaproposta melhor do que os concorrentes

Silverlight:W2008 16/1/2010 23:49 Page 58

Projeto1:Anuncio 8/1/2010 18:21 Página 1

Aprenda a criar máscaras para formulários, rolagem de página maissuave e atualizador de notícias para tornar seu site mais dinâmico

Interação total empáginas eletrônicas

Por Felipe Magalhães

Odinamismo das páginas éalgo que despontou nadécada passada, quando

víamos algumas coisas “incríveis”(para a época). Mensagens em formade letreiro passando na barra destatus, caixas de comando nas quaisse digitava o nome que aparecia napágina são alguns exemplos desoluções de gosto duvidoso. Emborahoje em dia pareça bizarro, para aépoca, era muito atrativo.

Hoje, a interação dinâmica entre ointernauta e as páginas que ele visitaevoluíram e carregam. Além do bomgosto ignorado de outrora, fatoresque influenciam no sucesso de umsite, validação de formulários e rolagem de página sãoalguns exemplos de interação entre sistema e usuário quedefinem o sucesso de um site.

Neste tutorial, são apresentados itens que podem fazer adiferença na interação da sua página, tornando a visitaçãomais agradável ao usuário.

Máscaras para formuláriosA validação de formulários é algo obrigatório para a

segurança da página. Ela evita tentativas de burlar osistema e também o erro no cadastro de informaçõespor parte do usuário. Porém, é sempre bom contar comuma ferramenta que auxilie ainda mais a não ocorrênciade erros.

Mascarar campos é de grande valia neste quesito.Quando mascaramos um campo, ele fica com umamáscara para dar uma noção de como o campo deve serpreenchido. Para isso, em nosso exemplo, uso o pluginMaskedInput (http://digitalbush.com/projects/ masked-input-plugin/) para jQuery (http://jquery.com/).

Estão disponíveis os seguintes formatos de máscaras:

*: aceita qualquer tipo de caractere;9: aceita somente caracteres numéricos;a: aceita somente letras.

Quaisquer outros caracteres serão tratados comocomplementares à máscara. Por exemplo, a máscarapara o modelo em questão deverá ser escrito daseguinte maneira:

$(document).ready(function(){$('#nome').mask('aaaaaaaaaaaaaaa');

$('#data').mask('99/99/9999',{placeholder:'_'});$('#telefone').mask('(99)9999-9999',{placeholder:'_'});$('#cep').mask('99999-999',{placeholder:'_'});

});

Programação Java Script

60 locaweb

MaskedInput \\ No site http://digitalbush.com/projects/masked-input-plugin/, há um plugin paraauxiliar o desenvolvedor a mascarar formulários e aumentar a segurança de seu sistema web

Javascript:W2008 16/1/2010 23:44 Page 60

Note que o nome tem umlimite de 15 caracteres (15 vezes aletra “a”). Nos campos data,telefone e CEP, foram utilizadoscaracteres para auxiliar namáscara, como / ( ) e -. Oparâmetro “placeholder” informa oque será exibido no campo nolugar dos caracteres curingas (a, 9,*) da máscara. Caso não sejainformado, assumirá por padrão ovalor “ ” (que significa que oespaço será deixado em branco).

Rolagem de página mais suaveQuando se usam âncoras para

linkar partes de um hipertexto, abarra de rolagem faz seu trabalho,rolando até onde a âncora apontadaestiver posicionada. Com algunsrecursos, é possível fazer uma rolagem mais estilizada,dizendo a velocidade com que a atividade em questãoserá executada.

Para realizar esse efeito, utiliza-se o plugin ScrollTopara jQuery (http://flesler.blogspot.com/2007/10/jqueryscrollto.html).

No modelo da pasta “rolagem_suave” (que pode serbaixado no endereço www.europanet.com.br/downloadmanager/file.phpid=9, em um arquivo compactado emformato ZIP), o arquivo rolagem.htm possui uma lista emque cada item faz referência a um título do texto exibido,bastando clicar no item desejado para rolar do topo dotexto em questão até o título referente.

$(document).ready(function(){$('ol > li:first').click(function(){

$.scrollTo($('h1:first'),2000);});

$('ol > li:eq(1)').click(function(){$.scrollTo($('h1:eq(1)'),1865);});

$('ol > li:eq(2)').click(function(){$.scrollTo($('h1:eq(2)'),1730);});

$('ol > li:eq(3)').click(function(){$.scrollTo($('h1:eq(3)'),1595);});

$('ol > li:eq(4)').click(function(){$.scrollTo($('h1:eq(4)'),1460);});

$('ol > li:eq(5)').click(function(){$.scrollTo($('h1:eq(5)'),1325);});

$('ol > li:eq(6)').click(function(){$.scrollTo($('h1:eq(6)'),1190);});

$('ol > li:last').click(function(){$.scrollTo($('h1:last'),1055);});$('span').click(function(){

$.scrollTo('0px',500);});

});

Repare que para cada um dos “li” existentes dento dalista ordenada (ol) foi configurada uma ação de“scrollTo”, dizendo qual o destino da rolagem e aduração do efeito.

Por fim, também configuramos para que os spansexistentes na página façam referência para o topo dela.Dessa forma, o usuário pode navegar de volta ao índicedo documento.

Muitos portais já fazem uso deste recurso,principalmente páginas que são arquitetadashorizontalmente, como orientação “paisagem”.

Para que se navegue em páginas nesse formatoousado, é feito o uso consciente da rolagem comsuavização. Assim, a arquitetura inovadora age tambémcomo um mecanismo de usabilidade.

Java Script Programação

locaweb 61

ScrollTo \\ Quando se usam âncoras para linkar partes de um hipertexto, a barra de rolagem pode realizar seutrabalho de forma estilizada; há um plugin para isso em http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Javascript:W2008 16/1/2010 23:44 Page 61

Datepicker (Calendário)O preenchimento de campos de data é um dos

pontos em uma página que, por muitas vezes, peca noconceito de usabilidade. Cada país tem seu formatopredileto de tratar datas: formato dd/mm/yy,dd/mm/yyyy, yy-m-d (no qual d corresponde a dia, m amês e y refere-se a ano) e por aí vai.

Com o uso de calendários, fica mais fácil para ousuário informar a data desejada. Afinal, basta a pessoaselecionar a data desejada. Por consequência, os dadossão formatados da maneira que o desenvolvedor desejaatravés de jQuery.

Para esse recurso, o indicado é o datepicker nativoda própria coleção jQuery UI (http://jqueryui.com/demos).Confira o código abaixo, que mostra um exemplo dafunção calendário.

$(document).ready(function(){

$('#calendario').datepicker({showOn: 'button', buttonImage:

'../images/calendar.gif', buttonImageOnly: true,changeMonth: true,changeYear: true

},$.datepicker.regional['pt-BR']);}

);

O calendário possui, entre outras possibilidades, acapacidade de especificar o formato de data que seráapresentado no campo, quando a data for selecionada. Issoé configurado por meio do $.datepicker.regional['pt-BR']).

Programação Java Script

62 locaweb

jQuery UI \\ Consultar a http://docs.jquery.com/UI/Datepicker,documentação do componente datepicker pode ser útil ao webmaster

Como cada país tem seu próprio código, há uma dicavaliosa: visitar a página do jQuery UI para consultar adocumentação (http://docs.jquery.com/UI/Datepicker, que é a documentação específica do componentedatepicker), o que pode facilitar a vida do desenvolvedor.

Troca de notíciasMuitos sites de notícias e portais utilizam este

recurso. A troca de notícias é exibida de várias maneiras:em algumas páginas com o número da notícia. Emoutros, somente com botões de pause e play.

Em nosso exemplo, usaremos uma troca de cinconotícias (como ocorre no site da Locaweb, emwww.locaweb.com.br/default.html), com a possibilidade declicar na notícia desejada. Isso pede que a troca de notíciasseja pausada em um intervalo determinado de tempo. Ocódigo que realiza tal tarefa segue abaixo: (os demaisarquivos estão disponíveis para download no endereçowww.europanet.com.br/downloadmanager/file.phpid=9.

var atual = 1;var t;function giraNotica(){

t = setInterval("proximaNoticia()",2500);}function proximaNoticia(){

for(i = 1;i <= 5; i++){$('#noticia' + i).css('display','none');$('#rodape' +

i).removeClass('caixaAtiva'); $('#rodape' + i).addClass('caixaInativa');}

$('#noticia' + atual).css('display','block');

$('#rodape' + atual).removeClass('caixaInativa');

$('#rodape' + atual).addClass('caixaAtiva');

atual = (atual == 5 ? 1 : atual + 1);}function pausaNoticia(indice){

try{clearInterval(t);

}catch(e){}

atual = indice;proximaNoticia();setTimeout("giraNotica()",4000);

}

Com isso, cria-se um ponteiro para dizer qual notíciaestá em destaque atualmente, e também uma variável

Javascript:W2008 16/1/2010 23:44 Page 62

para armazenar o disparo do chamado à próximamanchete, através de um intervalo determinado. Noteque o 2º parâmetro da função setInterval é a quantidadede tempo (em milissegundos, ou seja, 1000 = 1 segundo)que o script aguardará até trocar o destaque para apróxima notícia. A função que faz a troca do destaquepara a notícia seguinte manipula dois objetos da página:as notícias e o rodapé, que aponta o índice da notíciaatual. A troca de classes é feita através do jQuery, comaddClass e removeClass. Quando o contador (variávelatual) chega a 5, ele precisa retornar a contagem doinício. Para isso, realizamos a condicional com operadorternário: atual = (atual == 5 ? 1 : atual + 1);

A função responsável pela pausa da troca de notíciaé ativada quando clicamos em um dos números paratrazer a notícia referente a ele. Neste exemplo, a pausa éde 4 segundos (estipulado no setTimeout). O efeito depausa caracteriza-se pelo cancelamento da execução dosetInterval (usando o clearInterval) e a execução de umcódigo que torne a chamar o setInterval depois de umdeterminado tempo. Tendo isso como base, basta agorabotar a criatividade para trabalhar e elaborar a troca damaneira que mais lhe agradar.

Modal (Lightbox)Quem trabalhou com desenvolvimento desktop

muito provavelmente entende exatamente o conceito de modal. Quando as primeiras lightboxes surgiram,eram usadas para galeria de fotos. Inicialmente, exibia-se somente uma foto. Depois, foramincrementando botões de navegação, rótulos nas fotos.Assim, pode-se notar que a div é carregada uma camadaacima da página, deixando o conteúdo dela em segundoplano, poderia ser utilizada para outros objetivos. Hojeem dia, existem sistemas web-based que, para passaruma maior impressão de desktop, utilizam a lightboxpara montar uma janela modal. O conceito de modalnada mais é do que uma janela que, quando aberta,bloqueia o acesso a todo o restante do sistema. Paravoltar a utilizar o sistema, deve-se encerrar a janelamodal (ou fechando-a, ou enviando o formulário queexiste nela).

Para este exemplo, utilizamos um modelo básico demodal (http://deseloper.org/examples/modal-simple/),exatamente para que possa ser adaptado a qualquernecessidade em sua página:

var openMyModal = function(source){

modalWindow.windowId = "myModal";modalWindow.width = 480;modalWindow.height = 405;

Java Script Programação

locaweb 63

modalWindow.content = " (<span style='cursor:pointer;' onclick='closeMyModal();'>fechar</span>)<iframe width='480' height='405' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'>&lt/iframe>";

modalWindow.open();};

function closeMyModal(){$(".modal-window").remove();$(".modal-overlay").remove();

};

Note que, por padrão, o conteúdo da janela modal éum iframe contendo a url passada como parâmetro para afunção openMyModal. Este arquivo pode ser trabalhadode forma a se criar uma div e carregando o conteúdoatravés de Ajax. Lembre-se que esta é apenas uma dasmuitas possibilidades de se trabalhar com este recurso.Cada desenvolvedor tem seu framework predileto e suaprópria maneira de trabalhar. Com esse exemplo básico,agora é só trabalhar o uso dele em sistemas web ou atémesmo em uma página comum, como faz, por exemplo, oGloboEsporte.com, que utiliza janelas modal para exibir oresultado da votação de suas enquetes.

Claro que existem muitos outros recursos que aevolução do trabalho com javascript permite hoje emdia, então, não se atenha somente às 5 facilidadesexibidas nesta matéria.

Pesquise, busque referências, navegue e estude, poishá muita coisa boa espalhada pela internet. Quantomais se conhece, mais se pode manipular os objetos, osprojetos e as páginas em busca de uma nova soluçãoque seja útil, criativa e usável.

GloboEsporte.com\\ Site esportivo utiliza janelas modal para diversastarefas interativas, como exibir o resultado da votação de suas enquetes

Javascript:W2008 16/1/2010 23:44 Page 63

64 locaweb

Com o objetivo de trazer o futuro para opresente, a Locaweb acaba de inovar sua

estrutura. Todos os servidores da empresa agoracontam com os novos processadores da geração Xeon5500 Nehalem da Intel, o Core i7. Com esse upgrade, aideia é oferecer ainda mais performance e estabilidadeao cliente graças à arquitetura de 8 núcleos,praticamente 120% melhor que a de um quad-corecomum. Dessa forma, a Locaweb mantém em voga opioneirismo que sempre foi um dos principaisadjetivos da empresa.

Colocar isso à disposição do cliente é antecipar ofuturo, trazer para a realidade do dia a dia as vantagensque podem agregar valor ao core business. Afinal,performance e estabilidade significam aumento deprodução, e a diminuição de riscos interfere de maneirapositiva nas decisões dos gestores.

Vale ressaltar que, de quebra, essa tecnologia gerauma queda importante de até 40% no consumo derecursos de energia. Desse modo, reduz o desperdício efaz com que o sistema seja mais sustentável, uma daspráticas pregadas pelo GreenIT, tendência que devemosseguir com o máximo de atenção possível.

Por tudo isso, os novos processadores usados nosservidores da Locaweb repassam aos clientes apossibilidade de aproveitar essas novas tecnologias comvalores muito competitivos e interessantes. O gerentecomercial da empresa, Roberto Rozon, reforça isso aodizer que “estamos com uma linha de servidoresexcelente, com condições únicas no mercado”.

É muito importante trabalharmos junto ao cliente.Assim, há um entendimento de ambos os lados emrelação a quais serviços irão agregar mais valor ao seunegócio. Isso sim é uma parceria de verdade, que atuaem conjunto para encontrar as melhores soluções.

Comprometida com os clientes, a Locaweb temcomo missão oferecer serviços de hosting, tais comoHospedagem de Sites, Servidor Dedicado, E-mail,Revenda, Streaming, Email Marketing, Registro deDomínios, Comércio Eletrônico, Sala Cofre, PABXVirtual, Cloud Computing e, inclusive, Outsourcing. Porisso, procuramos estreitar relações por meio de umareunião comercial na Locaweb ou no cliente, para quepossamos esclarecer dúvidas, entender qual o melhorcaminho a seguir e o que se enquadra mais no perfil decada caso, oferecendo o melhor investimento-benefício.

Todos os servidores da Locaweb contam com processadores de últimageração, que garantem mais desempenho e menor consumo de energia

opinião/articulista

Nosso negócioé antecipar o futuro

Alexandre BacciCoordenador de Vendas

na Locawebalexandre.bacci@locaweb.com.br

e-business

artigo_alexandre_mercado:W2008 1/2/2010 16:17 Page 64

Projeto2:anuncio 18/1/2010 16:17 Página 1

66 locaweb

• Mimética• www.mimetica.com.br

locavipparceiros/locaweb

• “Eu Vou Passar”• www.euvoupassar.com.br

• Via Bus• www.viabus.srv.br

Conheça aqui alguns dos principais clientes vips da Locaweb

* “Estamos com a Locawebdesde o início e semprefomos bem atendidos emnossas necessidades decrescimento (seis upgradesem menos de dois anos).

Suporte ágil, pré e pós-venda diretos aoponto e capacidade tecnológicaincomparável provam, a cada dia, que aLocaweb é a escolha certa.”João Antonio, idealizador do site “Eu Vou Passar”.

* “A Locaweb sempremanteve uma postura deparceiro. Isso ocorre desdeo começo, quandousávamos apenas o serviçode hospedagem de sites

em servidores compartilhados, até hoje,que temos nove servidores dedicados dealta disponibilidade. Isso nos ajuda amanter um alto nível de confiabilidade.” Bruno Freixo, sócio-diretor da Mimética

* “A Viabus é uma empresa ágil, moderna etransparente. Escolhemos aLocaweb justamente pelasinergia de valores. Alémdisso, a empresa foi a única

que entendeu, desde o início, o nossonegócio, fornecendo, por meio de suaequipe, as melhores soluções para asnossas atividades.” Fausto Miniuchi, CEO da Viabus Logística.

Locavip20:W2008 1/2/2010 16:22 Page 66