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

6 locaweb
Entrevista:W2008 1/2/2010 15:15 Page 7
ups podem ser estticos ou estarem
dentro da aplicao em ambiente de
testes. A ideia, porm, ir do papel para
o browser o mais rpido possvel. A
partir da, mais fcil ver as coisas que
voc no conseguiria trabalhar usando
papel ou Photoshop. O processo fica
interativo, com pequenas melhorias at
que se chegue a algo realmente bom.
LR Recentemente, voc demitiu o
Photoshop de sua vida. Como isso
mudou seu trabalho?
JZ No diria que demiti o
Photoshop, mas definitivamente mudei
a maneira de us-lo. Antes de entrar na
37Signals, trabalhava em sites para
clientes e fazia parte do contrato
recorrer ao Photoshop. Essa
abordagem gerava uma direo slida
para seguir em frente, mas limitava o
processo criativo. Afinal, h coisas que
no podem ser vistas enquanto o
design no est no browser. Podem ser
interaes estranhas que no so
visveis at clicar nelas. Por isso,
explorar as ideias no browser virou
meu modo de trabalho preferido.
LR Esse mtodo ganhou mais
espao a partir do momento em que
entrou na 37Signals?
JZ Na 37Signals, ns realmente
acreditamos nos mtodos Getting Real.
Poderia ganhar tempo usando o
Photoshop, mas realmente prefiro
trabalhar no browser usando cdigo. S
assim podemos clicar, reescalar e
realmente sentir o que est sendo
desenvolvido. Na maioria das vezes,
trocamos ideias com simples rascunhos
e depois partimos para a aplicao a
fim de experiment-la. Nesse processo,
o Photoshop entra na jogada apenas
quando precisamos de um modo mais
rpido de ver e avaliar uma abordagem.
LR Ento voc ainda sente um
pouco de falta do programa?
JZ No muito. Eu ainda uso o
Photoshop, mas apenas mais uma
ferramenta. fundamental no
* Certos elementos no
podem ser vistos enquanto
o design no est no
browser. Podem ser
interaes estranhas que
no so visveis at clicar
nelas. Por isso, explorar as
ideias no browser o
melhor jeito de trabalhar
compor apenas para agradar seu
gosto. O trabalho que estou
empolgado para ver funcionar no
browser, ento, quanto antes meu
processo me levar para l, melhor.
LR Quais so as ferramentas que
voc usa para encontrar problemas
de experincia do usurio?
JZ No existem ferramentas ou testes
especficos. So raros os dias em que
no trabalhamos para melhorar nossas
aplicaes, seja na parte de design, seja
em servios para o cliente. Facilidade de
uso, clareza e prazer so coisas que
esperamos de nossos produtos. Isso no
apenas no mundo dos designers. Na
37Signals, todos esto envolvidos em
usar, apoiar e melhorar os produtos.
Desde o pessoal do suporte at os
scios da empresa. Todos esto sempre
com um olho na usabilidade.
LR Onde voc busca inspirao?
JZ Em vrios lugares,
mas nenhum em
particular. Eu realmente
no procuro inspirao,
tento identificar quando
ela me encontra. O que
aprecio no trabalho dos
outros sinceridade,
clareza e beleza, essas
pequenas coisas que
parecem inteligentes,
criativas e so
adorveis. Voc
consegue perceber Portflio \\ Uma das telas criadas pelo designer, que recomenda a
quando um produto anlise constante de sites como mtodo de aprendizado para cri-los
Entrevista
feito por algum que realmente o adora
e que atrai as pessoas. Procuro esses
pequenos momentos em produtos,
filmes, msica, qualquer coisa que
esteja ligado de alguma forma. Tento
imaginar o que foi pensado durante a
produo e como foi criado. So esses
pequenos momentos que me ajudam a
reproduzir situaes para os outros.
LR Quais so seus sites favoritos?
JZ Visito sites mais pela utilidade do
que simplesmente pelo design, por isso
gosto dos que funcionam bem e
permitem que eu entra e saia
rapidamente. Gosto da pgina de
notcias daCNN.com. As abas de
contedo de mdia so bem-feitas e os
destaques da notcia, no topo de cada
artigo, so uma tremenda inovao.
Muitas vezes tudo que eu preciso para
saber o que quero em uma reportagem.
Adoro tambm o design e o esprito
geral doEtsy.com. Tenho muito respeito
por pessoas que fazem coisas com as
prprias mos. No sou muito f de
galerias de design, masSiteinspire.net
se destaca como uma que realmente
tem voz. bem desenhada. No
consigo me imaginar comprando sem
recorrer Amazon.com. Adoro algumas
das coisas que esto fazendo no
Behance. Muito bom, visual limpo.
Threadless mais um favorito. Tem
timo design e uma impressionante
comunidade. Todos podem servir de
referncia para quem est comeando.
locaweb 7
Emails:W2008 2/2/2010 13:33 Page 8
e-mails
ASP e a
manipulao
de imagens
O ASP pode manipular
imagens de modo que,
ao enviar uma imagem
por meio de upload, ela
seja redimensionada
de forma a criar um
thumbnail com tamanho
j definido pelo site?
E isso possvel sem
utilizar componentes
do servidor?
Cleverton - - Por e-mail
Ao contrrio do PHP,
o ASP bastante
limitado no que diz respeito
manipulao dinmica de
imagens. A sua nica opo
para implementar a soluo
que voc deseja mesmo
pelos componentes. Mas
voc pode baixar alguns
deles gratuitamente da
Google \\ Hoje em dia, no mais necessrio cadastrar seu site em centenas de mecanismos de busca e basta
estar na web para ser encontrado em search engines; h, entretanto, dicas para aparecer melhor nas ocorrncias
8 locaweb
internet, como o GFL, que
voc encontra no endereo
www.xnview.com.
Servidor
sem IP fixo
Gostaria de saber como
montar um site sem
precisar de IP fixo.
Daniel - Por e-mail
Uma boa dica usar o
programa DNS2GO
(dns2go.deerfield.com). Com
ele, voc no precisa comprar
um nome de domnio nem ter
um IP fixo para que seu
servidor tenha um endereo
na Internet. Com ele voc
pode registrar um domnio do
tipo seudominio.dns2go.
com. Esse endereo vai
apontar para o IP da
mquina, pois toda vez que
ele mudar o software atualiza
o servidor de nomes.
//Envie seu e-mail
Se voc tem alguma dvida, sugesto ou
crtica, entre em contato com nossa redao
pelo e-mail locaweb@europanet.com.br.
Gravao de
videoaulas
Sou professor de
informtica e usava o
Screencam para gravar
pequenas aulas. Com o
meu novo sistema
operacional, entretanto, o
aplicativo no funciona
mais. Gostaria de saber se
vocs indicam um bom
soft para fazer isso.
Antonio Lins - Por e-mail
Um programa
que altamente
recomendado para a tarefa
o Camtasia Studio, que gera
arquivos pequenos e permite
a incluso de narrao. Voc
pode encontrar mais
informaes sobre o Camtasia
Studio, no site oficial da
ferramenta, em
www.techsmith.com/
camtasia.asp.
Sites de
Busca
Gostaria de uma dica
sobre como eu fao para
cadastrar um site em mais
de 3 mil sites de busca
gratuitamente. J tentei
pesquisa na web, mas no
estou conseguindo fazer
nada do que li. Gostaria
de uns macetes sobre
esse assunto.
Alosio Sans - Por e-mail
Esse procedimento de
cadastramento em
milhares de sites de busca
ficou ultrapassado hoje em
dia. Isso porque a maioria
das buscas no so feitas em
sistemas de diretrios em
que preciso fazer
manualmente a inscrio dos
sites, com o antigo Yahoo!.
Agora, o mtodo mais
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
indica como criar websites
que apaream com destaque.
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.

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

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
quantidade de tweets vem
aumentando a cada dia.
Evan Williams, CEO do
Twitter, disse em um tweet
na noite de 12 de janeiro:
em todas as mtricas que
importam, ontem foi o dia
que o Twitter foi mais
usado (e hoje vai ser maior
ainda). Evan no revelou
quais so as mtricas, mas
pode-se presumir que ele
est falando sobre o
volume de tweetadas
(posts no twitter), que
certamente maior que os
usurios ativos
do Twitter.
Ento, por que
sites de mtricas
(como Compete e
Quantcast)
mostram a curva de
crescimento do
Twitter estvel? A
reposta pode ser
simplesmente que
os usurios esto
acessando o site de
Para o alto e avante \\ Evan Williams, CEO do Twitter, apontou o
outras formas, e dia 12 de janeiro como recordista de uso da ferramenta de microblog
no mais via web
pelo Twitter.com, Ainda assim, possvel 2009, mas aqueles que se
como por telefones que o Twitter no cresa apegaram ao servio o
celulares ou clientes na mesma velocidade do usam de forma mais ativa
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
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.
O plano inicial que o sistema
desembarque oficialmente a partir do
segundo semestre de 2010 e seja
muito prximo do Android, sistema
do Google que equipa smartphones e
telefones celulares de ltima gerao.
O Chrome OS, pelo que se pde ver
at agora, em apresentaes pblicas e
por meio de beta-testers e porta-vozes
do Google, ser baseado em abas e
possibilitar fcil acesso internet e aos
sistemas web do Google, como
YouTube, Docs - pacote de aplicativos
online da empresa - e Gmail.
Entretanto, o sistema operacional
no somente privilegiar os sistemas
de internet da empresa, haver a
necessidade de um mero clique para
acessar sites como Twitter, Facebook ou
games online.
Outra marca registrada do Google
estar presente no Google Chrome, de
acordo com os esboos e telas
apresentados at agora. Trata-se do
modelo de buscas, tanto internas no
20 locaweb
Esboo \\ Em parte da
apresentao do Chrome OS, o
Google resolveu mostrar
desenhos de como idealizou o
projeto; isso j havia ocorrido
com o lanamento do
navegador da empresa
computador quanto online. Pelo que se
pode ver at aqui, com produtos como Google, a interface do sistema ser
Google Desktop e a search engine web
do Google, este afiado sistema de
indexao responder em tempo real e o Windows Vista e o Linux Ubuntu.
conseguir localizar documentos
diversos instalados no computador ou
armazenados em plataformas web da
empresa, como no Gmail.
A interface principal do sistema
operacional ser a mais limpa possvel,
outra marca registrada da empresa. Os
cones dos programas ficam colocados
na parte superior do sistema, que ser
gratuito. Os menus, em geral, ficam
escondidos sob um boto semelhante
ao famoso Iniciar do Windows, que
pode ser o responsvel por ordenar e o
ponto de partida das aes.
Ficha Tcnica
Nome e verso: Chrome OS
Desenvolvedor: Google Inc.
Licena: Freeware
Tamanho: No fornecido
De acordo com as informaes do
semelhante ao navegador Chrome,
porm mais rpida e inteligente do que
O boot do sistema realizado em
7 segundos e, para utiliz-lo, o usurio
faz um login com sua conta do Google
e, instantaneamente, consegue acessar
o que necessitar.
Para quem quiser brincar com o
novo sistema operacional ou fazer
experincias, o cdigo-fonte do OS est
disponvel no site do Chromium, brao
de desenvolvimento de cdigo-aberto
de plataformas ligadas ao Google. O
download pode ser feito em
http://src.chromium.org. Ao lado, mais
detalhes sobre o Chrome OS.
Preview_CHOS:W2008 16/1/2010 23:45 Page 21
A interface
1 4
2
1 WEB
Obviamente, o Chrome OS ter
uma forte ligao com a web.
Assim que for iniciado - em sete
segundos, segundo o Google - o
usurio digita login e senha das
contas do Google e, imediatamente,
tem acesso aos seus principais
servios web. Na captura acima,
possvel ver que aplicativos online
do Google, como Gmail ou
calendrio, esto em destaque.
Mas, mesmo assim, h espao
para plataformas web de outras
empresas, como o Twitter e o
Yahoo!, um dos principais
concorrentes da empresa.
2 NAVEGAO
A navegao do Chrome OS feita
por abas e botes simples. Com a
interface limpa, o usurio poder
escolher o que quer no menu
principal e o que no quer que
seja exibido sempre, de acordo
com suas necessidades. No
quesito abas, o sistema, que a
cara do navegador Chrome, o
mais limpo possvel.
Alm de abas e de um menu
discreto, ser possvel navegar por
meio da barra de pesquisas.
Semelhante ao que ocorre com o
esperto farejador do Vista, as
respostas do Chrome OS so
rpidas, mas levariam em conta
no s o ambiente desktop
como o web. Isso ocorre no
Google Desktop, que pode
ser personalizado para realizar
buscar dentro do PC e online ao
mesmo tempo.
3 GOOGLE
A dependncia do Chrome OS
com a internet - e por conseguinte
com o Google - parece ser
enorme. Nas imagens de
divulgao, assim como na
coletiva em que o sistema foi
desvendado, percebeu-se que
para notebooks sem conexo
com a rede o sistema perde
quase 90% do atrativo.
Preview
* Acer, Adobe, ASUS, Hewlett-Packard,
Freescale, Lenovo, Qualcomm, Texas
Instruments e Toshiba so algumas das
companhias que do suporte ao
desenvolvimento do Chrome OS
gratuito e bastante rpido, mas Como se no bastasse ter
depende muito da web para ter conseguido reforo de peso no
alta serventia. fomento ao seu sistema Android,
que equipa smartphones (TIM e
4 NUVEM HTC esto com o Google), o
Confiando plenamente em seu Chrome acompanhado de perto
preceito de computao em por empresas como Acer, Adobe,
nuvem, as informaes principais ASUS, Freescale, Hewlett-Packard,
do Chrome OS, que gira em torno Lenovo, Qualcomm, Texas
dos servios, ficam armazenadas Instruments e Toshiba.
na rede. Login e senha so
imprescindveis para que o OS,
baseado em uma plataforma Linux,
funcione plenamente.
5 COMPANHIA
O Google no est sozinho no
desenvolvimento e fomento
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.
Para ficar por dentro do
esquema, importante observar
que as regras para se ter um canal de vdeos bem-
-sucedido no YouTube so as mesmas a serem
adotadas durante a criao de um bom blog.
Atualizao diria, primor na escolha dos vdeos e
imagens criativas para o canal devem fazer parte do
processo, enumera Pollyana Ferrari, consultora web
em arquitetura da informao e mdia social.
Outro fator a ser levado em considerao que o
contedo dos vdeos tem de ser bastante pensado e
F na ferramenta \\ Vaticano usa a ferramenta para renovar a postura
comunicacional e a imagem da entidade, tida como atemporal e retrgrada
Canais personalizados \\ Empresas, meios de comunicao, artistas dos mais variados segmentos
e at mesmo a monarquia inglesa exploram canais personalizados no YouTube (www.youtube.com)
trabalhado antes de subi-lo para o YouTube. preciso
ter algo para compartilhar, trocar com o pblico.
Parece redundante, mas vlido ressaltar que
necessrio ter bons vdeos em mos, pois muita
gente cria canais do nada e, depois, no tem o que
postar. Claro que perdem o sentido e deixam de ser
acessados, explica Pollyana.
Como todo mecanismo de comunicao na
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
ferramentas de comunicao. Neles, publicam
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
A rede
social mais
comentada
do momento...
...e que no para
de crescer
O Facebook surgiu justamente
quando as previses apontavam
para o enfraquecimento das
mdias sociais da web e,
mesmo assim, transformou-se
na rede mais popular do
mundo. Agora, atrai empresas
e marcas que enxergam na
ferramenta a oportunidade de
criar um relacionamento
duradouro com o pblico
Facebook
Por Luciano Delfini
F
ontes respeitveis como o website Social Media Today
(http://socialmediatoday.com) apontam para um total
de mais de 300 milhes de perfis registrados em todo o
mundo. Com esse nmero nada tmido, o ano de 2009 se
encerrou de maneira incrivelmente positiva para o Facebook,
rede social fundada em 2004 por Mark Zuckerberg, Dustin
Moskovitz e Chris Hughes, poca, alunos da Universidade de
Harvard. E 2010 promete muito mais, graas ao fato de as
empresas enxergarem na ferramenta uma oportunidade nica
para estreitar o relacionamento com o pblico.
Nesse cenrio, o Brasil tem um potencial espetacular j
que por aqui, ainda que os nmeros globais impressionem
quando se leva em conta a pouca idade do site, o Facebook
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
4 milhes de fs em seu perfil
na rede social, considerada
pelos analistas de mercado
uma das melhores pginas
empresariais do Facebook por
no abusar do sentido
corporativo da iniciativa
primeira grande rede social online a bombar na internet,
e que conta com mais de 27 milhes de cadastros no Pas.
A boa notcia que, se depender da velocidade dos
ventos que conduzem o Facebook pelo mundo, os
nmeros brasileiros tendem a crescer muito nos
prximos meses. Isso porque a rede social tem
conseguido atrair cerca de 50 milhes de novos perfis a
cada dois meses, tambm segundo fontes da internet
como o site Mashable, The Social Media Guide
(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
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
esperava dessas redes sociais,
nascidas com propsito
estritamente pessoal, era o seu
poder de atrao junto ao mundo
corporativo. O raciocnio parece
muito simples. Marcas e produtos
s sobrevivem se houver clientes.
Onde esto muitos desses
consumidores hoje em dia? Na
internet, claro! Conectados ou no
a uma rede social ou a qualquer
outro tipo de plataforma da web.
Grandes empresas e suas
marcas nunca deixaram de transitar
pelo territrio online. Desde os
primrdios da internet, muito se
investiu em sites, portais e outros
endereos que oferecessem um
canal de divulgao de produtos e
servios. No entanto, a web deixou
de ser apenas uma vitrine imvel e
congelada no tempo, at porque,
se assim se mantivesse, certamente
Facebook
Coca-Cola \\ Empresa considerada um exemplo no modo como entende as redes sociais e as usa para
alcanar o pblico; o trunfo falar a lngua dos usurios e no abusar do jargo corporativista na web
//NOVO ORKUT no conseguiria sobreviver. Ao contrrio, os usurios
Para tentar conter o passaram a estabelecer o que pode ou no ser
crescimento do Facebook relevante no universo da grande rede. Nesse contexto,
ou, pelo menos,
interesses, anseios, demandas e necessidades de cada
equilibrar as coisas ao
redor do mundo, o Orkut um se transformaram em pontos de partida de
resolveu se mexer. diversas iniciativas na internet. Interagir com o pblico
Depois de anos parado, virou o elemento mais criativo da ainda jovem
no final do ano passado, ferramenta tecnolgica.
a rede social mais
A partir dessa percepo, as empresas comearam
popular do Brasil e que
gerenciada pelo Google a investir na criao de perfis em sites de redes que
lanou a verso Novo sociais, como o Facebook, uma vez que esse tipo de
Orkut da ferramenta. As plataforma vem se consolidando como forte canal de
novidades so interao com os usurios da web, podem se
atualizaes e
converter em potenciais consumidores. E hoje o que
comentrios em tempo
real, opes de se v um crescimento significativo do nmero de
personalizao e mais comunidades que vo se formando sob a estrutura
uma srie de perfumarias de uma corporao, suas marcas e seus produtos.
que parecem ter sido A diferena em criar um perfil nesses moldes,
copiadas do seu principal
com o objetivo de formar uma comunidade ao
concorrente: Facebook.
O Novo Orkut requer seu redor, est no fato de que o espao no
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
uma enquete, no ano passado,
em seu perfil no Facebook, para
saber qual momento da carreira
do ex-jogador de basquete
Michael Jordan o preferido do
pblico. Mais de 8 mil pessoas
responderam pesquisa
5
mil so
fs do
Starbucks
30 locaweb
Isso mesmo que o alvo final seja sempre o retorno
comercial, independentemente do tamanho da
companhia e da rea em que atua. Para atingir esse alvo,
preciso, antes de tudo, estabelecer um relacionamento
com os usurios da web. Isso inclui promover discusses
em torno de um tema de interesse do grupo, divulgar
campanhas e promoes, relacionar dicas teis para o dia
a dia com seus produtos, desenvolver enquetes e
pesquisas de opinio, e por a vai. Tudo isso tendo em
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.
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
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
Perfis criativos
O mais interessante nesse
contexto, segundo o colunista do
Social Media B2B, analisar como as
empresas trabalham seus perfis na
rede social, para que pessoas que
nunca se identificaram com sua
marca ou seus produtos se
tornem membros da comunidade.
Em seu perfil no Facebook, a
fabricante de computadores Dell,
por exemplo, sugere uma relao de
fatores, descrita por seus fs ativos,
para que o usurio da rede social
tambm se torne um f da empresa,
que hoje conta com quase 52 mil
membros na comunidade. Segundo
Jeffrey, o cerne da questo
despertar o interesse para outras
formas de mdia social que possam
abrir caminhos para a construo de
um relacionamento entre empresa e
usurios da web. Isso inclui agregar
valor ao contedo da pgina, ao
servio de atendimento ao
consumidor e, claro, s oportunidades
de ofertas especiais, muitas
dirigidas exclusivamente aos
membros da comunidade.
O grupo Ernst & Young, um dos
gigantes do setor de auditoria e
consultoria corporativa, criou seu
perfil no Facebook quando a rede
social ainda se restringia a um grupo
de estudantes universitrios. O
objetivo inicial era usar a ferramenta
para recrutamento, no mercado de
trabalho, de jovens nas
universidades. Sua pgina cresceu
junto com a popularizao do site e
hoje j tem quase 35 mil fs na
Facebook em 2010
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
Facebook este ano. Confira algumas delas.
Em agosto, o Facebook explorou a
ferramenta FriendFeed, um agregador de feeds
que consolida as atualizaes das mdias
sociais. Exemplo disso a funo Gosta
disto. Em 2010, haver mais FriendFeed na
rede(http://friendfeed.com/);
O Facebook muniu-se ainda de um motor de
busca em tempo real, que classifica as
atualizaes de status, mdia e outros feeds de
notcias nos ltimos 30 dias. A rede social vai
continuar a explorar esta funcionalidade em
2010. O Google dever ganhar companhia;
Este ano, o Facebook seguiu em direo
integrao no resto da web com o Facebook
Connect, o que tornou seu contedo
pesquisvel. Em 2010, vai continuar a
integrar-se no vasto territrio da internet
(http://developers.facebook.com/connect.php);
A rede social lanou uma verso
simplificada e mais adaptada navegao via
celular para chegar a mais usurios o
Facebook Lite. Em 2010, so esperadas mais
inovaes do gnero, verses mveis e outras promoveu em sua pgina no
ferramentas, como o localizador de amigos no
Orkut, para ampliar a presena global do
Facebook na net (http://lite.facebook.com/);
O Facebook j admitiu a inteno de
avanar com um servio PayPal incorporado
ao Facebook Connect para pagamentos em
sites independentes, sobre os quais ficaria
com uma pequena porcentagem em cada
transao. O site Mashable acredita que 2010
ser o ano. Por outro lado, usurios de redes
sociais como Facebook e Twitter devero se
tornar o principal alvo de hackers neste ano.
Nesses casos, os cibercriminosos se
escondem em endereos de amigos dos
usurios para enviar links com vrus.
Particularmente no Twitter, as URLs
abreviadas facilitam ainda mais o trabalho de
hackers, que encobrem os links e os
direcionam a sites maliciosos.
Facebook
comunidade. Analistas do Social
Media B2B chamam ateno
para pequenas mudanas que podem
fazer toda a diferena em um perfil
do Facebook, como ocorre na pgina
da empresa de auditoria. Ali, o
visitante encontra boxes com
diferentes contedos no lugar da
tradicional tabela que mostra o
nmero de seguidores.
Locaweb no Facebook
Seguindo a tendncia de
mercado, a Locaweb tambm
mantm um perfil na rede social
mais badalada do momento.
Segundo Douglas Camargo,
responsvel pela presena da
empresa no Facebook, a proposta
interagir com o cliente e oferecer
promoes e informaes exclusivas.
Em janeiro deste ano, a Locaweb
Facebook um concurso em que o
participante colocava o nome em
uma das barracas que apareciam na
foto postada na pgina e respondia
a pergunta: Por que esta barraca
deve ser sua?. O prmio para a
melhor frase era uma barraca para
acampar durante a edio de 2010
do evento Campus Party. Mais de
60 pessoas participaram do
concurso, superando o dobro do
nmero mximo de marcaes na
foto, que era 30.
No imaginvamos qual seria o
potencial de uma ao como essa, j
que era a primeira vez que nos
aventurvamos em uma ao
promocional dentro do Facebook.
locaweb 33
Facebook:W2008 16/1/2010 23:53 Page 34
* Com a proposta de interagir
com o pblico-cliente e oferecer
promoes e informaes para a
comunidade, a Locaweb est
presente no Facebook;
recentemente, por meio da rede
social, a empresa sorteou
ingresso para a Campus Party
60
usurios
participaram do
concurso Locaweb
34 locaweb
Porm, a aceitao foi tamanha e ficamos muito felizes
com o resultado, conta Douglas. Janynne Gomes,
vencedora do concurso, levou o prmio com a seguinte
frase: Porque se a Locaweb hospeda meus servios com
uma grande responsabilidade, confio nela para me
hospedar tambm.
Ganhar uma viagem e um ingresso para a Campus
Party 2010 maravilhoso, j que desde o fim de 2009 me
preparava para o evento. No setor de desenvolvimento de
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
importante, alegria em saber que as empresas esto
valorizandoa
interao conosco,
os internautas,
comemorou.
Ao lado \\ Janynne,
vencedora do concurso da
Locaweb; abaixo, detalhe
da feira e o perfil da
empresa no Facebook,
que realiza promoes,
como a do Campus Party
Projeto1:Anuncio 23/12/2009 16:13 Pgina 1
CES:W2008 1/2/2010 15:42 Page 36
Por Marco Clivati (Eviado especial a Las Vegas)
P
ara abrigar seus mais de 120 mil visitantes seriam
precisos dois estdios do Maracan lotados.
J para dar lugar s mais de 2,5 mil empresas que
saem dos vestirios para mostrar cerca de 20 mil novos
produtos e inovaes, a rea equivaleria a 16 vezes o
tamanho de um campo de futebol. nesse gigantesco
cenrio que realizada a maior feira de eletrnicos e
tecnologia do mundo, a Consumer Electronics Show (CES).
Entre os dias 7 e 10 de janeiro, a cidade de Las Vegas,
EUA, se transformou na Copa do Mundo da inovao,
como disse Gary Shapiro, CEO da Consumer Electronics
36 locaweb
Fomos a Las Vegas
conferir as novidades
da maior feira de
tecnologia do planeta
Association (CEA), responsvel pela CES. Para voc curtir
em detalhes esse campeonato mundial da tecnologia, a
Locaweb em Revista entrou em campo com muita
disposio ao lado de mais de 5 mil reprteres e bloggers
sedentos por novidades, que se cotovelaram em dezenas
de coletivas de imprensa e corredores.
Nas prximas pginas, voc ver diversos produtos,
tecnologias e servios que dever usar em um futuro bem
prximo. Telefones celulares com superprocessadores,
filmadora com GPS, notebooks e outros gadgets
equipados com sistemas como Android, Wireless Display e
por a vai. Um verdadeiro show de bola com os maiores
craques de tecnologia do mundo.
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
marcelo.tripoli@ithink.com.br

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
* Na hora de explorar
este filo do mercado,
importante verificar que
os blogs, de forma geral,
tm objetivos e linguagens
diferentes dos websites.
Por isso, carecem da
criao de layouts
igualmente diferenciados
Associao Brasileira de Web
Designers e Desenvolvedores
(ABRAWEB), certos aspectos da
criao dos blogs so semelhantes
ao desenvolvimento de websites,
embora as ferramentas sejam bem
diferentes. Tanto para um website
quanto para um blog preciso
manter os mesmos conceitos de
navegao intuitiva. Para os blogs,
so necessrios alguns cuidados
extras, como evitar textos com
pouco contraste. Afinal, trata-se de
uma pgina que costuma ter muito
contedo e, dependendo da forma
como apresentada, pode cansar os
olhos do leitor, afirma.
Wordpress x Blogspot
O profissional de design que
estiver interessado em entrar nesse
mercado precisa conhecer tambm
os servios de hospedagem de blogs
e as limitaes que impem
ferramenta. Hoje os principais
sistemas do tipo so o Blogger
(www.blogger.com) e o Wordpress
(http://pt-br.wordpress.com). Este
ltimo traz caractersticas mais
profissionais, com o advento de
uma srie de plugins. Com isso,
oferece mais liberdade de criao
aos webdesigners. E isso deve
melhorar ainda mais, conta Foltran.
Milhares de desenvolvedores do
mundo inteiro trabalham em cima do
Wordpress o tempo todo. Por isso,
ser cada vez mais fcil encontrar um
plugin para inserir algo diferenciado
no projeto, analisa o diretor de arte
e webdesigner da ABRAWEB.
Design
J para Daniela, o ponto forte do
Wordpress que ele permite uma
aproximao maior com os
conceitos de website. Essa
plataforma de blog tem uma viso
mais clean. Os tpicos so separados
e o layout lembra bastante o de um
website. Enquanto o Wordpress
oferece cinco pginas com diversos
layouts diferentes escolha, o
Blogger, por exemplo, dispe de
apenas uma. Assim, possvel ir alm
da pgina principal e criar blogs que
realmente se paream com sites,
afirma a designer da Emporium
Digital. No d para negar,
entretanto, que o Blogger tem
ferramentas mais fceis de mexer,
completa Daniela.
O fato que ambas as plataformas
oferecem particularidades que,
quando bem trabalhadas, permitem
criaes eficientes e bem-feitas. O
Blogger, por meio do Blogspot,
permite vrias possibilidades para
alterao do template, mesmo para
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,
mesmo que funcione apenas como um laboratrio
que voc pode abusar a m de ganhar experincia
Dicas para quem
est comeando
Alm de levar em considerao o
intuito do cliente e o servio de
hospedagem em que a pgina ser
publicada, quem deseja investir na
criao de templates para blogs
precisa ter um bom domnio das
ferramentas usadas no servio. De
acordo com Foltran, uma boa dica
ter um espao para criar, testar e,
eventualmente, errar na
programao dos templates. Contar
com o seu prprio blog, por
exemplo, importante, mesmo
que funcione apenas como um
laboratrio que voc pode abusar a
fim de ganhar experincia. Fora isso,
o webdesigner tem de se preocupar
com aspectos extra-layout, como
atrair visitantes. Interagir com
outros blogs trocando links a forma
mais rpida para que isso acontea,
explica o diretor de arte.
Outra dica que o desenho da
pgina deve seguir as regras que so
Viso de negcios \\ Blog A Viso do Mudo (www.emporiumdigital.com.br), com template
desenvolvido pela Emporium Digital. Destaque para as ilustraes que prendem a ateno do internauta
44 locaweb
vlidas para o contedo. Uma questo
importante para o sucesso de
qualquer blog que ele no parea
estar abandonado, com poucas
atualizaes. O mesmo conceito
vlido para as imagens. Se o leitor
no se identificar com o visual, as
chances dele fechar o navegador so
grandes. Por isso, preciso pensar em
situaes mais dinmicas.
Para Daniela Milagres, alm de
todos esses aspectos e do estudo
aprofundado das plataformas e
linguagens, essencial ter
criatividade e, acima de tudo, uma
certa perspiccia para pegar o esprito
do cliente. Para finalizar, Foltran d a
frmula para que os profissionais
cuidem de todos esses aspectos
simultaneamente: Mantenha-se
atualizado e navegue muito para
ampliar a base de referncia.
Quem for bem-sucedido nessa
empreitada pode se preparar e
esperar pelos ganhos. De acordo com
os especialistas do segmento, cada
template de blog tem preo de
mercado situado na faixa entre R$ 200
e R$ 600, dependendo do que o
cliente quer. Banners diferenciados e
formatao completa da pgina
inferem em valores maiores.
Bancos de dados
Os profissionais que desejam se aventurar
pelo mundo da criao de templates para
blogs podem fazer alguns testes antes de
investir tempo e dinheiro na nova
profisso, e cair de cabea nos negcios.
Na internet, existem alguns bancos de
dados que permitem aos usurios baixar e
fazer upload de templates novos. Assim,
possvel ver a aceitao dos projetos
recm-criados e ainda dar uma olhada no
que a galera anda fazendo por a. Veja
abaixo os endereos de alguns desses
bancos de dados online:
OSWD www.oswd.org/
BLOG SKINS www.blogskins.com/
E-BLOG TEMPLATES
www.eblogtemplates.com/
artigo_rene_design:W2008 16/1/2010 23:32 Page 45
opinio/articulista
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.
Ou jornalista tudo igual. Ou mdico. Ou poltico.
Advogado. Marronzinho. Publicitrio. Pagodeiro. Quantas
vezes voc j ouviu algo assim? Eu ouo isso direto.
Bem-vindo humanidade: humano tudo igual, adora
achar os outros tudo igual. Voc pode encarar isso
como mania ou, se quiser parecer mais cool, dizer que
isso meramente um vis cognitivo. Parecer cool faz
parte, alis, da mesma histria. Percepo tudo.
O problema que percepo um software bugado
pra caramba. Veja na wikipedia uma lista deliciosa desses
bugs. Ou melhor, desses vieses cognitivos: http://en.
wikipedia.org/wiki/List_of_cognitive_biases. genial.
Um desses vieses diz que todo grupo se acha muito
especial e nico, mas acha os outros todos iguais. s
lembrar-se de sua adolescncia. A sua turma era o
mximo. A turma do lado s tinha man.
Eu vi isso de perto na minha formao. Comecei na
engenharia, pulei pra comunicao. Foi bom para
conhecer os dois lados, mas foi pssimo (e ainda ) no
ser nem um, nem outro. Para os engenheiros eu era
esquisito (e ainda sou) e para os criativos eu era (e ainda
sou) sbrio demais.
Eu me pergunto se essa dicotomia fruto de um jeito
antiquado de educar (exatas para um lado, humanas para
o outro) ou se existem realmente perfis incompatveis de
pessoas. O resultado final eu conheo: gente de exatas
design
Ren de Paula Jr.
User Experience Evangelist
Microsoft Brasil
@renedepaula
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula
Ilustrao//Alexandre Dias (Nani)
tem horror a questes estticas, relativismo de opinies e
nuances, enquanto gente de humanas padece com Excel.
Ok, generalizei, mas que d vontade de dividir a
humanidade em Word-people x Excel-people, d.
Vamos imaginar que as pessoas nasam diferentes.
Uns com mais jeito para excelidades e outros com
talento natural para, digamos, wordices. A questo : as
escolas devem investir s num lado e castrar o outro?
Ser que no valeria a pena balancear melhor as coisas?
Eu acho que sim. E acredito que o mercado precisa disso.
Antes dessa histria toda de informtica e internet,
engenheiro s falava com engenheiro, designer s falava
com designer. Hoje, developers tm que sentar mesa e
trabalhar com o cara de negcios, designer, advogado,
redator, assessor de imprensa. E no s sentar quieto e
ficar rezando para quizomba toda acabar logo e te
mandarem os specs por e-mail. opinar, negociar, criar,
viajar na maionese, sugerir. Coisas que escolas deveriam
ensinar, mas, eu temo, no ensinam. Como o que mais
existe gente bitolada, um drama achar pessoas boas
para contratar, seja em que rea for.
Bitola, que eu saiba, tem a ver com largura de trilhos
de trem. Um trem s anda em trilhos com a mesma
bitola. A tecnologia saiu dos trilhos faz tempo. Tudo o
que fazemos hoje todo o terreno e 4x4. Est na hora de
sairmos um pouco dos trilhos mentais e nos
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
O site Avon Sun
(www.avonsun.
com.br) um dos cases
de sucesso da Avon.
Criado pela Mkt Virtual
(www.mktvirtual.com.br) e
hospedado na Locaweb, a
pgina eletrnica alia
informao a grande
apuro visual.
Trata-se de um hotsite
especificamente desenvolvido
para explorar a linha de
protetores solar da Avon.
A campanha digital conta
tambm com uma conta no
Twitter (@avonsun).
Entre os destaques da
pgina esto as inovaes
tecnolgicas. Ao entrar no site,
o usurio deve escolher entre
Praia ou Clube e, assim,
direcionado para o cenrio
que mais o agrada. Em Clube,
46 locaweb
por exemplo, o usurio
percebe que a Mkt Virtual
instalou um recurso para
previso do tempo,
diretamente de uma API do
Yahoo (www.yahoo.com).
Essa somente uma das
inovaes tecnolgicas que a
pgina oferece. A diviso em
duas reas principais foi criada
pela prpria Avon, ao concluir
que boa parte de seu pblico
consumidor no passa apenas
o vero no litoral, mas procura
alternativas urbanas para se
divertir. Com essa ideia de
diviso, criamos um cenrio
horizontal, que facilita a
concepo de cisnia, diz
Ludmilla Rossi, diretora criativa
da Mkt Virtual. Colocando-as
lado a lado, tambm foi
possvel facilitar a navegao
entre elas.
Trilha
Ao entrar na pgina, o
usurio tambm se depara
com uma trilha sonora que
encanta e surpreende.
possvel, por exemplo, ouvir
o som do mar.
Entretanto, ao contrrio
de boa parte das pginas
que traz msicas em alto
volume que acabam
incomodando e afastando o
visitante, no Avon Sun esse
detalhe foi pensado. O
volume das ondas
agradvel e funciona como
um elemento de fundo,
durante a visitao.
Quando a pessoa
chega a um site com trilha,
pode ser pega de surpresa.
Por isso, tomamos muito
cuidado com o volume para
Mkt Virtual \\ Empresa desenvolveu a pgina eletrnica da Avon Sun,
que visa atrair visitantes de diversos perfis e consumidores da empresa
no incomodar os usurios,
afirma Ludmilla.
O controle de udio faz
parte do conjunto sonoro:
est ao alcance do
visitante, que pode
interromper os sons, sem
grandes problemas ou
dificuldades. Entretanto,
como frisa a diretora da
Mkt Virtual, o udio
coadjuvante, no
elemento principal.
Muitos computadores no
tm som. Por isso, no
podemos depender do
udio para recursos
essenciais de navegao ou
de contedo.
A seguir, voc confere
mais detalhes sobre a
pgina Avon Sun, criada
pela agncia Mkt Virtual.
Case:W2008 16/1/2010 23:33 Page 47
O site
1 GAME
O advergame Castelos de Areia
um dos destaques do site. Com
muito tempo gasto na produo do
ActionScript, o game serve de
apelo para o visitante ficar mais
tempo na pgina e se familiarizar
com os produtos da Avon. Segundo
Ludmilla, o Castelos de Areia foi
planejado e executado dentro de
um cronograma prdefinido para
que funcionasse dentro dos
requisitos da Avon. Como
resultado, trata-se de uma das
principais atraes do site.
2 FLASH
A principal ferramenta usada para
o desenvolvimento do site foi o
Flash. A ideia era minimizar
o peso da pgina e permitir carreg-
-la o mais rapidamente possvel.
4 3
Por isso, optou-se pelo
carregamento em mdulos. Alm
do Flash, as partes visuais foram
criadas com o Photoshop. Como
tudo ficou pesado, a sada foi
criar um preloader interativo, que
distrai o usurio enquanto todo o
sistema carregado. Para auxiliar
na distrao, at mesmo um
minigame foi criado.
3 BLOG
O blog Super Dicas de Vero,
administrado pelo WordPress,
outro atrativo do site. De acordo
com a diretora criativa da Mkt
Virtual, a escolha do WordPress foi comportamento adequado 4 Analytics
decisiva por conta do excelente no vero, estao que o site Para medir a audincia da
resultado em sites de busca e prima promover (afinal, pgina, alm do Google Analytics,
tambm pela alta possibilidade de os produtos da Avon Sun so a Mkt Virtual optou por trabalhar
customizao da ferramenta. O para combater os malefcios do com o Getclicky, como segunda
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
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
recomendaes de especialistas da
Gartner, empresa de pesquisa,
consultoria e desenvolvimento de
tecnologia, quanto ao verdadeiro
papel do SaaS conforme variaes de
uso no mercado. O texto completo
est em http://info.abril.com.br/
corporate/ gartner/o-papel-do-saas-
muda-segundo-o-mercado.shtml.
Consideraes bsicas
SaaS deve ser testado com tecnologias
recentes menos arriscadas e dar s
empresas uma liderana inicial;
SaaS pode reduzir custos de
mudanas (entre diferentes tecnologias)
durante a fase de intenso crescimento
de um segmento, embora outros custos
de mudana possam permanecer e
at aumentar;
SaaS pode diminuir gastos operacionais
em uma fase em que o mercado j esteja
mais maduro;
Durante uma crise, o SaaS pode se
beneficiar da restrio de interesses
comuns e facilitar a transio para
novas tecnologias.
Recomendaes
Empresas que consideram o SaaS uma
maneira de simplificar processos de
experimentao em mercados emergentes
de software devem dar preferncia a
contratos mensais, ou de menos de seis
Diferena de conceitos \\ A SaaS Showplace (www.saas-showplace.com) uma das empresas
que atrela o software como servio computao em nuvem, embora os conceitos sejam diferentes
Servios SaaS
da Locaweb
Loja Pronta
(www.locaweb.com.br/produtos/loja-
pronta.html)
Rene aplicativos para quem quer
montar uma loja virtual e no exige
conhecimento de programao. Uma
grande vantagem que o lojista paga
apenas pelo que vende.
PABX e Call Center Virtual
(http://locaweb.com.br/produtos/pabx-
virtual.html)
Oferecem as funcionalidades de uma
central telefnica convencional, com
preo de servio mensal e controle
das despesas.
Email Marketing
(http://locaweb.com.br/produtos/email-
marketing.html)
D acesso pela internet ferramenta
que cria e gerencia campanhas de
e-mail marketing. possvel controlar
os resultados e receber relatrios em
tempo real.
Mobimail
(http://locaweb.com.br/produtos/
mobimail.html)
Rene soluo de e-mail, contatos e
agenda que pode ser usada a partir de
qualquer local com acesso web,
incluindo celulares e smartphones.
SaaS
meses, para um grupo pequeno de
usurios, em vez de instal-lo em toda
uma unidade de produo;
Grupos devem avaliar o uso de
solues SaaS em mercados de
forte crescimento, para diminuir custos
tcnicos de mudanas de provedores de
alta qualidade;
Companhias que precisam reduzir
custos operacionais ou aprimorar a
capacidade de execuo de computadores
em mercados maduros devem considerar
a implementao do SaaS;
Empresas em processo de modernizao
da infraestrutura de TI, em mercados de
software em declnio, devem considerar o
SaaS como uma alternativa.
Para finalizar, deve-se ter em mente
que existem diferenas significativas
entre computao em nuvem (cloud
computing) e software como servio,
ainda que o segundo seja uma variao
do primeiro justamente por usar cloud
computing em sua arquitetura. bom
entender isso porque muitas empresas
esto aproveitando a onda da nuvem
para vender o SaaS como tal. Para isso,
mantenha-se atualizado com os
diversos informes sobre o servio
apresentados na internet pelas
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
processos e tarefas algo
natural do curso da evoluo
humana. Mquinas reduziram um
nmero expressivo de pessoas em
linhas de produo no decorrer dos
anos, e sistemas de informtica
substituram processos exaustivos,
executados por inmeros indivduos.
Todo ms, voc
confere neste Automatizar Tarefas
espao um artigo Administradores de Sistemas e
tcnico do Desenvolvedores de Software
especialista tm grande necessidade de
automatizar tarefas ao extremo,
Rogrio Ferreira
para que tenham mais controle
a respeito de
do seu ambiente e a
programao, interveno humana seja cada
com grande vez mais reduzida, para que
enfoque em falhas provenientes de mentes
tecnologias livres exaustas e desatentas sejam
aplicadas web minimizadas ou, quem sabe,
eliminadas (eu sei que isso no
possvel...).
Rogrio Ferreira,
inaugurou a seo de
Segurana da Revista Linux Linguagens de Script
Magazine. Trabalha Hoje em dia, temos um
atualmente no ncleo de
Outsourcing da Locaweb. arsenal espetacular de
linguagens de script para uso
geral, que possibilitam nos
52 locaweb
aproximarmos dessa meta
(reduzir problemas).
Linguagens como: Shell,
Python, Ruby, TCL, Lua e o
velho e discriminado Perl, e
muitas outras. Cada umas
dessas linguagens tem suas
peculiaridades e, no que se
propem a fazer, so muito
poderosas. No existe soluo
nica para problemas, assim
como doenas que muitas
vezes so tratadas com
diversos medicamentos
diferentes, podemos
solucionar nossos problemas
informticos com uma dessas
linguagens ou com a mistura
de algumas delas.
Expect
Com a proposta de automatizar
tarefas em sistemas UNIX (eu
diria UNIX-Like), Don Libes, um
cientista de computao do NIST
(National Institute of Standards
and Technology), criou Expect,
em 1990, como uma extenso
para a linguagem de scripting
TCL, para interagir com
Programando.com:W2008 16/1/2010 23:47 Page 53
aplicaes como telnet, ftp, passwd, ssh, e outros.
Expect possui a mesma conveno de sintaxe que
TCL, acrescido de comandos especficos para a
interao com aplicaes. Expect um programa
para controle de aplicaes interativas.
Estas aplicaes interagem por meio de um
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
sistema Linux:
$ passwd
Changing password for user ferreira.
Changing password for ferreira
(current) UNIX password: *******
New UNIX password: *******
Retype new UNIX password: *******
passwd: all authentication tokens updated
successfully.
Note a interao que foi feita acima:
1. O usurio disparou o comando passwd no
terminal e teclou enter;
2. O prompt esperou que o usurio digitasse a
sua senha atual e teclasse enter;
3. O usurio digitou a senha atual e teclou enter;
4. O prompt esperou que o usurio digitasse a
sua nova senha e teclasse enter;
5. O usurio digitou sua nova senha e teclou enter;
6. O prompt esperou que o usurio repetisse sua
nova senha e teclasse enter;
7. O usurio digitou novamente sua nova senha e
teclou enter.
Um script em Expect, para executar a interveno
acima, teria a seguinte aparncia:
#! /usr/bin/expect -f
set timeout -1
spawn /usr/bin/passwd
expect "(current) UNIX password: "
send "SUASENHAATUAL\r"
expect "New UNIX password: "
send "SUANOVASENHA\r"
expect "Retype new UNIX password: "
send "SUANOVASENHA\r"
expect eof
Ao automatizar programas interativos, voc ser
capaz de resolver problemas que nunca teria sequer
considerado antes. Expect pode lhe poupar horas
de trabalho.
Expect Programando.com
* Expect possui a mesma conveno de
sintaxe que TCL, acrescido de comandos
especficos para interao com
aplicaes. Expect um programa para
controle de aplicaes interativas
Instalando o Expect e conhecendo TCL
Para instalar o Expect no Debian, muito simples:
# aptitude install expect
E no CentOS no diferente:
# yum install expect
Aps a instalao voc pode acessar o interpretador
do Expect para conhecer um pouco sobre ele, j que
usa a conveno sinttica de TCL:
$ expect
expect1.1> puts "Alo, Brasil!"
Alo, Brasil!
O comando puts usado para imprimir valores.
Podemos definir uma varivel e imprimir o valor dessa
varivel com puts:
expect1.2> set ip "192.168.0.100"
192.168.0.100
expect1.3> puts "O IP do servidor de backup eh
$ip"
O IP do servidor de backup eh 192.168.0.100
Com o comando set possvel definir variveis,
listas e vetores. O caractere $ substitui o nome da
varivel por seu contedo. Para definir uma lista,
muito simples:
expect1.4> set uf {"SP" "RJ" "RS" "PR" "MG" "AM"}
"SP" "RJ" "RS" "PR" "MG" "AM"
Para acessar o posio 4 (sendo que o valor do
primeiro elemento da lista 0) da lista, usamos o
comando lindex seguido do nome da lista:
expect1.5> lindex $uf 3
PR
Para acessarmos das posies 1 a 4 da lista usamos o
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
para armazenar o disparo do chamado prxima
manchete, atravs de um intervalo determinado. Note
que o 2 parmetro da funo setInterval a quantidade
de tempo (em milissegundos, ou seja, 1000 = 1 segundo)
que o script aguardar at trocar o destaque para a
prxima notcia. A funo que faz a troca do destaque
para a notcia seguinte manipula dois objetos da pgina:
as notcias e o rodap, que aponta o ndice da notcia
atual. A troca de classes feita atravs do jQuery, com
addClass e removeClass. Quando o contador (varivel
atual) chega a 5, ele precisa retornar a contagem do
incio. Para isso, realizamos a condicional com operador
ternrio: atual = (atual == 5 ? 1 : atual + 1);
A funo responsvel pela pausa da troca de notcia
ativada quando clicamos em um dos nmeros para
trazer a notcia referente a ele. Neste exemplo, a pausa
de 4 segundos (estipulado no setTimeout). O efeito de
pausa caracteriza-se pelo cancelamento da execuo do
setInterval (usando o clearInterval) e a execuo de um
cdigo que torne a chamar o setInterval depois de um
determinado tempo. Tendo isso como base, basta agora
botar a criatividade para trabalhar e elaborar a troca da
maneira que mais lhe agradar.
Modal (Lightbox)
Quem trabalhou com desenvolvimento desktop
muito provavelmente entende exatamente o conceito
de modal. Quando as primeiras lightboxes surgiram,
eram usadas para galeria de fotos. Inicialmente,
exibia-se somente uma foto. Depois, foram
incrementando botes de navegao, rtulos nas fotos.
Assim, pode-se notar que a div carregada uma camada
acima da pgina, deixando o contedo dela em segundo
plano, poderia ser utilizada para outros objetivos. Hoje
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;
modalWindow.height = 405;
Java Script Programao
modalWindow.content = " (<span
style='cursor:pointer;'
onclick='closeMyModal();'>fechar</span>)<iframe
width='480' height='405' frameborder='0'
scrolling='no' allowtransparency='true' src='" +
source + "'>&lt/iframe>";
modalWindow.open();
};
function closeMyModal(){
$(".modal-window").remove();
$(".modal-overlay").remove();
};
Note que, por padro, o contedo da janela modal
um iframe contendo a url passada como parmetro para a
funo openMyModal. Este arquivo pode ser trabalhado
de forma a se criar uma div e carregando o contedo
atravs de Ajax. Lembre-se que esta apenas uma das
muitas possibilidades de se trabalhar com este recurso.
Cada desenvolvedor tem seu framework predileto e sua
prpria maneira de trabalhar. Com esse exemplo bsico,
agora s trabalhar o uso dele em sistemas web ou at
mesmo em uma pgina comum, como faz, por exemplo, o
GloboEsporte.com, que utiliza janelas modal para exibir o
resultado da votao de suas enquetes.
Claro que existem muitos outros recursos que a
evoluo do trabalho com javascript permite hoje em
dia, ento, no se atenha somente s 5 facilidades
exibidas nesta matria.
Pesquise, busque referncias, navegue e estude, pois
h muita coisa boa espalhada pela internet. Quanto
mais se conhece, mais se pode manipular os objetos, os
projetos e as pginas em busca de uma nova soluo
que seja til, criativa e usvel.
GloboEsporte.com\\ Site esportivo utiliza janelas modal para diversas
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
alexandre.bacci@locaweb.com.br

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