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

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

ao leitor
Sua marca para
todo mundo
Locaweb em Revista Edio 20
VP Comercial: Cludio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenao de Comunicao: Daniela Veronese
Coordenao Editorial: Douglas Camargo
O Facebook, rede social que no para de crescer e
Editora Europa
Editor e Diretor Responsvel: Aydano Roriz tem atrado a ateno at de grandes empresas, foi
Diretor Executivo: Luiz Siqueira investigado a fundo pela Locaweb em Revista. Fomos atrs
Diretor Editorial e Jornalista Responsvel: de sua histria e levantamos nmeros para entender o que a ferramenta traz de
Roberto Arajo - MTb.10.766 - [email protected]
Editores: Paulo Basso Jr. e Srgio Vincius diferente. Assim, pudemos identificar o que levou algumas das maiores companhias
Reviso: Ctia de Almeida do mundo, como Coca-Cola, Audi, CNN e Ernst & Young, entre tantas outras, a
Editor de Arte (projeto grfico): Alexandre Dias (Nani)
Colaborao: Felipe Magalhes, Gabriel Dudziak, investirem na mdia social. A Locaweb tambm faz parte dessa turma e j vem
Luciano Delfini, Marco Clivati e Yan Borowski colhendo bons frutos com o perfil no Facebook. Agora, a sua vez de explorar esse
Publicidade So Paulo: mercado e levar sua marca para todo mundo.
E-mail: [email protected]
Diretor de Publicidade: Mauricio Dias (11) 3038-5093
Fora isso, esta edio traz uma reportagem sobre SaaS (Software como Servio),
Executivos de Negcios: Alessandro Donadio, Angela conceito que, cada vez mais, apontado como tendncia na delicada questo das
Taddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier e
Rodrigo Sacomani.
licenas de uso. Voc ver que j usa o software como servio h muito tempo e,
Executivos de Contas: Leandro Blotta, Marcos Roberto e provavelmente, nem sabe disso.
Renata Naomi
Criao Publicitria: Joo Paulo Gomes
Tambm enviamos um reprter exclusivamente para cobrir a CES 2010, a maior feira
(11) 3038-5103 - Trfego: Renato Peron (11) 3038-5097 de tecnologia do mundo, realizada em janeiro na cidade de Las Vegas, Estados Unidos.
Circulao e Promoo - Gerente: Joo Alexandre
Desenvolvimento de Pessoal: Marco Clivati passou dias correndo feito um louco por l para revelar as incrveis
Tnia Marilia Ribeiro Roriz e Elisangela Tokashiki novidades tecnolgicas e as tendncias que vo ditar a regra durante todo o ano.
Locaweb em Revista uma publicao da Editora Europa Alm disso, Locaweb em Revista entrevistou Jason Zimdars, da 37Signals, renomada
Ltda. e do departamento de comunicao e marketing da empresa de design, que falou um pouco sobre como praticamente eliminou o
Locaweb Servios de Internet. A Editora Europa no se
responsabiliza pelo contedo dos anncios de terceiros. Photoshop do seu processo criativo. Nas prximas pginas ainda tem os melhores
Distribuidor Exclusivo para o Brasil: equipamentos eletrnicos em Wishlist, cases de empresas que fazem a diferena nos
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, seus projetos digitais e muito mais. Boa leitura!
907 - CEP 20563-900 - Graja - RJ
Claudio Gora
Impresso: Prol Editora Grfica
[email protected]
Somos Filiados ANER - Associao
Nacional dos Editores de Revistas

O que tem nesta edio...

* Entrevista: Jason Zimdars ......................06
* E-mails...................................................08
* Notcias .................................................10
* Portflio ................................................18
* Google Chrome OS ................................20
* Canais personalizados no YouTube ....22
* Facebook...............................................26
Capa 26 CES 36 * CES.........................................................36
* Artigo: Marcelo Trpoli.........................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
YouTube 22 SaaS 48
* Locavip ..................................................66

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

Entrevista

O melhor caminho
para fazer timos
softwares us-los
Especialista em experincia de usurios, Jason Zimdars revela como e
por que praticamente deletou o Photoshop do processo de criao
Por Tiago Rosa

ason Zimdars, mais conhecido

J como JZ, trabalha como visual

designer e front end developer
na37Signals, empresa americana
que desenvolve aplicaes web para
gerenciamento de projetos. Com
diversos clientes de renome, seu
time responde pela criao de
vrios produtos de sucesso, tais
como Basecamp, Backpack e
Highrise. Confira o que ele tem a
dizer sobre carreira, mercado e
tendncias de design:

Locaweb em Revista Fale um

pouco sobre voc, sua vida como Direto ao ponto \\ JZ revela que prefere trabalhar diretamente com os cdigos porque no
designer profissional e os caminhos browser que seu trabalho vai funcionar, ento o quanto antes recorrer a ele, melhor ser o resultado
que trilhou at chegar onde est?
Jason Zimdars Sempre me interessei gostava: ainterface homem-mquina. E que inesperado, o que poderia ser
por arte e design. Acho que cresci em a partir da aquilo que sabemos, todo melhor. Anos de experincia como
uma poca bacana. Brinquei com mundo faz um trabalho melhor quando usurio ajudam a desenvolver um
programao nos PCs mais bsicos, e exerce o que gosta. olhar que eu duvido que uma escola
aprendi HTML antes dos editores ou livro possam ensinar.
WYSIWYG existirem. No colgio, LR O que voc usa de base para a
aprendi arte do jeito mais simples, criao dos seus trabalhos? LR Como seu processo criativo?
desenhando, pintando cermicas. At as JZ No tenho uma formao JZ Design sempre comea no papel.
aulas de design grfico eram tradicionais. especfica em experincia do usurio, no meu sketchbook que trabalho
Era tambm o tempo em que a internet mas sou um timo usurio. Dizem minhas ideias. Com papel, posso
estava florescendo. Caramba, at por a que o melhor treinamento arriscar vrias possibilidades e criar
conversei com um professor de pintura para escrever ler. Da mesma forma, uma base a qual posso recorrer.
para me deixar pintar frames de uma acredito que o melhor caminho para Quando tenho uma ideia ou duas que
animao na classe e depois anim-las aprender a fazer bons softwares quero levar adiante, tento fazer um
com Flash. Naturalmente, quando virei us-los. preciso estara atento ao mock-up para que possa v-las da
profissional, foquei no que mais que funciona, o que no funciona, o forma mais real possvel. Esses mock-

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

Entrevista

feito por algum que realmente o adora

* Certos elementos no
ups podem ser estticos ou estarem
dentro da aplicao em ambiente de e que atrai as pessoas. Procuro esses
testes. A ideia, porm, ir do papel para podem ser vistos enquanto pequenos momentos em produtos,
o browser o mais rpido possvel. A o design no est no filmes, msica, qualquer coisa que
partir da, mais fcil ver as coisas que browser. Podem ser esteja ligado de alguma forma. Tento
voc no conseguiria trabalhar usando imaginar o que foi pensado durante a
papel ou Photoshop. O processo fica interaes estranhas que produo e como foi criado. So esses
interativo, com pequenas melhorias at no so visveis at clicar pequenos momentos que me ajudam a
que se chegue a algo realmente bom. nelas. Por isso, explorar as reproduzir situaes para os outros.

LR Recentemente, voc demitiu o ideias no browser o LR Quais so seus sites favoritos?

Photoshop de sua vida. Como isso melhor jeito de trabalhar JZ Visito sites mais pela utilidade do
mudou seu trabalho? que simplesmente pelo design, por isso
JZ No diria que demiti o compor apenas para agradar seu gosto dos que funcionam bem e
Photoshop, mas definitivamente mudei gosto. O trabalho que estou permitem que eu entra e saia
a maneira de us-lo. Antes de entrar na empolgado para ver funcionar no rapidamente. Gosto da pgina de
37Signals, trabalhava em sites para browser, ento, quanto antes meu notcias daCNN.com. As abas de
clientes e fazia parte do contrato processo me levar para l, melhor. contedo de mdia so bem-feitas e os
recorrer ao Photoshop. Essa destaques da notcia, no topo de cada
abordagem gerava uma direo slida LR Quais so as ferramentas que artigo, so uma tremenda inovao.
para seguir em frente, mas limitava o voc usa para encontrar problemas Muitas vezes tudo que eu preciso para
processo criativo. Afinal, h coisas que de experincia do usurio? saber o que quero em uma reportagem.
no podem ser vistas enquanto o JZ No existem ferramentas ou testes Adoro tambm o design e o esprito
design no est no browser. Podem ser especficos. So raros os dias em que geral doEtsy.com. Tenho muito respeito
interaes estranhas que no so no trabalhamos para melhorar nossas por pessoas que fazem coisas com as
visveis at clicar nelas. Por isso, aplicaes, seja na parte de design, seja prprias mos. No sou muito f de
explorar as ideias no browser virou em servios para o cliente. Facilidade de galerias de design, masSiteinspire.net
meu modo de trabalho preferido. uso, clareza e prazer so coisas que se destaca como uma que realmente
esperamos de nossos produtos. Isso no tem voz. bem desenhada. No
LR Esse mtodo ganhou mais apenas no mundo dos designers. Na consigo me imaginar comprando sem
espao a partir do momento em que 37Signals, todos esto envolvidos em recorrer Amazon.com. Adoro algumas
entrou na 37Signals? usar, apoiar e melhorar os produtos. das coisas que esto fazendo no
JZ Na 37Signals, ns realmente Desde o pessoal do suporte at os Behance. Muito bom, visual limpo.
acreditamos nos mtodos Getting Real. scios da empresa. Todos esto sempre Threadless mais um favorito. Tem
Poderia ganhar tempo usando o com um olho na usabilidade. timo design e uma impressionante
Photoshop, mas realmente prefiro comunidade. Todos podem servir de
trabalhar no browser usando cdigo. S LR Onde voc busca inspirao? referncia para quem est comeando.
assim podemos clicar, reescalar e JZ Em vrios lugares,
realmente sentir o que est sendo mas nenhum em
desenvolvido. Na maioria das vezes, particular. Eu realmente
trocamos ideias com simples rascunhos no procuro inspirao,
e depois partimos para a aplicao a tento identificar quando
fim de experiment-la. Nesse processo, ela me encontra. O que
o Photoshop entra na jogada apenas aprecio no trabalho dos
quando precisamos de um modo mais outros sinceridade,
rpido de ver e avaliar uma abordagem. clareza e beleza, essas
pequenas coisas que
LR Ento voc ainda sente um parecem inteligentes,
pouco de falta do programa? criativas e so
JZ No muito. Eu ainda uso o adorveis. Voc
Photoshop, mas apenas mais uma consegue perceber Portflio \\ Uma das telas criadas pelo designer, que recomenda a
ferramenta. fundamental no quando um produto anlise constante de sites como mtodo de aprendizado para cri-los

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

e-mails //Envie seu e-mail

Se voc tem alguma dvida, sugesto ou
crtica, entre em contato com nossa redao
pelo e-mail [email protected].

ASP e a internet, como o GFL, que Gravao de Sites de

manipulao voc encontra no endereo videoaulas Busca
de imagens www.xnview.com. Sou professor de Gostaria de uma dica
O ASP pode manipular informtica e usava o sobre como eu fao para
imagens de modo que, Servidor Screencam para gravar cadastrar um site em mais
ao enviar uma imagem sem IP fixo pequenas aulas. Com o de 3 mil sites de busca
por meio de upload, ela Gostaria de saber como meu novo sistema gratuitamente. J tentei
seja redimensionada montar um site sem operacional, entretanto, o pesquisa na web, mas no
de forma a criar um precisar de IP fixo. aplicativo no funciona estou conseguindo fazer
thumbnail com tamanho Daniel - Por e-mail mais. Gostaria de saber se nada do que li. Gostaria
j definido pelo site? vocs indicam um bom de uns macetes sobre
E isso possvel sem Uma boa dica usar o soft para fazer isso. esse assunto.
utilizar componentes programa DNS2GO Antonio Lins - Por e-mail Alosio Sans - Por e-mail
do servidor? (dns2go.deerfield.com). Com
Cleverton - - Por e-mail ele, voc no precisa comprar Um programa Esse procedimento de
um nome de domnio nem ter que altamente cadastramento em
Ao contrrio do PHP, um IP fixo para que seu recomendado para a tarefa milhares de sites de busca
o ASP bastante servidor tenha um endereo o Camtasia Studio, que gera ficou ultrapassado hoje em
limitado no que diz respeito na Internet. Com ele voc arquivos pequenos e permite dia. Isso porque a maioria
manipulao dinmica de pode registrar um domnio do a incluso de narrao. Voc das buscas no so feitas em
imagens. A sua nica opo tipo seudominio.dns2go. pode encontrar mais sistemas de diretrios em
para implementar a soluo com. Esse endereo vai informaes sobre o Camtasia que preciso fazer
que voc deseja mesmo apontar para o IP da Studio, no site oficial da manualmente a inscrio dos
pelos componentes. Mas mquina, pois toda vez que ferramenta, em sites, com o antigo Yahoo!.
voc pode baixar alguns ele mudar o software atualiza www.techsmith.com/ Agora, o mtodo mais
deles gratuitamente da o servidor de nomes. camtasia.asp. popular o utilizado pelo
Google, que encontra os sites
na web automaticamente e
tem um sistema de ranking
para definir mais
importantes. Caso voc
queira se destacar nesses
sistemas, preciso entender
como funcionam e tentar
alcanar as melhores
colocaes nos resultados
das buscas. Na internet, h
diversos sites que tratam
desse assunto. Procure pelo
termos search engine
marketing ou MOB
(Marketing de Otimizao
em Buscadores), para saber
mais sobre o tpico. Outra
dica pesquisar por SEO
nos buscadores, termo que
Google \\ Hoje em dia, no mais necessrio cadastrar seu site em centenas de mecanismos de busca e basta indica como criar websites
estar na web para ser encontrado em search engines; h, entretanto, dicas para aparecer melhor nas ocorrncias que apaream com destaque.

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

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

PABX e Call Center

Virtual Pr-pago
Novo modelo de negcios permite que os clientes da Locaweb
tenham mais controle sobre seus gastos com telefonia IP
Desde dezembro de pr-pago. Isso significa que acompanhando os servio - veja mais na
2009, todos os os usurios destes relatrios de utilizao pgina 48), oferecem os
novos clientes das serviossabero em tempo real, via Painel seguintes benefcios:
ferramentas PABX Virtual e exatamente quanto vo de Controle.
Call Center Virtual da gastar, comprando crditos Alm disso, estes Escalabilidade: no
Locaweb passaram a ser na medida certa para servios que operam como necessrio investir em
instalados no modelo suas necessidades e SaaS (software como 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 escritrio,
em casa ou at em
smartphones.

Economia: as chamadas
entre ramais e entre clientes
do servio so gratuitas,
contando com funes
avanadas de uma central
convencional pelo preo de
um servio mensal.

Saiba mais em:

PABX e Call Center Virtual \\ Todos os novos clientes das solues de telefonia VoIP PABX Virtual e Call Locaweb.com.br/PABX e
Center Virtual da Locaweb passaram a ser instalados no modelo pr-pago a partir de dezembro do ano passado Locaweb.com.br/CallCenter.

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

e mais...
LOCAWEB RECEBE PRMIO Locaweb patrocina Lucas di
FROST & SULLIVAN
Grassi na Frmula 1
der em servios
L de hospedagem de
sites no Brasil, a
Locaweb anuncia o
patrocnio do piloto
Lucas di Grassi, da
equipe Virgin Racing,
que estreia em 2010
na Frmula 1. O
acordo com Lucas
inclui o logo da
empresa na parte
inferior da viseira do
capacete, alm da URL
A Locaweb foi reconhecida como A Melhor Empresa de
www.locaweb.com,
Infraestrutura de TI da Amrica Latina e recebeu o ttulo de que aparecer sempre
Infrastructure Company of 2009 (Small Business) Latin que a viseira
America, da consultoria Frost & Sullivan. O grupo estiver aberta.
especialista em prover pesquisa de mercado sobre
crescimento e formao de empresas em vrios setores no
mundo inteiro, como tecnologia da informao. O prmio
faz parte da anlise de mercado Frost & Sullivan Best Webcast fala sobre os
Practices 2009, que reconhece as melhores empresas de TI. princpios bsicos de XHMTL

1 CAMPANHA DE NATAL LOCAWEB

No ltimo dia 23 de dezembro, foi realizada na

comunidade Peinha, Zona Sul de So Paulo, a entrega dos
presentes arrecadados pela 1 Campanha de Natal Locaweb.
Ao todo, foram distribudoss crianas da comunidade 280
brinquedos variados e 280 kits de doces.O objetivo da ao m blog.locaweb.com.br, voc encontra um webcast de Ester
foi proporcionar s crianas um Natal mais alegre e
divertido. A Locaweb agradece a todos que, de alguma
E Razzo, analista de desenvolvimento web da Locaweb, que fala
sobre os padres de implementao de interfaces. Alm disso,
forma, contriburam para o sucesso da ao, seja como aborda a origem da WWW e a necessidade encontrada pelo seu
voluntrio com doaes, seja com a compreenso e auxlio criador, Tim Berners-Lee, de criar e aplicar padres e protocolos
junto aos que necessitam de nossa ajuda, no apenas no para liderar o potencial de crescimento da web.
Natal, mas em muitos momentos da vida.

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

Wishlist

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

Rdio-relgio com internet

O Chumby One um rdio-relgio bem diferente dos convencionais.
Com um amplo display LCD touch screen de 3,5, o dispositivo se
conecta internet via Wi-Fi e baixa diversos contedos de interesse
do usurio, como notcias, previso do tempo, tabela de jogos e
muito mais. O mais interessante que possvel sintonizar rdios
online e acessar contedo de sites de vdeo, tudo isso sem levantar
da cama. O preo para que voc acorde sempre informado nem to
absurdo: US$ 120. O Chumby One j est disponvel para compra no
site do seu fabricante.
Mais informaes: http://store.chumby.com

Da filmadora para
o YouTube
A NewLink acaba de lanar as filmadoras
digitais Pocket Cam nas verses HD e VGA.
Os aparelhos se destacam por fazer o
upload dos vdeos gravados diretamente
para o YouTube. Alm disso, contam com
plugue USB 2.0 embutido e no requerem
cabos para a conexo com o computador.
O modelo VGA filma com resoluo de
vdeo VGA ou QVGA, fotografa com at
3.0 megapixels e suporta carto SD de at
4 GB. Tem preo sugerido de R$ 299.
J a Pocket Cam HD oferece resoluo
de vdeo nas opes HD, D1 e QVGA
e fotografa com at 5.0 megapixels.
Aceita cartes SD de at 8 GB e pode ser
adquirida por R$ 499.
Mais informaes: www.newlink.com.br

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

Wishlist

Netbook repaginado
A Positivo Informtica resolveu dar uma repaginada no consagrado
netbook Mobo e lanou duas verses diferenciadas em preto e
vermelho. Fora isso, a mquina ganhou visual bonito, configurao top e
acabamento em black piano, alm de uma srie de adereos. O Mobo
3070 vem com uma bateria extra de seis clulas que, em conjunto com
a original, alcana at 10 horas de autonomia. Tem processador
Atom N 270 de 1,6 GHz, tela de 10,1, memria de 2 GB e
HD de 320 GB. Preo sugerido: R$ 1.799.
Mais informaes:
www.positivoinformatica.com.br

Twitter a qualquer hora

A Peek, empresa norte-americana especializada em gadgets para a
internet, criou um dispositivo desejado pelos twittermanacos h muito
tempo: o TwitterPeek. O pequeno aparelho, que tem o tamanho
semelhante ao de um smartphone, um dos primeiros eletrnicos
totalmente dedicados ao envio de posts para o microblog Twitter. Usa a
rede de telefonia celular dos EUA e permite o envio ilimitado de
mensagens instantneas por um plano fixo semestral (US$ 100) ou
eterno (US$ 200). O aparelho pode ser encontrado no site da Amazon,
mas, por enquanto, s oferece cobertura de sinal nos EUA.
Mais informaes: www.getpeek.com

Fone de ouvido sem fio

O headphone Sennheiser RS140 uma das opes mais
interessantes de fone de ouvido sem fio venda no Brasil. O
dispositivo, que usa transmisso por ondas exclusivas de
rdio FM e alimentado por uma bateria interna recarregvel,
oferece alcance total de at 150 metros da base e construdo
com materiais leves e resistentes, garantindo grande conforto
mesmo aps vrias horas de uso. O RS140 conta ainda com o
recurso balance volume, que permite a configurao individual
de intensidade em cada lado do fone, e integra um compressor
de udio que d mais realismo e presena em suas msicas e
filmes. O preo mdio de R$ 650.
Mais informaes: www.sennheiser.com

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

Wishlist

Smartphone com Android

Com uma tonelada de recursos e um enorme display LCD
multitouch, o Milestone, da Motorola, o primeiro smartphone no
Brasil a contar com a segunda verso do sistema operacional
Android. Tem um enorme display de 3,7, slot para cartes
microSD com compatibilidade para at 32 GB (um carto
com 8 GB de espao acompanha o aparelho), processador
ARM Cortex A8 de 550 MHz, cmera de 5 megapixels
de resoluo e conectividade sem fio Bluetooth, Wi-Fi
e 3G, entre outros recursos. O preo sugerido do
aparelho de R$ 1.899.
Mais informaes: www.motorola.com.br

Videogame emulador
de jogos do NES
O MP6 PMP Game-Pro 2.4 um videogame
emulador de jogos em formato NES, tecnologia
que permite inserir diversos jogos baixados
pela internet. Com o sistema, basta baixar os
jogos preferidos, conectar o cabo de conexo
AVe jogar diretamente notelevisor. O
aparelho, fabricado pela X-Sound!, possui tela
LCD 2,4 de alta definio e cmera com
resoluo de 2.0 megapixels. Com ele, tambm
d para ouvir msicas em MP3, escutar rdio FM,
assistir a vdeos e armazenar dados e fotos.A
memria interna de 2 GB ou 4 GB com slot de expanso de
memria SD. O preo sugerido de R$ 249.
Mais informaes: www.xsoundbrasil.com.br

Servidor de alta-fidelidade
Direcionado para os entusiastas do udio, o Olive Media 74HD um servidor digital capaz de armazenar arquivos de
altssima qualidade sonora. O equipamento capaz de reproduzir udio com taxa de 24 bits e 192 KHz, ou seja, cerca
de 6 vezes mais informaes por segundo do que um Audio CD. O modelo tem HD de 1,5 TB para armazenar cerca
de 20 mil msicas na maior qualidade, e mais de 250 mil no formato MP3. Ele ainda oferece conexo Ethernet e Wi-
Fi para reproduo remota de arquivos em rede. O 74HD vendido pelo site da Olive e custa US$ 2 mil.
Mais informaes: www.olive.us

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

//EVENTOS
E CURSOS
Especialistas em games
A PUC-RS abriu inscries para o
Notcias/Circuito curso de especializao no
desenvolvimento de jogos

Sua leitura
digitais, promovido em parceria
com a Ubisoft. Entre as
disciplinas previstas esto
Entretenimento Eletrnico,
Inteligncia Artificial e Redes

sobre internet
Aplicadas a Jogos. As inscries
podem ser feitas at 5 de maro
em www.pucrs.br. Custa R$ 60.

Ps-graduao em
gerenciamento da web
Confira dicas interessantes de livros sobre temas diversos O Senac de So Paulo abriu um
ligados ao mundo da tecnologia da informao novo curso de ps-graduao
focado no gerenciamento da web.
A ideia proporcionar um debate
Domine seu iPhone sobre o contedo da internet e
Este livro revela todos os oferecer dados para atualizao
recursos do iPhone com uma de padres de comportamento na
linguagem amigvel e direta. rede. As inscries vo at
Ao longo das pginas, os 24 de fevereiro e custam R$ 50.
usurios do telefone encontram A lista dos aprovados ser
uma srie de dicas que divulgada no dia 1 de maro.
maximizam o potencial do Mais informaes no site
aparelho e colaboram para a www.sp.senac.br/posgraduacao.
familiarizao dos dispositivos.
Preo: R$ 26 Conferncia
Autor: Marcelo Castro Internacional de
Inf.: http://novatec.com.br Redes Sociais
O evento, que ser realizado em
Curitiba, promovido pela
Zend Framework: Escola-de-Redes, uma rede com
Desenvolvendo em 3 mil pessoas que estudam,
PHP 5 Orientado a investigam e experimentam redes
Objetos com MVC sociais. As palestras sero
No Me Faa Pensar Este livro descreve passo a ministradas por Clay Shirky,
A segunda edio de um dos livros mais passo os fundamentos do professor da New York University,
famosos do mundo sobre usabilidade framework na criao de Steven Johnson, autor de A
apresenta trs novos divertidos captulos, uma aplicao web Cultura da Interface, e Pierre
com informaes e conselhos prticos para completa. A proposta Lvy, pensador reconhecido no
novatos e veteranos. Provavelmente far focar no cliente. campo da cibercultura. Para se
voc mudar o que pensa sobre projetos web. Preo: R$ 27 inscrever, acesse http://escolade
Preo: R$ 52 Autor: Flvio Gomes redes.ning.com/profiles/blogs/
Autor: Steve Krug da Silva Lisboa preinscritos-na-cirs.
Informaes: www.altabooks.com.br Inf.: http://novatec.com.br

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MS

O ambiente online
bastante propcio
para videoaulas, j
que permite ao
aluno acompanhar
as lies quando
e onde quiser.
A cada edio da
Locaweb em
Revista, voc v
o melhor em Dreamweaver 3 x 30 - Solteira, Casada, Divorciada
Durao: 5 minutos e 16 segundos Trs amigas jornalistas, uma solteira, uma casada e uma
cursos disponveis Preo: gratuito divorciada, contam aventuras baseadas em fatos reais.
na internet URL: www.youtube.com/watch?v=WXepOd4QuKQ URL: http://3xtrinta.blogspot.com

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

Notcias/Mdias Sociais

MDIAS SOCIAIS
Descubra as principais novidades apresentadas pelas redes sociais

O Twitter parou de crescer?

No o que parece...
A onda de crescimento do
Twitter estabilizou-se
no nal de 2009, porm, a
usurios ativos
do Twitter.
Ento, por que
quantidade de tweets vem sites de mtricas
aumentando a cada dia. (como Compete e
Evan Williams, CEO do Quantcast)
Twitter, disse em um tweet mostram a curva de
na noite de 12 de janeiro: crescimento do
em todas as mtricas que Twitter estvel? A
importam, ontem foi o dia reposta pode ser
que o Twitter foi mais simplesmente que
usado (e hoje vai ser maior os usurios esto
ainda). Evan no revelou acessando o site de
Para o alto e avante \\ Evan Williams, CEO do Twitter, apontou o
quais so as mtricas, mas outras formas, e dia 12 de janeiro como recordista de uso da ferramenta de microblog
pode-se presumir que ele no mais via web
est falando sobre o pelo Twitter.com, Ainda assim, possvel 2009, mas aqueles que se
volume de tweetadas como por telefones que o Twitter no cresa apegaram ao servio o
(posts no twitter), que celulares ou clientes na mesma velocidade do usam de forma mais ativa
certamente maior que os de terceiros. primeiro semestre de do que nunca.

::"Resposta por e-mail" ::Contas corporativas tero

disponvel para todos nova funo no Twitter
O Facebook O servio de microblog
comeou a mais famoso da internet
testar sua est se reestruturando
funcionalidade para atender melhor s
de responder empresas. Uma dessas
por e-mail, no novidades a funo
nal de 2009. Contribuidores, que
O recurso permitir que pers opo de
Menu \\ Pelo menu Configuraes da alternar
simples: sempre Conta, possvel habilitar a funcionalidade corporativos possam
que voc receber contar com mltiplos diferentes
uma noticao de correio capaz de ltrar os textos colaboradores. Para cada contas
eletrnico sobre um alheios, como a sua um dos usurios diretamente
comentrio ou a respeito assinatura de e-mail. adicionados na nova no painel do
de uma atualizao de Embora seja um recurso ferramenta, sero Twitter, facilitando a
status, uma foto ou uma til, o Facebook ir denidos dois nveis de administrao do perfil
mensagem no mural, sacricar os pageviews de acesso: avanado(funes pessoal e do corporativo.
possvel simplesmente seu site (por for-lo a de admin.) eparcial Inicialmente, apenas
respond-la por e-mail para logar no sistema) para (acesso s atualizaes). marcas parceiras do
que o post aparea aumentar a interao Alm disso, os microblog tero a
noFacebook. A rede social do usurio. Contribuidores tero funo liberada.

locaweb 17
Portflio:W2008 1/2/2010 15:17 Page 18

portflio
Veja o cliente do ms destacado pela Locaweb por produzir
trabalhos online diferenciados que atraem muitos visitantes

Guia de Motis
Com uma visita a cada dois
segundos, o Guia de Motis
pioneiro e lder em
divulgao de motis no
Brasil. O portal traz
informaes, fotos e
promoes de mais de
2.500 motis para mais de
1,3 milho de usurios
cadastrados. Para suportar
essa demanda, contamos
com a estrutura da Locaweb
h mais de 10 anos, conta
Jos Anchieta, diretor de
tecnologia do Guia de Motis.
www.guiademoteis.com.br

Alm do Guia
de Motis,
confira
outros sites
1
Bons de Cama
(www.bonsdecama.com.br)
voltados para Um clube de vantagens
o mesmo em motis s para
bons de cama.
segmento:
1
2
Moteleiro
(www.moteleiro.com.br)
Site da revista impressa voltada
aos proprietrios de motis.

3
Bolsa de Motis e
Investimentos
(www.bolsademoteis.com.br)
Servio de corretagem para
compra e venda de motis.

3
2
18 locaweb
205 X 275:Layout 1 22/1/2010 17:39 Pgina 1
Preview_CHOS:W2008 16/1/2010 23:45 Page 20

{p}review Ficha Tcnica

Nome e verso: Chrome OS
Desenvolvedor: Google Inc.
Licena: Freeware
Tamanho: No fornecido

Chrome OS, sistema

operacional do Google
O gigante das buscas anunciou o lanamento do to comentado sistema
operacional, que deve equipar notebooks no segundo semestre de 2010
Por Srgio Vincius

Google revelou detalhes do

O to comentado - desde h
muito tempo - sistema
operacional. Apelidado de Chrome
OS, a novidade ser baseada em
ambientes Linux e deve equipar
primeiramente notebooks.
Esboo \\ Em parte da
O plano inicial que o sistema apresentao do Chrome OS, o
desembarque oficialmente a partir do Google resolveu mostrar
desenhos de como idealizou o
segundo semestre de 2010 e seja
projeto; isso j havia ocorrido
muito prximo do Android, sistema com o lanamento do
do Google que equipa smartphones e navegador da empresa
telefones celulares de ltima gerao.
O Chrome OS, pelo que se pde ver computador quanto online. Pelo que se De acordo com as informaes do
at agora, em apresentaes pblicas e pode ver at aqui, com produtos como Google, a interface do sistema ser
por meio de beta-testers e porta-vozes Google Desktop e a search engine web semelhante ao navegador Chrome,
do Google, ser baseado em abas e do Google, este afiado sistema de porm mais rpida e inteligente do que
possibilitar fcil acesso internet e aos indexao responder em tempo real e o Windows Vista e o Linux Ubuntu.
sistemas web do Google, como conseguir localizar documentos O boot do sistema realizado em
YouTube, Docs - pacote de aplicativos diversos instalados no computador ou 7 segundos e, para utiliz-lo, o usurio
online da empresa - e Gmail. armazenados em plataformas web da faz um login com sua conta do Google
Entretanto, o sistema operacional empresa, como no Gmail. e, instantaneamente, consegue acessar
no somente privilegiar os sistemas A interface principal do sistema o que necessitar.
de internet da empresa, haver a operacional ser a mais limpa possvel, Para quem quiser brincar com o
necessidade de um mero clique para outra marca registrada da empresa. Os novo sistema operacional ou fazer
acessar sites como Twitter, Facebook ou cones dos programas ficam colocados experincias, o cdigo-fonte do OS est
games online. na parte superior do sistema, que ser disponvel no site do Chromium, brao
Outra marca registrada do Google gratuito. Os menus, em geral, ficam de desenvolvimento de cdigo-aberto
estar presente no Google Chrome, de escondidos sob um boto semelhante de plataformas ligadas ao Google. O
acordo com os esboos e telas ao famoso Iniciar do Windows, que download pode ser feito em
apresentados at agora. Trata-se do pode ser o responsvel por ordenar e o http://src.chromium.org. Ao lado, mais
modelo de buscas, tanto internas no ponto de partida das aes. detalhes sobre o Chrome OS.

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

Preview

A interface
1 4
2

1 WEB
* Acer, Adobe, ASUS, Hewlett-Packard,
cara do navegador Chrome, o
Obviamente, o Chrome OS ter mais limpo possvel.
uma forte ligao com a web. Alm de abas e de um menu
Freescale, Lenovo, Qualcomm, Texas
Assim que for iniciado - em sete discreto, ser possvel navegar por Instruments e Toshiba so algumas das
segundos, segundo o Google - o meio da barra de pesquisas. companhias que do suporte ao
usurio digita login e senha das Semelhante ao que ocorre com o
contas do Google e, imediatamente, esperto farejador do Vista, as
desenvolvimento do Chrome OS
tem acesso aos seus principais respostas do Chrome OS so
servios web. Na captura acima, rpidas, mas levariam em conta gratuito e bastante rpido, mas Como se no bastasse ter
possvel ver que aplicativos online no s o ambiente desktop depende muito da web para ter conseguido reforo de peso no
do Google, como Gmail ou como o web. Isso ocorre no alta serventia. fomento ao seu sistema Android,
calendrio, esto em destaque. Google Desktop, que pode que equipa smartphones (TIM e
Mas, mesmo assim, h espao ser personalizado para realizar 4 NUVEM HTC esto com o Google), o
para plataformas web de outras buscar dentro do PC e online ao Confiando plenamente em seu Chrome acompanhado de perto
empresas, como o Twitter e o mesmo tempo. preceito de computao em por empresas como Acer, Adobe,
Yahoo!, um dos principais nuvem, as informaes principais ASUS, Freescale, Hewlett-Packard,
concorrentes da empresa. 3 GOOGLE do Chrome OS, que gira em torno Lenovo, Qualcomm, Texas
A dependncia do Chrome OS dos servios, ficam armazenadas Instruments e Toshiba.
2 NAVEGAO com a internet - e por conseguinte na rede. Login e senha so
A navegao do Chrome OS feita com o Google - parece ser imprescindveis para que o OS,
por abas e botes simples. Com a enorme. Nas imagens de baseado em uma plataforma Linux,
interface limpa, o usurio poder divulgao, assim como na funcione plenamente.
escolher o que quer no menu coletiva em que o sistema foi
principal e o que no quer que desvendado, percebeu-se que 5 COMPANHIA
seja exibido sempre, de acordo para notebooks sem conexo O Google no est sozinho no
com suas necessidades. No com a rede o sistema perde desenvolvimento e fomento
quesito abas, o sistema, que a quase 90% do atrativo. ao novo sistema operacional.

locaweb 21
Youtube:W2008 16/1/2010 23:52 Page 22
Youtube:W2008 1/2/2010 15:13 Page 23

Canais personalizados do YouTube ganham espao como ferramentas de

informao, servios, divulgao de marca e marketing viral. Veja o que
voc precisa fazer para criar bons contedos e fazer parte dessa onda
Por Gabriel Dudziak

V
erdadeiro fenmeno da
internet e uma das
principais manifestaes
da web 2.0, o YouTube parece aos
poucos abandonar sua vocao de
publicador de vdeos caseiros,
para ganhar uma roupagem mais
sria, marcada pela propagao de
produes profissionais e canais
personalizados. O melhor de tudo
que esse cenrio est aberto a
qualquer tipo de usurio,
independentemente do domnio
das ferramentas de edio de
imagem. Basta ser criativo.
Canais personalizados \\ Empresas, meios de comunicao, artistas dos mais variados segmentos
Para ficar por dentro do e at mesmo a monarquia inglesa exploram canais personalizados no YouTube (www.youtube.com)
esquema, importante observar
que as regras para se ter um canal de vdeos bem- trabalhado antes de subi-lo para o YouTube. preciso
-sucedido no YouTube so as mesmas a serem ter algo para compartilhar, trocar com o pblico.
adotadas durante a criao de um bom blog. Parece redundante, mas vlido ressaltar que
Atualizao diria, primor na escolha dos vdeos e necessrio ter bons vdeos em mos, pois muita
imagens criativas para o canal devem fazer parte do gente cria canais do nada e, depois, no tem o que
processo, enumera Pollyana Ferrari, consultora web postar. Claro que perdem o sentido e deixam de ser
em arquitetura da informao e mdia social. acessados, explica Pollyana.
Outro fator a ser levado em considerao que o Como todo mecanismo de comunicao na
contedo dos vdeos tem de ser bastante pensado e internet, a qualidade do contedo importante, mas
o jeito como os vdeos so entregues ao usurio
tambm merece ser trabalhado com cuidado. O ideal
que seja montado um layout agradvel, de cores
leves, que no espante o internauta e agrade tanto
quanto o contedo formulado. Do ponto de vista da
navegao, deve-se deixar em destaque o que h de
melhor no canal e ter descriptions e tags para tudo
comenta Kaio Medau, editor online da revista Boa
Forma, da Editora Abril. A publicao, que tem um dos
canais brasileiros mais visitados do YouTube, um
bom exemplo de como empresas e corporaes
tambm tm utilizado essa ferramenta.
Recentemente, companhias como Locaweb,
Livraria Saraiva e Universal Music, entre outras,
transformaram seus canais no YouTube em poderosas
F na ferramenta \\ Vaticano usa a ferramenta para renovar a postura ferramentas de comunicao. Neles, publicam
comunicacional e a imagem da entidade, tida como atemporal e retrgrada lanamentos de novos produtos, propagandas

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

YouTube personalizado

COMO
CRIAR O
SEU CANAL * Como todo mecanismo de
PERSONALIZADO comunicao na internet, a
O primeiro passo para
desenvolver um canal
qualidade do contedo
prprio no YouTube importante, mas o jeito como
criar um cadastro em
www.youtube.com. os vdeos so entregues ao
Na tela inicial,
usurio tambm merece ser
observe o canto trabalhado com cuidado
superior direito, onde
aparece o link Criar
conta. Clique nele e mesmo fenmeno ocorre com o canal
preencha os campos da da monarquia inglesa. Eles ilustram
tela seguinte. bem a fora do vdeo na sociedade
informacional em que vivemos,
Se voc j possui uma
conta no Gmail e deseja destaca Pollyana.
utiliz-la, o YouTube A grande questo impetrada aos
permite associar o canais personalizados que os usurios
Locaweb \\ Canal personalizado da Locaweb no YouTube endereo de e-mail
traz campanhas publicitrias com contedo profissional, com o perfil gerado no
ainda no criaram o hbito de entrar no
sries divertidas com alta produo, informaes e servios site para assistir aos canais do momento.
site de vdeos. Nesse
caso, seu canal ficar A maioria das pessoas que procura por
institucionais, vdeos de marketing viral e com o nome do e-mail algo na ferramenta vai direito a um vdeo
escolhido. Se quiser um
por a vai. Da mesma maneira, artistas das canal com nome que j ouviu falar e, para isso, usa a barra
mais variadas reas, como msica, artes prprio, o jeito criar de busca. Segundo Kaio Medau, os canais
plsticas e teatro, tm investido pesado um novo cadastro em si esto listados mais para dar
nesse segmento. no YouTube. credibilidade aos contedos do que para
Isso porque o servio permite Com o seu usurio permear o acesso aos contedos
comunicao em vdeo direta com o criado, hora de editar veiculados. O canal uma pgina de
potencial cliente, pblico ou f, sem a e escolher a aparncia chegada para o usurio que vem pela
do portal, o que pode
mediao de nenhuma emissora de busca do YouTube, do Google, do Twitter
ser feito na aba
televiso. Mais importante que isso tudo, Configurao da conta e e de outros sites. Por isso, o foco deve
sem o pagamento de qualquer valor. no link Editar canal. ser sempre criar o melhor vdeo, com o
Ter um canal no YouTube transformou-se contedo mais bacana e produes bem-
Depois de realizar
em algo muito vantajoso. A marca feitas. A partir da, basta esperar que
as alteraes, s fazer
tem audincia garantida de pblico. upload nos vdeos para uma hora o usurio ter vontade de
Fora isso, os investimentos so pequenos gerar contedo para acessar outros contedos distribudos por
se considerarmos o bom retorno e o seu canal aquele canal, afirma.
personalizado.
a exposio na mdia, afirma a consultora No entanto, caso se repitam os
Pollyana Ferrari. fenmenos observados nos blogs e
principalmente no Twitter, ferramentas em que os
At o Vaticano e a monarquia contedos recomendados e atestados por quem
inglesa tm seus canais replica ganham valor ante as pesquisas, a prtica de
No so apenas instituies interessadas em chegar aos vdeos pela busca do YouTube ou por
publicidade e vendas, entretanto, que se utilizam outros mecanismos de procura pode cair em desuso.
dessa faceta do servio. O Vaticano e a monarquia De acordo com Pollyana, em pouco tempo, o canal
inglesa tambm deixaram de lado o tradicionalismo ir agregar relevncia por agregar, em apenas um
para apostar na moderna ferramenta. Alis, os canais lugar, contedos semelhantes ou atestados por
personalizados de ambas as instituies visam determinados usurios que serviro de referncia.
justamente renovar a postura comunicacional e a A mudana de hbito navegacional em escolher
imagem das duas entidades, tidas como atemporais e direto o link dos canais, em vez de usar a busca,
retrgradas. O canal da igreja catlica tornou-se o uma questo de hbito, conclui Ferrari. E quando isso
principal veculo do Vaticano. A partir dele, acontecer, sua marca ou opinies precisam estar
possvel acessar uma srie de outras mdias. O prontos para agradar.

24 locaweb
205 X 275:Layout 1 1/2/2010 16:15 Pgina 1
Facebook:W2008 1/2/2010 15:29 Page 26
Facebook:W2008 1/2/2010 15:29 Page 27

Facebook

A rede
social mais
comentada
do momento...
...e que no para
de crescer
O Facebook surgiu justamente Por Luciano Delfini

quando as previses apontavam

para o enfraquecimento das
F
ontes respeitveis como o website Social Media Today
(http://socialmediatoday.com) apontam para um total
mdias sociais da web e, de mais de 300 milhes de perfis registrados em todo o
mundo. Com esse nmero nada tmido, o ano de 2009 se
mesmo assim, transformou-se encerrou de maneira incrivelmente positiva para o Facebook,
na rede mais popular do rede social fundada em 2004 por Mark Zuckerberg, Dustin
Moskovitz e Chris Hughes, poca, alunos da Universidade de
mundo. Agora, atrai empresas Harvard. E 2010 promete muito mais, graas ao fato de as
e marcas que enxergam na empresas enxergarem na ferramenta uma oportunidade nica
para estreitar o relacionamento com o pblico.
ferramenta a oportunidade de Nesse cenrio, o Brasil tem um potencial espetacular j
que por aqui, ainda que os nmeros globais impressionem
criar um relacionamento quando se leva em conta a pouca idade do site, o Facebook
duradouro com o pblico comeou a tomar flego agora. Tanto que conta com pouco
mais de 2 milhes de registros, bem aqum do Orkut,

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

* A Coca-Cola, com quase primeira grande rede social online a bombar na internet,
4 milhes de fs em seu perfil e que conta com mais de 27 milhes de cadastros no Pas.
A boa notcia que, se depender da velocidade dos
na rede social, considerada
ventos que conduzem o Facebook pelo mundo, os
pelos analistas de mercado nmeros brasileiros tendem a crescer muito nos
uma das melhores pginas prximos meses. Isso porque a rede social tem
conseguido atrair cerca de 50 milhes de novos perfis a
empresariais do Facebook por
cada dois meses, tambm segundo fontes da internet
no abusar do sentido como o site Mashable, The Social Media Guide
corporativo da iniciativa (http://mashable.com). Isso quer dizer que, no momento
em que voc l esta reportagem, os nmeros
mencionados acima, relativos ao ms de dezembro do
ano passado, ficaram para trs e o Facebook j deve ter

25
muito mais gente cadastrada ao redor do mundo. E olha
que a proposta inicial dos trs jovens estudantes de
Harvard era apenas desenvolver uma rede que
conectasse online os alunos da universidade. Mas na
internet assim, as propores mudam rapidamente.
milhes As finalidades das redes sociais online, ou seja, de
de novos plataformas como Facebook, Orkut e Twitter, j no so
usurios por ms mais segredo para ningum: conectar em um mesmo
programa pessoas de todos os lugares do mundo,
encurtando, assim, distncias fsicas e geogrficas; criar

Starbucks \\ Popular rede de cafs norte-americana tem 5 milhes de

seguidores. De acordo com especialistas, cadeia exemplo de sucesso

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

Facebook

comunidades a partir de assuntos

de interesse comum; permitir que
cada um exponha sua vida a
quem possa interessar;
compartilhar ideias; trocar
informaes, e tantas outras
interpretaes e possibilidades
que aparecem medida que as
redes sociais vo surgindo nesse
vasto territrio da internet. Em
outras palavras, dar um sentido
mais real a uma velha expresso
que j se tornou histrica, aquele
que diz que vivemos em uma
grande aldeia global.

Poder empresarial
O que provavelmente ningum
Coca-Cola \\ Empresa considerada um exemplo no modo como entende as redes sociais e as usa para
esperava dessas redes sociais, alcanar o pblico; o trunfo falar a lngua dos usurios e no abusar do jargo corporativista na web
nascidas com propsito
estritamente pessoal, era o seu //NOVO ORKUT no conseguiria sobreviver. Ao contrrio, os usurios
poder de atrao junto ao mundo Para tentar conter o passaram a estabelecer o que pode ou no ser
corporativo. O raciocnio parece crescimento do Facebook relevante no universo da grande rede. Nesse contexto,
ou, pelo menos,
muito simples. Marcas e produtos interesses, anseios, demandas e necessidades de cada
equilibrar as coisas ao
s sobrevivem se houver clientes. redor do mundo, o Orkut um se transformaram em pontos de partida de
Onde esto muitos desses resolveu se mexer. diversas iniciativas na internet. Interagir com o pblico
consumidores hoje em dia? Na Depois de anos parado, virou o elemento mais criativo da ainda jovem
internet, claro! Conectados ou no no final do ano passado, ferramenta tecnolgica.
a rede social mais
a uma rede social ou a qualquer A partir dessa percepo, as empresas comearam
popular do Brasil e que
outro tipo de plataforma da web. gerenciada pelo Google a investir na criao de perfis em sites de redes que
Grandes empresas e suas lanou a verso Novo sociais, como o Facebook, uma vez que esse tipo de
marcas nunca deixaram de transitar Orkut da ferramenta. As plataforma vem se consolidando como forte canal de
pelo territrio online. Desde os novidades so interao com os usurios da web, podem se
atualizaes e
primrdios da internet, muito se converter em potenciais consumidores. E hoje o que
comentrios em tempo
investiu em sites, portais e outros real, opes de se v um crescimento significativo do nmero de
endereos que oferecessem um personalizao e mais comunidades que vo se formando sob a estrutura
canal de divulgao de produtos e uma srie de perfumarias de uma corporao, suas marcas e seus produtos.
servios. No entanto, a web deixou que parecem ter sido A diferena em criar um perfil nesses moldes,
copiadas do seu principal
de ser apenas uma vitrine imvel e com o objetivo de formar uma comunidade ao
concorrente: Facebook.
congelada no tempo, at porque, O Novo Orkut requer seu redor, est no fato de que o espao no
se assim se mantivesse, certamente convites para ser usado. usado apenas para a empresa vender o seu peixe.
Facebook:W2008 16/1/2010 23:53 Page 30

* A bebida Gatorade promoveu Isso mesmo que o alvo final seja sempre o retorno
uma enquete, no ano passado, comercial, independentemente do tamanho da
companhia e da rea em que atua. Para atingir esse alvo,
em seu perfil no Facebook, para
preciso, antes de tudo, estabelecer um relacionamento
saber qual momento da carreira com os usurios da web. Isso inclui promover discusses
do ex-jogador de basquete em torno de um tema de interesse do grupo, divulgar
campanhas e promoes, relacionar dicas teis para o dia
Michael Jordan o preferido do
a dia com seus produtos, desenvolver enquetes e
pblico. Mais de 8 mil pessoas pesquisas de opinio, e por a vai. Tudo isso tendo em
responderam pesquisa vista que o perfil de uma empresa ou marca em uma rede
social nunca deve exagerar na dose e fazer com que sua
pgina se transforme em um anncio publicitrio.

5
Ranking de uso mais adequado
No fim do ano passado, o site The Big Money
(www.thebigmoney.com) elaborou um ranking com as
50 empresas que melhor usam seu perfil no Facebook.
Para estabelecer o que seria esse uso mais adequado, o
mil so
fs do
Starbucks

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

Facebook

levantamento no se limitou ao nmero de pessoas na

comunidade de determinado perfil, dando prioridade a
aspectos como crescimento da pgina na rede social,
frequncia de atualizaes, criatividade e nvel de
envolvimento dos seguidores da marca (www.thebig
money.com/slideshow/big-money-facebook-50-0). Em
primeiro lugar, vem a Coca-Cola, com quase 4 milhes
de fs em seu perfil, considerada pelos analistas do
ranking a melhor pgina por no abusar do sentido
corporativo da iniciativa. Na sequncia, aparece a rede
de caf Starbucks, que rene mais de 5 milhes de
seguidores. Entre as dez mais, figuram ainda a Disney e
a marca de lingerie Victorias Secret, terceiro e quarto
lugares, respectivamente, ambas com mais de 2 milhes
de membros. Tambm est na lista VIP, na stima
posio, a pgina do YouTube, atualmente com um
nmero de seguidores que supera 3,7 milhes. O nono
lugar ficou para a bebida energtica Red Bull, que hoje
Target \\ Grupo TGT resolveu aumentar a popularidade no Facebook.
conta com pelo menos 1,6 milho de fs Para tanto, promoveu uma campanha de caridade por meio da rede social
em seu perfil.
Outras iniciativas vencedoras do por exemplo, promoveu uma enquete, no ano passado,
ranking do The Big Money merecem em seu perfil no Facebook para saber qual momento da
destaque. A bebida isotnica Gatorade, carreira do ex-jogador de basquete Michael Jordan o
preferido do pblico. O perfil da marca supera 360 mil fs
YouTube \\ Site de vdeos conta com 3,7 milhes de e mais de 8 mil pessoas participaram com voto. O site da
seguidores no Facebook: at mesmo marcas famosas rede de TV CNN, o CNN.com, se uniu ao Facebook,
na web integram a rede social buscando mais sucesso
tambm no ano passado, para acompanhar a cobertura
Gatorade \\ Pesquisa envolvendo o jogador de de posse de Barack Obama ao cargo de presidente dos
basquete Michael Jordan contou com mais de 8 mil Estados Unidos. Durante toda a cerimnia, mais de
participantes; bebida tem 360 mil fs
2 milhes de atualizaes colocadas na rede social foram
usadas pelo site do canal de TV. O perfil da CNN.com
conta com cerca de 650 mil seguidores.
Quem tambm viu crescer repentinamente o nmero
de fs em seu perfil no Facebook foi o grupo Target (TGT),
que atua em diversos setores da indstria, entre eles,
mveis, utenslios para casa e aparelhos eletrnicos. A
empresa promoveu uma campanha na rede social para
saber do pblico qual instituio de caridade dos Estados
Unidos deveria receber suas doaes.
Durante as duas semanas da enquete, a companhia
recebeu nada menos que 97 mil novos seguidores.

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

* A montadora Audi amplia sua

comunidade no Facebook
sempre que divulga em seu
perl pesquisas para saber como
deve ser o modelo do prximo
carro. Hoje, a marca tem quase
400 mil seguidores na mais
popular rede social do mundo

4 mil
membros
seguem a Dell
Audi \\ Com 400 mil seguidores, em cada ao promocional ao redor do
mundo, a montadora explora as caractersticas do Facebook de promoo

A montadora Audi amplia sua comunidade no Facebook

sempre que divulga em seu perfil pesquisas para saber
como deve ser o modelo do prximo carro. Hoje, a marca
tem quase 400 mil seguidores na rede social.
Todos concordam que estamos falando de empresas
com atuao internacional, cujos produtos so conhecidos
e consumidos por pessoas no s dos Estados Unidos,
mas de vrias partes do mundo.
So marcas mais do que consolidadas no mercado,
que j contam com um nmero significativo de clientes.
Na opinio de Jeffrey L. Cohen, que escreve para o site
Social Media B2B (http://socialmediab2b.com), essas
pessoas se tornam fs de perfis corporativos no Facebook
por duas razes bsicas.
A primeira, de acordo com o analista, porque
querem aprender mais sobre a empresa a partir de um
relacionamento contnuo; a segunda, porque, para
muitos consumidores, importante estabelecer alguma
associao com aquela marca ou com determinado
produto. Jeffrey explica que esses dois fatores
contribuem para diferenciar os fs de perfis corporativos
no Facebook dos seguidores de empresas no microblog
Twitter, por exemplo, que apenas esto atrs de ofertas
e promoes instantneas.

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

Facebook em 2010 Facebook

O site Mashable, The Social Media Guide,
colocou as bolas de cristal para trabalhar,
tirou da gaveta as cartas do tar e jogou os
bzios para extrair cinco previses para o
Perfis criativos Facebook este ano. Confira algumas delas. comunidade. Analistas do Social
O mais interessante nesse Media B2B chamam ateno
Em agosto, o Facebook explorou a
contexto, segundo o colunista do ferramenta FriendFeed, um agregador de feeds para pequenas mudanas que podem
Social Media B2B, analisar como as que consolida as atualizaes das mdias fazer toda a diferena em um perfil
empresas trabalham seus perfis na sociais. Exemplo disso a funo Gosta do Facebook, como ocorre na pgina
rede social, para que pessoas que disto. Em 2010, haver mais FriendFeed na da empresa de auditoria. Ali, o
rede(http://friendfeed.com/);
nunca se identificaram com sua visitante encontra boxes com
marca ou seus produtos se O Facebook muniu-se ainda de um motor de diferentes contedos no lugar da
tornem membros da comunidade. busca em tempo real, que classifica as tradicional tabela que mostra o
Em seu perfil no Facebook, a atualizaes de status, mdia e outros feeds de nmero de seguidores.
fabricante de computadores Dell, notcias nos ltimos 30 dias. A rede social vai
continuar a explorar esta funcionalidade em
por exemplo, sugere uma relao de
2010. O Google dever ganhar companhia;
Locaweb no Facebook
fatores, descrita por seus fs ativos, Seguindo a tendncia de
para que o usurio da rede social Este ano, o Facebook seguiu em direo mercado, a Locaweb tambm
tambm se torne um f da empresa, integrao no resto da web com o Facebook mantm um perfil na rede social
que hoje conta com quase 52 mil Connect, o que tornou seu contedo mais badalada do momento.
pesquisvel. Em 2010, vai continuar a
membros na comunidade. Segundo Segundo Douglas Camargo,
integrar-se no vasto territrio da internet
Jeffrey, o cerne da questo (http://developers.facebook.com/connect.php); responsvel pela presena da
despertar o interesse para outras empresa no Facebook, a proposta
formas de mdia social que possam A rede social lanou uma verso interagir com o cliente e oferecer
abrir caminhos para a construo de simplificada e mais adaptada navegao via promoes e informaes exclusivas.
celular para chegar a mais usurios o
um relacionamento entre empresa e Em janeiro deste ano, a Locaweb
Facebook Lite. Em 2010, so esperadas mais
usurios da web. Isso inclui agregar inovaes do gnero, verses mveis e outras promoveu em sua pgina no
valor ao contedo da pgina, ao ferramentas, como o localizador de amigos no Facebook um concurso em que o
servio de atendimento ao Orkut, para ampliar a presena global do participante colocava o nome em
consumidor e, claro, s oportunidades Facebook na net (http://lite.facebook.com/); uma das barracas que apareciam na
de ofertas especiais, muitas foto postada na pgina e respondia
O Facebook j admitiu a inteno de
dirigidas exclusivamente aos avanar com um servio PayPal incorporado a pergunta: Por que esta barraca
membros da comunidade. ao Facebook Connect para pagamentos em deve ser sua?. O prmio para a
O grupo Ernst & Young, um dos sites independentes, sobre os quais ficaria melhor frase era uma barraca para
gigantes do setor de auditoria e com uma pequena porcentagem em cada acampar durante a edio de 2010
transao. O site Mashable acredita que 2010
consultoria corporativa, criou seu do evento Campus Party. Mais de
ser o ano. Por outro lado, usurios de redes
perfil no Facebook quando a rede sociais como Facebook e Twitter devero se 60 pessoas participaram do
social ainda se restringia a um grupo tornar o principal alvo de hackers neste ano. concurso, superando o dobro do
de estudantes universitrios. O Nesses casos, os cibercriminosos se nmero mximo de marcaes na
objetivo inicial era usar a ferramenta escondem em endereos de amigos dos foto, que era 30.
usurios para enviar links com vrus.
para recrutamento, no mercado de No imaginvamos qual seria o
Particularmente no Twitter, as URLs
trabalho, de jovens nas abreviadas facilitam ainda mais o trabalho de potencial de uma ao como essa, j
universidades. Sua pgina cresceu hackers, que encobrem os links e os que era a primeira vez que nos
junto com a popularizao do site e direcionam a sites maliciosos. aventurvamos em uma ao
hoje j tem quase 35 mil fs na promocional dentro do Facebook.

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

* Com a proposta de interagir Porm, a aceitao foi tamanha e ficamos muito felizes
com o pblico-cliente e oferecer com o resultado, conta Douglas. Janynne Gomes,
vencedora do concurso, levou o prmio com a seguinte
promoes e informaes para a
frase: Porque se a Locaweb hospeda meus servios com
comunidade, a Locaweb est uma grande responsabilidade, confio nela para me
presente no Facebook; hospedar tambm.
Ganhar uma viagem e um ingresso para a Campus
recentemente, por meio da rede
Party 2010 maravilhoso, j que desde o fim de 2009 me
social, a empresa sorteou preparava para o evento. No setor de desenvolvimento de
ingresso para a Campus Party softwaresda universidade onde trabalho, ao ler no Twitter
meu nome como sendoa vencedora do concurso cultural
da Locaweb no Facebook, um mix de sensaes foram
sentidas: surpresa, emoo, satisfao e, o mais

60
importante, alegria em saber que as empresas esto
valorizandoa
interao conosco,
os internautas,
comemorou.
usurios
participaram do Ao lado \\ Janynne,
concurso Locaweb vencedora do concurso da
Locaweb; abaixo, detalhe
da feira e o perfil da
empresa no Facebook,
que realiza promoes,
como a do Campus Party

34 locaweb
Projeto1:Anuncio 23/12/2009 16:13 Pgina 1
CES:W2008 1/2/2010 15:42 Page 36

Fomos a Las Vegas

conferir as novidades
da maior feira de
tecnologia do planeta

Por Marco Clivati (Eviado especial a Las Vegas) Association (CEA), responsvel pela CES. Para voc curtir
em detalhes esse campeonato mundial da tecnologia, a

P
ara abrigar seus mais de 120 mil visitantes seriam Locaweb em Revista entrou em campo com muita
precisos dois estdios do Maracan lotados. disposio ao lado de mais de 5 mil reprteres e bloggers
J para dar lugar s mais de 2,5 mil empresas que sedentos por novidades, que se cotovelaram em dezenas
saem dos vestirios para mostrar cerca de 20 mil novos de coletivas de imprensa e corredores.
produtos e inovaes, a rea equivaleria a 16 vezes o Nas prximas pginas, voc ver diversos produtos,
tamanho de um campo de futebol. nesse gigantesco tecnologias e servios que dever usar em um futuro bem
cenrio que realizada a maior feira de eletrnicos e prximo. Telefones celulares com superprocessadores,
tecnologia do mundo, a Consumer Electronics Show (CES). filmadora com GPS, notebooks e outros gadgets
Entre os dias 7 e 10 de janeiro, a cidade de Las Vegas, equipados com sistemas como Android, Wireless Display e
EUA, se transformou na Copa do Mundo da inovao, por a vai. Um verdadeiro show de bola com os maiores
como disse Gary Shapiro, CEO da Consumer Electronics craques de tecnologia do mundo.

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

CES 2010

Kodak ESP 7250 Esta impressora da Kodak vai libertlo do doloroso processo
de abrir imagens no computador e enviar impresso. Ela conta com conexo WiFi e
imprime fotos diretamente de qualquer dispositivo com conexo wireless.
Ela tambm aceita pendrives e cartes de memria.
Preo>> US$ 200, Info>> www.kodak.com

Epson PictureMate Show Impressora porttil da Epson com display LCD de 7 widescreen
para visualizar as impresses como porta retrato digital nas horas vagas. A impressora imprime
diretamente de pendrives e cartes de memria e vem com controle remoto. O corpo da
PictureMate Show parece com uma sanduicheira, mas isso no vem ao caso, j que o importante
a sua funcionalidade, no mesmo? Preo>> US$ 299, Info>> www.epson.com

HDRXR550V Perfeita para os viajantes, a lmadora XR550

vem com GPS que fornece a localizao no visor LCD de 3,5 e
insere tags nos vdeos com a localizao onde foram realizados.
Alm disso, espao o que no vai faltar na hora de registrar vdeos:
a mquina tem HD interno de 240 GB, que armazena mais de 20
horas de gravao com qualidade Full HD (1.920 x 1.080 pixels).
Preo>> US$ 850, Info>> www.sony.com

Bloggie A Sony comprou a ideia de vida conectada e apresentou a inusitada Bloggie, cmera digital compacta
com sensor de 5 megaixels, fcil de usar e com vdeo 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 vdeos no
visor de 2,4. Ela se conecta com PC ou Mac para postar arquivos em sites como o YouTube.
Preo>> US$ 199, Info>> www.sony.com

Playsport Depois de enfrentar problemas srios com a queda na venda de lmes e papel
fotogrco, a Kodak vem se reinventando com produtos inovadores e acessveis. Esse o caso
da Playsport, lmadora compacta capaz de gravar vdeos em Full HD at debaixo d'gua com
apenas um toque no disparador. Na onda dos equipamentos que compartilham fotos e
vdeos, a Playsport acompanha software que ajuda postar fotos e vdeos em sites como
YouTube e Facebook Preo>> US$ 150, Info>> www.kodak.com

Kodak Pulse Este porta retrato digital com conexo WiFi

acessa fotos enviadas por email ou postadas em redes sociais como
o Facebook. Imagine voc em casa vendo TV e o Pulse ali parado.
Seus lhos, que esto na casa dos amigos, resolvem postar no site de
relacionamento as fotos clicadas durantes o dia. Assim que eles
terminarem a operao, voc ver as imagens no seu porta retrato.
Preo>> US$ 130, Info>> www.kodak.com

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

CES 2010

Agama Ring Mouse A taiwanesa Agama lanou um mouse totalmente sem o 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 sobre
uma superfcie plana, e os botes de click e scroll so acionados com o dedo polegar. Segundo
o fabricante, o acessrio pode aumentar o aproveitamento do tempo no trabalho, tendo em
vista que no ser necessrio soltar o mouse para digitar no teclado. O estranho perifrico chega
aos EUA ainda em 2010, mas no h previso de preo. 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 conguraes mais simples que os desktops. Conta com
processador AtomDualCore 330, HD de 320 GB, 2 GB de memria RAM, conexo
WiFi, placa grca NVidia Ion com sada HDMI, Windows 7 e um leitor de discos
Bluray. O aparelho chegar primeiro Sua e no h previso de chegada no Brasil.
Preo>> 400, Info>> www.asus.com

Asus Designo MS Series A nova linha de monitores para computador

Asus Designo MS Series, composta de cinco modelos (de 20 a 23,6), traz design
inovador. Alm do formato diferente, do suporte circular na traseira e dos botes
sensveis ao toque no painel frontal, o aparelho tem espessura de apenas 1,6 cm. O
modelo top de linha (MS246) oferece resoluo Full HD, taxa de atualizao de 2 ms,
contraste 50.000:1 (dinmico) e entrada HDMI. Preos e data ocial de lanamento
no foram divulgados. Info>> www.asus.com

B&W MM1 A B&W criou um sistema de som especial para quem deseja ter alta delidade de udio
tambm no PC. As MM1 so equipadas com dois alto falantes (twiter de 1 e subwoofer de 3) capazes de
alcanar grandes limites de frequencia sonora, proporcionando agudos limpos e graves estremecedores.
Com potncia total de 36 w RMS (18 w por caixa), o sistema oferece amplicador dedicado para cada caixa
(alimentado por duas portas USB), controle remoto e processador DSP que aperfeioa o udio de uma fonte
analgica (conexo P2). As caixas MM1 chegam ao mercado no primeiro semestre de 2010. Ainda no h
previso de preo. Info>> www.bowerswilkins.com

Casio XJA Alm do visual diferente, a linha de projetores XJA da Casio traz uma novidade que far muito
bem para o meio ambiente: os primeiros projetores totalmente livres de mercrio. A srie usa uma tecnologia
que combina a iluminao em LED com feixes de laser, criando imagens ntidas, cores fortes e altos nveis de
luminosidade (at 3.000 ANSI lumens) sem a necessidade das convencionais lmpadas de mercrio. Outras
vantagens so as medidas enxutas (apenas 4,6 cm de espessura e 2,2 Kg), rpido acionamento (no precisa esperar
esfriar) e uma vida til de at 20 mil horas de uso (cerca de 10 vezes maior do que a de um projetor normal). So nove
modelos, que variam especicaes como resoluo e conectividade. O mais avanado deles (XJA255) tem HDMI, conectividade WiFi, resoluo
WXGA (1.280 x 800 pixels) e luminosidade de 3.000 ANSI lumens. Preo>> no Japo, 318.00 Yenes (cerca de R$ 6 mil), Info>> www.casio.com

Hillcrest Loop Pointer Parece at algum tipo de arma futurista, mas o Loop Pointer da
Hillcrest um acessrio mais til do que aparenta ser. O dispositivo uma espcie de mouse sem o
(RF) criado para facilitar a vida das pessoas que conectam o computador na TV da sala para assistir a
vdeos do YouTube ou usar funes de media center. Funciona da mesma maneira que o controle do
Wii: 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.
Preo>> US$ 100, Info>> www.hillcrestlabs.com

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

iGugu InterneTV O supercontrole remoto iGugu InterneTV um hbrido

de teclado e mouse que permite o controle total do PC a at 100 metros de
distncia. O dispositivo usa conectividade WiFi para se comunicar com o PC e
ideal para quem usa o computador como central multimdia da casa, oferecendo
conforto para manipular arquivos e at acessar a internet sem se levantar do sof.
Preo>> US$ 79, Info>> www.igugu.com

Logitech Speaker Lapdesk N700 Para quem gosta de usar o notebook no sof ou na cama, o
Speaker Lapdesk N700 da Logitech uma mo na roda. A mesa, equipada com uma base almofadada e
antiderrapante, integra uma ventoinha que no deixa o notebook aquecer. Traz ainda um sistema de som
com dois alto falantes de alta performance capaz de criar um som muito envolvente.
Preo>> US$ 80, Info>> www.logitech.com

Lenovo Skylight Se voc pensou que um notebook, errou. Agora, se achou que um netbook, tambm
errou. O Lenovo Skylight faz parte de um novo conceito de computador porttil chamado de smartbook, juno de
smartphone com netbook. O equipamento traz medidas menores que um netbook e conta com congurao mais
simples, 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 WiFi e 3G. Por causa do baixo consumo de energia de seus perifricos, oferece uma enorme
autonomia de bateria: cerca de 10 horas de uso. O Skylight gerenciado pelo sistema operacional Linux e indicado
para o pblico mvel que necessita de rpidas consultas na internet.
Preo>> US$ 500, Info>> www.lenovo.com

Viliv N5 MID A Viliv, marca coreana especializada em computadores ultraportteis, apresentou o N5 MID,
espcie de netbook com medidas super enxutas. O dispositivo tem teclado QWERTY, LCD de 4,8 com recurso
touchscreen e resoluo de 1.024 x 600 pixels, conectividade WiFi, 3G e GPS, alm de sistema operacional
Windows 7. Ainda no h previso de chegada do aparelho ao mercado ocidental. Info>> www.myviliv.com

LG X120 Com processador Intel Atom N270 de 1,6 GHz, 1 GB de memria RAM e disco rgido
de 160 GB, o netbook X120 da LG no traz nenhuma congurao especial, mas bonito que s
vendo. Tem acabamento fosco e um teclado grande e confortvel, com teclas macias e touchpad
de bom tamanho (6 cm de largura por 4 cm de altura) Alm de 3G embutido, o minilaptop tem
Bluetooth, WiFi no padro g, porta de rede Fast Ethernet e trs USBs. bem leve, tem apenas 1,2 kg.
J est venda no Brasil. Preo>> R$ 1.799, Info>> www.lge.com

Seagate Black Armor PS110 A Seagate lanou seu primeiro HD

externo equipado com tecnologia USB 3.0. O Black Armor PS110 tem 500 GB de
capacidade e oferece taxa de transferncia de 100 MB/s, que, segundo a fabricante, cerca
de trs vezes mais rpida que a taxa oferecida pela USB 2.0. O kit acompanha carto PCIe para
adaptar seu notebook tecnologia. Preo>> US$ 180, Info>> www.seagate.com

Netgear Powerline XAVB2501 Com o adaptador Powerline XAVB2501 da Netgear, voc pode
compartilhar facilmente sua internet e estender a network de casa por meio da rede eltrica. Basta plugar
um cabo Ethernet no adaptador e liglo na tomada. Da em diante, para adicionar pontos de rede, s
plugar outro adaptador em qualquer tomada da casa. Preo>> US$ 170, Info>> www.netgear.com

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

CES 2010

Dell Android Tablet A Dell, que recentemente colocou venda no mercado nacional o smartphone mini 3iX, criou
mistrio ao revelar que lanaria um tablet (pequeno computador em forma de prancheta) com o sistema operacional
Android. Um prottipo com tela de 5 rondava o estande da marca, mas nenhuma informao detalhada foi divulgada.
Segundo os expositores, o dispositivo tem previso para chegar ao mercado no nal de 2010. Info>> www.dell.com

Dual Eletronics XGPS300 O XGPS300 um receptor de GPS lanado pela Dual

Eletronics que adiciona a funcionalidade de localizao por satlite ao iPod touch. O
dispositivo, que parece um mini dockstation, encaixado na entrada de dados do
player e gerenciado pelo software navegador NavAtlas, que permite a montagem de
rotas e oferece orientao 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 no tem data exata de lanamento, mas chegar ao mercado em 2010.
Preo>> US$ 180, Info>> www.dualav.com

HTC HD2 A HTC apresentou o HD2, smartphone que eleva os conceitos de

personalizao e interatividade a altos nveis. O dispositivo, que tem tela de 4,3
touch screen, cmera de 5 megapixels e conectividade WiFi, Bluetooth, 3G e GPS,
traz o exclusivo software HTC Sense, que sincroniza automaticamente todos os
contatos da agenda telefnica com os respectivos pers das redes sociais online
(como Twitter e Facebook). Dessa forma, com poucos comandos, voc entra em
contato com a pessoa desejada de vrias maneiras. Outra forte caracterstica do
aparelho sua interface, que permite total personalizao. O preo do produto,
que chegar aos EUA em maro, no foi divulgado. Info>> www.htc.com

Sony Ericsson Xperia X10 A Sony Ericsson apresentou seu primeiro smartphone equipado com o sistema operacional
Android: o Xperia X10. Com tela LCD de 4 touch screen, conectividades Bluetooth, GPS, WiFi e 3G, alm de um design muito
bonito, o aparelho traz o mesmo processador usado no smartphone da Google, o Snapdragon de 1 GHz. Isso signica que a
disputa pelo melhor aparelho da categoria Android ser altamente disputada daqui pra frente. Mas, em comparao com o
Nexus One, o Xperia X10 sai na frente, pois conta com uma cmera digital integrada de 8 megapixels com recursos de deteco
de faces (contra apenas uma cmera de 5 megapixels do Nexus One). O Xperia X10 ainda no tem preo e data ocial de
lanamento, mas chegar ao mercado ainda em 2010. Info>> www.sonyericsson.com

LG eXpo O eXpo foi, sem dvidas, uma das grandes atraes da CES na categoria mobile.
Alm da robusta congurao com LCD de 3,2 touch screen, processador de 1 GHz, cmera de 5 megapixels
e teclado QWERTY retrtil, o smartphone da LG impressionou a todos com a possibilidade de criar projees com at 40.
Para isso, basta encaixar na parte de trs um dispositivo (projetor pico) que pesa apenas 51 g. O minsculo projetor
pode ser usado para reproduzir lmes e facilitar a navegao na internet, j que, com a funcionalidade, pginas inteiras
da web podem ser totalmente visualizadas sem esforo. O LG eXpo tem sistema operacional Windows Mobile 6.5.
Preo>> de US$ 180 a US$ 300, de acordo com a congurao, Info>> www.lg.com

Motorola Backip A Motorola marcou presena com o Backip, smartphone que traz um
conceito inovador de teclado retrtil. Diferentemente de outros aparelhos que possuem teclado
deslizante, o Backip tem as teclas localizadas na parte traseira. Para uslo, necessrio girar
o equipamento em 180 graus, revelando uma posio muito confortvel para a digitao.
O smartphone, gerenciado pelo sistema Android 1.5, oferece cmera de 5 megapixels, tela
touch screen de 3,1 e conectividades Bluetooth, WiFi, GPS e 3G. Ainda no h previso de
quando o aparelho ser lanado ocialmente. Info>> www.motorola.com

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

opinio/articulista

e-business
Marcelo Trpoli
Presidente da agncia de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
[email protected]

30 segundos por
branded content
Para triunfar na era digital, as marcas precisam ser flexveis, entender
que o consumidor que d as cartas e parar de impor tantas regras
Cada vez mais, os profissionais de marketing se Ao redor do mundo, muitos casos vm ganhando
perguntam: possvel manter a eficincia da relevncia. A TurboTax, empresa que ajuda o
comunicao prendendo a ateno dos consumidores, contribuinte americano a receber uma maior restituio
em uma poca de aes diversas e em grande volume? do Imposto de Renda, realizou uma ao inovadora:
Sim, ainda h espao. Mas, para triunfarem, as marcas para ampliar a sua clientela, fez uma parceria com a
precisam ser flexveis e no impor tantas regras. O NBC, na qual se utilizou das propriedades da rede para
consumidor vem, decididamente, confirmando seu explicar os benefcios do seu produto.
poder de escolha e d as cartas. As empresas devem, Em vez de fazer um comercial puramente institucional, que
ento, entender este cenrio e trabalh-lo. provavelmente teria muito pouco ROI, criou filmes
Ningum faz melhor isso do que os projetos de relacionados com as temticas dos seriados da NBC
branded content. Essa mecnica pode funcionar de (http://bit.ly/5aF5qh) e convidou a audincia a participar de
diversas formas: integrando, por exemplo, marca a uma promoo. Essa ao conferiu maior credibilidade
enredo de um filme, programa de TV, seriado... TurboTax, que associou sua imagem a NBC. Bingo!
Ao ter acesso ao contedo, o usurio interage com a No Brasil, uma ao inteligente foi a do rob Digital Kid,
marca, anytime, anywhere, anyway. A empresa intensifica a que protagonizou vdeos (http://bit.ly/3nADYR) em diversos
compreenso de seus valores e misses, que passam a ser episdios para esclarecer as principais dvidas sobre TV Digital,
entendidos com detalhes. No passo seguinte, os produtos so ressaltando as suas caractersticas e diferenciais. Realizada pela
consumidos e/ou os servios adquiridos de uma forma Samsung, a ao teve como foco orientar os mais
respeitosa, inteligente e quase ldica. desantenados a como participarem da nova Era Digital.
Em muitos casos, os usurios, por se envolverem Esses dois exemplos obtiveram sucesso, pois contemplaram
diretamente com o contedo e por, de certa forma, e priorizaram os quesitos bsicos da nova propaganda:
busc-los nos diversos ambientes, no percebem que entretenimento, informao e prestao de servio. E mais:
uma determinada marca est patrocinando a ao. a mostraram que, para conquistar o consumidor, preciso agir
Comunicao por Contedo ou o Contedo de Marca, com o pensamento cada vez mais estratgico e focado em
como preferem classificar alguns especialistas. entretenimento. Agora, a vez do branded content!

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

designweb
A hora certa de criar
design para blogs
Mercado de templates para pginas pessoais est em expanso.
Saiba o que considerar no momento de entrar nesse negcio
Por Gabriel Dudziak

F
az tempo que os blogs
deixaram de ser meros
dirios onlines. Hoje em dia,
falar sobre a vida pessoal e fazer
confisses foi colocado de lado
diante das inmeras possibilidades
que essas ferramentas proporcionam.
No toa, diversos formadores de
opinio, companhias, portais e lojas
passaram a investir em um ou at
mais blogs para estreitar o contato
com o pblico-alvo, valorizar uma
marca ou ideia, passar informaes,
oferecer servios e por a vai.
Dentro desse cenrio, o design
Na moda \\ O blog Kineda (www.kineda.com) tem botes de navegao, imagens espalhadas, banners
das pginas pessoais ganhou tanta e uma srie de outros elementos que o tornam semelhante a um site, mas os posts e comentrios esto l
importncia como nunca, o que
gerou uma fatia de mercado tratado na pgina pessoal, conta e rabisco alguma coisa, tudo em cima
interessante a ser explorada por Daniela Milagres, fundadora da das caractersticas obtidas junto ao
quem trabalha no setor. Emporium Digital, empresa cliente, afirma.
Para explorar este filo com especializada no desenvolvimento Na hora de explorar a
propriedade, segundo especialistas, de layouts e websites. Com o criatividade, porm, preciso levar
preciso entender que os blogs, de objetivo do cliente explcito, fica em considerao que a estrutura dos
forma geral, tm objetivos e mais fcil desenvolver um layout de blogs limitada. Independentemente
linguagens diferentes dos websites. qualidade superior a dos templates do template, a plataforma precisa
Por isso, carecem de layout gratuitos encontrados na internet. ser respeitada. Os leitores j esto
igualmente diferenciado. Para enxergar o objetivo da pessoa acostumados a ler blogs e no vale
Na hora de criar um template com o blog, Daniela adota uma a pena complicar algo que funciona
exclusivo para um blog, preciso rotina na hora de criar. Sempre por intuio.
reproduzir a personalidade do comeo a desenhar no papel. Depois, Segundo Sonner Foltran,
cliente de acordo com o assunto coloco frases, bolo algumas imagens diretor de arte e webdesigner da

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

Design

* Na hora de explorar
contedo e, dependendo da forma J para Daniela, o ponto forte do
como apresentada, pode cansar os Wordpress que ele permite uma
este filo do mercado, olhos do leitor, afirma. aproximao maior com os
importante verificar que conceitos de website. Essa
os blogs, de forma geral, Wordpress x Blogspot plataforma de blog tem uma viso
O profissional de design que mais clean. Os tpicos so separados
tm objetivos e linguagens estiver interessado em entrar nesse e o layout lembra bastante o de um
diferentes dos websites. mercado precisa conhecer tambm website. Enquanto o Wordpress
Por isso, carecem da os servios de hospedagem de blogs oferece cinco pginas com diversos
e as limitaes que impem layouts diferentes escolha, o
criao de layouts ferramenta. Hoje os principais Blogger, por exemplo, dispe de
igualmente diferenciados sistemas do tipo so o Blogger apenas uma. Assim, possvel ir alm
(www.blogger.com) e o Wordpress da pgina principal e criar blogs que
Associao Brasileira de Web (http://pt-br.wordpress.com). Este realmente se paream com sites,
Designers e Desenvolvedores ltimo traz caractersticas mais afirma a designer da Emporium
(ABRAWEB), certos aspectos da profissionais, com o advento de Digital. No d para negar,
criao dos blogs so semelhantes uma srie de plugins. Com isso, entretanto, que o Blogger tem
ao desenvolvimento de websites, oferece mais liberdade de criao ferramentas mais fceis de mexer,
embora as ferramentas sejam bem aos webdesigners. E isso deve completa Daniela.
diferentes. Tanto para um website melhorar ainda mais, conta Foltran. O fato que ambas as plataformas
quanto para um blog preciso Milhares de desenvolvedores do oferecem particularidades que,
manter os mesmos conceitos de mundo inteiro trabalham em cima do quando bem trabalhadas, permitem
navegao intuitiva. Para os blogs, Wordpress o tempo todo. Por isso, criaes eficientes e bem-feitas. O
so necessrios alguns cuidados ser cada vez mais fcil encontrar um Blogger, por meio do Blogspot,
extras, como evitar textos com plugin para inserir algo diferenciado permite vrias possibilidades para
pouco contraste. Afinal, trata-se de no projeto, analisa o diretor de arte alterao do template, mesmo para
uma pgina que costuma ter muito e webdesigner da ABRAWEB. quem entende pouco de HTML e CSS.
Para trabalhar no Wordpress, por sua
vez, necessrio um conhecimento
maior. por isso que no d para
cravar qual sistema melhor ou pior.
As qualidades existentes em um so
inexistentes no outro, e vice-versa.
Resta se adaptar, diz Daniela.

Parelhos \\ O Wordpress (ao lado) oferece

mais ferramentas e oferece ao webdesigner
blogs mais semelhantes aos sites, enquanto o
Blogger mais cru, porm, simples de mexer

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

Design

* importante contar com seu prprio blog, template de blog tem preo de
mesmo que funcione apenas como um laboratrio mercado situado na faixa entre R$ 200
e R$ 600, dependendo do que o
que voc pode abusar a m de ganhar experincia cliente quer. Banners diferenciados e
formatao completa da pgina
Dicas para quem vlidas para o contedo. Uma questo inferem em valores maiores.
est comeando importante para o sucesso de
Alm de levar em considerao o qualquer blog que ele no parea
intuito do cliente e o servio de estar abandonado, com poucas Bancos de dados
hospedagem em que a pgina ser atualizaes. O mesmo conceito Os profissionais que desejam se aventurar
publicada, quem deseja investir na vlido para as imagens. Se o leitor pelo mundo da criao de templates para
criao de templates para blogs no se identificar com o visual, as blogs podem fazer alguns testes antes de
precisa ter um bom domnio das chances dele fechar o navegador so investir tempo e dinheiro na nova
profisso, e cair de cabea nos negcios.
ferramentas usadas no servio. De grandes. Por isso, preciso pensar em Na internet, existem alguns bancos de
acordo com Foltran, uma boa dica situaes mais dinmicas. dados que permitem aos usurios baixar e
ter um espao para criar, testar e, Para Daniela Milagres, alm de fazer upload de templates novos. Assim,
eventualmente, errar na todos esses aspectos e do estudo possvel ver a aceitao dos projetos
programao dos templates. Contar aprofundado das plataformas e recm-criados e ainda dar uma olhada no
que a galera anda fazendo por a. Veja
com o seu prprio blog, por linguagens, essencial ter abaixo os endereos de alguns desses
exemplo, importante, mesmo criatividade e, acima de tudo, uma bancos de dados online:
que funcione apenas como um certa perspiccia para pegar o esprito
laboratrio que voc pode abusar a do cliente. Para finalizar, Foltran d a
fim de ganhar experincia. Fora isso, frmula para que os profissionais
o webdesigner tem de se preocupar cuidem de todos esses aspectos
com aspectos extra-layout, como simultaneamente: Mantenha-se
atrair visitantes. Interagir com atualizado e navegue muito para
outros blogs trocando links a forma ampliar a base de referncia.
mais rpida para que isso acontea, Quem for bem-sucedido nessa
explica o diretor de arte. empreitada pode se preparar e
Outra dica que o desenho da esperar pelos ganhos. De acordo com OSWD www.oswd.org/
pgina deve seguir as regras que so os especialistas do segmento, cada

BLOG SKINS www.blogskins.com/

E-BLOG TEMPLATES
Viso de negcios \\ Blog A Viso do Mudo (www.emporiumdigital.com.br), com template www.eblogtemplates.com/
desenvolvido pela Emporium Digital. Destaque para as ilustraes que prendem a ateno do internauta

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

opinio/articulista

design
Ren de Paula Jr.
User Experience Evangelist
Microsoft Brasil
@renedepaula
[email protected]
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula

Ilustrao//Alexandre Dias (Nani)

Tecnologia todo terreno
A flexibilidade dos conhecimentos pode ser fundamental para sair
da mesmice, deixar de ser man e galgar espao no mercado
Developer tudo igual. Ou designer tudo igual. tem horror a questes estticas, relativismo de opinies e
Ou jornalista tudo igual. Ou mdico. Ou poltico. nuances, enquanto gente de humanas padece com Excel.
Advogado. Marronzinho. Publicitrio. Pagodeiro. Quantas Ok, generalizei, mas que d vontade de dividir a
vezes voc j ouviu algo assim? Eu ouo isso direto. humanidade em Word-people x Excel-people, d.
Bem-vindo humanidade: humano tudo igual, adora Vamos imaginar que as pessoas nasam diferentes.
achar os outros tudo igual. Voc pode encarar isso Uns com mais jeito para excelidades e outros com
como mania ou, se quiser parecer mais cool, dizer que talento natural para, digamos, wordices. A questo : as
isso meramente um vis cognitivo. Parecer cool faz escolas devem investir s num lado e castrar o outro?
parte, alis, da mesma histria. Percepo tudo. Ser que no valeria a pena balancear melhor as coisas?
O problema que percepo um software bugado Eu acho que sim. E acredito que o mercado precisa disso.
pra caramba. Veja na wikipedia uma lista deliciosa desses Antes dessa histria toda de informtica e internet,
bugs. Ou melhor, desses vieses cognitivos: http://en. engenheiro s falava com engenheiro, designer s falava
wikipedia.org/wiki/List_of_cognitive_biases. genial. com designer. Hoje, developers tm que sentar mesa e
Um desses vieses diz que todo grupo se acha muito trabalhar com o cara de negcios, designer, advogado,
especial e nico, mas acha os outros todos iguais. s redator, assessor de imprensa. E no s sentar quieto e
lembrar-se de sua adolescncia. A sua turma era o ficar rezando para quizomba toda acabar logo e te
mximo. A turma do lado s tinha man. mandarem os specs por e-mail. opinar, negociar, criar,
Eu vi isso de perto na minha formao. Comecei na viajar na maionese, sugerir. Coisas que escolas deveriam
engenharia, pulei pra comunicao. Foi bom para ensinar, mas, eu temo, no ensinam. Como o que mais
conhecer os dois lados, mas foi pssimo (e ainda ) no existe gente bitolada, um drama achar pessoas boas
ser nem um, nem outro. Para os engenheiros eu era para contratar, seja em que rea for.
esquisito (e ainda sou) e para os criativos eu era (e ainda Bitola, que eu saiba, tem a ver com largura de trilhos
sou) sbrio demais. de trem. Um trem s anda em trilhos com a mesma
Eu me pergunto se essa dicotomia fruto de um jeito bitola. A tecnologia saiu dos trilhos faz tempo. Tudo o
antiquado de educar (exatas para um lado, humanas para que fazemos hoje todo o terreno e 4x4. Est na hora de
o outro) ou se existem realmente perfis incompatveis de sairmos um pouco dos trilhos mentais e nos
pessoas. O resultado final eu conheo: gente de exatas aventurarmos fora dos mapas.

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

caseslocaweb
Praia ou clube?
Avon inova ao lanar pgina em que o usurio pode escolher entre
dois ambientes, ver a previso do tempo e ouvir o barulho do mar
Trilha no incomodar os usurios,
Ao entrar na pgina, o afirma Ludmilla.
usurio tambm se depara O controle de udio faz
com uma trilha sonora que parte do conjunto sonoro:
encanta e surpreende. est ao alcance do
possvel, por exemplo, ouvir visitante, que pode
o som do mar. interromper os sons, sem
Entretanto, ao contrrio grandes problemas ou
de boa parte das pginas dificuldades. Entretanto,
que traz msicas em alto como frisa a diretora da
volume que acabam Mkt Virtual, o udio
incomodando e afastando o coadjuvante, no
visitante, no Avon Sun esse elemento principal.
detalhe foi pensado. O Muitos computadores no
O site Avon Sun por exemplo, o usurio volume das ondas tm som. Por isso, no
(www.avonsun. percebe que a Mkt Virtual agradvel e funciona como podemos depender do
com.br) um dos cases instalou um recurso para um elemento de fundo, udio para recursos
de sucesso da Avon. previso do tempo, durante a visitao. essenciais de navegao ou
Criado pela Mkt Virtual diretamente de uma API do Quando a pessoa de contedo.
(www.mktvirtual.com.br) e Yahoo (www.yahoo.com). chega a um site com trilha, A seguir, voc confere
hospedado na Locaweb, a Essa somente uma das pode ser pega de surpresa. mais detalhes sobre a
pgina eletrnica alia inovaes tecnolgicas que a Por isso, tomamos muito pgina Avon Sun, criada
informao a grande pgina oferece. A diviso em cuidado com o volume para pela agncia Mkt Virtual.
apuro visual. duas reas principais foi criada
Trata-se de um hotsite pela prpria Avon, ao concluir
especificamente desenvolvido que boa parte de seu pblico
para explorar a linha de consumidor no passa apenas
protetores solar da Avon. o vero no litoral, mas procura
A campanha digital conta alternativas urbanas para se
tambm com uma conta no divertir. Com essa ideia de
Twitter (@avonsun). diviso, criamos um cenrio
Entre os destaques da horizontal, que facilita a
pgina esto as inovaes concepo de cisnia, diz
tecnolgicas. Ao entrar no site, Ludmilla Rossi, diretora criativa
o usurio deve escolher entre da Mkt Virtual. Colocando-as
Praia ou Clube e, assim, lado a lado, tambm foi
direcionado para o cenrio possvel facilitar a navegao Mkt Virtual \\ Empresa desenvolveu a pgina eletrnica da Avon Sun,
que mais o agrada. Em Clube, entre elas. que visa atrair visitantes de diversos perfis e consumidores da empresa

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

O site

4 3
1 GAME Por isso, optou-se pelo
O advergame Castelos de Areia carregamento em mdulos. Alm
um dos destaques do site. Com do Flash, as partes visuais foram
muito tempo gasto na produo do criadas com o Photoshop. Como
ActionScript, o game serve de tudo ficou pesado, a sada foi
apelo para o visitante ficar mais criar um preloader interativo, que
tempo na pgina e se familiarizar distrai o usurio enquanto todo o
com os produtos da Avon. Segundo sistema carregado. Para auxiliar
Ludmilla, o Castelos de Areia foi na distrao, at mesmo um
planejado e executado dentro de minigame foi criado.
um cronograma prdefinido para
que funcionasse dentro dos 3 BLOG
requisitos da Avon. Como O blog Super Dicas de Vero,
resultado, trata-se de uma das administrado pelo WordPress,
principais atraes do site. outro atrativo do site. De acordo
com a diretora criativa da Mkt
2 FLASH Virtual, a escolha do WordPress foi comportamento adequado 4 Analytics
A principal ferramenta usada para decisiva por conta do excelente no vero, estao que o site Para medir a audincia da
o desenvolvimento do site foi o resultado em sites de busca e prima promover (afinal, pgina, alm do Google Analytics,
Flash. A ideia era minimizar tambm pela alta possibilidade de os produtos da Avon Sun so a Mkt Virtual optou por trabalhar
o peso da pgina e permitir carreg- customizao da ferramenta. O para combater os malefcios do com o Getclicky, como segunda
-la o mais rapidamente possvel. blog d dicas diversas sobre o excesso de sol). ferramenta para obter resultados.

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

Num piscar de olhos, o uso de softwares como servio (SaaS) foi agregado
ao segmento de tecnologia da informao (TI). Saiba como este tipo de
ferramenta pode reduzir os custos de informatizao do seu negcio

Por Luciano Delfini

D
e uns anos para c, empresas de tecnologia da
informao passaram a investir em produtos
voltados a diferentes aplicaes que podem ser
acessados pela internet. O objetivo simples: livrar o
cliente da pesada obrigao de gastar os olhos da cara
na compra de licenas para uso de programas. o caso
do software como servio, tambm conhecido pela
sigla em ingls SaaS (Software as a Service). A soluo,
que ganha cada vez mais espao no mercado,
fundamental para criar uma gesto informatizada que
Sem mscara \\ Se voc usa, ou alguma vez usou, o Google Docs para
garanta praticidade e economia aos negcios de acessar planilhas, j se beneficiou do conceito de software como servio
qualquer empresa.
O mais curioso de tudo que o SaaS no uma ferramenta o Google Docs (www.google.com/google-
ferramenta nova. Prova disso que muitas pessoas o d-s/intl/pt-BR/tour1.html), que oferece acesso gratuito
utilizam, seja para fins corporativos ou apenas pessoais, pela web a planilhas, apresentaes de slides, edio
sem sequer ter conhecimento. Um bom exemplo da de textos, incluso de tabelas, entre outras funes.

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

Para us-lo, basta que o interessado tenha uma conta do de hosting que tambm * A flexibilidade
Google, normalmente um endereo no Gmail, sem oferece softwares como para trocar de
precisar instalar o software no computador. servio, o cliente conta
No mundo corporativo, a gesto online de negcios com uma hospedagem
aplicao tida,
parecia estar restrita a grandes companhias, por compartilhada genrica pelos especialistas
questes bvias de custos de licenas de softwares de com diferentes em TI, como a
gerenciamento empresarial. Esse cenrio, no entanto, solues, nas quais o
passou a ser revertido a partir da oferta de solues SaaS roda e fica
caracterstica que
tecnolgicas que rodam em plataformas compartilhadas disponvel para mais ajudar
com milhares de outros usurios, o que resulta em uma ser acessado de o software como
reduo significativa do custo do servio se comparado a qualquer computador.
outros modelos mais antigos, baseados em arquitetura Como modalidade
servio a conquistar
cliente-servidor. Para se ter uma ideia, hoje possvel ter, de oferta de servios, o o mercado nos
por R$ 50 ao ms, o servio de um software para criar e SaaS abrange diferentes prximos anos
gerenciar campanhas de e-mail marketing. aplicaes contratadas
De olho na possibilidade de democratizao separadamente, ou como soluo completa para todas
tecnolgica da gesto corporativa, as empresas de as demandas do cliente. Isso inclui ERP (Enterprise
hosting, que at ento atuavam exclusivamente na Resource Planning), para integrao de dados e
comercializao de espaos para hospedagem de sites, processos de uma empresa em um nico sistema; CRM
ampliaram sua oferta de servios. Hoje, agregam o SaaS (Customer Relationship Management, ou Gesto de
para atender s demandas de cada cliente. A vantagem Relacionamento com o Cliente), para automatizao das
que o usurio que contrata um aplicativo online para funes de contato com o cliente; e-commerce; sute de
determinada atividade passou a ter todo o suporte e-mail; e-mail marketing, entre outros servios.
necessrio ao funcionamento do produto. Isso tambm A Locaweb, por exemplo, j oferece, alm de
se traduz em economia de gastos. Ao usar uma empresa hospedagem de sites, softwares para diferentes

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

SaaS

* Existem diferenas
signicativas entre
computao em nuvem
e software como servio,
ainda que o segundo
seja uma variao
do primeiro por usar
cloud computing
em sua arquitetura
A questo segurana
Muitos usurios da internet
questionam a segurana de
um territrio vastamente
compartilhado. No caso do SaaS,
Alvo das gigantes \\ A IBM uma das grandes empresas que aposta no conceito SaaS para criar
solues completas sob demanda, direcionadas a pequenas e mdias empresas; a ideia reduzir custos essa discusso se torna mais
evidente, uma vez que estamos
aplicaes corporativas, que podem ser contratados de falando da contratao de um software hospedado
forma isolada ou em um pacote completo de servios em um servidor na internet, cujas informaes
que atendam s diferentes atividades e processos estratgicas do usurio esto armazenadas em
administrativos da empresa (veja o quadro Servios SaaS aplicativos e, dessa forma, expostos em rede.
da Locaweb, na pgina ao lado). Para no cair em nenhuma armadilha, a soluo a
mais simples possvel: buscar esse tipo de servio em
SaaS na empresas consolidadas no mercado. Na hora de fechar o
Locaweb \\ contrato, importante saber, por exemplo, se os seus
Empresa conta com
dados estaro disponveis o tempo todo, podendo ser
diversas solues
baseadas em acessados de todo lugar com internet e a qualquer hora
SaaS, como a Loja do dia, porm apenas pelas pessoas autorizadas.
Pronta (ao lado) e o
Verifique tambm se h mais de um mecanimo de
Mobimail (abaixo).
Tudo para facilitar a proteo e se eles so atualizados constantemente.
vida dos clientes
Limites e potenciais do SaaS
Alguns profissionais de tecnologia afirmam que o
software como servio ainda est em processo de
amadurecimento, o que limita seu uso a aplicaes
bsicas, padronizadas e que podem ser compartilhadas
por vrias empresas por exemplo, nas reas de
recursos humanos, CRM, contabilidade, entre outras.
Nesse sentido, muitos diretores de TI e CIOs garantem
que a contratao de um SaaS para atividades que no
exigem customizao a soluo mais econmica, alm
da facilidade de instalao e manuteno. J nas
aplicaes crticas, consideradas o diferencial de uma
empresa, os especialistas no recomendam o uso de um
software como servio.
A flexibilidade para trocar de aplicao, por sua vez,
tida pelos especialistas como a caracterstica que mais
ajudar o SaaS a conquistar o mercado nos prximos
anos. Essa capacidade de mudana o grande

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

SaaS

diferencial do software como servio,

em relao a outros produtos que
substituem a compra de licenas.
Desenvolvido para o ambiente da
internet, o SaaS usa padres abertos
(como Java) e arquitetura orientada a
servios (SOA). Essa arquitetura
orientada gera camadas de aplicaes
na rede corporativa, simplificando a
substituio do software. Isso
significa facilidade na integrao com
outros sistemas e, claro, na migrao
de aplicaes. Para os CIOs,
justamente o que se precisa para no
ficar amarrado a um determinado
fornecedor de SaaS.
Aqui, vale retomar algumas
consideraes bsicas e
Diferena de conceitos \\ A SaaS Showplace (www.saas-showplace.com) uma das empresas
recomendaes de especialistas da que atrela o software como servio computao em nuvem, embora os conceitos sejam diferentes
Gartner, empresa de pesquisa,
consultoria e desenvolvimento de meses, para um grupo pequeno de
tecnologia, quanto ao verdadeiro Servios SaaS usurios, em vez de instal-lo em toda
papel do SaaS conforme variaes de
uso no mercado. O texto completo
da Locaweb uma unidade de produo;
Grupos devem avaliar o uso de
Loja Pronta
est em http://info.abril.com.br/ (www.locaweb.com.br/produtos/loja- solues SaaS em mercados de
corporate/ gartner/o-papel-do-saas- pronta.html) forte crescimento, para diminuir custos
muda-segundo-o-mercado.shtml. Rene aplicativos para quem quer tcnicos de mudanas de provedores de
montar uma loja virtual e no exige
alta qualidade;
conhecimento de programao. Uma
Consideraes bsicas grande vantagem que o lojista paga Companhias que precisam reduzir
SaaS deve ser testado com tecnologias apenas pelo que vende. custos operacionais ou aprimorar a
recentes menos arriscadas e dar s capacidade de execuo de computadores
empresas uma liderana inicial; PABX e Call Center Virtual em mercados maduros devem considerar
(http://locaweb.com.br/produtos/pabx-
SaaS pode reduzir custos de a implementao do SaaS;
virtual.html)
mudanas (entre diferentes tecnologias) Oferecem as funcionalidades de uma Empresas em processo de modernizao
durante a fase de intenso crescimento central telefnica convencional, com da infraestrutura de TI, em mercados de
de um segmento, embora outros custos preo de servio mensal e controle software em declnio, devem considerar o
de mudana possam permanecer e das despesas. SaaS como uma alternativa.
at aumentar;
Email Marketing
SaaS pode diminuir gastos operacionais (http://locaweb.com.br/produtos/email- Para finalizar, deve-se ter em mente
em uma fase em que o mercado j esteja marketing.html) que existem diferenas significativas
mais maduro; D acesso pela internet ferramenta entre computao em nuvem (cloud
Durante uma crise, o SaaS pode se que cria e gerencia campanhas de computing) e software como servio,
e-mail marketing. possvel controlar
beneficiar da restrio de interesses ainda que o segundo seja uma variao
os resultados e receber relatrios em
comuns e facilitar a transio para tempo real. do primeiro justamente por usar cloud
novas tecnologias. computing em sua arquitetura. bom
Mobimail entender isso porque muitas empresas
Recomendaes (http://locaweb.com.br/produtos/ esto aproveitando a onda da nuvem
mobimail.html)
Empresas que consideram o SaaS uma para vender o SaaS como tal. Para isso,
Rene soluo de e-mail, contatos e
maneira de simplificar processos de agenda que pode ser usada a partir de mantenha-se atualizado com os
experimentao em mercados emergentes qualquer local com acesso web, diversos informes sobre o servio
de software devem dar preferncia a incluindo celulares e smartphones. apresentados na internet pelas
contratos mensais, ou de menos de seis companhias de renome no mercado.

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

pro
gra
man
do. Eliminando a
com Interveno
Humana
com Expect
Administradores de sistemas e desenvolvedores de
softwares tm grande necessidade de automatizar
tarefas ao extremo. Aprenda como fazer isso

A
necessidade de automatizar aproximarmos dessa meta
processos e tarefas algo (reduzir problemas).
natural do curso da evoluo Linguagens como: Shell,
humana. Mquinas reduziram um Python, Ruby, TCL, Lua e o
nmero expressivo de pessoas em velho e discriminado Perl, e
linhas de produo no decorrer dos muitas outras. Cada umas
anos, e sistemas de informtica dessas linguagens tem suas
substituram processos exaustivos, peculiaridades e, no que se
executados por inmeros indivduos. propem a fazer, so muito
Todo ms, voc poderosas. No existe soluo
confere neste Automatizar Tarefas nica para problemas, assim
espao um artigo Administradores de Sistemas e como doenas que muitas
tcnico do Desenvolvedores de Software vezes so tratadas com
especialista tm grande necessidade de diversos medicamentos
automatizar tarefas ao extremo, diferentes, podemos
Rogrio Ferreira
para que tenham mais controle solucionar nossos problemas
a respeito de
do seu ambiente e a informticos com uma dessas
programao, interveno humana seja cada linguagens ou com a mistura
com grande vez mais reduzida, para que de algumas delas.
enfoque em falhas provenientes de mentes
tecnologias livres exaustas e desatentas sejam Expect
aplicadas web minimizadas ou, quem sabe, Com a proposta de automatizar
eliminadas (eu sei que isso no tarefas em sistemas UNIX (eu
possvel...). diria UNIX-Like), Don Libes, um
Rogrio Ferreira, cientista de computao do NIST
inaugurou a seo de
Segurana da Revista Linux Linguagens de Script (National Institute of Standards
Magazine. Trabalha Hoje em dia, temos um and Technology), criou Expect,
atualmente no ncleo de
Outsourcing da Locaweb. arsenal espetacular de em 1990, como uma extenso
linguagens de script para uso para a linguagem de scripting
geral, que possibilitam nos TCL, para interagir com

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

Expect Programando.com

aplicaes como telnet, ftp, passwd, ssh, e outros. * Expect possui a mesma conveno de
Expect possui a mesma conveno de sintaxe que sintaxe que TCL, acrescido de comandos
TCL, acrescido de comandos especficos para a
interao com aplicaes. Expect um programa
especficos para interao com
para controle de aplicaes interativas. aplicaes. Expect um programa para
Estas aplicaes interagem por meio de um controle de aplicaes interativas
prompt e esperam que o usurio entre com
algumas teclas como resposta. Imagine os passos
na ao de mudar a senha de um usurio num Instalando o Expect e conhecendo TCL
sistema Linux: Para instalar o Expect no Debian, muito simples:

$ passwd # aptitude install expect

Changing password for user ferreira.
Changing password for ferreira E no CentOS no diferente:
(current) UNIX password: *******
New UNIX password: ******* # yum install expect
Retype new UNIX password: *******
passwd: all authentication tokens updated Aps a instalao voc pode acessar o interpretador
successfully. do Expect para conhecer um pouco sobre ele, j que
usa a conveno sinttica de TCL:
Note a interao que foi feita acima:
1. O usurio disparou o comando passwd no $ expect
terminal e teclou enter; expect1.1> puts "Alo, Brasil!"
2. O prompt esperou que o usurio digitasse a Alo, Brasil!
sua senha atual e teclasse enter;
3. O usurio digitou a senha atual e teclou enter; O comando puts usado para imprimir valores.
4. O prompt esperou que o usurio digitasse a Podemos definir uma varivel e imprimir o valor dessa
sua nova senha e teclasse enter; varivel com puts:
5. O usurio digitou sua nova senha e teclou enter;
6. O prompt esperou que o usurio repetisse sua expect1.2> set ip "192.168.0.100"
nova senha e teclasse enter; 192.168.0.100
7. O usurio digitou novamente sua nova senha e expect1.3> puts "O IP do servidor de backup eh
teclou enter. $ip"
O IP do servidor de backup eh 192.168.0.100
Um script em Expect, para executar a interveno
acima, teria a seguinte aparncia: Com o comando set possvel definir variveis,
listas e vetores. O caractere $ substitui o nome da
#! /usr/bin/expect -f varivel por seu contedo. Para definir uma lista,
set timeout -1 muito simples:
spawn /usr/bin/passwd
expect "(current) UNIX password: " expect1.4> set uf {"SP" "RJ" "RS" "PR" "MG" "AM"}
send "SUASENHAATUAL\r" "SP" "RJ" "RS" "PR" "MG" "AM"
expect "New UNIX password: "
send "SUANOVASENHA\r" Para acessar o posio 4 (sendo que o valor do
expect "Retype new UNIX password: " primeiro elemento da lista 0) da lista, usamos o
send "SUANOVASENHA\r" comando lindex seguido do nome da lista:
expect eof
expect1.5> lindex $uf 3
Ao automatizar programas interativos, voc ser PR
capaz de resolver problemas que nunca teria sequer
considerado antes. Expect pode lhe poupar horas Para acessarmos das posies 1 a 4 da lista usamos o
de trabalho. comando lrange.

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

Programando.com Expect

expect1.6> lrange $uf 1 4 spawn rsync -avz ${user}@${host}:${rdir} ${ldir}

RJ RS PR MG # Caso ainda nao tenha sido baixada a chave do
host remoto
Podemos iterar pela lista com foreach: # eh passado o yes e em seguida quando
solicitada a senha,
expect1.7> foreach estado $uf { # a mesma eh passada para o comando.
+> puts $estado # Caso a chave jah tenha sido baixada, somente
+> } a senha eh
SP # passada para o comando.
RJ expect {
RS "*re you sure you want to continue
PR connecting*"
MG {
AM send "yes\n"
expect {
Se quisermos imprimir somente o estado que "*assword*"
satisfaa nossa exigncia, podemos usar o if: {
send "${pass}\n"
expect1.8> foreach estado $uf { }
+> if {$estado == "AM"} { }
+> puts $estado }
+> } "*assword*"
+> } {
AM send "${pass}\n"
}
Para sair do interpretador, basta digitar exit: }
# Finaliza a instrucao
expect1.9> exit expect eof

Automatizando o rsync O comando spawn inicia a interao com o programa

comum compartilhar chaves entre hosts para eliminar em questo (rsync). argv uma lista que contm os
a interveno humana com o rsync, possibilitar o argumentos passados na linha de comando.
agendamento de um script no crontab, ser executado sem Agora, podemos testar o nosso script:
que o usurio tenha que digitar a senha ou yes para baixar
a chave do host remoto. # chmod +x sinc.exp
Poderamos fazer o mesmo procedimento utilizando o # ./sinc.exp "usuario" "host.exemplo.com"
Expect e eliminar completamente, e sem sombra de dvida, "/remote-dir/" "/local-dir/" "senha"
a necessidade de compartilhar as chaves entre hosts:
Caso se sinta desconfortvel em passar a senha como
#!/usr/bin/expect -f parmetro de linha de comando, voc pode coloc-lo
dentro do prprio script, ou armazen-lo dentro de um
# Define o timeout. O -1 significa que vai ficar arquivo com permisses restritas. Ou caso goste de
# aguardando uma resposta por tempo indeterminado. codificar, pode escrever um script que criptografe o arquivo
set timeout -1 de senhas e, no momento de pass-lo como parmetro
para o script, possa descriptograf-lo.
# Define as variaveis
set user [lindex $argv 0] Monitorando o SSH
set host [lindex $argv 1] Anteriormente configuramos o timeout para -1, para
set rdir [lindex $argv 2] aguardar por tempo indeterminado uma interao. Mas
set ldir [lindex $argv 3] podemos tirar proveito do timeout usando-o para checar se
set pass [lindex $argv 4] um servio SSH est respondendo ou no:
# Executa o rsync #!/usr/bin/expect -f

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

Expect Programando.com

# Define as variaveis Expect para Lua, e Ruby vem com o expect.rb. Mas existe um
set user [lindex $argv 0] projeto bem interessante no RubyForge, chamado RExpect,
set host [lindex $argv 1] que possui bem mais recursos que o expect.rb. Caso voc
set pass [lindex $argv 2] seja f de Ruby, segue um exemplo simples s para
set time [lindex $argv 3] testarmos o RExpect... Para baixar o RExpect, s ir na
# Define o timeout passado por parmetro seguinte url: http:// rubyforge. org/frs/download.php/
set timeout ${time} 12200/rexpect_beta_2.tgz. Agora basta descompact-lo e
# Executa o comando date remoto copiar os arquivos Rexpect.rb e ropen3.rb, que se encontram
# Soh para testar o ssh em inc/, para o lugar apropriado:
spawn ssh ${user}@${host} date
expect { # tar xvfz rexpect_beta_2.tgz
"*re you sure you want to continue connecting*" # cp inc/* /usr/local/lib/ruby/1.8/
{
send "yes\n" Para testar o nosso script, vamos executar um comando
expect { qualquer no host remoto s para exemplificar o RExpect:
"*assword*"
{ #!/usr/bin/ruby -w
send "${pass}\n" $expect_verbose = true
} require 'RExpect'
} prompt = /([\n\m]|^)[^\n\r]*# /m
} user = "root"
"*assword*" host_name = "host.exemplo.com"
{ pass = "@MINHASENHADEROOTSECRETA#"
send "${pass}\n" port = "2222"
} rex = RExpect.spawn("ssh #{user}@#{host_name} -
timeout {exit 1} p #{port}")
} rex.time_out = 30
# Finaliza a instrucao rex.prompt = prompt
expect eof case rex.expect_one_of( [:yes, /.*re you sure
you want to continue connecting.*/m],
Agora, podemos testar o nosso script: [:passwd, /.*assword:.*/m] )
when :yes
$ chmod +x monssh.exp rex.puts 'yes'
$ ./monssh.exp "usuario" "host.exemplo.com" rex.expect(/.*assword:.*/)
"senha" "20" rex.cmd pass
when :passwd
Se no intervalo de segundos definido como parmetro o rex.cmd pass
host responder, a varivel $? vai retornar 0: else
raise "Falha na Conexao!"
$ echo $? end
0 rex.cmd "touch arquivo_criado_remotamente"
rex.puts 'exit'
Caso contrrio, vai retornar 1, conforme definimos no
script (timeout {exit 1}): Voc poderia ter tido o mesmo resultado usando a
biblioteca net-ssh do Ruby, mas isso apenas para
$ echo $? exemplificar o RExpect.
1
Concluso
Outras implementaes de Expect Ao usar TCL/Expect, ou qualquer umas das
Existem muitas implementaes de expect, para Python implementaes de Expect portadas para dentro de algumas
temos o Pexpect, o Perl tambm possui uma implementao linguagens de script, ter excelentes resultados no seu
para Expect. Recentemente descobri uma implementao de trabalho dirio.

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

Programao Silverlight

Silverlight 4: aperte
o cinto e divirta-se
O software de animao vem melhorando e conquistando mais
adeptos a cada edio. Conhea os detalhes da mais nova verso

Por Yan Borowski Mas minhas boas referncias sobre o Silverlight no

pararam por a. No 11 Encontro Locaweb de

A
ntes de falar sobre o Silverlight 4, suas Profissionais da Internet, Ren de Paula Jr.
vantagens e novidades, necessrio contar um (@renedepaula, User Experience Evangelist da Microsoft
pouco de sua histria, mesmo porque a Brasil e colunista da Locaweb em Revista) divulgou
ferramenta ainda no to popular quanto seus informaes empolgantes sobre a ferramenta.
principais concorrentes, como o Adobe Flash. A que mais chamou a ateno foi a do HardRock
O Sl uma plataforma para RIA (Rich Internet Caf (http://memorabilia.hardrock.com), pois ainda no
Applications) que independe de browser e sistema tinha visto o quo incrvel era o DeepZoom da
operacional. Ele surgiu em setembro de 2007, com a Microsoft. Outro recurso que recomendo a observao
verso 1. Em outubro de 2008, a Microsoft liberou o RC atenta a do aplicativo para montar ambientes
da verso 2. Pouco menos de um ano depois, foi liberada panormicos 3D, chamado PhotoSynth
a verso 3 (a edio RC mais nova, em julho de 2009). (http://www.photosynth.net/).
Em dezembro de 2009, na Professional Developers comum ouvir, por parte de profissionais web, que
Conference (PDC2009), evento em que a Microsoft, a Microsoft desenvolveu o Silverlight por questes de
desenvolvedora do Silverlight, expe as novas ego. E porque a empresa no costuma usar produtos
tecnologias e planos da empresa, finalmente pude dos outros (no caso, os concorrentes Flash, Flex, AIR).
conferir a qualidade e os atributos da ferramenta de RIA. Entretanto, ao observar o Sl de perto, percebe-se que a
Isso porque a PDC2009 foi transmitida por streaming ferramenta foi desenvolvida para, prioritariamente,
utilizando Silverlight e o resultado foi excelente. oferecer integrao com os produtos j existentes do
.NET Framework. Com isso,
desenvolvedores .NET podem ter
mais opes para trabalhar com RIA
(Rich Internet Application).
Prova da interao .NET e
Silverlight que, nos ltimos trs
anos, a Microsoft tem liberado cada
vez mais frameworks para auxiliar
os desenvolvedores, seguindo e
criando novas tendncias para o
mercado de software.
Alm da interao de
ambientes de desenvolvimento, um
outro trunfo do Silverlight, que
agrada em cheio os programadores,
o fato dele ser todo enviado ao
browser como XML. Mas no s
Exemplo \\ Uma das ferramentas que mais chama a ateno no Sl4 o DeepZoom, que est presente isso. A seguir, voc confere - agora
em alguns sites da internet, como na pgina especial do HardRock Caf (memorabilia.hardrock.com) sim - mais detalhes sobre o Sl 4.

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

Silverlight Programao

O que temos de novo private void rta_MouseRightButtonUp(object

no Silverlight 4 sender, MouseButtonEventArgs e)
O Sl 4 introduz uma srie de novas funcionalidades. {
Entre muitas, as que mais se destacam so: RTAContextMenu menu = new
RTAContextMenu(rta);
Streaming Multicast: o site do PDC utilizou menu.Show(e.GetPosition(LayoutRoot));
esta tecnologia para transmitir o que estava }
acontecendo no evento de Los Angeles para o
mundo, com perfeio. Simples, no? Levando em considerao que voc
criar uma classe para ser usada em todos os seus
Webcam e Microfone: se h streaming, por que no h aplicativos, no um grande problema escrever
webcam e microfone para fazer conferncias e demais somente sete linhas de cdigo.
atividades multimdia? O Sl 4 resolve isso.
Suporte a HTML, CSS - sim, voc agora pode inserir
Exemplos: um HTML dentro da sua aplicao, Web e desktop.
Photobooth - www.silverlight.net/community/
samples/silverlight-4-beta/photobooth/ APIs - as aplicaes Silverlight passam a poder acessar
as APIs do Windows.
Scaner de Cdigo de Barras (via Webcam) - este
demo utiliza o suporte a webcam do Silverlight 4, e Na prtica
recorre ao webservice da Amazon para mostrar Na tela abaixo, h um exemplo do Rich Notepad
detalhes do livro. www.silverlight.net/community/ rodando. A seta do mouse no aparece, mas basta arrastar
samples/silverlight-4-beta/barcode-scanner/ o arquivo texto para o navegador e a aplicao interpreta
e copia o texto para a pgina.
RichText e Drag and Drop do desktop: a ferramenta O arquivo texto com as linhas de comando utilizadas
oferece suporte total a esses recursos. para realizar a tarefa pode ser baixado no endereo
www.europanet.com.br/download/locaweb/silverlight.
Exemplo:
Rich Notepad - este aplicativo mostra algumas das
novas funcionalidades para utilizao de RichText com
o Silverlight 4. Ele permite a edio de texto com
suporte a Bidi Text (incluindo rabe e hebraico). O
layout de controle pode ser tanto da direita para a
esquerda como da esquerda para a direita. Suporta
cpia do contedo para a rea de transferncia (CTRL +
C / CTRL + V), impresso e drag and drop com arquivos
do sistema para o navegador. www.silverlight.net/
community/samples/silverlight-4-beta/rich-notepad/

Suporte ao boto direito e scroll do mouse - confira

um exemplo de como habilitar o menu de contexto
(est no Rich Notepad):

public class RTAContextMenu : Dialog * O Silverlight veio para ficar.

{ Quem trabalha com .NET e
RichTextArea rta;
public RTAContextMenu(RichTextArea
aplicaes para internet est
rta) perdendo tempo em no utilizar
{ esta ferramenta, j que sua interao
this.rta = rta;
}
com outros ambientes
} da Microsoft invejvel
locaweb 57
Silverlight:W2008 16/1/2010 23:49 Page 58

Programao Silverlight

Comparativo:
Microsoft Silverlight x Adobe Flex
A discusso comum. Sempre que h uma opinio
defendendo o Flash, em seguida, ela embasada por
um comentrio do nvel de e ainda tem gente falando
que Silverlight o futuro.
Silverlight 4 , sim, o futuro. Em especial, para
usurios da plataforma Microsoft. Para quem no usa,
nesse caso, talvez o Sl no seja mesmo uma boa opo.
Um bom material de comparao, 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 prprio Ren diz
longo e muito detalhado.
Nele, o autor diz que nesta fase, se a aparncia a
sua nica preocupao, ento o Flex provavelmente ser
melhor. No entanto, se voc procura construir um
sistema voltado para negcios complexos, que se
preocupam com valores em dinheiro, ento eu penso
que o Silverlight tem uma proposta melhor.
* Para quem procura construir um
Usurios e defensores de Flex podem fazer coisas
sistema voltado para negcios
invejveis. Inclusive, quando o assunto - e a camada - complexos, que se preocupam com
referente a negcios, como acesso a banco com valores em dinheiro e demais temas
Webservices C#. So esses mesmos desenvolvedores que
rechaam o Silverlight.
delicados, ento, o Silverlight tem uma
Entretanto, est claro que cada uma das tecnolgias de proposta melhor do que os concorrentes
desenvolvimento, seja da Adobe ou da Microsoft, tem um
foco diferente. A tecnologia boa se serve para os 2010/ default.mspx). Feito isso, voc deve baixar o
propsitos de quem a usa. Para quem quiser saber se o toolkit do Silverlight 4 (http://go.microsoft.com/fwlink/
Silverlight 4 se encaixa nos propsitos profissionais ou ?LinkID=177508).Para rodar o Photobooth, ser preciso o
pessoais, o primeiro passo adquiri-lo. Expression Blend (www.microsoft.com/downloads/en/c
O desenvolvedor deve, primeiramente, ter o Visual onfirmation.aspx?familyId=6806e466-dd25-482b-a9b3-
Studio 2010 Beta 2 instalado em seu computador 3f93d2599699&displayLang=en).
(www.microsoft.com/visualstudio/pt-br/products/ As demais ferramentas disponveis esto em
http://silverlight.net/getstarted/silverlight-4-beta/#tools.
Ao executar o instalador do Silverlight 4 Toolkit,
pode-se observar a tela inicial. Logo aps clicar
em Next, o usurio ser direcionado para o termo de
aceite. Aps ler e aceitar as condies, clica-se
novamente em Next e a tela de progresso ser exibida.
Para instalar ou baixar os packs necessrios, o
instalador leva por volta de 10 minutos, de acordo com
o equipamento utilizado.

Concluso
Em resumo: o Silverlight veio para ficar. Quem
trabalha com .NET e apps para Web est perdendo
tempo em no 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 o
Silverlight 4.

58 locaweb
Projeto1:Anuncio 8/1/2010 18:21 Pgina 1
Javascript:W2008 16/1/2010 23:44 Page 60

Programao Java Script

Interao total em
pginas eletrnicas
Aprenda a criar mscaras para formulrios, rolagem de pgina mais
suave e atualizador de notcias para tornar seu site mais dinmico

Por Felipe Magalhes

O
dinamismo das pginas
algo que despontou na
dcada passada, quando
vamos algumas coisas incrveis
(para a poca). Mensagens em forma
de letreiro passando na barra de
status, caixas de comando nas quais
se digitava o nome que aparecia na
pgina so alguns exemplos de
solues de gosto duvidoso. Embora
hoje em dia parea bizarro, para a
poca, era muito atrativo.
Hoje, a interao dinmica entre o
internauta e as pginas que ele visita
evoluram e carregam. Alm do bom
MaskedInput \\ No site http://digitalbush.com/projects/masked-input-plugin/, h um plugin para
gosto ignorado de outrora, fatores
auxiliar o desenvolvedor a mascarar formulrios e aumentar a segurana de seu sistema web
que influenciam no sucesso de um
site, validao de formulrios e rolagem de pgina so Esto disponveis os seguintes formatos de mscaras:
alguns exemplos de interao entre sistema e usurio que
definem o sucesso de um site. *: aceita qualquer tipo de caractere;
Neste tutorial, so apresentados itens que podem fazer a 9: aceita somente caracteres numricos;
diferena na interao da sua pgina, tornando a visitao a: aceita somente letras.
mais agradvel ao usurio.
Quaisquer outros caracteres sero tratados como
Mscaras para formulrios complementares mscara. Por exemplo, a mscara
A validao de formulrios algo obrigatrio para a para o modelo em questo dever ser escrito da
segurana da pgina. Ela evita tentativas de burlar o seguinte maneira:
sistema e tambm o erro no cadastro de informaes
por parte do usurio. Porm, sempre bom contar com $(document).ready(
uma ferramenta que auxilie ainda mais a no ocorrncia function(){
de erros. $('#nome').mask('aaaaaaaaaaaaaaa');
Mascarar campos de grande valia neste quesito. $('#data').mask('99/99/9999',{placeholder:'_'});
Quando mascaramos um campo, ele fica com uma $('#telefone').mask('(99)9999-
mscara para dar uma noo de como o campo deve ser 9999',{placeholder:'_'});
preenchido. Para isso, em nosso exemplo, uso o plugin $('#cep').mask('99999-999',{placeholder:'_'});
MaskedInput (http://digitalbush.com/projects/ masked- }
input-plugin/) para jQuery (http://jquery.com/). );

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

Java Script Programao

Note que o nome tem um

limite de 15 caracteres (15 vezes a
letra a). Nos campos data,
telefone e CEP, foram utilizados
caracteres para auxiliar na
mscara, como / ( ) e -. O
parmetro placeholder informa o
que ser exibido no campo no
lugar dos caracteres curingas
(a, 9,*) da mscara. Caso no seja
informado, assumir por padro o
valor (que significa que o
espao ser deixado em branco).

Rolagem de
pgina mais suave
Quando se usam ncoras para
linkar partes de um hipertexto, a
barra de rolagem faz seu trabalho,
rolando at onde a ncora apontada ScrollTo \\ Quando se usam ncoras para linkar partes de um hipertexto, a barra de rolagem pode realizar seu
estiver posicionada. Com alguns trabalho de forma estilizada; h um plugin para isso em http://flesler.blogspot.com/2007/10/jqueryscrollto.html
recursos, possvel fazer uma rolagem mais estilizada,
dizendo a velocidade com que a atividade em questo $('ol > li:eq(5)').click(function(){
ser executada. $.scrollTo($('h1:eq(5)'),1325);
Para realizar esse efeito, utiliza-se o plugin ScrollTo });
para jQuery (http://flesler.blogspot.com/2007/ $('ol > li:eq(6)').click(function(){
10/jqueryscrollto.html). $.scrollTo($('h1:eq(6)'),1190);
No modelo da pasta rolagem_suave (que pode ser });
baixado no endereo www.europanet.com.br/download $('ol > li:last').click(function(){
manager/file.phpid=9, em um arquivo compactado em $.scrollTo($('h1:last'),1055);
formato ZIP), o arquivo rolagem.htm possui uma lista em });
que cada item faz referncia a um ttulo do texto exibido, $('span').click(function(){
bastando clicar no item desejado para rolar do topo do $.scrollTo('0px',500);
texto em questo at o ttulo referente. });
}
$(document).ready( );
function(){
$('ol > li:first').click(function(){ Repare que para cada um dos li existentes dento da
$.scrollTo($('h1:first'),2000); lista ordenada (ol) foi configurada uma ao de
}); scrollTo, dizendo qual o destino da rolagem e a
$('ol > li:eq(1)').click(function(){ durao do efeito.
$.scrollTo($('h1:eq(1)'),1865); Por fim, tambm configuramos para que os spans
}); existentes na pgina faam referncia para o topo dela.
$('ol > li:eq(2)').click(function(){ Dessa forma, o usurio pode navegar de volta ao ndice
$.scrollTo($('h1:eq(2)'),1730); do documento.
}); Muitos portais j fazem uso deste recurso,
$('ol > li:eq(3)').click(function(){ principalmente pginas que so arquitetadas
$.scrollTo($('h1:eq(3)'),1595); horizontalmente, como orientao paisagem.
}); Para que se navegue em pginas nesse formato
$('ol > li:eq(4)').click(function(){ ousado, feito o uso consciente da rolagem com
$.scrollTo($('h1:eq(4)'),1460); suavizao. Assim, a arquitetura inovadora age tambm
}); como um mecanismo de usabilidade.

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

Programao Java Script

Datepicker (Calendrio) Como cada pas tem seu prprio cdigo, h uma dica
O preenchimento de campos de data um dos valiosa: visitar a pgina do jQuery UI para consultar a
pontos em uma pgina que, por muitas vezes, peca no documentao (http://docs.jquery.com/UI/Datepicker,
conceito de usabilidade. Cada pas tem seu formato que a documentao especfica do componente
predileto de tratar datas: formato dd/mm/yy, datepicker), o que pode facilitar a vida do desenvolvedor.
dd/mm/yyyy, yy-m-d (no qual d corresponde a dia, m a
ms e y refere-se a ano) e por a vai. Troca de notcias
Com o uso de calendrios, fica mais fcil para o Muitos sites de notcias e portais utilizam este
usurio informar a data desejada. Afinal, basta a pessoa recurso. A troca de notcias exibida de vrias maneiras:
selecionar a data desejada. Por consequncia, os dados em algumas pginas com o nmero da notcia. Em
so formatados da maneira que o desenvolvedor deseja outros, somente com botes de pause e play.
atravs de jQuery. Em nosso exemplo, usaremos uma troca de cinco
Para esse recurso, o indicado o datepicker nativo notcias (como ocorre no site da Locaweb, em
da prpria coleo jQuery UI (http://jqueryui.com/demos). www.locaweb.com.br/default.html), com a possibilidade de
Confira o cdigo abaixo, que mostra um exemplo da clicar na notcia desejada. Isso pede que a troca de notcias
funo calendrio. seja pausada em um intervalo determinado de tempo. O
cdigo que realiza tal tarefa segue abaixo: (os demais
$(document).ready( arquivos esto disponveis para download no endereo
function(){ www.europanet.com.br/downloadmanager/file.phpid=9.
$('#calendario').datepicker({
showOn: 'button', var atual = 1;
buttonImage: var t;
'../images/calendar.gif', function giraNotica(){
buttonImageOnly: true, t = setInterval("proximaNoticia()",2500);
changeMonth: true, }
changeYear: true function proximaNoticia(){
},$.datepicker.regional['pt-BR']); for(i = 1;i <= 5; i++){
} $('#noticia' + i).css('display','none');
); $('#rodape' +
i).removeClass('caixaAtiva'); $('#rodape' +
O calendrio possui, entre outras possibilidades, a i).addClass('caixaInativa');
capacidade de especificar o formato de data que ser }
apresentado no campo, quando a data for selecionada. Isso $('#noticia' +
configurado por meio do $.datepicker.regional['pt-BR']). 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);
}

jQuery UI \\ Consultar a http://docs.jquery.com/UI/Datepicker, Com isso, cria-se um ponteiro para dizer qual notcia
documentao do componente datepicker pode ser til ao webmaster est em destaque atualmente, e tambm uma varivel

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

Java Script Programao

para armazenar o disparo do chamado prxima modalWindow.content = " (<span

manchete, atravs de um intervalo determinado. Note style='cursor:pointer;'
que o 2 parmetro da funo setInterval a quantidade onclick='closeMyModal();'>fechar</span>)<iframe
de tempo (em milissegundos, ou seja, 1000 = 1 segundo) width='480' height='405' frameborder='0'
que o script aguardar at trocar o destaque para a scrolling='no' allowtransparency='true' src='" +
prxima notcia. A funo que faz a troca do destaque source + "'>&lt/iframe>";
para a notcia seguinte manipula dois objetos da pgina: modalWindow.open();
as notcias e o rodap, que aponta o ndice da notcia };
atual. A troca de classes feita atravs do jQuery, com function closeMyModal(){
addClass e removeClass. Quando o contador (varivel $(".modal-window").remove();
atual) chega a 5, ele precisa retornar a contagem do $(".modal-overlay").remove();
incio. Para isso, realizamos a condicional com operador };
ternrio: atual = (atual == 5 ? 1 : atual + 1);
A funo responsvel pela pausa da troca de notcia Note que, por padro, o contedo da janela modal
ativada quando clicamos em um dos nmeros para um iframe contendo a url passada como parmetro para a
trazer a notcia referente a ele. Neste exemplo, a pausa funo openMyModal. Este arquivo pode ser trabalhado
de 4 segundos (estipulado no setTimeout). O efeito de de forma a se criar uma div e carregando o contedo
pausa caracteriza-se pelo cancelamento da execuo do atravs de Ajax. Lembre-se que esta apenas uma das
setInterval (usando o clearInterval) e a execuo de um muitas possibilidades de se trabalhar com este recurso.
cdigo que torne a chamar o setInterval depois de um Cada desenvolvedor tem seu framework predileto e sua
determinado tempo. Tendo isso como base, basta agora prpria maneira de trabalhar. Com esse exemplo bsico,
botar a criatividade para trabalhar e elaborar a troca da agora s trabalhar o uso dele em sistemas web ou at
maneira que mais lhe agradar. mesmo em uma pgina comum, como faz, por exemplo, o
GloboEsporte.com, que utiliza janelas modal para exibir o
Modal (Lightbox) resultado da votao de suas enquetes.
Quem trabalhou com desenvolvimento desktop Claro que existem muitos outros recursos que a
muito provavelmente entende exatamente o conceito evoluo do trabalho com javascript permite hoje em
de modal. Quando as primeiras lightboxes surgiram, dia, ento, no se atenha somente s 5 facilidades
eram usadas para galeria de fotos. Inicialmente, exibidas nesta matria.
exibia-se somente uma foto. Depois, foram Pesquise, busque referncias, navegue e estude, pois
incrementando botes de navegao, rtulos nas fotos. h muita coisa boa espalhada pela internet. Quanto
Assim, pode-se notar que a div carregada uma camada mais se conhece, mais se pode manipular os objetos, os
acima da pgina, deixando o contedo dela em segundo projetos e as pginas em busca de uma nova soluo
plano, poderia ser utilizada para outros objetivos. Hoje que seja til, criativa e usvel.
em dia, existem sistemas web-based que, para passar
uma maior impresso de desktop, utilizam a lightbox
para montar uma janela modal. O conceito de modal
nada mais do que uma janela que, quando aberta,
bloqueia o acesso a todo o restante do sistema. Para
voltar a utilizar o sistema, deve-se encerrar a janela
modal (ou fechando-a, ou enviando o formulrio que
existe nela).
Para este exemplo, utilizamos um modelo bsico de
modal (http://deseloper.org/examples/modal-simple/),
exatamente para que possa ser adaptado a qualquer
necessidade em sua pgina:

var openMyModal = function(source)

{
modalWindow.windowId = "myModal";
modalWindow.width = 480; GloboEsporte.com\\ Site esportivo utiliza janelas modal para diversas
modalWindow.height = 405; tarefas interativas, como exibir o resultado da votao de suas enquetes

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

opinio/articulista

e-business
Alexandre Bacci
Coordenador de Vendas
na Locaweb
[email protected]

Nosso negcio
antecipar o futuro
Todos os servidores da Locaweb contam com processadores de ltima
gerao, que garantem mais desempenho e menor consumo de energia
Com o objetivo de trazer o futuro para o Por tudo isso, os novos processadores usados nos
presente, a Locaweb acaba de inovar sua servidores da Locaweb repassam aos clientes a
estrutura. Todos os servidores da empresa agora possibilidade de aproveitar essas novas tecnologias com
contam com os novos processadores da gerao Xeon valores muito competitivos e interessantes. O gerente
5500 Nehalem da Intel, o Core i7. Com esse upgrade, a comercial da empresa, Roberto Rozon, refora isso ao
ideia oferecer ainda mais performance e estabilidade dizer que estamos com uma linha de servidores
ao cliente graas arquitetura de 8 ncleos, excelente, com condies nicas no mercado.
praticamente 120% melhor que a de um quad-core muito importante trabalharmos junto ao cliente.
comum. Dessa forma, a Locaweb mantm em voga o Assim, h um entendimento de ambos os lados em
pioneirismo que sempre foi um dos principais relao a quais servios iro agregar mais valor ao seu
adjetivos da empresa. negcio. Isso sim uma parceria de verdade, que atua
Colocar isso disposio do cliente antecipar o em conjunto para encontrar as melhores solues.
futuro, trazer para a realidade do dia a dia as vantagens Comprometida com os clientes, a Locaweb tem
que podem agregar valor ao core business. Afinal, como misso oferecer servios de hosting, tais como
performance e estabilidade significam aumento de Hospedagem de Sites, Servidor Dedicado, E-mail,
produo, e a diminuio de riscos interfere de maneira Revenda, Streaming, Email Marketing, Registro de
positiva nas decises dos gestores. Domnios, Comrcio Eletrnico, Sala Cofre, PABX
Vale ressaltar que, de quebra, essa tecnologia gera Virtual, Cloud Computing e, inclusive, Outsourcing. Por
uma queda importante de at 40% no consumo de isso, procuramos estreitar relaes por meio de uma
recursos de energia. Desse modo, reduz o desperdcio e reunio comercial na Locaweb ou no cliente, para que
faz com que o sistema seja mais sustentvel, uma das possamos esclarecer dvidas, entender qual o melhor
prticas pregadas pelo GreenIT, tendncia que devemos caminho a seguir e o que se enquadra mais no perfil de
seguir com o mximo de ateno possvel. cada caso, oferecendo o melhor investimento-benefcio.

64 locaweb
Projeto2:anuncio 18/1/2010 16:17 Pgina 1
Locavip20:W2008 1/2/2010 16:22 Page 66

parceiros/locaweb

locavip
Conhea aqui alguns dos principais clientes vips da Locaweb

* Estamos com a Locaweb

desde o incio e sempre
fomos bem atendidos em
nossas necessidades de
crescimento (seis upgrades
em menos de dois anos).
Suporte gil, pr e ps-venda diretos ao
ponto e capacidade tecnolgica
incomparvel provam, a cada dia, que a
Locaweb a escolha certa.
Eu Vou Passar
Joo Antonio, idealizador do site Eu Vou Passar. www.euvoupassar.com.br

* A Viabus uma
empresa gil, moderna e
transparente. Escolhemos a
Locaweb justamente pela
sinergia de valores. Alm
disso, a empresa foi a nica
que entendeu, desde o incio, o nosso
negcio, fornecendo, por meio de sua
equipe, as melhores solues para as
Via Bus
nossas atividades.
www.viabus.srv.br Fausto Miniuchi, CEO da Viabus Logstica.

* A Locaweb sempre
manteve uma postura de
parceiro. Isso ocorre desde
o comeo, quando
usvamos apenas o servio
de hospedagem de sites
em servidores compartilhados, at hoje,
que temos nove servidores dedicados de
alta disponibilidade. Isso nos ajuda a
manter um alto nvel de conabilidade. Mimtica
www.mimetica.com.br
Bruno Freixo, scio-diretor da Mimtica

66 locaweb