Capa17:Capa Locaweb 31/7/2009 16:29 Page 2

205 X 275:Layout 1 20/5/2009 16:44 Page 1

205 X 275:Layout 1 20/5/2009 16:44 Page 2
Editorial_Sumario:W2008 31/7/2009 19:16 Page 4

ao leitor
Locaweb em Revista Edição 16
VP Comercial: Cláudio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Alexandre Porto
Presença digital
Coordenação Editorial: Déborah De Mari
Você já sabe que garantir a presença digital de
Editora Europa
Editor e Diretor Responsável: Aydano Roriz sua empresa ou projeto é essencial para a
Diretor Executivo: Luiz Siqueira divulgação de seu negócio e para a comunicação
Diretor Editorial e Jornalista Responsável: adequada com seus clientes. Mas, após criar o seu
Roberto Araújo - MTb.10.766 - araujo@europanet.com.br
Editores: Paulo Basso Jr. e Sérgio Vinícius endereço virtual, muitas vezes você ainda fica em dúvida sobre qual plataforma
Revisão: Marianna Russo
Editor de Arte (projeto gráfico): Alexandre Dias (Nani) (blog ou site) atenderá de forma mais eficiente aos seus objetivos. Nesta edição,
Colaboração: Felipe Magalhães, Luciano Delfini conversamos com consultores em mídias sociais e corporativas e relacionamos
e Pedro Claudio de Lima e Silva,
dicas para que você saiba qual a melhor opção para conquistar espaço na rede.
Publicidade São Paulo: E já que o assunto é ter uma presença digital de sucesso, vamos pensar em
E-mail: publicidade@europanet.com.br
Diretor de Publicidade: Mauricio Dias (11) 3038-5093 design fora da caixa? Conversamos com ilustradores, grafiteiros, cartunistas e
Executivos de Negócios: Alessandro Donadio, Angela
Taddeo, Flavia Pinheiro, Claudia Alves, Elisangela Xavier e tatuadores para compreender como estes profissionais utilizam arte para
Rodrigo Sacomani. agregar valor a projetos digitais.
Executivos de Contas: Leandro Blotta, Marcos Roberto e
Renata Naomi Para aqueles que estão sempre antenados as tendências, você sugeriu no
Criação Publicitária: Rodrigo Barros e João Paulo Gomes Twitter e o entrevistado deste mês é Luli Radfahrer, um dos maiores estudiosos
11) 3038-5103 Tráfego: Renato Peron (11) 3038-5097
Circulação e Promoção - Gerente: João Alexandre de mídias digitais do Brasil. Conversamos com ele sobre os caminhos da
Desenvolvimento de Pessoal:
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki
internet no mundo e a revolução da web 2.0.
E mais, quer saber quem seguir? A Locaweb em Revista elegeu a sua
Locaweb em Revista é uma publicação da Editora Europa
Ltda. e do departamento de comunicação e marketing da twittosfera. A cada edição, indicaremos mais de 30 profissionais que ditam
Locaweb Serviços de Internet. A Editora Europa não se tendências e compartilham links relevantes na rede. Quer mais? Então vire a
responsabiliza pelo conteúdo dos anúncios de terceiros.
Distribuidor Exclusivo para o Brasil:
página e divirta-se!
Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, Claudio Gora
907 - CEP 20563-900 - Grajaú - RJ
editor@locawebemrevista.com.br
Impressão: Prol Editora Gráfica
Somos Filiados à ANER - Associação
Nacional dos Editores de Revistas

O que tem nesta edição...

* Entrevista: Luli Radfahrer ....................06
* E-mails...................................................08
* Notícias .................................................10
* KeepItSimple: Cloud Computing .........18
* Portifólio ...............................................20
* Domínios ..............................................22
* Artigo: Marcelo Tripoli.........................28
• Capa 30 • Domínios 22 * Capa: Site X Blog ..................................30
* Artigo: Joaquim Torres. .......................40
* Design: Fora da caixa...........................42
* Artigo: René de Paula Jr.......................47
* E-learning..............................................48
* Case: AgênciaClick ...............................52
* Artigo: Déborah De Mari ....................54
* CSS.........................................................56
* Adobe Flex............................................60
• e-Learning 48 • Design 42
* Locavip ..................................................66

4 locaweb
205 X 275 2:Layout 1 6/7/2009 16:27 Página 1
Entrevista:W2008 31/7/2009 16:35 Page 6

Entrevista

Banda larga é a alma

das mídias sociais
Ph.D em comunicação digital, Luli Radfahrer fala do atual momento da internet
e diz que a revolução Web 2.0 somente foi possibilitada pela conexão dedicada
Por Sérgio Vinícius

uli Radfahrer é um dos maiores

L estudiosos de mídias digitais no

Brasil. Ph.D. em Comunicação
Digital pela ECA-USP, é também
professor da universidade há mais de
dez anos. Trabalha com internet desde
1994, quando fundou a Hipermídia.
De lá para cá, trabalhou fora do
país e tem clientes em diversos
cantos do planeta - como Canadá e
Oriente Médio. Escritor, Luli é
também autor dos livros Design/web/
design e Design/web/design:2, além
de A Arte da Guerra Para Quem
Mexeu No Queijo Do Pai Rico, uma
análise crítica e bem-humorada do
ambiente corporativo.
Na entrevista a seguir, Luli fala
sobre o passado, o presente e o futuro
das redes sociais. E mais: defende que,
se não fosse pela banda larga, o
mundo não estaria no estágio
cibernético em que se encontra.
Locaweb em Revista:: De repente,
não se fala mais em outra coisa
relativa à web que não mídias e
redes sociais. Em especial, sobre o
Twitter. Por que as pessoas estão se
interessando tanto pelo assunto?
Luli Radfahrer:: Foram duas
condições que nos levaram ao atual
panorama, no qual as mídias sociais,
sobretudo o Twitter, estão na moda: a
infraestrutura que possibilita a
comunicação e a vontade que as
pessoas passaram a ter de se
comunicarem para se tornarem alguém.
Escritor \\ O estudioso de mídias e redes sociais é autor dos livros Design/web/design e
Design/web/design:2, além de A Arte da Guerra Para Quem Mexeu No Queijo Do Pai Rico
LR:: A que infraestrutura você se refere?
Luli:: A internet de banda larga. Tudo o
que conhecemos como Web 2.0, com
consumidor provendo conteúdo,
interagindo plenamente com sites, blogs
e com outros semelhantes, foi
possibilitado pela conexão dedicada.
Na época do acesso por modem,
discado, já era possível que houvesse
toda essa interação, mas isso não ocorria
por conta do modelo de cobrança.
LR:: A cobrança de pulso telefônico?
Luli:: Exatamente. O usuário de
internet se conectava e sabia que,
quanto mais tempo passasse na rede,
mais pagaria. Por isso, ele não gastava
tempo acessando sites alheios ou
páginas pessoais desconhecidas. A
partir do momento em que a banda
larga se popularizou, com conexão
dedicada, o usuário percebeu que
poderia fazer o que bem entendesse na
rede e que o preço seria o mesmo. As
redes sociais foram decorrência disso. A
banda larga é subestimada em seu
papel de difusora das redes sociais. Ela
é um dos agentes mais importantes.
LR:: O incremento de velocidade da
banda larga é menos importante que
o modelo de cobrança?
Luli:: As pessoas falam muito sobre o
incremento da velocidade, mas é a
partir do momento em que o usuário
percebeu que pagaria uma taxa fixa
que as coisas mudaram.
LR:: E como você descreve a vontade
das pessoas se comunicarem mais?
Luli:: Esse é o segundo fator que garante
o sucesso de sites como o Twitter.

6 locaweb
Entrevista:W2008 31/7/2009 16:35 Page 7

Hoje em dia, no imenso mundo real, as

pessoas manifestam cada vez menos a
identidade. Mas na web, é possível
reverter isso. Ao ter seguidores no
Twitter ou se posicionar em um blog, o
usuário deixa de ser “mais um” e se
torna “alguém”, com opiniões e ideias.

LR:: Fora da web, esse usuário

também é alguém, mas com alcance
limitado ao círculo de amigos,
profissional, familiar. A internet
potencializa esse alcance?
Luli:: A internet é um meio. As pessoas
costumam ter vida social. As redes e
mídias sociais apenas transportam essa
vida para a tela. Eu não sei se o Twitter
vai dar certo, não conheço o modelo de
negócios deles, mas ele atrai as pessoas
porque, quando você “twitta”, expõe
suas ideias a um círculo de pessoas que
o seguem. Ele te dá uma identidade e
as pessoas querem ter isso.
LR:: E nessa busca por identidade,
com tantas plataformas sociais, em
que o consumidor virou provedor de
informação, não há um exagero de
conteúdo na web que deveria, de
alguma forma, ser filtrada?
Luli:: O problema não é o excesso de
informação. O problema é justamente
filtrar o que se tem contato. A partir do
momento em que você não lembra o
emissor da notícia, é complicado dar
crédito ou rejeitá-la.
LR:: Não é porque está na internet
que é verdade. A crença do contrário
é a origem dos famosos hoax que
chegam por e-mail.
Luli:: Quando a pessoa não consegue
identificar a fonte, as informações
podem ficar comprometidas. Por
exemplo, você lembra como ficou
sabendo da morte do Michael Jackson?
LR:: Lembro.
Luli:: E quando ouviu falar a primeira
vez sobre Barack Obama?
LR:: Não.
Luli:: Exatamente. Porque as coisas
mudaram e há uma série de veículos e
Luli Radfahrer \\ Para o
professor da USP, as novas
mídias estão mudando as
relações entre as pessoas, o
que impactará em grandes
mudanças de costumes
* Quando você “twitta”,
expõe suas ideias a um
círculo de pessoas que o
seguem. A ferramenta te
dá uma identidade e as
pessoas querem ter isso
mídias bombardeando as pessoas com
informações. A partir do momento em
que não se identifica a fonte, não se
sabe o que é ou não confiável.
LR:: Esses novos provedores de
conteúdo, confiáveis ou não, podem
ameaçar as mídias tradicionais?
Luli:: Não enquanto não houver um
equipamento wireless que receba
informações e que possa ser lido e
manuseado como uma espécie de
papel. O que mais se aproxima disso
atualmente é o Kindle, mas mesmo
assim é um modelo ruim. Enquanto isso
não ocorrer e os jornais tiverem poder
para imprimir informações em papel,
eles não são ameaçados.
LR:: Até lá, a imprensa deve repensar
seus modelos?
Luli:: Sem dúvida. Daqui a uns anos,
um distribuidor de pneus que não saiba
o que é um GPS estará atrasado. Por
enquanto, é mais fácil aos grupos de
imprensa cooptarem blogueiros a
concorrer com eles. Um blogueiro pode
ganhar mais em um portal ou jornal
que tentando manter seu site sozinho.
Queira ou não, os grandes grupos de
mídia têm dinheiro.
LR:: Então as novas mídias não
devem impactar apenas a imprensa?
Luli:: Não. As relações sociais foram
afetadas e isso muda muita coisa. Por
exemplo, os médicos têm hoje a
concorrência do Doutor Google. Com
isso, as pessoas chegam à consulta já
informadas sobre o problema ou
desistem da visita realizando algum
procedimento lido em algum site. O
problema é que os buscadores não usam
parâmetros médicos e, com isso, as
informações podem não ser confiáveis.

locaweb 7
Emails:W2008 18/7/2009 01:16 Page 8
e-mails
Barra de
rolagem
Estou usando o CSS para
modificar características de
minha página, mas ainda
não consegui alterar a cor
da setinha que aparece nas
barras de rolagem. Qual
código eu devo utilizar
para isso?
Márcia Reis - Por e-mail
Para fazer isso, é
necessário utilizar a
propriedade scrollbar-arrow-
color, indicando o código
hexadecimal da tonalidade
que você deseja que ela
tenha. Para, por exemplo,
fazer com que a barra de
rolagem de sua página tenha
a setinha na cor vermelha,
adicione esse código:
body {scrollbar-arrow-
color: #FF0000;}
Site do WiMAX \\ Em www.wimaxforum.org, há informações sobre a tecnologia baseada em padrões
que capacitam a entrega de acesso banda larga e sem fio à web. Trata-se de uma alternativa ao cabo e ao DSL
8 locaweb
WiMAX
Tenho lido algumas
coisas sobre WiMAX, um
novo tipo de conexão de
banda larga sem fios. Sei
que há algumas cidades que
estão testando a tecnologia,
como Ouro Preto e
Mangaratiba. Mas ainda
não entendi direito como
funciona essa tecnologia.
Podem me explicar?
Diogo Machado
Por e-mail
O WiMAX é uma
tecnologia baseada
em padrões que capacitam
a entrega de acesso banda
larga e sem fio à web. Por
isso, trata-se de mais uma
alternativa ao uso de cabo
e ao DSL. O WiMAX irá
fornecer conectividade
banda larga fixa, nômade,
portátil e, eventualmente,
//Envie seu e-mail
Se você tem alguma dúvida, sugestão ou
crítica, entre em contato com nossa redação
pelo e-mail locaweb@europanet.com.br.
móvel sem a necessidade
de “visada” com a estação
base, ou seja, a conexão
funciona mesmo que
existam obstáculos entre o
transmissor e o receptor.
Em um raio de três a
dez quilômetros, espera-se
que um sistema certificado
WiMAX trabalhe com uma
capacidade de entrega de
até 40 Mbps por canal,
para aplicativos de acesso
fixo ou portátil. Isso é
banda suficiente para
suportar centenas de
negócios com velocidade
equivalente a T1 (conexão
telefônica dedicada de alta
velocidade) ou milhares de
residências com a mesma
rapidez do DSL.
A Anatel e o Ministério
das Comunicações ainda
estão definindo como
serão negociadas as
concessões das frequências
entre 3,5 GHz e 10,5 GHz,
um dos últimos obstáculos
à entrada da tecnologia
no Brasil.
Marcadores
personalizados
Existe alguma maneira de
se modificar os
marcadores padrão de
uma lista HTML? Eu
gostaria de usar uma
imagem GIF criada por
mim como marcador.
Estou resolvendo esse
problema usando a tag
IMG antes de cada um
dos itens da minha lista,
mas o resultado não está
sendo satisfatório.
Dimitrios - Por e-mail
Você pode usar
qualquer imagem
como marcador em uma
lista HTML; para isso, basta
criar um estilo CSS para a
tag UL. Veja como isso
pode ser feito no exemplo
a seguir:
<UL STYLE="list-style-
image: url(imagem.gif)">
<LI>Item 1</LI>
<LI>Item 2</LI>
</UL>
Para saber mais sobre
HTML e demais linguagens
de programação, acesse a
página eletrônica que é
uma das referências no
tocante a protocolos e
assuntos gerais de
desenvolvimento de site
ao redor do mundo:
www.w3c.com.
 VENHA CONHECER DE PERTO A TECNOLOGIA
QUE ESTÁ REVOLUCIONANDO A WEB.
A Locaweb realiza, pelo segundo ano consecutivo no Brasil, o Rails Summit Latin America. Os mais importantes
nomes do mundo reunidos no maior evento de Ruby on Rails da América Latina. São mais de 15 palestrantes debatendo
sobre as novidades da programação e as principais apostas para o futuro. Confira alguns dos nomes:

OBIE FERNANDEZ
Autor do livro “The Rails Way”, um dos melhores da área. Editor da série
“Professional Ruby”, pela Addison-Wesley. Fundador da Hashrocket, uma das
mais bem conceituadas e ágeis empresas em Ruby on Rails. Trabalhou pela
ThoughtWorks e é membro reconhecido pela comunidade internacional de Ruby.

MATT AIMONETTI
Da m|a agile, empresa de consultoria que oferece treinamento, auditoria
e desenvolvimento de projetos Ruby, Matt é um dos principais evangelizadores
e contribuidores tanto do Ruby on Rails quanto do Merb. Está muito envolvido no
desenvolvimento de projetos de ponta, como CouchDB e MacRuby.

CHAD FOWLER
Escritor de livros como “My Job Went to India”, “Rails Recipes”, “Advanced
Rails Recipes”, é um dos mais experientes rubistas. Cofundador da Ruby Central,
organiza as principais conferências, como RubyConf e RailsConf.

GREGG POLLACK
Gregg produz mídia educacional para sua empresa Rails Envy, incluindo podcasts,
séries para empresas, como a New Relic Labs e screencasts comerciais
para seu outro empreendimento, EnvyCasts. Organizou o BarCampOrlando,
o Orlando Ruby User Group e é um dos principais ativistas de Rails.

DAVID CHELIMSKY
Mantenedor do famoso projeto RSpec, para suítes de testes de projetos Ruby,
autor do livro “The RSpec Book” e desenvolvedor-líder da Articulated Man, Inc.,
é um dos nomes mais reconhecidos na área de qualidade de software
e práticas de desenvolvimento ágil.

SÃO PAULO, 13 E 14 DE OUTUBRO - ANHEMBI - AUDITÓRIO ELIS REGINA

INSCREVA-SE JÁ. www.railssummit.com.br

Realização:

AF An. Locaweb Rails 20,5x27,5.indd 1 7/15/09 12:47 PM

Noticias_Parte1:W2008 18/7/2009 01:21 Page 10

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

Líder em infraestrutura
de hosting Estudo do IDC Brasil aponta que
a Locaweb ultrapassou grandes
companhias e, atualmente,
detém 13,9% do mercado
Com 13,9% do
mercado, a Locaweb,
de acordo com o estudo do
IDC Brasil, comemora o
primeiro lugar no segmento
de Outsourcing – Hosting
Infrastructure Services,
referência no setor de
Tecnologia da Informação
e Telecomunicações.
Segundo a pesquisa, a
empresa ultrapassou grandes
companhias presentes nessa
categoria e, em 2008,
registrou crescimento de
aproximadamente 45%.
Dessa forma, atingiu um total
de quase R$ 100 milhões
em receitas de serviços
de hosting.
O estudo reforça o
compromisso da Locaweb
com seus clientes, pois usa
como base o conhecimento
sobre mercado, provedores e
consumidores de tecnologia
para auxiliá-los no
endereçamento de questões
estratégicas relativas à oferta
e ao uso de soluções
tecnológicas. Saiba mais em:
www.idcbrasil.com.br.

À esquerda
e acima \\
IDC Brasil realiza
diversas análises
de mercado
no segmento
de Tecnologia
da Informação

À direita \\
Em 2008, a
Locaweb registrou
crescimento de
aproximadamente
45% no setor

10 locaweb
Noticias_Parte1:W2008 31/7/2009 16:39 Page 11

CURTAS
EMAIL MARKETING ULTRAPASSA A MARCA Webcast: Modelagem de dados
DE 100 MILHÕES DE MENSAGENS No blog da Locaweb, é possível assistir à apresentação Modelagem
de dados, na qual Caio Spadafora fala sobre como modelar os dados
da sua aplicação para obter melhor desempenho e escalabilidade ao
utilizar seu Banco de Dados. Assista em blog.locaweb.com.br.

A Locaweb comemora a marca de Acima \\

contratação de mais de 100 milhões de Ferramenta é
empregada na
mensagens por mês com a ferramenta de criação e no envio
email marketing. A solução é empregada na de e-mail marketing, No blog \\ Caio Spadafora fala sobre o uso do Banco de Dados para
criação e no envio de e-mail marketing, newsletters, boletins modelar sua aplicação e obter melhor desempenho e escalabilidade
e outras peças
newsletters, boletins e outras peças com
baixo custo e alto controle sobre o retorno Abaixo \\
de ações. O uso é prático, confiável, de Os planos variam Locaweb apoia Congresso
entre 10 mil
simples gerenciamento via web e foi e 1 milhão de sobre formas de prevenção
adaptado às necessidades dos usuários. emails mensais e de Crimes Eletrônicos
O sistema permite o envio de grandes custam a partir de Karine Taxmann, procuradora federal norte-americana; Dr. Renato
R$ 50 por mês
quantidades de mensagens em pouco Opice Blum, presidente do Conselho Superior de Tecnologia da
tempo, por menos de R$ 0,01 por mensagem enviada. Os Informação da Fecomercio; e outros especialistas em crimes
planos variam entre 10 mil e 1 milhão de e-mails mensais e eletrônicos se encontram nos dias 3 e 4 de agosto na Fecomercio
para debater questões envolvendo formas de proteção para crimes no
custam a partir de R$ 50 por mês, com inscrição gratuita por
mundo virtual. Confira a programação completa e faça o seu cadastro
tempo limitado.
no site www.fecomercio.com.br. A participação é gratuita.
O serviço de email marketing ainda oferece relatórios online
com diversas informações, facilidade de importação e
exportação de dados. Fora isso, coloca à disposição formulários
de inscrição gerados automaticamente, que podem ser editados
conforme a necessidade do usuário, agilizando o cadastro de
novos clientes. Para saber mais sobre o produto, acesse
locaweb.com.br/emailmkt.

Prevenção \\ Encontro que será realizado nos dias 3 e 4 de agosto

na Fecomercio debaterá questões sobre proteções para crimes

locaweb 11
Noticias_Parte2e3_WishList:W2008 18/7/2009 01:22 Page 12

Wishlist

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

Tela wireless
A D-Link, que fornece soluções de redes, segurança, armazenamento
de dados e vigilância IP, lançou o display digital wireless DSM-210.
Trata-se de um equipamento que possui tecnologia Wi-Fi integrada,
aliando os benefícios de um porta-retratos tradicional com a
conveniência da internet. Outra característica importante do display é
a tecnologia Green Ethernet para economizar energia sem prejudicar o
desempenho. R$ 1.299.
Mais informações: www.dlink.com

Drive Slim
O GP08NU20 é um novo gravador e leitor
externo de DVD e CD da LG. Na cor branca,
tem velocidade 8X (DVD) e conexão USB.
Prático e moderno, é ideal para as pessoas que
valorizam a portabilidade e já utilizam netbook
(sem drive óptico embutido), já que o aparelho
pesa apenas 370 g e não precisa ser ligado à
tomada. O preço sugerido é de R$ 249.
Mais informações: www.lge.com.br

12 locaweb
Noticias_Parte2e3_WishList:W2008 31/7/2009 16:40 Page 13

Wishlist

Nokia E75 com

teclado QWERTY
Novo smartphone da Nokia, o E75 pode
ser habilitado com chip pós-pago
ou pré-pago. O modelo tem design
side-slide com teclado QWERTY
completo, configuração rápida de
diversas contas de e-mail com Nokia
Messaging, câmera de 3.2 MP com flash
integrado, GPS com licença Nokia Mapas
de seis meses para navegação assistida e
acesso à web via 3G e Wi-Fi. R$ 1.499.
Mais informações:
www.nokia.com.br

Beat Edition Ultrafinos

A linha de telefones Beat Edition, da Samsung, tem interface totalmente
voltada à experiência musical. Com os aparelhos, é possível fazer
scratchs, remixar, inserir efeitos musicais e ainda gravar o seu estilo
nos seus hits preferidos. O modelo conta com visor full touch de
2,8 polegadas, que garante cores muito mais vivas, maior contraste e
ângulo de visão, menor tempo de resposta, visualização otimizada sob
a luz solar e consumo de energia até 50% inferior ao TFT. R$ 1.399.
Mais informações: www.samsung.com.br
A recém-lançada linha de monitores ECOFIT combina
tecnologia e estilo. Fazem parte dela os modelos SyncMaster
P2270 e P2370, de 21,5 e 23 polegadas, respectivamente,
que foram apresentados este ano na feira de eletrônicos CES
(Consumer Electronics Show) e chamaram a atenção dos
participantes por conta da elegância do gabinete ultrafino.
Preços a partir de R$ 799.
Mais informações: www.samsung.com.br

locaweb 13
Noticias_Parte2e3_WishList:W2008 18/7/2009 01:22 Page 14

Wishlist

Touch screen
O celular Samsung Star S5230 é um touch screen que
oferece ao usuário acesso a diversas funções com apenas
um toque. A navegação intuitiva dispõe ainda dos Online
Widgets (pequenas aplicações Web com atualização em
tempo real dos mais diversos conteúdos: bolsa de valores,
previsão do tempo, notícias, sites de busca). A navegação
na internet é otimizada por meio da tela widescreen de
3 polegadas e do teclado QWERTY
virtual. Serviços como o Share
Pix e o Beat ID NoAr fazem do
Star um aparelho ainda mais
completo. O preço sugerido
Tudo em um
A MSI Computer apresentou o Wind Top AE1900, seu primeiro
é de R$ 699.
computador tudo-em-um com tela sensível ao toque. Também
Mais informações:
conhecidos como Nettop, esses equipamentos reúnem componentes e
www.samsung.com.br
monitor em um único gabinete. Com design ambientalmente correto e
pouco consumo de energia, o AE1900 usa recurso touch screen e
interface de usuário wind touch da MSI, desenvolvida especialmente
para a série Wind Top. R$ 2.699.
Mais informações: www.msicomputer.com.

Media center compacto

A Daten Computadores colocou nas prateleiras o media center
Daten Home PC Slim. O aparelho agrega diversas funcionalidades
em um só produto, tais como DVD player, aparelho de som e
computador com acesso à internet. Com design compacto, o
media center ocupa pouco espaço físico e pode ser conectado a
televisores e monitores de computadores. R$ 3.150.
Mais informações: www.daten.com.br

14 locaweb
Noticias_Parte 4_Circuito_Twittosfera:W2008 31/7/2009 17:25 Page 16

//CURSOS
Blogs Corporativos
Polyana Ferrari ministrará o curso
“Como Construir e Gerenciar
Notícias/Circuito Blogs Corporativos”, no qual
abordará técnicas de criação de
diários virtuais voltados a

Sua leitura empresas. Um dos tópicos de

destaque é a aula sobre blogs
como ferramenta estratégica para
comunicação empresarial. Com

sobre internet
oito horas de duração, o curso
será realizado no Rio de Janeiro
(RJ) em 30 de outubro de 2009,
a partir das 9h. Para saber mais
informações, ligue para (11)
3662-3990 ou envie uma
Confira os principais lançamentos de livros que tratam de mensagem para o endereço
temas ligados ao mundo da tecnologia da informação cursos@aberje.com.br.

Free
Autor de A Cauda Longa e
editor da revista Wired, Chris
Anderson acaba de colocar na
internet, para download
gratuito, seu novo livro, Free.
A obra fala sobre o modelo de
negócios da era digital.
Preço: gratuito
Editora: Randon House
Inf.: www.wired.com/
techbiz/it/magazine/17-
07/mf_freer
Use a Cabeça Java
Obra que fala sobre uma das
linguagens mais populares
do mundo. Criado pela
Undress for Success: The Naked Sun, o Java é uma das
Truth about Making Money at Home plataformas mais utilizadas
Kate Lister e Tom Harnish abordam nesta em sites que necessitam de
obra os desafios de se trabalhar em casa. confiabilidade e alto poder
Há relatos de profissionais que apontam de performance. O autor é
os benefícios e dificuldades do sistema Kathy Sierra.
de home office. Preço: R$ 92,70
Preço: US$ 24,95 Editora: Alta Books
Editora: Wiley Informações:
Informações: www.wiley.com www.altabooks.com.br
Blogs Educativos
Para ajudar os educadores a se
saírem melhor com seus alunos o
Aprendaki oferece o curso "Blogs
Educativos", parte integrante do
curso "Informática Educativa"
com a autora Andrea De Carli.
Durante as aulas, o educador
aprende a dominar as técnicas de
webquest, webgincana, mapas
conceituais e blogs educativos
para o uso na educação. Em
agosto, mês em que acontecerá a
quarta turma do curso, seu valor
será integral, de R$ 89. Mais em
http://f2link.f2b.com.br/pedido/
FCProduct.asp?cod_form=
15817&c=13552&cod_item=13.
REDES SOCIAIS
No próximo dia 25 de agosto,
será realizado em São Paulo o
curso “Como Inserir sua Empresa
em Redes Sociais”, com duração
de oito horas. Para se cadastrar e
obter mais informações, ligue
para (11) 3662-3990 ou envie
um e-mail para o endereço
cursos@aberje.com.br.

TUTORIAIS E VIDEOAULAS ONLINE BLOG DO MÊS

O ambiente online é
bastante propício
para videoaulas, já
que permite ao
aluno acompanhar
as lições quando
e onde quiser.
Aqui, a cada edição
da Locaweb em
Revista, você vê
o melhor em Como criar e editar arquivos do servidor TwitterBrasil.org
Duração: 3 minutos e 41 segundos Descrição: Site que aborda o dia-a-dia de umas
cursos disponíveis URL: www.youtube.com/watch?v=-L6Q6sABQwU& das principais redes sociais do mundo.
na internet feature=PlayList&p=FFA3F26F8649BA40&index=3 URL: www.twitterbrasil.org

16 locaweb
Noticias_Parte 4_Circuito_Twittosfera:W2008 31/7/2009 17:25 Page 17
TWITTOSFERA
Siga os profissionais web que fazem a diferença na rede
Blogueiros, Publicitários,
Ilustradores e Marketeiros
André Dahmer é desenhista, autor das tirinhas
dos Malvados, http://twitter.com/malvados
---------------------------------------------------
Bia Kunze escreve no blog Garota sem Fio
http://twitter.com/garotasemfio
---------------------------------------------------
Cardoso escreve no blog Contraditorium,
http://twitter.com/Cardoso
---------------------------------------------------
Carlos Merigo, publicitário, gerente de
estratégia e criação digital da Fischer America,
escreve no Brainstorm 9,
http://twitter.com/cmerigo
---------------------------------------------------
Cezar Paz, diretor presidente da AG2,
http://twitter.com/cesarpaz
---------------------------------------------------
Edney Souza escreve no blog do Interney,
http://twitter.com/Interney
---------------------------------------------------
Fabio Seixas, fundador do site de venda de
camisetas da moda Camiseteria,
http://twitter.com/fseixas
---------------------------------------------------
Fabio Yabu é desenhista, autor de diversos livros,
dentre eles Princesas do Mar,
http://twitter.com/fabioyabu
---------------------------------------------------
Fernando Souza, diretor de Arte da Pólvora!
Comunicação e editor do blog Twitter Brasil,
http://twitter.com/fernandosouza
---------------------------------------------------
Guilherme Cherman escreve no blog JT
Tecnologia, http://twitter.com/jtecnologia
---------------------------------------------------
Gil Giardelli, CEO da Permission,
http://twitter.com/gilgiardelli
---------------------------------------------------
Inagaki escreve no blog Pensar Enlouquece,
Pense Nisso, http://twitter.com/inagaki
---------------------------------------------------
Jean Boechat é diretor de criação da JWT,
http://twitter.com/jampa
Jonny Ken criador do Migre.me, escreve
no blog Decodificando,
http://twitter.com/jonnyken
---------------------------------------------------
Jovem Nerd escreve no blog Jovem Nerd,
http://twitter.com/jovemnerd
---------------------------------------------------
Lili Ferrari, produtora cultural, professora e
blogueira, http://twitter.com/lilianeferrari
---------------------------------------------------
Lu Freitas escreve no blog Lady Bug, é jornalista e
consultora de internet, http://twitter.com/lufreitas
---------------------------------------------------
Marcelo Tripoli especialista em tecnologia e
colunista, http://twitter.com/MarceloTripoli
---------------------------------------------------
Marco Gomes é programador de interfaces e
diretor de tecnologia da boo-box,
http://twitter.com/marcogomes
---------------------------------------------------
Nickellis escreve no Digital Drops,
http://twitter.com/nickellis
--------------------------------------------------
Souza Campos é characters art, design and
animation, http://twitter.com/souzacampos
Desenvolvedores
Bruno Dulcetti, webdesigner do Videolog,
http://twitter.com/dulcetti
---------------------------------------------------
Fabio Akita, gerente de produtos da Locaweb e
Evangelista de Ruby on Rails,
http://twitter.com/akitaonrails
---------------------------------------------------
Guilherme Chapiewski, especialista em
Metodologias ágeis da Globo.com,
http://twitter.com/gchapiewski
---------------------------------------------------
Manoel Lemos, fundador do BlogBlogs, CTO da
WebCo e Abril Digital, http://twitter.com/mlemos
Pesquisadores de Cibercultura,
evangelistas e autores de livros
Alex Primo, pesquisador, professor e blogueiro,
http://twitter.com/alexprimo
Notícias/Twitter
Juliano Spyer, consultor de mídias sociais e
autor do livro Conectado, http://twitter.com/jasper
---------------------------------------------------
Luli Radfadher é Ph.D. em comunicação digital
pela ECA-USP http://twitter.com/radfahrer
---------------------------------------------------
Martha Gabriel, especialista em SEO/SEM ,
http://twitter.com/marthagabriel
---------------------------------------------------
Raquel Recuero é jornalista, professora e
pesquisadora, autora do livro Redes Sociais na
Internet, http://twitter.com/raquelrecuero
---------------------------------------------------
Renee de Paula, evangelista da Microsoft e
fundador do Radinho de Pilha,
http://twitter.com/renedepaula
Jornalistas
Bruno Ferrari, repórter de tecnologia da revista
Época, http://twitter.com/bferrari
---------------------------------------------------
Débora Fortes jornalista da Abril,
http://twitter.com/deborafortes
---------------------------------------------------
Gilberto Pavoni Jr, jornalista e escreve no blog
Tech Boogie, http://twitter.com/gpavoni
---------------------------------------------------
Renato Cruz, repórter do Estadão,
http://twitter.com/rcruz
---------------------------------------------------
Sandra Carvalho, jornalista da Abril,
http://twitter.com/gpavoni
---------------------------------------------------
Vanessa Nunes, colunista de Tecnologia do
Zero Hora, http://twitter.com/blogdavanessa
locaweb 17
Keep it Simple:W2008 31/7/2009 17:43 Page 18
keepitsimple
Plataforma da Locaweb
permite que o cliente
contrate recursos de acordo
com a demanda
Benefícios do
Cloud Computing
Alta performance e baixo custo são algumas das
vantagens da plataforma de serviços da Locaweb
Por Sérgio Vinícius
ma pesquisa realizada pela
U consultoria IDC prevê que
gastos com serviços de
Cloud Computing tripliquem até
2012, atingindo US$ 42 bilhões.
Esta alta se deve à necessidade de
as empresas reduzirem custos com
Tecnologia da Informação sem
perder itens como alta performance
e poder de escalabilidade.
Diante desta realidade do
cenário mundial, a Locaweb, desde o
final do ano passado, investe
18 locaweb
fortemente em diversos serviços
ligados à computação em nuvem.
E, além disso, a ideia é continuar
expandindo os serviços e as
plataformas de Cloud Computing
nos próximos meses.
* O Cloud Computing
permite que o cliente
controle a expansão do
serviço sob demanda,
alocando recursos de
processamento, espaço em
disco e muito mais
ESTE MÊS
Serviço: Cloud Computing Locaweb
Site: www.locaweb.com.br/cloud
“A ‘computação em nuvem’ é
uma plataforma mais moderna e
eficiente que a infraestrutura
tradicional de TI”, aponta Andrew
de Andrade, PO de Cloud
Computing. “O Cloud Computing
permite que o cliente controle a
expansão do serviço contratado sob
demanda, alocando recursos de
processamento, espaço em disco,
memória e banda de maneira
independente e na medida certa para
as necessidades das aplicações. São
milhares de servidores à disposição
para comportar o crescimento de
cada cliente.”
Até o momento, a Locaweb já
conta com três linhas de produto.
“Entre os destaques estão o Cloud
Mini e o Cloud Server, ofertas
Keep it Simple:W2008 31/7/2009 17:43 Page 19
* Private Cloud é a solução robusta, customizada e dedicada para grandes empresas;
Cloud Mini é uma plataforma Linux que oferece autonomia total na administração do
servidor; Cloud Server é voltado a quem procura serviços dedicados de baixo custo
pré-configuradas e contratáveis pelo
site”, aponta Andrew. “Há também o
Private Cloud, uma solução robusta,
altamente customizada e dedicada
para grandes empresas.”
Além da escalabilidade e da
flexibilidade na contratação de
recursos, o Cloud Computing
Locaweb possui uma arquitetura
inteligente, que previne falhas e
realoca os componentes da nuvem
para garantir que o serviço esteja
sempre disponível. “Isto significa que,
mesmo que ocorra uma falha de
hardware, o sistema realoca
rapidamente as aplicações para outro
servidor, proporcionando
disponibilidade contínua para o
cliente”, informa Andrew. “Esta mesma
arquitetura reduz o consumo de
energia, contribiundo para a
preservação do meio ambiente. Outro
benefício é a redução de custos, já que
os clientes não precisam mais investir
em infraestrutura própria e passam a
contratar serviços mensais.”
Página do Private Cloud \\ Hoje, a Locaweb possui mais de mil clientes ativos na plataforma
Cloud e cada oferta é destinada a um público diferente, de acordo com suas necessidades
Atualmente, a Locaweb já possui
mais de mil clientes ativos na
plataforma Cloud e cada oferta é
destinada a um público diferente,
de acordo com suas necessidades e
também aspirações com relação a
projetos e plataformas eletrônicas.
O Cloud Mini é uma plataforma
Linux com autonomia total na
administração do servidor. A partir de
R$ 59/mês (www.locaweb.com.br/
CloudMini), a solução possui
tecnologia de ponta, tem custo baixo
e é voltada ao público que possui
conhecimento técnico e procura
autonomia na administração do
servidor Linux (acesso root) e
flexibilidade para migrar de plano à
medida que necessitar.
O Cloud Mini é oferecido em
duas configurações. A primeira,
chamada Cloud Mini I, conta com
2 cores de 300 MHz, 300 MB de
memória, disco de 20 GB, 2 Mbps
de banda ou transferência mensal
de 300 GB.
Keep it Simple
Já a Cloud Mini II tem 2 cores de
400 MHz, 600 MB de memória,
disco de 30 GB, 4 Mbps de banda e
transferência mensal de 600 GB.
O Cloud Server, por sua vez, é
um serviço com recursos exclusivos
e custo otimizado. Boa opção para
empresas que buscam servidores
dedicados de baixo custo, o Cloud
Server custa a partir de R$ 149/mês
(www.locaweb.com.br/CloudServer)
e permite definir capacidades de
processamento, disco, memória,
banda e ajustá-las a qualquer
momento, além de autonomia e
recursos de uso exclusivo, dentro
de um ambiente de alta
performance e tecnologia de ponta.
Na hora de contratar o serviço, o
usuário pode optar por
Gerenciamento pelo Cliente ou pela
Locaweb, de acordo com suas
preferências ou necessidades. Este
último caso é voltado a usuários
que desejam administrar o
desenvolvimento web, sem a
obrigação ou responsabilidade por
atualizações, segurança e
manutenção do servidor. A
Locaweb fica responsável por todas
essas atividades.
Por fim, o Private Cloud é a
solução robusta, altamente
customizada e dedicada para
grandes empresas. “Por tratar-se
de uma solução corporativa,
os interessados devem entrar em
contato com a nossa equipe
comercial para que alinhem suas
demandas com nossos
especialistas”, diz Andrew. “Para
obter mais informações sobre o
assunto ou mesmo entrar em
contato, basta acessar o endereço
www.locaweb.com.br/
PrivateCloud.”
locaweb 19
Portfólio:W2008 31/7/2009 17:58 Page 20

portfólio Todo mês, projetos

de destaque de
parceiros da Locaweb

byMK
A byMK é uma rede social
de moda que une pessoas
interessadas em novos looks,
dicas para combinações e
tendências em vestuários,
apoiada numa bela
infraestrutura tecnológica.
www.bymk.com.br

Drimio
A Drimio é uma rede
inovadora, com ferramentas
e aplicações que permitem
que consumidores e
marcas interajam com
opiniões, ideias, conteúdo
útil e relevante.
www.drimio.com

MIL Casmurros
Neste projeto, qualquer
internauta pode ler um
trecho do livro Dom
Casmurro, de Machado de
Assis. Trata-se de uma
promoção da minissérie
da Globo, Capitu.
www.milcasmurros.com.br

20 locaweb
205 X 275:Layout 1 15/7/2009 18:09 Página 1
Dominios:W2008 31/7/2009 17:59 Page 22

22 locaweb
Dominios:W2008 31/7/2009 17:59 Page 23

Domínios

Nos
domínios
da web Mudanças recentes, como a
transformação em domínio
genérico do .net.br, têm Por Luciano Delfini
ajudado a democratizar o uso
de terminologias na web. o começo deste ano, em São Francisco, Estados
Hoje, estuda-se até
implementar um domínio de
N Unidos, especialistas e organizações gestoras da
internet discutiram, entre outras pautas, a
viabilidade para implementação de domínios diretamente
primeiro nível a partir de uma na raiz de uma empresa ou de uma marca, o que tornaria
dispensável o emprego de domínios genéricos (conhecidos
marca, o que dispensaria o pela sigla gTLD, como o .com).
Profissionais ligados ao assunto, como Frederico
emprego de nomes Neves, diretor de Serviços e Tecnologia do Registro.br
tradicionais, como o .com (registro.br), grupo do Comitê Gestor da Internet no
Brasil (CGI - www.cgi.br), ressaltam que diversos
pontos ainda estão em estudo e que a
probabilidade da abertura de domínios
diretamente na raiz de um usuário final
irá depender de algumas mudanças
significativas nos procedimentos e
contratos da ICANN (sigla em inglês da
Corporação da Internet para Atribuição
de Nomes e Números - www.icann.com.br),
órgão responsável pela coordenação
global do sistema de identificadores
exclusivos da web. O diretor do
Registro.br se refere, por exemplo, à
separação entre registros (registries) e
registradores (registrars) estabelecida
nesses procedimentos e contratos.
Mas não são apenas questões legais
e de ordem contratual que pautam
Líder \\ O Brasil tomou a dianteira na criação de DPNs por atividade. Eles a discussão. O advogado Peter
podem ser consultados em www.cgi.br/regulamentacao/anexo2005-02.htm Eduardo Siemsen, sócio do escritório

locaweb 23
Dominios:W2008 31/7/2009 17:59 Page 24

Domínios

* A abertura de domínios
diretamente na raiz de um
usuário final irá depender
de mudanças significativas
nos procedimentos da
ICANN, órgão responsável
pela coordenação do
sistema de identificadores
exclusivos da web
Dannemann Siemsen, do Rio de
Janeiro, lembra que representantes
de grandes corporações, em
parceria com membros da ICANN,
vêm analisando a viabilidade e as
Conflito \\ Caso o detentor de um domínio .com.br queira registrá-lo sob o .net.br e já exista um
vantagens de usar sua marca como mesmo nome registrado com o novo genérico, a dica é consultar o endereço registro.br/saci
nome de domínio de primeiro
nível (ou DPN). “Ao adotar esse procedimento, a organização interna da empresa, uma vez que se
empresa estará comprando o direito de sua marca ser criaria na internet toda a estrutura organizacional da
o domínio de primeiro nível. Ou seja, ela [a empresa] companhia”, observa.
se transformará em uma marca dentro da internet”,
explica o advogado. .net.br x .com.br
Peter acredita que a iniciativa pode ser No ano passado, o CGI transformou a terminologia
interessante, sobretudo para corporações com .net.br em um domínio genérico (gTLD) tanto para
presença global, detentoras de divisões, subsidiárias e pessoas físicas como jurídicas. Até então, o .net.br era
vastas linhas de produtos, os quais poderiam ser restrito a empresas com CNPJ brasileiro prestadoras de
usados no nome anterior ao domínio de primeiro serviços de telecomunicações, diferentemente do que já
nível. “Isso pode ser vantajoso até na forma de acontecia com o .net em outros países, liberado para
registro de usuários de qualquer
segmento. A medida do CGI foi
vista como uma alternativa ao já
consagrado DPN .com.br, além de
representar um grande passo na
democratização do uso de gTLDs.
“Foi um avanço no sentido da
liberalização do uso, mas vale
ressaltar que foram mantidos os
limites da segurança e o nosso
comportamento estrito como

Registro.br \\ Responsáveis pelo Registro.br (registro.br), grupo do CGI (www.cgi.br), ressaltam

que diversos pontos ainda estão em estudo a respeito da abertura de domínios no País

24 locaweb
Dominios:W2008 31/7/2009 17:59 Page 25

Domínios

Pesquisa de nomes \\ Os serviços

Whois do ICANN (www.icann.org.br/
topics/whois-services) oferecem acesso
público sobre nomes de domínio registrados

domínio de país. Isso gera mais

segurança e mais informação a
quem usa o domínio”, diz Frederico.
O período de operação do
.net.br como DPN começou no dia
6 de abril deste ano. Empresas ou
pessoas físicas que registraram o
equivalente .com.br antes da data de
seu início têm a reserva do novo
genérico garantida até 6 de outubro –
período de seis meses conhecido
como “sunrise”. Isso quer dizer que, se
um usuário tem registrado o domínio
xyz.com.br e quer manter o registro
do mesmo nome no agora genérico
.net.br, deve fazê-lo dentro desse limite
* O período de operação do .net.br como DPN
de seis meses. Caso contrário, a partir começou no dia 6 de abril deste ano. Quem registrou o
de 27 de outubro, o novo gTLD fica
livre para um usuário registrar, por equivalente .com.br antes da data de seu início tem a
exemplo, o nome xyz.net.br. reserva do novo genérico garantida até 6 de outubro
Caso o detentor de um domínio
.com.br queira registrá-lo sob o .net.br e já exista um que o .com.br acabou se consolidando no Brasil como o
mesmo nome registrado com o novo genérico, a dica é mais importante domínio de primeiro nível, até pelas
recorrer ao Sistema de Arbitragem de Conflitos de Internet restrições que existiam no .net.br”, explica o advogado.
(SACI), cujo regulamento está em registro.br/saci. Mas será Peter lembra ainda que o Brasil já tomou faz tempo
que essa necessidade em garantir o novo domínio é a dianteira na criação de DPNs por atividade. São
importante para todos? diversos e podem ser consultados em www.cgi.br/
Em um universo que abrange interesses e objetivos tão regulamentacao/anexo2005-02.htm. O advogado afirma
diferentes, certamente a resposta é não. Peter conta que as que essa variedade de domínios de primeiro nível ajuda
consultas e os processos de registro não se deram em a reduzir conflitos entre empresas com mesmo nome,
grande escala em seu escritório. “É uma vantagem [registrar mas com atividades distintas. Porém, ter uma gama de
o novo genérico], mas que não atinge a muitos, uma vez DPNs não é só para amenizar conflitos. Muitas vezes, o
genérico específico de uma área pode dar mais
identidade a quem atua nela. Por exemplo: art.br para
instituições dedicadas às artes, artesanatos e afins –
dentro da categoria exclusiva a pessoas jurídicas, mas
que não exige apresentação de documentos.
Mas se a sua empresa não se enquadra em nenhuma
categoria da Resolução 002/2005, você pode optar pelo
registro do etc.br, dedicado aos “outsiders”. Se achar
estranho, fique com o bom e velho .com.br.

Nos domínios de um país

Disputas \\ O ICANN segue uma política uniforme para resolução de
disputas. O documento pode ser consultado em www.icann.org/en/udrp
Ainda que os mercados estejam sempre correndo atrás
da internacionalização de produtos e suas marcas,
o diretor do Registro.br aponta que domínios com códigos
de um país (também chamados de domínios de alto nível,
ou ccTLDs) – como o .br – têm sido mais procurados que
os domínios genéricos. “A associação geográfica é um

locaweb 25
Dominios:W2008 31/7/2009 17:59 Page 26

Domínios

* Ainda falta ao Brasil adotar um procedimento mais rápido para a solução de

disputas de nomes de domínio, como a criação de um procedimento semelhante ao
sistema de marcas para estabelecer quem tem prioridade sobre determinado nome
apelo muito grande, muitas vezes visto como um
diferencial na concorrência internacional. Isso sem falar
que proporciona mais segurança e controle”, explica
Frederico. Além disso, do ponto de vista funcional, não
há diferença entre os domínios. “Não existem indícios
de diminuição de procura dos domínios de país em face
aos domínios genéricos”, completa.
Peter concorda que o .br não deixará de ser usado,
seja por tratar-se de um domínio de baixo custo ou até
mesmo pela posição em que o Brasil vem aparecendo
no cenário econômico mundial. O advogado cita,
inclusive, o .asia, mais recente domínio de alto nível por
localização geográfica (ccTLD) criado para empresas do
continente asiático. Mas ele lembra que muitas
empresas brasileiras buscam domínios internacionais
Pacotes \\ A Locaweb (locaweb.com.br/registro) oferece o serviço
que não estejam limitados à sigla de um país, podendo de registros de domínios por pacotes que custam a partir de R$ 15
facilitar a internacionalização de um produto, caso seja
mesmo esse o objetivo do detentor. “É normal buscar nome. É o caso, por exemplo, de conflitos entre o
soluções para acessar o mercado, o que inclui ir atrás de proprietário de uma marca e o detentor do domínio
domínios que não se restrinjam ao aspecto geográfico”, registrado na web com o mesmo nome, porém com
defende o advogado. DPN diferente ou uma pequena variação no nome.
Peter explica que a solução pode estar em uma
Disputas notificação extrajudicial ou, com mais sorte, um acordo
De acordo com Peter, ainda falta ao Brasil adotar um amigável – os serviços Whois do ICANN oferecem acesso
procedimento mais rápido para a solução de disputas público sobre nomes de domínio registrados, incluindo
de nomes de domínio. Ele defende a criação de um informações para contato com detentores de nomes
procedimento semelhante ao sistema de marcas para registrados (www.icann.org.br/topics/whois-services). “Se
estabelecer quem tem prioridade sobre determinado de nada adiantar, entram os caminhos judiciais, em geral

Ao lado \\ O DNSSEC (registro.br/faq/index.

html#8) é um padrão internacional que estende
a tecnologia do Sistema de Nomes de Domínios
(DNS, em inglês)...

...Abaixo \\ A tecnologia pode ser

usada por registros que estão abaixo
dos domínios de primeiro nível
indicados em registro.br/info/dpn.html

26 locaweb
Dominios:W2008 31/7/2009 17:59 Page 27

Domínios

caros, demorados e problemáticos”,

avalia o advogado.
O diretor do Registro.br lembra
que o ICANN segue uma política
uniforme para resolução de disputas,
estabelecida no processo UDRP (da sigla
em inglês para Política de Solução de
Disputa de Nomes de Domínio). O
documento pode ser consultado em
www.icann.org/en/udrp - infelizmente,
na versão em inglês. Mas é importante
deixar claro que o UDRP é obrigatório
somente para registro de domínio
genérico com o mesmo nome
disputado por duas partes distintas. “Até
porque, no caso dos gTLDs, não há um
foro jurídico definido”, explica Frederico.
Segundo ele, o uso da arbitragem,
Totalmente liberado \\ Desde o dia 6 de abril de 2009, pessoas físicas e jurídicas podem
ainda que crescente, é uma prática usar o domínio .net.br como DPN. É o caso do site de imóveis www.clickcerto.net.br
relativamente recente no Brasil e “ainda

* O .br não deixará de ser usado, seja

estamos muito pouco ‘aculturados’ com isso”.
Mesmo que se fale de disputas, Peter afirma que a
preocupação em proteger uma marca em relação ao nome
de domínio na web (disputa de reserva ou de defesa) vem
caindo recentemente. Para o advogado, a explicação está
no fato de que “é quase impossível criar um programa que
funcione, uma vez que as variações para registrar marcas
ou nome, acrescidas de uma letra ou de outra combinação
de palavra ou número, são praticamente ilimitadas”.
O processo de registro de nomes de domínio no Brasil
é considerado seguro e ágil por especialistas. Na própria
web, é fácil encontrar prestadores deste tipo de serviço e
conhecer os procedimentos e normas de resoluções
disponíveis nos sites de órgãos gestores. É o caso da
ICANN, responsável no âmbito internacional pela alocação
do espaço de endereços de Protocolos da Internet
Restrito \\ Registro .net.br era restrito às empresas de telecomunicações,
como a Associação Brasileira de Recursos em Telecomunicações
por tratar-se de um domínio de baixo
custo ou pela posição em que o Brasil
vem aparecendo no cenário mundial
(endereços IP), e do CGI, que gerencia o assunto no Brasil
e conta com grupos de trabalho, como o Registro.br, para
procedimentos que envolvem o processo de registro sob o
domínio .br – registro.br/contrato/contrato.html.
Frederico destaca o surgimento de novas ferramentas
tecnológicas adotadas por alguns prestadores de serviço,
as quais beneficiam, em longo prazo, os usuários
do sistema de registro. Uma delas é o DNSSEC
(registro.br/faq/index.html#8), um padrão internacional
que estende a tecnologia do Sistema de Nomes de
Domínios (ou DNS, em inglês). Visto como um mecanismo
mais seguro de resolução de nomes, que pode ajudar a
reduzir o risco de manipulação de dados, o DNSSEC roda
com tecnologia de criptografia de chaves públicas,
provendo autenticidade e integridade das respostas do
sistema de nomes de domínios. Por outro lado, o padrão
não garante confidencialidade e não protege contra
ataques de negação de serviço. A tecnologia pode ser
usada por registros que estão diretamente abaixo do
domínio .br e registros que estão sob os domínios de
primeiro nível indicados em registro.br/info/dpn.html.
O diretor do Registro.br lembra ainda que é sempre
bom procurar referências e dicas na hora de buscar um
prestador de serviço eficiente de registro de domínio. “O
prestador de serviço ganha sua clientela pela qualidade e
não pelo diferencial de preço, principalmente em
mercados como o de nomes de domínio”, finaliza.

locaweb 27
artigo_marcelo_mercado:W2008 18/7/2009 02:44 Page 28
opinião/articulista
e-business
A consolidação
do brand utility
Se o consumidor não enxerga a mensagem publicitária como
um entretenimento, dificilmente irá consumi-la e propagá-la
As estratégias online de marketing já não devem se
limitar a banners, Twitter, Facebook, MySpace,
YouTube e mobile. O desafio agora está em proporcionar
aos usuários e consumidores uma experiência útil com a
“face” digital das empresas. Esse conceito, chamado de
brand utility, ganha cada vez mais força porque diversas
iniciativas já provaram que não adianta as agências criarem
campanhas brilhantes se a experiência final com o
produto/serviço não for útil.
O “útil”, neste caso, se refere à informação e ao conteúdo.
Ou seja, se o consumidor não enxerga a mensagem
publicitária como lazer, dificilmente irá consumi-la e propagá-
la. Neste contexto, o branding tradicional – usado para
divulgar marcas e para que elas sejam fixadas na mente dos
consumidores - é substituído por um branding focado na real
funcionalidade do serviço e do produto.
Aos poucos, se bem aplicado, o brand utility cria um
relacionamento muito mais próximo da empresa com seu
público-alvo, pois a mensagem divulgada contribui com a
vida do consumidor e do usuário, interagindo com os
melhores momentos das pessoas. Alguns cases, realizados
nos últimos dois anos, comprovam o sucesso dessa
estratégia. Um case premiado em Cannes este ano é o Fiat
Ecodrive, software que ajuda o usuário a dirigir de forma
mais eficiente. Ele analisa o jeito de dirigir do motorista e o
28 locaweb
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br
ajuda a usar menos combustível, reduzindo a emissão de
CO2 e o consumo de combustível em até 15%.
O consumidor simplesmente baixa o software EcoDrive
da internet e coloca um pendrive no seu carro – os carros
da Fiat na Europa têm porta USB. Automaticamente, a
informação é armazenada e, quando o pendrive volta ao
computador, o aplicativo converte os dados de forma gráfica
e lúdica e analisa a técnica de direção da pessoa, usando
como base medidas como aceleração, mudanças de marcha
e velocidade. A partir do resultado, o software dá dicas de
como ser um motorista mais eficiente. O consumidor
também fará parte da Fiat Ecoville, uma comunidade online
de todos os EcoDrivers. Lá, é possível saber o quanto de
dinheiro e combustível está sendo economizado, e quanto a
emissão de carbono já foi reduzida.
Outro case interessante foi protagonizado pela Kraft
Foods, que criou um aplicativo para iPhone, o iFood Assistant.
Ele oferece um mix de receitas culinárias que envolve
produtos da marca, comentários e vídeos com instruções
sobre nutrição e saúde alimentar. Em pouco tempo, o
aplicativo, que custa apenas US$0,99, virou um sucesso.
Esses dois exemplos consolidam a importância do brand
utility. Os consumidores exigem cada vez mais a experiência
com o produto. E as empresas já perceberam que terão de
aplicar esta estratégia para não ficar de fora do jogo!
205 X 275 2:Layout 1 20/7/2009 15:55 Página 1
Blog X Site:W2008 31/7/2009 18:16 Page 30
Blog X Site:W2008 31/7/2009 18:18 Page 31

SiteXBlog

Antes de criar um endereço

na internet, especialistas
aconselham que se leve em
conta pelo menos duas
questões importantes: qual o
objetivo da página e que tipo
Por Luciano Delfini
de conteúdo ela tornará
disponível para os usuários.
A
velocidade com que a web
Na reportagem a seguir, propaga informação,
praticamente livre de barreiras
consultores em mídias como distância, fronteiras e até custos
sociais e corporativas dão elevados (dependendo do projeto), faz surgir
todos os dias, e em todas as partes do mundo,
dicas para acabar com inúmeros endereços virtuais. Pessoas físicas ou
as dúvidas na hora de jurídicas – não importam os objetivos e interesses de
cada um – recorrem à grande rede para dar seu recado
escolher a plataforma ou “vender seu peixe”. Até pouco tempo atrás, o site
predominava como opção. Mas o problema é que ele
exige um projeto elaborado, que envolve contratação de
profissionais e, consequentemente, gastos que muitas
vezes não estão no orçamento. O advento do blog, por
sua vez, trouxe uma alternativa para propostas menos
ambiciosas e proporcionou mais equilíbrio entre
conteúdos corporativos e pessoais dentro da web. Só
que aí, surgiu uma grande dúvida na cabeça de muitos
usuários: qual plataforma escolher na hora de criar um
novo endereço na internet?
O jornalista Alexandre Inagaki, consultor de mídias
sociais e autor dos blogs “Pensar enlouquece, pense
nisso” (www.pensarenlouquece.com) e “Pop cabeça”
(mtv.uol.com.br/popcabeca), observa que é preciso
conhecer as diferenças e semelhanças dessas duas mídias
– site e blog – que compõem o arcabouço da internet.
Segundo sua definição, blogs são sites com estrutura

locaweb 31
Blog X Site:W2008 18/7/2009 01:58 Page 32

SiteXBlog

mais enxuta, que dispensam

maiores conhecimentos de
programação e de elaboração
prévia de uma arquitetura
de informação.
Essa arquitetura, necessária na
construção de um site, antecipa como
funcionará o posicionamento das
seções em uma homepage ou a
navegação por meio de diversas
páginas de conteúdo. “Os blogs
possuem atualização mais dinâmica,
seus textos são mais informais e
opinativos, dispensando o crivo e a
supervisão de um editor de
conteúdo”, explica. Na opinião de
Alexandre, essas características fazem
do blog a solução ideal para um
Diferentes \\ Blog do consultor empresarial Fabio Cipriani, autor do livro Blog corporativo,
projeto que não requeira organização que costuma dizer que o site é uma vitrine, enquanto o blog é uma conversação
formal de conteúdo separada por
textos, fotos e vídeos,
além de permitir uma * Há empresas que
comunicação menos fazem do blog o seu
rígida com os website, ou seja,
internautas, “sem
burocracias referentes à
que combinam
livre expressão de posts do blog com
opiniões e comentários”. páginas estáticas
Ao contrário do blog,
Alexandre diz que o site
com mais
demanda um informações sobre a
planejamento prévio companhia, tendo o
antes de entrar no ar. Não
que o blog dispense
blog como meio
qualquer tipo de principal dessa
Grátis \\ Blogspot (www.blogspot.com) e WordPress (pt-br.wordpress.com),
elaboração, mas ela se dá comunicação duas das ferramentas gratuitas de blogs mais procuradas da web
em escala bem diferente.
“O site possui uma homepage, na qual seus diversos
conteúdos devem ser destacados e organizados, e que
necessariamente precisa ser desenhada e estudada, de
modo a catalogar da melhor maneira possível todos os
conteúdos que serão disponibilizados no endereço na web.”
Diante desse modelo de demandas, Alexandre aponta
o site como solução mais apropriada, por exemplo, para
empresas que dispõem de um portfólio extenso de
produtos ou serviços e pessoas físicas que desejam
apresentar seu currículo e trabalhos pessoais – na forma
de textos, vídeos, áudios, fotos, desenhos. “É um projeto
mais custoso, uma vez que a criação de um site
demandará a contratação de profissionais que dominem
linguagens de programação como HTML, que criem
layouts e que elaborem a arquitetura de informação.”

32 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 33
O consultor empresarial Fabio
Cipriani (www.blogcorporativo.net),
autor do livro Blog corporativo.
Aprenda como melhorar o
relacionamento com seus clientes e
fortalecer a imagem da sua empresa,
costuma dizer que o site é uma
vitrine e, portanto, tem um
funcionamento monodirecional,
enquanto o blog é uma
conversação, operando de modo
bidirecional. A partir dessa
perspectiva, Fabio defende a ideia
de que toda pessoa jurídica tenha os
dois tipos de endereço na web. Ele
conta que existem empresas que já
fazem do blog o seu website, ou
seja, que combinam posts do blog
com páginas estáticas com mais
informações sobre a companhia,
tendo o blog como meio principal
dessa comunicação. “Se olharmos a
facilidade de se colocar o blog no ar
e suas vantagens, como bom
posicionamento em ferramentas de
busca, o blog pode ser adotado
como primeira opção para o
lançamento de uma marca na
internet”, defende o consultor.
Ao mencionar empresas que já
voltaram seus olhares para o potencial
do blog, Fabio traz para a realidade o
pensamento de que esse tipo de
endereço vai além dos limites
pessoais, podendo oferecer um
caráter profissional para quem está
atrás de projetos corporativos mais
ambiciosos. Alexandre também
reconhece o potencial do blog no
mundo das corporações, mas adverte
que a empresa deve recorrer apenas à
hospedagem em servidor pago,
usando URL própria para melhorar
seu posicionamento em ferramentas
de busca e com acesso livre ao
Sistema de Gerenciamento de
Conteúdo (ou CMS). “Em serviços
gratuitos, o blog pode sair do ar a
qualquer hora e o autor não tem o
menor controle sobre isso. Também
oferecem pouco em termos de
customização da ferramenta.”
Dica de quem SiteXBlog
também é blogueiro
Confira alguns blogs apontados
pelo consultor Fabio Cipriani que
se destacam em meio ao enorme
arcabouço disponível na web
Mas a hospedagem gratuita ainda é
a opção mais procurada por aqueles
CULTURA
que querem construir um endereço de
caráter descompromissado, como
blogueiros iniciantes que publicam
posts mais informais – e sem dúvida
alguma, o serviço gratuito é
responsável por possibilitar que
todos tenham seu espaço na web.
Nesse contexto, Alexandre indica o
Blogspot (www.blogger.com/start e
Pensar enlouquece,
pense nisso www.blogspot.com) e o WordPress
De Alexandre Inagaki (pt-br.wordpress.com), já velhos
(www.pensarenlouquece.com) conhecidos dos blogueiros espalhados
pelo mundo, como boas ferramentas.
PSICOLOGIA
Alexandre explica que um site
também pode ser construído usando
o CMS de um blog, mas sempre
levando em conta as limitações de
customização de um serviço não-pago.
Para isso, ele cita novamente a
plataforma gratuita WordPress, que,
segundo ele, conta com comunidade
ativa de desenvolvedores que criam
Não posso evitar constantemente soluções de layout e
De Rodolfo Araújo
novos plugins – aqueles programas
(www.rodolfo.typepad.com)
instalados no navegador que permitem
o uso de recursos que não estão
INTERNET
presentes na linguagem HTML, com a
qual são criadas as páginas.
Nessa busca pelo endereço ideal,
Fabio inclui a questão do registro de
domínio (leia mais na página 22).
Com relação ao endereço de um site,
ele lembra que o nome do domínio
desempenha importante função,
Não zero – remix colaborativo sobretudo em ferramentas de busca,
De Juliano Spyer “daí a vantagem em ter um nome
(naozero.com.br) bem elaborado, curto e facilmente
escrito”. Fabio ressalta, porém, que o
nome de domínio não precisa
TECNOLOGIA E MARKETING
necessariamente estar relacionado à
empresa ou à pessoa física. Por
outro lado, se o objetivo é registrar
o nome da própria empresa, isso
facilita a fixação da marca em visitas
via web e encurta a busca na rede. E
sugere: “independentemente do
ramo ou do segmento de uma
Techboogie empresa, a presença na web com
De Gilberto Pavoni
seu próprio domínio é bem vista
(techboogie.blogspot.com)
pela percepção do cliente”.
locaweb 33
Blog X Site:W2008 18/7/2009 01:58 Page 34

SiteXBlog

Análise \\ A “taxa de rejeição” é um dos

critérios de métrica que podem ajudar no
processo de melhorias de um endereço na web,
também conhecido pela sigla em inglês SEO

Para ele, definir os critérios de

métrica para avaliar esse sucesso
só terá validade a partir da
compreensão exata desse público a
ser atingido e do segmento em que o
produto atua.
A partir desse esclarecimento,
Alexandre enumera os critérios de
métrica que podem ajudar no
processo de melhorias de um
endereço na web, também
conhecido pela sigla em inglês SEO
(Search Engine Optimization):

• Número de pageviews, ou número de

Relativizando o sucesso acessos, quantidade de vezes que uma
de um endereço na web * O blog é a solução ideal página na internet é visualizada em um
Uma das questões discutidas no para projetos que não navegador (não confundir com o termo
processo de elaboração de um requeiram organização “hit”, número de vezes que um elemento –
endereço na web, e que terá maior foto, por exemplo – de uma página na web
ou menor relevância à medida que os
formal de conteúdo é visualizado);
objetivos e interesses vão se separada por textos e
delineando após a URL entrar no ar, fotos, além de permitir • Sessão de visitante único (ou
está vinculada ao fato de como medir unique visitor), que consegue monitorar a
e alinhar o blog ou o site para que ele
uma comunicação menos interação de um só visitante com um site ou
tenha sucesso. Na opinião de rígida com os internautas, blog no período analisado;
especialistas, medir o êxito de um sem grandes burocracias
endereço e alinhá-lo para que ele • Bounce rate (cuja tradução é incerta,
alcance o sucesso são fatores bastante relativos. Claro que mas alguns profissionais chamam de “taxa de rejeição”; ver
os interesses de cada um nem sempre podem ser www.mundoseo.com.br/blog/seo/bounce-rate-seo-popularidade-
colocados nesse patamar da relatividade, sobretudo usabilidade-taxa-rejeicao/), análise em porcentagem do número de
quando se trata de projetos ambiciosos, envolvendo o visitantes que saíram do endereço antes mesmo de terminar de
mundo corporativo e algumas centenas de cifras carregar a primeira página. Nesse caso, especialistas costumam
investidas. O que os profissionais se esforçam para deixar afirmar que é muito difícil uma URL ter taxa de rejeição inferior a
claro, no entanto, é que diferentes fatores devem ser 20%. Dependendo do objetivo de cada endereço, se o índice de
levados em conta num universo que, assim como pode rejeição chegar a 35%, é aconselhável prestar atenção em pontos
atingir centenas ou milhares de pessoas, também pode que podem estar causando essa debandada; se a bounce rate
não despertar a atenção de ninguém. Aí está a atingir 50% ou mais, então, o melhor a fazer é repensar todo o
relatividade ressaltada pelos profissionais do setor. conteúdo do site ou do blog, sempre levando em conta, claro, o
Alexandre, por exemplo, acredita que, na verdade, tipo de público a ser alcançado;
diversas perguntas devem anteceder à questão de como
mensurar o êxito de uma URL e alinhá-la para alcançar o • Tempo de visitação, o qual mede o período gasto pelos
topo dos rankings. “Medir o sucesso de um blog ou de um usuários em um site ou blog;
site dependerá do púbico-alvo e do nicho em que atua.
Um blog dedicado a falar exclusivamente sobre temas • Quantidade de comentários;
como música dodecafônica ou biologia molecular
certamente terá parâmetros de avaliação muito diversos de • Trackbacks (também de tradução incerta, mas conhecidos como
um site ou blog que discuta humor ou política”, esclarece. “links de retorno” ou “links de notificação”), métodos que notificam o

34 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 35
autor de um blog caso seu post tenha sido mencionado ou comentado
em outro endereço, desde que o blog que receberá a notificação
suporte os trackbacks. Normalmente, os sistemas que hospedam
blogs dispõem desse tipo de ferramenta examinando os links que
foram colocados em um post e enviando a notificação para cada um
desses links. Aqui, vale lembrar que alguns blogueiros experientes
preferem método de pingback por considerá-lo menos suscetível a
spams, uma vez que o endereço que possui esse tipo de recurso, ao
receber o pingback, pode conferir se foi feito de fato um link para o
post comentado por outros blogs. A plataforma WordPress, por
exemplo, tem serviço de trackback;
• Citações em outras mídias fora da web.
Esses e outros indicadores podem ser conseguidos
no Google Analytics (www.google.com/analytics),
mencionado por Alexandre Inagaki e por Fabio Cipriani
como uma ferramenta gratuita eficiente até para medir
acessos a grandes portais, com diferentes possibilidades
de análise e estatísticas, incluindo manuais em
português (www.google.com/intl/pt-BR_ALL/analytics/).
Alexandre destaca ainda a diversidade e a facilidade de
se encontrar na internet serviços de monitoramento
online que ajudam a aferir citações em blogs. Fabio, por
sua vez, lembra os indicadores internos oferecidos pelos
sistemas que hospedam blogs.
Como se pode ver, não faltam serviços e ferramentas
que proporcionam esse retorno quantitativo a um
endereço na web. Mas esse aspecto quantitativo traz
de volta a reflexão sobre o quanto é relativo medir o
sucesso de um blog, como ressalta o consultor empresarial.
SiteXBlog
* O site é mais apropriado para
empresas que dispõem de um portfólio
extenso de produtos ou serviços e
pessoas físicas que desejam apresentar
seu currículo e trabalhos pessoais – na
forma de textos, vídeos, fotos e por aí vai
É que Fabio deixa claro que toda essa preocupação acaba
passando ao largo da questão qualitativa. Para ele, um
blog corporativo de sucesso é “aquele que consegue
responder aos comentários de clientes e cria uma
comunidade de interessados nos bons e transparentes
conteúdos gerados por um profissional que vive o
dia-a-dia das operações de uma empresa,
independentemente do número de acessos”.
Alexandre também defende a ideia de que todos os
indicadores acima mencionados correm o risco de
perder sua relevância ou, ao contrário, ganhar mais
importância de acordo com o perfil do projeto. Ele cita,
por exemplo, que um blog criado com fins
promocionais, com direito a divulgação em comerciais
de TV, certamente terá um número bem mais
expressivo de visitantes únicos do que um blog de
música feito por alguém que já seja conhecido na
blogosfera brasileira. “Em contrapartida, esse blog
musical, por ser mantido por alguém que já tenha
relevância na web brasileira, por certo terá presença
mais expressiva em rankings de ferramentas de busca
de blogs como o Technorati ou o BlogBlogs.”
Google Analytics \\ Ferramenta gratuita é,
segundo especialistas, eficiente até para medir
acessos a grandes portais, com diferentes
possibilidades de análise e estatísticas
Abaixo \\ Em www.google.com/intl/pt-
BR_ALL/analytics, é possível consultar
manuais em português para melhor
utilização do Google Analytics
locaweb 35
Blog X Site:W2008 18/7/2009 01:58 Page 36

SiteXBlog

um blog isolado é como uma

mensagem dentro de uma garrafa
jogada no oceano. Só que o oceano
é finito, enquanto o universo de
informações correndo na web parece
não ter fim. Levando em conta essa
perspectiva, Alexandre aponta
algumas dicas que podem ajudar a
transformar um blog em referência
dentro de uma comunidade.

• Deixe comentários relevantes em

outros blogs. Mas comece selecionando
adequadamente esses endereços. Se você
escreve sobre gastronomia, por exemplo,
comente posts de outros endereços
que tratam do mesmo assunto. E,
definitivamente, deixe comentários que
Ganhe dinheiro \\ O AdSense exibe anúncios relacionados com o conteúdo de determinado site.
Cada vez que esses anúncios são clicados, o Google paga ao autor da página que o hospeda acrescentem algum conteúdo relacionado ao
post visitado, demonstrando genuíno
Qualquer blog com conteúdo adulto com um mínimo interesse em vez de copiar e colar frases como “muito bom seu blog,
de divulgação chega a dez mil visitas únicas diárias em vamos fazer parceria?”.
questão de semanas. Se um post meu que fala de política
ganha link na homepage do iG ou do Yahoo, recebe • Crie uma lista de
centenas de comentários de pessoas indignadas que sequer links para blogs e
voltarão na semana seguinte. sites que você mais
aprecia e costuma
Referência na comunidade visitar. Mas sem incorrer no
Nem sempre o sucesso quantitativo de um blog se traduz erro de querer “trocar links”,
em referência dentro de uma determinada comunidade. exigindo recíproca. Esse tipo
Como Fabio havia definido anteriormente, Alexandre de prática é condenado e
também enxerga o blog como uma ferramenta de punido pelo Google PageRank
conversações. “Os blogs dialogam por intermédio de (www.googlando.com.br), que ajuda a determinar a relevância de um
links, trackbacks e, principalmente, de comentários. Só endereço e mantém uma lista com bilhões de páginas em ordem de
assim ganham força.” Para o consultor em mídias sociais, importância. Essa troca não é aconselhável porque, caso seu blog linke
blogs sem qualidade, isso acaba minando a confiança e a credibilidade
diante de seus visitantes. É como desconfiar da indicação de um amigo
se ele recomenda fazer compras em uma loja de péssimo atendimento
ou com preços extorsivos.

• Inscreva seu endereço

nos principais diretórios
de blogs do Brasil e do
exterior. Esses serviços são
ferramentas de busca de blogs
cuja inscrição é gratuita. Os
mais populares são: BlogBlogs,
restrito à busca de blogs
brasileiros (blogblogs.com.br);
Technorati (technorati.com); MyBlogLog, que pertence ao Yahoo!
AdWords \\ Sistema permite que o anúncio de um serviço seja exibido (mybloglog.com); e BlogCatalog (www.blogcatalog.com), estes três
tanto no Google como na rede de publicidade da ferramenta de busca últimos para buscas em âmbito internacional.

36 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 37

Dica de quem SiteXBlog

também é blogueiro
Alexandre Inagaki, consultor de
mídias sociais e autor de dois
blogs de sucesso, lista alguns
endereços que considera
* Para quem deseja ter interessantes na rede mundial
retorno financeiro com

GRAMÁTICA
o blog a partir do

MODA
número de visitas,
existem algumas
ferramentas no Google
que fazem essa ponte
por meio de anúncios
colocados na página Oficina de estilo Objetivando disponibilizar
De Fernanda Resende e Cristina Gabrielli Anônimo
• Divulgue seus posts em sites de (oficinadeestilo.com.br/blog) (objetivandodisponibilizar.wordpress.com)
social bookmarking. Eles são sistemas

VARIEDADE
VARIEDADE
online gratuitos que tornam disponíveis seus
favoritospara facilitar acessos e compartilhar
com usuários deste tipo de serviço. Alexandre
cita alguns bookmarkings interessantes:
Uêba (ueba.com.br/Blogs);
diHITT (www.dihitt.com.br); e
Linkk (www.linkk.com.br).

Hedonismos O biscoito fino e a massa

De Marcos Donizetti De Idelber Avelar
(interney.net/blogs/hedonismos) (www.idelberavelar.com)

HUMOR
HUMOR

Para quem deseja ter retorno

financeiro com o blog a partir do
número de visitas, existem algumas
ferramentas no Google que fazem essa Ressaca moral Ao mirante, Nelson!
ponte por meio de anúncios colocados Blog coletivo de humor De Nelson Moraes
na página. O AdSense, por exemplo (www.gardenal.org/ressacamoral) (interney.net/blogs/aomirante)
(www.google.com/AdSense), exibe
OPINIÕES
VARIEDADE

anúncios relacionados com o conteúdo

de determinado site. Cada vez que
esses anúncios são clicados, o Google
paga ao autor da página que o
hospeda. Já o GoogleAdWords
(www.adwords.google.com.br)
permite que o anúncio de um serviço
seja exibido tanto no Google como na
rede de publicidade da ferramenta de
busca. O prestador do serviço paga Rafael Galvão Escreva Lola, Escreva
De Rafael Galvão De Lola Aronovich
somente quando os visitantes clicarem
(www.rafael.galvao.org) (escrevalolaescreva.blogspot.com)
no seu anúncio.

locaweb 37
Blog X Site:W2008 31/7/2009 18:13 Page 38
SiteXBlog
Hospedagem \\ Na hora de criar um site, é importante levar em consideração a hospedagem.
A Locaweb oferece o serviço com alta confiabilidade em planos a partir de R$ 18 por mês
No entanto, Alexandre alerta que esse mecanismo pode
não surtir qualquer efeito caso não seja feito um trabalho
eficiente e eficaz com o objetivo de otimizar e melhorar o
endereço na web (o SEO já citado acima). No caso de
blogueiros cuja maior parte dos rendimentos venha do
AdSense, por exemplo, a preocupação com a otimização da
URL se torna ainda mais importante, levando-se em conta
que visitantes regulares não costumam clicar em anúncios.
“Em média, visitas oriundas do Google e outros sites de
busca representam cerca de 60% da audiência de um blog.
Porém, a médio e longo prazo, um blogueiro profissional
deve se preocupar mais em produzir conteúdo de
qualidade, sem o qual será incapaz de conquistar
credibilidade, angariar visitantes fiéis e atrair a atenção de
anunciantes para sua página”, esclarece.
SEO \\ Para obter retorno financeiro, é importante fazer um trabalho
eficiente e eficaz com o objetivo de otimizar e melhorar o endereço na web
38 locaweb
* Os rankings são
baseados fortemente
em números de páginas
que citaram um
determinado blog, mas
nem sempre esse
endereço altamente
citado representa
conteúdo de qualidade
Comprovado o sucesso,
muitos autores de blog acabam
optando por transformar o
endereço em site. Fabio
desconstrói qualquer tipo de
vantagem que essa iniciativa
possa trazer ao afirmar que “blog
é blog e site é site”. Para ele, se um blog está
trazendo bons resultados e até aumentando a receita
de seu autor, em hipótese alguma ele deve ser
substituído por um website. “Faça os dois!”, exclama.
Numa situação inversa, ou seja, se o blog consome
muito tempo, tem baixos índices de visitação e não
está gerando nenhum benefício perceptível, o
conselho de Fabio é rever a estratégia e mudar a
forma de blogar ou mesmo criar um website comum,
com informações do tipo “quem somos, nossos
produtos e serviços, contatos e testemunhos”.
Rankings
A presença do blog em um ranking de acessos pode
trazer a seu autor um bom retorno do trabalho
realizado na web. Pode também medir sua
popularidade. No entanto, é importante que cada um
tenha consciência do tipo de exposição que está
buscando. Para Fabio, os rankings são baseados
fortemente em números de páginas que citaram um
determinado blog, mas nem sempre esse endereço
altamente citado representa conteúdo de boa
qualidade. “Isso para mim é uma questão de
aderência ao gosto pessoal.” O consultor empresarial
cita um exemplo: “pegue os primeiros colocados no
ranking do BlogBlogs e veja que assunto eles cobrem
– internet e tecnologia –, ou seja, blogs sobre blogs.
Se é esse o conteúdo que você procura, então está no
lugar certo”, polemiza. Alexandre também não vê
com bons olhos essas listas. Na opinião dele,
rankings são supervalorizados, “mas incapazes de
refletir a real relevância de um blog”, completa.
205 X 275:Layout 1 19/3/2009 17:19 Page 1
artigo_joca:W2008 18/7/2009 04:22 Page 40
opinião/articulista
e-business
Fixe no tempo e nos
custos e reduza o escopo
Reduzir o escopo sem perder qualidade na hora de entregar
um projeto é mais importante do que ampliar prazos
Recentemente, Dov Bigio, gerente de produtos de
Telecom da Locaweb, postou em seu blog o artigo
O triângulo dos projetos, que explica que, dadas as variáveis
de um projeto (qualidade, custo e prazo), é possível fixar no
máximo em duas delas, enquanto a terceira irá variar. Ou
seja, se fixarmos em prazo e custo, a qualidade poderá ser
menor que a esperada. Ou se fixarmos na qualidade e no
custo, o prazo poderá ser maior que o esperado. Nunca
conseguiremos fixar nas três variáveis de um projeto.
O pessoal da 37signals prefere manter a qualidade sempre
fixa (num patamar alto) e a substituiu pelo escopo no
triângulo dos projetos. Eles também recomendam fixar em
prazo e custo de um projeto e sempre flexibilizar o escopo.
Vou explicar como isso faz sentido com um projeto
recente que tivemos aqui na Locaweb, o projeto de
reescrever o site. Em novembro de 2008, decidimos que já
havia passado da hora de termos um novo site que estivesse
mais em linha com tudo o que temos estudado sobre
experiência do usuário, design, arquitetura da informação,
design de interação e conceitos de Web 2.0. Decidimos
também que na primeira quinzena de março de 2009 esse
site deveria estar no ar. E o custo também estava fechado:
não íamos contratar ninguém de outra equipe.
Assim, começamos a desenhar o escopo do projeto.
Dentre os vários requisitos do projeto tivemos: navegação
simples e intuitiva; manter o código bem enxuto; aplicar
SEO em todo o site; minimizar o uso de flash; design visual
40 locaweb
Joaquim Torres
Diretor de Produtos da Locaweb
@jocatorres
joaquim.torres@locaweb.com.br
leve; rever a arquitetura de informação de todo o site,
revisando todo o conteúdo.
Fizemos o planejamento para seis sprints de duas
semanas cada. Depois, percebemos que o prazo não
poderia ser cumprido e pensamos em aumentá-lo ou cortar
algo do escopo. Como a entrega de um projeto é
importante para desenvolvedores e clientes, decidimos
diminuir o escopo, descobrir alguma coisa que pudéssemos
cortar a fim de entregá-lo no prazo. Escolhemos não rever a
arquitetura de informação de todo o site, mas apenas das
áreas mais importantes. Com isso, conseguimos entregar a
tempo e os visitantes do site puderam usufruir de seu novo
layout e de sua nova organização.
De uma certa forma, redução de escopo e de qualidade
são parecidos, mas têm uma diferença fundamental.
Podemos reduzir qualidade de duas formas: fazer tudo o
que foi planejado, só que fazer malfeito, ou fazer menos do
que foi planejado, só que bem-feito. Já a redução de escopo
não dá margem para interpretação: é sempre fazer menos
do que foi planejado, mantendo o trabalho bem-feito. E
muitas vezes percebemos que o menos que entregamos já é
suficiente e que o produto final de nosso projeto ficou
melhor com menos do que previsto originalmente.
Então, da próxima vez que você pensar em reduzir a
qualidade de seu projeto para poder entregá-lo no prazo e
dentro do orçamento, pense se não seria melhor reduzir o
escopo. Você e seu cliente poderão sair ganhando!
205 X 275:Layout 1 19/3/2009 17:16 Page 1
Design:W2008 18/7/2009 02:00 Page 42

designweb
O design “dentro
e fora da caixa”
Veja como ilustradores de jornais e revistas, grafiteiros, cartunistas
e tatuadores enxergam o design dentro do ambiente web
Por Luciano Delfini

S
eus trabalhos ilustram revistas,
jornais, livros, campanhas
publicitárias, dão vida à
interminável palidez dos muros
urbanos, contam histórias por meio
dos desenhos e até satisfazem a
vaidade alheia estampando seu
talento em corpos humanos. Assim,
ilustradores, grafiteiros, cartunistas e
tatuadores transformam sua
criatividade e habilidade em arte. Arte
que não só explora as mais variadas
linguagens, mas que transpõe
ambientes; sai do papel, do concreto e
vai para a tela do computador. Mas
essa mudança de ambiente interfere
no processo de criação de um
desenho? Tempo e espaço diferem
conforme a linguagem? Entre os
artistas, as experiências divergem.
Alguns já “experimentaram” a web,
outros apenas flertam com a
linguagem dessa tecnologia.
É o caso do pintor e grafiteiro André
da Silva Monteiro, o Pato (www.foto
log.com/patologico). “Gosto muito da
ideia da linguagem da web, mas ainda
não tive vontade de criar um trabalho
específico para ela. O máximo que faço

42 locaweb
Design:W2008 18/7/2009 02:00 Page 43

Design

é postar fotos ou scanners de meus

trabalhos no meu blog.” Representado
pela galeria Arterix (www.cavalera.
com.br/blog/ 2009/06/12/arterix), de
São Paulo, Pato reconhece que se sente
atraído pela possibilidade que a web
oferece de interação entre desenho,
som e movimento, mas ainda procura
manter-se afastado das novas
tecnologias. “Prefiro me concentrar em
coisas palpáveis, como a pintura, a
escultura e a fotografia analógica.”
Com vasta experiência em
trabalhos realizados para a web e para
mídias tradicionais, como publicações
e campanhas publicitárias, a
ilustradora Fabiana Shizue (www.
fshizue.com) aponta o tempo, ou
melhor, a falta dele, como uma das
dificuldades no processo de criação de
um desenho para a internet. “Na
minha experiência, quando trabalhei
em uma empresa de conteúdo, a
diferença maior era o prazo. As
ilustrações eram feitas na correria e
em grande quantidade, o que deixava
o trabalho mais simplificado.” Fabiana,
porém, destaca que nem todo
desenho feito para a web padece da
pressão de ter de ser postado
imediatamente. “Hoje em dia, tenho
recebido propostas para a web que
oferecem um tempo maior para eu me
concentrar na criação.”
As limitações da plataforma lá
pelos “primórdios” da web e a pouca
experiência dos profissionais de
programação, que ainda tinham
dificuldade em reproduzir exatamente
o que havia sido desenhado, fizeram
com que o designer Ivan Neto, sócio e
diretor de arte da Incomum Design &
Conceito (www.incomumdesign.com),
com sede no Rio de Janeiro, olhasse
com certo preconceito às primeiras
propostas para desenvolver trabalhos
para a web. Hoje, sua opinião é outra.
“De um tempo pra cá, os profissionais
Avanço \\ Site do designer e ex-tatuador Ivan Neto. Ele acredita que, ultimamente, os profissionais de
web estão mais qualificados e as ferramentas permitem mais fidelidade ao design projetado
profissional, também lida com as
* A mudança de ambiente diferenças no processo de criação de
interfere no processo de um desenho para a internet e para
criação de um desenho? outros ambientes, sobretudo no que
diz respeito ao desenvolvimento e à
Entre os artistas, as programação - aspectos, segundo ele,
experiências divergem. fundamentais quando o projeto é
Alguns já experimentaram voltado à web. “No caso da internet, a
etapa é mais complexa por causa de
a web, outros apenas variáveis como sistemas, navegadores
flertam com a linguagem e comportamento dos usuários, o que
dessa tecnologia exige toda uma demanda de testes e
de controle da qualidade.”
estão mais qualificados e
as ferramentas permitem
mais fidelidade ao design
projetado, oferecendo
uma gama enorme de
possibilidades”, elogia. Para
Ivan, depois de tanto
aprimoramento, o designer
que ainda torce o nariz
para a web o faz por medo
ou por puro romantismo.
“Hoje, design e tecnologia
caminham juntos”, acredita.
Ivan, que foi tatuador Interação \\ Trabalho do grafiteiro Pato, que vê na web um
antes de se tornar designer local onde desenho, som e movimento podem se encontrar

locaweb 43
Design:W2008 18/7/2009 02:00 Page 44

Design

experiência no assunto. No espaço

Correria \\ Ilustrações de Fabiana Shizue, que aponta a falta de tempo como uma das dificuldades
no processo de criação para a internet. Segundo ela, muitas ilustrações são feitas na correria
Por outro lado, o designer aponta
semelhanças, principalmente quando
se está definindo a proposta e a
linguagem do trabalho logo no início
do processo de criação, o qual, para
ele, começa de maneira idêntica tanto
no ambiente impresso/analógico
quanto no digital. “Definido esse
panorama, o desenho vai tomando
forma. Se é para ilustrar um site que já
tem uma marca, por exemplo, começo
a trabalhar o design das telas e a
adequação da minha criação a essa
marca.” Ivan conta que usa miniaturas
(chamadas thumbnails) em criações de
layouts para ter mais agilidade e
liberdade nos testes de funcionalidade
dos desenhos. “Só depois dessa etapa
o layout passa a ser desenhado no
computador. Aí, recorro ao InDesign,
que me permite controlar a
composição do que foi criado.”
Quem também já desenvolveu
trabalhos de design para a internet é
o grafiteiro Thiago da Cruz
Vasconcelos, o Bravos (www.merchan
house.com.br e www.flickr.com/
bravos_ad), que, antes de qualquer
manifestação sobre a web, faz
questão de deixar claro que nada
supera o prazer de desenhar ao vivo
nas ruas. É a palavra de quem tem
urbano, Bravos participou da criação
dos desenhos do túnel da Avenida
Paulista para as comemorações dos
cem anos da imigração japonesa no
Brasil, além da exposição Tipografia
Urbana, também em São Paulo, e das
comemorações dos 40 anos da
torcida Gaviões da Fiel. E é
justamente o prazer pelo grafite e o
domínio dessa técnica que Bravos
tenta levar para suas criações
voltadas à web. “Dependendo do
cliente e do tipo de trabalho que me
solicitam, fico meio livre para usar
minhas técnicas de grafiteiro nos
desenhos para a internet”, revela.
Quando o assunto é o espaço que
a web oferece para o design, as
opiniões são muito parecidas, ainda
que cada um interprete esse espaço a
partir de suas próprias experiências.
* É justamente o prazer Fabiana acredita que, assim como o
pelo grafite e o domínio texto, a ilustração tem um campo
dessa técnica que Bravos ilimitado nesse universo virtual. “É
uma leitura de modo visual. Qualquer
tenta levar para suas pessoa pode acessar seu site ou
criações voltadas à web. conhecer suas ilustrações apenas com
Alguns trabalhos o um clique”, diz a ilustradora, que já
vivenciou esse tipo de intercâmbio em
deixam livre para sua vida profissional. Fabiana conta
transferir sua habilidade que, certa vez, a redatora de uma
das ruas para as telas revista de arte de Taiwan encontrou
Grafite \\ Obra do grafiteiro Bravos: “dependendo do cliente e do tipo de trabalho que me solicitam,
fico meio livre para usar minhas técnicas de grafiteiro nos desenhos para a internet”

44 locaweb
Design:W2008 18/7/2009 02:00 Page 45
seu site fazendo uma pesquisa na
internet. “Acabei dando uma entrevista
à jornalista taiwanesa para falar do
meu trabalho e da minha vida como
ilustradora em São Paulo. Logo,
percebi que as visitas daquele país ao
meu site aumentaram bastante.”
Do ponto de vista da arte urbana,
Bravos enxerga a web como uma
ferramenta para contatos e divulgação
de trabalhos, que se torna ainda
melhor com a possibilidade de poder
usar gratuitamente serviços como
Orkut, MSN, Flickr, Fotolog, e-mails e
por aí vai. Mas deixa claro: “Grafite
mesmo é na rua”. Segundo ele, o
ambiente virtual é muito mais
importante para o designer que para o
grafiteiro. “A web é fundamental para
um designer pegar referências, ideias
e outras informações na hora de
desenvolver seu trabalho.”
Mas nem todos concordam
com essa afirmação, uma vez
que as referências podem vir de
diferentes ambientes e linguagens,
independentemente ao que a obra
se propõe. Contrário ou não, o
ponto de vista de Bravos ganha
reforço se voltarmos um pouco no
texto, mais precisamente quando
Ivan afirma que “design e tecnologia
caminham juntos”. Pato
complementa o raciocínio ao
observar que o espaço existe para
quem se adequar às necessidades da
web. “Posso postar vídeos ou
desenvolver trabalhos com a
linguagem específica exigida pela
web”, explica o pintor.
* Para o designer Ivan
Neto, que já foi tatuador,
há semelhanças no
processo de criação para
os ambientes analógico e
digital, como a definição
da proposta e a linguagem
do trabalho inicial
Nos caminhos percorridos
dentro da grande rede por artistas
acostumados a criar para outros
ambientes, nota-se que a atração
que a web pode exercer tem muito
mais a ver com os diferentes serviços
oferecidos pela internet – divulgação,
pesquisa, intercâmbio de informações
– e com as facilidades que ela pode
trazer no contexto profissional, e
pessoal, de cada um. Fabiana, por
exemplo, assim como profissionais de
Design
Ferramentas virtuais \\ Comunidades
virtuais, como o Orkut (ao lado), e sites de
fotos, como o Flickr (abaixo), são usados por
artistas novatos para divulgarem seus trabalhos
e se aproximarem do mundo da internet
outras áreas, conta que a internet
ajudou na sua atuação como
ilustradora freelancer. “Consigo
trabalhar a distância e participar de
reuniões por e-mail ou usando
programas de chat.” Pato também
reconhece esse potencial como meio
de comunicação, mas se mantém
incrédulo quanto ao conteúdo
encontrado na internet. “Acredito que
a web possibilita mais intercâmbio de
informação, mas tenho consciência de
que muitas dessas informações podem
estar equivocadas, já que não há como
controlar sua procedência. Nesse
sentido, evito usá-la para pesquisas
mais profundas”, observa o grafiteiro.
A essa desconfiança de Pato é
possível fazer um link com as críticas
de Fabiana sobre o uso indevido de
imagens e ilustrações na internet. Um
problema, claro, que não se restringe
apenas aos desenhistas, mas que se
estende a todos os profissionais que
geram conteúdos para a web, como
a própria ilustradora reconhece.
“As pessoas captam as ilustrações e
imagens da web e usam para outros
fins, sem dar os devidos créditos ou
pagamentos ao ilustrador. Mas isso é
um problema geral que atinge fotos,
ilustrações e textos”, lamenta Fabiana.
locaweb 45
Design:W2008 18/7/2009 02:00 Page 46
Design
O uso indevido e a apropriação de
obras autorais são problemas que
ainda está longe de ser solucionados e
devem sempre pautar as discussões
quando o assunto é internet. Ao
lançar um trabalho na grande rede, a
sensação é que se está soltando um
filho ao mundo e que, a partir daquele
momento, ele não mais “pertence”
única e exclusivamente a seus pais –
na verdade, ninguém pertence de fato
a ninguém, mas isso é outra história.
O que realmente supera uma
questão tão delicada como essa,
sobretudo para os autores, é o fato de
a web ter se tornado um dos
melhores veículos para se propagar
um trabalho, como lembra Ivan. “A
web tem vencido o preconceito dos
‘artistas analógicos’. Fora isso, sites
como Flickr, DeviantArt e outros
similares se transformaram em
grandes celeiros de artistas e em
ferramentas baratas ou gratuitas de
divulgação. Soma-se a isso o poder
das comunidades nessas plataformas,
o que vem ajudando a melhorar o
nível dos ilustradores e profissionais
da área, que agora podem trocar
informações, técnicas e referências
com colegas do mundo todo”, analisa
o diretor de arte da Incomum.
46 locaweb
* Sites como Flickr,
DeviantArt e outros
similares, inclusive
comunidades virtuais, se
transformaram em grandes
celeiros de artistas e em
ferramentas baratas ou
gratuitas de divulgação
Artistas e as suas obras
Depois de tantas opiniões e pontos
de vista, é a vez de falar um pouco
sobre o estilo desses artistas. Pato,
por exemplo, diz que seus trabalhos
têm como características principais o
humor e o universo fantástico. “A
diferença”, ressalta ele, “está em
diversos aspectos ligados ao processo
de criação e à contemplação”.
Já Fabiana, que teve trabalhos
expostos em Bialystok, na Polônia, e
na Sardenha (Itália), gosta de
segmentos como moda, publicações
femininas e o público infanto-juvenil.
A ilustradora conta que já realizou
trabalhos para o site feminino
Paralela, que pertencia ao Grupo
Abril, além de ilustrações para
revistas como Criativa, Capricho,
Saúde, Superinteressante e Costura
Perfeita. Também ilustrou capas de
cadernos, coleções de livros juvenis e
romances para o público adulto. Na
publicidade, a ilustradora
participou de campanhas da
Drogasil, Ajinomoto, Feira
Cosmética e cartilhas internas da
American Express. Na web, por
sua vez, suas criações podem ser
vistas no site da Masterfoods
(www.masterfoods.com.br) e no
interessante portal TheSaltoAlto
(www.thesaltoalto.com).
Bravos também já trabalhou para
agências de publicidade, em
campanhas da Philips, Walita,
Serglobal, Saraiva e Grupo Carlos
Massa (o Ratinho, do SBT).
Desenvolveu desenhos para marcas
de skate, como Crail, Vans e CBSK.
Pela empresa Incomum, que atua
no segmento de cross media
desenvolvendo designs analógicos e
digitais, Ivan destaca trabalhos
impressos, como o cartaz das
palestras do The Alchemists em
Cannes, na França, e para a web,
como o projeto Wikimapa
(www.wikimapa.org.br), o qual
considera um importante caso de
projeto que integra marca (brand),
material impresso, web e mobile.
Ao lado \\ Criações de Fabiana Shizue
podem ser vistas no site da Masterfoods
(www.masterfoods.com.br) e no interessante
portal TheSaltoAlto (www.thesaltoalto.com)
Abaixo \\ Ivan Neto tem trabalhos impressos,
como o cartaz das palestras do The Alchemists
em Cannes, na França, e para a web, como o
projeto Wikimapa (www.wikimapa.org.br)
artigo_rene_design:W2008 18/7/2009 04:37 Page 47
opinião/articulista
Corra, Forest, Corra
Você não trabalhará com teclados e mouses, mas sim com maneiras de
interação que usam voz, gestos, multitoque... Quando? Agora mesmo
Talvez a gente tenha se visto. Será? Se você foi ao
encontro Locaweb de Porto Alegre, Rio ou São Paulo,
é bem possível que sim. Fiquei no estande interagindo e
demonstrando, fiz minha apresentação no palco e depois
participei dos painéis de debate.
Ano que vem quero ir de novo. Essa oportunidade de
contato direto no estande, cercado de gente querendo ver
novidade, é genial. Em cada cidade, panelistas diferentes,
perguntas diferentes da plateia. Em todas as cidades, a
chance de fazer diferença na carreira e na vida de
profissionais iniciantes. Isso não tem preço.
Se a gente se viu lá, você deve se lembrar que falei de um
professor meu de faculdade. O cara teve a ousadia de dizer,
nos idos de 1990, que nós ali, alunos de Rádio e TV da ECA,
não seríamos radialistas, mas sim profissionais de mídia
interativa. Em 1990, isso era coisa de ficção científica. Quando
que pessoas comuns teriam acesso a computadores? Nunca.
Well, bem-vindo ao nunca. O cara tinha toda razão.
Trabalhei em TV por uns 5 anos e faz uns 13 que “mexo com
internet”. Mordi a língua. Eu contei lá e conto aqui esse caso
porque acho que preciso. Os sinais estão em toda parte e
tem gente que não percebe.
Vou dar um exemplo: ontem entrei no site sobees.com.
Eu já o conhecia, mas não sabia qual era sua última criação,
um cliente web de Twitter e Facebook. A página carregou, o
aplicativo rodou, configurei minhas contas e, pronto: tinha
no browser um belo cliente de Twitter.
design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
@marcelotripoli
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula
Gostei tanto que resolvi desencanar de outros clientes.
Eu disse que era um cliente web-based, não? Basta eu
adicionar o site aos favoritos e pronto, não? Well, não. Eu
apenas dei um right-click no aplicativo e pedi pra instalar
local. No Start Menu e Desktop? Sim. A aplicação abriu
como uma aplicação, sem browser nenhum em volta.
Falando assim parece fácil. Mas foi fácil. Tão fácil que
você talvez não tenha se dado conta de que quem criou o
sobees não criou apenas uma web app, mas sim uma
aplicação, com armazenamento local e seguro, capaz de
saber se está online ou não e que nem precisou pedir
licença para o administrador da máquina. Mais: ele criou
uma aplicação que roda em Mac e PC igualzinho.
Peraí: quer dizer que quem criava 100% pra web agora
pode criar aplicativos? Sim. Quer dizer que o que está num
browser pode ser instalado localmente? Sim. Mas aplicações
locais não são outra praia, uma praia diferente de web e
nuvem e browser e performance chinfrim? Not anymore,
baby. Como diria meu professor, vocês não vão ser
profissionais de web, vão trabalhar com experiências digitais
ricas. Mais do que isso: o que espera vocês não são só
mouses e teclados, mas sim maneiras naturais de interação
usando voz, gestos, multitoque, movimentos do corpo...
Você pode argumentar que essas coisas não vão
acontecer nunca, mas elas já estão batendo à sua porta.
Máquina pra isso já tem no mercado e... já tem mercado
pra isso. Sabe o que falta? Quem faça. Corra.
locaweb 47
e-learning:W2008 18/7/2009 04:12 Page 48

e-Learning
via wikis e
Conceitos de Web 2.0 impulsionam o ensino a distância no Brasil. Agora,
a participação dos usuários faz parte da construção do conhecimento
Por Sérgio Vinícius mundo e hoje é um exportador de conteúdo, metodologia
e tecnologia. Diante deste panorama, cada vez mais
aparecem novas ferramentas para o ensino a distância. E
e-learning no Brasil é marcado por uma trajetória mais: essas aplicações podem não ser, necessariamente,

O de sucessos diante da existência de alguns

momentos de estagnação provocados pela
ausência de políticas públicas para a educação a distância.
A popularização da banda larga propiciou a inclusão
digital (e social), a internet democratizou o acesso à
informação, e a web conferiu à educação a distância a
força de disseminar o aprendizado para um maior número
de pessoas em áreas geográficas diferentes.
Governos, universidades e empresas de todo o mundo
investem em e-learning para treinamento e capacitação
por meio de cursos totalmente online com o auxílio de
ferramentas de interação baseadas na web. O Brasil
sempre acompanhou a evolução do e-learning pelo
48 locaweb
voltadas ao e-learning, mas apropriadas para tal função.
É o que ocorre com diversas plataformas de Web 2.0,
usadas para ensinar alunos ao redor do mundo por meio
da internet. “Entre as ferramentas informais que podem
ser utilizadas além dos tradicionais ambientes de
aprendizagem, podemos fazer um mix de softwares como
* O brasileiro, em tempos de crise
mundial, procurou cada vez mais
cursos e-learning porque esse método
de ensino permite qualificação de
profissionais onde quer que eles estejam
 e-learning:W2008 18/7/2009 04:13 Page 49

s e blogs e-mails baseados na web, blogs, wikis e mensagens

instantâneas”, diz André Akagi, do Portal Educação
participação faz parte da
construção do
conhecimento”, analisa
//VANTAGENS DO E-LEARNING
• Menor custo;
• Flexibilidade de tempo;
(www.portaleducacao.com.br), empresa que utiliza • Flexibilidade de lugar;
ferramentas 2.0 voltadas para o resultado final do Akagi, que escreveu • Flexibilidade de ritmo de estudo;
processo ensino-aprendizagem dos cursos e-learning. ratado sobre o assunto • Diversidade de cultura
entre os participantes;
“VoIP, redes sociais, pacotes de escritório online, em tinyurl.com/lg9yjf. • Pedagogia inovadora;
compartilhamento de arquivos, notícias, imagens, vídeos O brasileiro, em • Acompanhamento individual;
e podcasting, RSS, widgets, socialbookmarking, mapas tempos de crise • Estímulo de auto-aprendizagem,
desenvolvimento da iniciativa, de
mentais, mashups e até ambientes virtuais 3D como mundial, procurou atitudes, interesses, valores e
Second Life podem ser usados.” cada vez mais cursos hábitos educativos;
De acordo com Akagi, o e-learning passou pelas e-learning devido a dois • Apoio de conteúdos
digitais adicionais.
mesmas transformações que a web. O e-learning 2.0 pontos importantes. O
aproveita o que a Web 2.0 tem de melhor para o ensino e primeiro são as vantagens de educação à distância. E o
alia às propostas pedagógicas dos projetos de EaD segundo é que esse método de ensino permite
(Educação a Distância). Os softwares usados na experiência qualificação de profissionais onde quer que eles
educacional passaram a ser todos serviços, partes dos estejam. Assim, se em alguma cidade não há uma
materiais dos cursos são reaproveitadas (são os Objetos de escola física que ofereça tal curso, o morador
Aprendizagem) e os sistemas e cursos usam a nova interessado em determinado assunto pode se
natureza social da internet para potencializar o especializar via web. “O e-learning é uma ferramenta
aprendizado. “A interação e a colaboração da era 2.0 de que democratiza o ensino no Brasil. Uma análise com
blogs e wikis têm tudo a ver com o e-learning, no qual a o Google Trends mostra o volume de buscas por

locaweb 49
e-learning:W2008 18/7/2009 04:13 Page 50
e-Learning
A nova cara do ensino a distância \\ Saiba como a interação e a colaboração da era 2.0
de blogs e wikis se relacionam cada vez mais com o e-learning em tinyurl.com/lg9yjf
palavra-chave e aponta que, nos Estados onde a oferta
de cursos presenciais é menor, há mais procura de
ensino a distância ”, conta Akagi. “É por isso que o essa
área, antes ocupada em grande parte por cursos de
idiomas e informática, já se estendeu para cursos livres
de atualização, graduação e pós-graduação.”
Estrutura e ferramentas
Como se trata de um mercado com amplo
potencial no Brasil, o e-learning atrai cada vez mais
empresas. E não só do lado dos consumidores, mas
também como provedores de conteúdo. Entretanto,
do ponto de vista de infraestrutura, é necessário
adquirir alguns softwares específicos para que o
sistema funcione corretamente. O principal programa
para gestão do e-learning é conhecido como LMS,
Para fazer seu e-learning
Eu vou passar \\ Quem se interessa por aprendizado a distância
encontra bons cursos à disposição no site www.euvoupassar.com.br
50 locaweb
* O e-learning democratizou
o ensino no Brasil. A área,
antes ocupada em grande
parte por cursos de
idiomas e informática,
já se estendeu para
cursos livres de
atualização, graduação
e pós-graduação
que em inglês se refere a
Learning Management System,
ou, em português, Sistema de
Gerenciamento de Aprendizagem
ou Ambiente Virtual de
Aprendizagem. Trata-se de um
conceito que surgiu para dar
nome a um conjunto de ferramentas que integra
um sistema responsável pela gestão de cursos e
treinamentos a distância. O conjunto de ferramentas
tem o objetivo de simplificar a administração em
uma organização.
“O sistema deve ser capaz de personalizar perfis
de administração para facilitar o acesso, de acordo
com o mapeamento de competências dos
participantes do projeto de e-learning, como:
administradores de cursos, designers instrucionais,
tutores, suporte técnico e alunos”, aponta Akagi.
“A empresa ou instituição pode optar por um LMS
pago comercial ou um software livre, gratuito.
Também há a escolha de desenvolvimento próprio.”
As ferramentas variam de acordo com o LMS. As
mais comuns são recursos de fórum, chat, quadro
de avisos, videoconferência, repositório de arquivos,
avaliações, diário de anotações, formação de
grupos e calendário do curso. Para o gestor, são
indispensáveis ainda recursos como relatórios,
Para montar um projeto e-learning, a dica é cumprir um processo que
compreende as etapas de viabilidade, planejamento, desenvolvimento,
implantação e monitoração. Tudo vai depender do objetivo a ser alcançado
pelo curso. Você deverá promover uma mudança cultural na instituição,
conhecer as tecnologias disponíveis, gerir e desenvolver conteúdos e
designar uma equipe multidisciplinar de tutores, gestores, designers
instrucionais, conteudistas e programadores. O sucesso sempre estará
relacionado com o resultado do processo ensino-aprendizagem, se o aluno
realmente aprendeu com o curso e-learning. E usar a tecnologia sempre
como meio, e não como foco da aprendizagem.
e-learning:W2008 18/7/2009 04:13 Page 51

e-Learning

registro de presença, caixa //DESVANTAGENS Material na web \\

Nem tudo são flores Confira mais detalhes
de mensagens e enquetes sobre e-learning, como a
no que diz respeito
de opinião. ao e-learning. A realização de workshops
“Uma dica importante é e congressos, no site
impossibilidade de
www.elearningbrasil.com.br
que os cursos que serão aulas práticas e a falta
desenvolvidos e oferecidos de contato são as
desvantagens do método.
no LMS devem estar em
“Porém, não há diferença
conformidade com o significativa nos resultados
padrão SCORM, o protocolo da aprendizagem. O
mais conhecido de e-learning não é inferior ao
especificações baseadas na ensino presencial. E
apenas estudar a distância
web (XML) para cursos
não garante melhores
e-learning”, aponta Akagi. resultados para o aluno”,
“Existem diversos softwares aponta Akagi. “Algumas
de autoria, também estatísticas indicam que o
chamados de LCMS, aluno do e-learning pode ter
um melhor aproveitamento,
Learning Content
mas, para isso, é preciso
Management System, para que ele tenha um perfil
desenvolvimento de cursos habilitado para o estudo
em pacotes SCORM.” autônomo, mais exigido
Do ponto de vista dos pelos cursos online.”
O e-learning não
recursos de hardware, isso
substituirá as salas de aula.
dependerá da escalabilidade O ensino presencial continua
do projeto, como previsão com um papel importante,
Especialista \\ O Portal Educação conta com mais de 350 cursos a
de número de alunos e embora modificado por um
distância e já treinou milhares de pessoas do Brasil e de outros 60 países
utilização de recursos. meio em que equipes
colaborativas possam
“Como trata-se de uma
descobrir e solucionar
Portal Educação
questão ampla, é difícil questões mais complexas. O Portal Educação (www.portaleducacao.com.br) é
generalizar”, diz Akagi, que uma empresa que trabalha com e-learning desde 2001.
assina um artigo sobre o assunto em Já treinou e atualizou a distância milhares de pessoas do
tinyurl.com/mpacgs. Brasil e de outros 60 países (em especial Portugal, EUA,
Angola e Japão, por meio de seus cursos pela internet).
Atualmente, a empresa possui mais de 350 cursos
* Como se trata de um mercado com livres online nas mais variadas áreas. O objetivo de cada
amplo potencial no Brasil, o e-learning um deles é criar um ambiente segmentado, com cursos
atrai cada vez mais empresas. E não só direcionados aos segmentos de farmácia, enfermagem,
do lado dos consumidores, mas também pedagogia, biologia, fisioterapia, gestão e liderança,
odontologia, veterinária, esporte, medicina, nutrição,
como provedores de conteúdo psicologia, turismo e hotelaria, estética, tecnologia,
direito, fonoaudiologia, idiomas e medicina alternativa.
O site recebe atualmente mais de 2 milhões de
visitantes únicos por mês, o que o torna uma das
Para estudar via e-learning
empresas mais visitadas do Brasil. Possui uma estrutura
Para quem está interessado em estudar via e-learning, o ideal é analisar se física de aproximadamente 3,1 mil m2 divididos em
o perfil se encaixa com o do aluno que aprende a distância. Capacidade de
15 departamentos apenas para educação a distância.
se automotivar, responsabilidade pelo percurso durante o curso, facilidade
para cumprir prazos, administração do tempo, ser autodidata para Ganhou diversos prêmios relacionados ao ensino a
construção autônoma do conhecimento e ser social para transmitir as distância e tornou-se referência do mercado no País.
dificuldades e ansiedades aos colegas e tutores de curso são A empresa ainda oferece soluções corporativas para
características desejáveis do aluno de e-learning com mais chances de instituições com o desenvolvimento de cursos online
gostar e ter sucesso com o aprendizado. Por fim, procure uma instituição
sob medida, utilização de material didático, consultoria
reconhecida, com uma equipe de tutores qualificada, recursos
tecnológicos suficientes e que use formas de avaliação eficientes. de projetos com diagnóstico, implantação e formulação
de soluções em e-learning.

locaweb 51
Case:W2008 18/7/2009 02:02 Page 52

caseslocaweb
Isotônicos e jogos
AgênciaClick usa expertise em hospedagem e Cloud Computing da
Locaweb para criar site altamente interativo para bebidas Gatorade
as garrafas que aparecem A campanha online
na sua tela. Quanto mais reforça a comunicação do
garrafas, maior a pontuação; design da nova garrafa, que
a cada mil pontos, a deixa em evidência o raio e
dificuldade aumenta. Já no a palavra "Gatorade" em
"Escalada", os internautas alto-relevo, além de mais
devem subir uma montanha espaço de exposição para o
segurando-se nas garrafas de líquido. A bebida continua
Gatorade. A pontuação é com a mesma fórmula e o
contada em metros. Depois mesmo sabor, características
de jogar os games, os que a tornaram líder no
participantes podem colocar setor. Com um formato mais
sua pontuação no próprio anatômico, a nova garrafa
site e no Twitter. tem uma melhor pegada,
A AgênciaClick O projeto online utiliza "Gatorade tem um proporcionando maior
(www.agencia diversos formatos de mídia público online descolado. sensação de segurança e
click.com.br) criou sua gráfica, links patrocinados, Por isso, a AgênciaClick criou firmeza para o consumidor.
primeira grande além de peças criativas uma ação criativa e ousada, Ao lado, você confere
campanha online para a que circulam em portais. com jogos que despertam o mais detalhes da nova
Gatorade, representante O destino, entretanto, é interesse e a interação dos página da Gatorade, que
do mercado de bebidas um só: o site hospedado usuários", diz Juliana esbanja itens como
isotônicas no Brasil. Com na Locaweb. A assinatura Constantino, diretora de interatividade e conceitos
a estrutura e o expertise "Com Gatorade você mais criação da agência. multimídia. Acompanhe:
em cloud computing da longe" é marca de toda a
Locaweb, a maior campanha.
empresa de hospedagem Com o intuito de integrar
do Brasil, a AgênciaClick as plataformas digitais, o
colocou na rede a versão hotsite interativo www.
eletrônica do conceito testeasuapegada.com.br
"Sinta essa nova pegada". estimula a participação dos
As ações, que se usuários. Ao acessar o
centralizam no site www. endereço virtual, internautas
testeasuapegada.com.br, podem se divertir com dois
têm como principal foco games inéditos; basta uma
a nova garrafa, mais webcam ou o mouse do
anatômica, que promove computador para jogar.
a redução no consumo No game "Arremesso", Site da AgênciaClick \\ Empresa foi responsável por criar o novo site
de plástico. o objetivo é agarrar todas da Gatorade; plataforma utiliza tecnologia Cloud Computing Locaweb

52 locaweb
Case:W2008 18/7/2009 02:02 Page 53
O site
2
1 PRINCIPAL
J Página principal do site “Teste a
sua pegada” é bastante simples. Há
apenas quatro áreas, que levam às
demais seções do site. São dois
jogos oferecidos na homepage, que
foram desenvolvidos para atrair o
público jovem, reconhecidamente o
maior consumidor de Gatorade no
Brasil. Além dos games online, a
página principal funciona como
vitrine, permitindo ao visitante
visualizar o novo formato da
garrafa da bebida e também
variar os sabores, reconhecendo as
11 versões da bebida isotônica.
2 GAMES
J Essa área é o principal chamariz
do site. Ao clicar nesses botões, o
usuário é direcionado aos games
especialmente desenvolvidos pela
3
AgênciaClick. Com rápido
carregamento, os títulos também
remetem a situações esportivas -
já que isotônicos são bebidas
criadas para reidratar corpos que
realizam esportes. Em
“Arremesso”, por meio do
mouse, o usuário deve agarrar as
garrafas da Gatorade que surgem
na tela. Em “Escalada”, a ideia é
subir uma montanha com
diversas garrafas de Gatorade nas
mãos. Ao criar os jogos, a
AgênciaClick teve a preocupação
de incluir as garrafas como
protagonistas dos games.
texto. A imagem gira na tela, 4 VITRINE
3 GARRAFAS mostrando em todos os ângulos a J Por fim, na parte inferior do site,
J Eis o principal motivo do site novidade. Um texto resumido conta há um menu em que o usuário
existir. Essa área leva o usuário a que a garrafa é mais fácil de ser confere os diversos sabores de
uma página em que a garrafa é manuseada, além de necessitar de Gatorade, bem como vê as cores
apresentada de forma visual e por menos plástico para ser criada. que as bebidas têm.
locaweb 53
artigo_deborah_mercado:W2008 31/7/2009 19:32 Page 54
opinião/articulista
e-business
Você sabe qual é a sua
marca digital? Eles sabem
Com o uso de ferramentas corretas, sua presença online pode
e deve ser utilizada a seu favor. Portanto, não perca tempo
Nesta tarde chuvosa de inverno, a operadora de
cartões de crédito já sabe que almocei há duas horas e
comprei um chocolate no café da esquina. Assim como fiz no
dia anterior, quando passei no mercado para pegar chocolates,
antes de comprar um filme para assistir que a empresa de TV a
cabo que contratei sabe que desliguei antes do final.
Neste concorrido edifício comercial na zona Sul de São
Paulo, a operadora do meu celular consegue me localizar, com
uma mínima margem de erros. E não vamos falar muito das
horas que passei navegando, do colega que recomendei no
Linkedin ou no RT que dei em uma música que depois ouvi
repetidamente no Blip.fm antes de dormir.
Esse sucinto dossiê digital que produzi em pouco mais de
um dia foi baseado nas reflexões de Stephen Baker feitas no
livro Numerati, que fala sobre como membros de uma elite da
ciência da computação e da matemática analisam todos os
nossos passos em busca de padrões de comportamento.
Todos os dias produzimos milhares de informações e a
possibilidade de reunir estes dossiês digitais e organizá-los não
empolga apenas os profissionais de marketing. Faz brilhar os
olhos também dos recrutadores, os “temidos” profissionais
de RH. Enquanto os “Numerati” ainda não chegam aos seus
algarítimos perfeitos para determinar padrões de
comportamento e os profissionais de marketing buscam
tentativas para mensurar resultados nas redes sociais, os
54 locaweb
Déborah De Mari
é jornalista, coordenadora
editorial da Locaweb em Revista
e trabalha com Estratégias de
Mídias Sociais na empresa.
deborah.mari@
locaweb.com.br
recrutadores têm usado o tempo - antes dispensado em
bancos de dados com milhares de currículos - em seleções
online e triagem prévia em redes sociais específicas.
Você sabe qual é a sua marca digital? Eles já sabem. A sua
marca digital é a sua presença online, os rastros eletrônicos
que você deixou em redes sociais e mecanismos de buscas, a
sua rede de amigos, colegas de trabalho (networking). Tudo
bem, você não se preocupa com isso, está tranquilo porque
acredita que não precisa profissionalmente fazer parte dessas
redes. Então, você não é quem eles procuram, eles não te
conhecem. Mas não se assuste, a sua presença online pode e
deve ser usada a seu favor. Você não precisa ser um “social
media addicted” e ficar sobrecarregado de redes para atualizar.
Preocupe-se em manter uma presença online coerente.
Em primeiro lugar, escolha as redes que você realmente
têm presença ativa. Depois, eleja as que têm mais valor de
acordo com os seus objetivos e garanta o bom uso das
configurações de privacidade. Deixe claro os planos aos seus
contatos e adicione-os de acordo com a rede. E, sobretudo,
crie relevância para o perfil profissional: twitte os bons artigos
que você lê, interaja com profissionais que admira, compartilhe
os posts do seu blog, agregue valor às comunidades.
Construa a sua marca digital e mostre o profissional que
você é. A sua marca digital será o cartão de visitas para grandes
oportunidades sem que você ao menos procure por elas.
Projeto1:Anuncio_livros 16/7/2009 17:07 Página 1
CSS:W2008 18/7/2009 02:03 Page 56
Programação CSS
Remodele sua homepage
por meio de folhas CSS
Esqueça o uso de tabelas para criar páginas eletrônicas: utilize as folhas de estilo e
garanta velocidade na renderização e conformidade com padrões web para seu site
Por Felipe Magalhães
J
á faz algum tempo que se fala muito sobre
webstandards, tableless – e, infelizmente, não se
usa na mesma proporção – para a arquitetura de
páginas web. As vantagens de usar cada tag fazendo o
que realmente se deve fazer são nítidas quando se
compara a velocidade de renderização de uma versão
“tableYes” (cheio de tabelas, bem à moda anos 90) com
uma versão tableless.
Para quem está acostumado a montar páginas com
tabelas, pode parecer impossível passar a montá-las com
div, ul/li, entre outros. Mas a grande jogada por trás
disto tudo é o uso do CSS – as folhas de estilo em
cascata, do inglês Cascading Style Sheets.
O CSS manipula a formatação dos elementos HTML
na página, permitindo agrupar tudo isso em arquivos
separados do HTML, para auxiliar numa melhor
separação entre conteúdo (HTML), formatação (CSS) e
W3C \\ Na página oficial sobre Cascading Style Sheets (http://www.w3.org/Style/CSS), há muita
documentação para usuários que desejam esquecer o uso de tabelas e criar sites padronizados
56 locaweb
interação dinâmica (Javascript). O CSS pode manipular
elementos HTML de três maneiras:
1. Class: quando, no CSS, você declara o estilo começando com “.”
(ponto), cria uma class, que será aplicada a qualquer elemento que
possuir o atributo class apontando para o nome da class criada. Por
exemplo, no CSS há a seguinte class: .texto{...}; para atribuir a
formatação existente na class, faríamos o seguinte no HTML: <p
class=”texto”>.
2. Id: quando, no CSS, for declarado um estilo começando com “#”,
cria-se um identificador. Este identificador aplicará a formatação ao
elemento do HTML que possuir o nome dele em seu atributo id. Por
exemplo, no CSS há o seguinte identificador: #texto{...}; para atribuir a
formatação existente na class, faríamos o seguinte no HTML: <div
id=”texto”></div>.
3. Tag: é possível fazer com que o CSS formate todos os elementos do
HTML que possuam a mesma tag. Para isso, o nome do estilo é
declarado sem nada antes. Quando se faz isso,
todas as ocorrências da tag na página serão
formatadas conforme o estilo. Por exemplo, no
CSS há o seguinte seletor: ul{...}; com isso,
toda vez que for encontrado um <ul></ul>
em nossa página, o estilo será aplicado a ele.
Quando usar cada um deles? Bem,
o ideal é usar o id quando houver
apenas uma única ocorrência no
documento (até porque não é correto
haver ids duplicados); quando
precisar aplicar um estilo a mais de
um lugar, usa-se a class; e quando
necessitar formatar todas as
ocorrências de uma tag, use o
seletor para tags.
É possível também usar estes
seletores de forma aninhada. Por
exemplo, se desejar aplicar um estilo
CSS:W2008 18/7/2009 02:03 Page 57

CSS Programação

somente aos parágrafos existentes dentro de uma div com * Visando a organização, uma boa dica
o id “exemplo”, pode-se criar um estilo com o seletor é separar os arquivos em pastas,
#exemplo p {...}. Para atrelar um arquivo CSS à sua página,
usa-se entre as tags <head></head> o seguinte comando:
dividindo-os por suas características. Por
exemplo: use pasta “page” para páginas
<link href="../css/estilos.css" rel="stylesheet" HTML ou, ainda, use pasta “image”
type="text/css" media="screen"/>
para imagens e demais figuras
Uma boa dica é, também visando a organização,
separar os arquivos em pastas, dividindo-os por suas font-size:12px;
características. Por exemplo: pasta page para páginas }
HTML, ASP, CFM, PHP, scripts ou js para os arquivos #hMenu ul li{
Javascript. Pasta images ou imagens para as imagens display: inline;
existentes e css ou styles para as folhas de estilo. Quando }
for referenciar este arquivo, basta passar o caminho #hMenu ul li a{
relativo (../css/arquivo.css). padding: 3px 5px;
Deste ponto em diante, serão dadas algumas dicas float:left;
sobre como pegar o que está feito em HTML e se background-color:#ccffcc;
organizar, separando o que for possível no CSS. color:#000000;
text-decoration:none;
Esqueça de vez a tag <font> border-bottom:3px solid #ccffcc;
Se em seu código você ainda encontra algo como <p><font }
size="2" face="Verdana">texto</font></p>, você pode #hMenu ul li a:hover{
adaptar este trecho para o CSS de maneira simplificada. O background-color:#00cc00;
arquivo CSS fica assim: color:#003300;
border-bottom:2px dashed #666666;
.texto{ }
font-family:Verdana, Geneva, sans-serif; E no seu HTML faça o seguinte (não se esqueça
font-size:12px; de referenciar o CSS com a tag <link> na
} página):
<div id="hMenu">
E, na página, troque para o seguinte: <p <ul>
class="texto">texto</p>. Com esse exemplo, é possível <li><a href="m1.cfm">Menu Um</a></li>
reparar como o código ficou enxuto e organizado. <li><a href="m2.cfm">Menu Dois</a></li>
<li><a href="m3.cfm">Menu Três</a></li>
Repense os menus </ul>
Muitos sites fazem menus horizontais/verticais em swf </div>
ou em tabelas. Será que sua página precisa mesmo de
um menu feito com a ferramenta multimídia Adobe É possível também conseguir outros efeitos
Flash? Se você quiser algo de mais impacto visual, deixe interessantes para menus em CSS, como reposicionar uma
o menu lá. Porém, não há mais justificativa mais para se imagem mudando o background-position. Por exemplo:
usar uma tabela para manter um menu. Como exemplo,
faça o seguinte no seu CSS: a:link.menu, a:visited.menu{
background-
#hMenu ul{ image:url(../images/menu/sobre.gif);
padding:0px; background-repeat:no-repeat;
margin:0px; background-position:0px 0px;
float: left; display:block;
width: 100%; }
background-color:#ccffcc; a:hover.menu{
list-style:none; background-position:0px -28px;
font-family:Verdana, Geneva, sans-serif; }

locaweb 57
CSS:W2008 18/7/2009 02:03 Page 58

Programação CSS

No exemplo acima, quando o menu está em um Substitua tabelas por divs

estado normal (link ou visited/visitado), ele exibe a
imagem como fundo; a imagem posicionada em pixels
de deslocamento à esquerda e no topo. Quando o
cursor do mouse estiver sobre o elemento, a imagem é
reposicionada em relação ao topo. Isso ocorre para
exibir uma parte dela que inicialmente estava oculta, o
que causa um efeito de mudança de imagem, sem a
necessidade de carregar uma nova figura quando o
cursor fica sobre o menu. Isso facilita o processo uma
vez que a imagem já estava previamente carregada (o
que foi realizado somente o reposicionamento dela).
Um exemplo de aplicação desse efeito pode ser vista
tanto no menu da lateral direita, quanto no menu
superior da página http://migre.me/3mZT.
Esse é o item que mais assusta webdesigners. De tanto
trabalharem com tabelas, criou-se uma dependência tão
grande que chega a ficar complicado para alguns designers
imaginar como diagramar uma página usando divs. Não é
tão complicado quanto parece ser. Entenda que todo
elemento HTML funciona semelhante a uma caixa em
formato de retângulo. Estes elementos são empilhados um
após o outro e podem ter suas margens, bordas e
espaçamentos manipulados via CSS.
Esta composição formada por conteúdo, espaçamento,
borda e margem é a Box model. Assim como uma tabela,
uma div também é um elemento HTML. Ambas possuem
primeiramente um conteúdo a ser exibido, quatro bordas
que decoram as extremidades do elemento, uma distância
entre a borda e o conteúdo (espaçamento) e uma distância
entre uma caixa (ou box) e outra (margem). No caso da
tabela, a distância entre as caixas serve para distanciar uma
célula da outra. Vamos a uma comparação de uma tabela
montada com table e uma com divs:
Exemplo com tabelas:

<table width="400" border="1" cellspacing="1"

cellpadding="1" bordercolor="#000000">
<tr>
<td>texto1</td>
<td>texto2</td>
</tr>
<tr>
<td>texto3</td>
<td>texto4</td>
Exemplo\\ Na página acima (http://migre.me/3mZT), há um efeito de
imagens criado em CSS tanto na lateral direita quando no menu à direita </tr>
</table>

Exemplo com divs, no arquivo CSS:

div{
width:185px;
border:#000 1px solid;
padding:2px 2px 2px 2px;
margin:2px 2px 2px 2px;
float:left;
}
div#geral{
width:390px;
border:#000 1px solid;
}

No HTML, temos o seguinte:

W3Schools \\ Um dos maiores repositórios sobre CSS, com quizes, tutoriais e referências sobre o <div id="geral">
assunto é a página ligada aos padrões web de desenvolvimento http://www.w3schools.com/css <div>texto1</div>

58 locaweb
CSS:W2008 18/7/2009 02:03 Page 59
<div>texto2</div>
<div>texto3</div>
<div>texto4</div>
</div>
Se você carregar esta página, verá que, com 40% a
menos de código, conseguimos produzir o mesmo efeito.
Então, por que tanto medo? Quando você desejar
posicionar uma div ao lado da outra, deverá usar a
propriedade “float”. Ela faz com que as divs flutuem uma
ao lado da outra. Caso uma div tenha uma largura (width)
menor que o elemento no qual ela está inserida (body,
outra div), se desejarmos posicionar a div seguinte ao lado
desta, basta aplicar às duas um float:left (ou right,
dependendo da direção que desejar).
Caso a soma dos espaços ocupados (largura, borda,
espaçamento e margem) das divs caiba dentro do
elemento pai, elas serão posicionadas lado a lado, caso o
tamanho estoure o limite, a div seguinte é posicionada
abaixo da anterior. O importante para se montar um layout
usando CSS é arquitetar tudo antes, medir, saber o espaço
que será ocupado, para não ter dores de cabeça na hora de
botar a mão na massa e fazer os testes.
Organize seu conteúdo
em título e subtítulos
Entre as tags mais “mal usadas” do HTML estão as de
cabeçalho: Heading (do <h1> ao <h6>). O intuito real
destas tags é permitir uma melhor organização do
texto, separando as possíveis seções dele em títulos
(<h1>) e subtítulos (do <h2> ao <h6>). Além de ter um
CSS Programação
Ao lado \\ Em http://migre.me/3pEI, é possível
conferir tutoriais completos sobre CSS; nesta
página, em especial, há vasta documentação
sobre como desenvolver cabeçalhos
Abaixo \\ O site do Maujor (www.maujor.com)
foi um dos primeiros a abordar o
desenvolvimento de páginas eletrônicas com
folhas de estilo no idioma português
conteúdo bem mais apresentável, é possível manipular
a aparência deles por meio do CSS, usando o seletor de
tags h1{...} até h6{...}. Para se ter ideia de alguns efeitos
possíveis, confira o que há na página do Maujor
(especialista e um dos pioneiros do CSS) sobre
cabeçalhos: http://migre.me/3pEI.
Organize seus arquivos CSS
Caso você possua vários arquivos CSS, existe a possibilidade
de chamá-los previamente em outro arquivo CSS, para que
depois este seja chamado na página, por meio da tag
<link>. Por exemplo, vamos supor que sua página utilize os
arquivos topo.css, lateral.css, conteudo.css, rodape.css.
Dentro de sua página HTML, você pode chamar um único
arquivo (vamos chamá-lo de estilos.css) com:
<link href="../css/estilos.css" rel="stylesheet"
type="text/css" media="screen"/>
E dentro deste arquivo estilos.css, deve existir o seguinte
comando de importação:
@import url(topo.css);
@import url(lateral.css);
@import url(conteudo.css);
@import url(rodape.css);
Este tipo de comando tem somente o intuito de
organização, não é obrigatório. Caso queira, você pode
referenciar todos os seus CSSs necessários por meio da tag
<link> sem grandes problemas.
locaweb 59
Flex:W2008 18/7/2009 02:05 Page 60

Programação Flex

Os primeiros passos com

o poderoso Adobe Flex
Entenda como funciona a ferramenta criada pela Macromedia e aprenda a
utilizá-la para trabalhar com as aplicações ricas de internet - chamadas de RIA

Por Pedro Claudio de Lima e Silva

s aplicações de redes

A internas em empresas
(intranet) têm migrado para
plataforma web, aliando baixo custo,
rápido desenvolvimento, alta
performance, riqueza de facilidades e
grande quantidade de informações
ao usuário final, sem requisições
excessivas ao servidor.
Isto vem acontecendo sob o
parâmetro de aplicação ideal:
aplicações desktop, com recursos
"drag and drop", em que você pode
arrastar elementos gerando
alterações em dados, informes e
sugestões nas validações, integração
Página do Flex \\ Pacote Flex SDK contém as bibliotecas necessárias para integração com o
com ambientes legados. É possível Eclipse, um ambiente de desenvolvimento baseado em Java e também open source
ainda interagir com plataforma baixa
ou plataforma alta, na utilização de protocolos variados (Hypertext Mark-up Language), XHTML (Extensible
como SOAP (Simple Object Access Protocol), AMF (Action Hypertext Markup Language), e as linguagens scripting
Message Format), RMTP (Reliable Multicast Transport como VBScript, JavaScript, até chegarmos ao ActionScript,
Protocol), HTTP (Hypertext Transfer Protoco), entre outros. que roda no Flash Player em navegadores com cada vez
A Web 2.0 tem tentado levar estes recursos para o mais plugins, os navegadores ricos, origem do termo RIA.
ambiente WWW (internet) com grande êxito, com ajuda Para falar do Flex, é preciso descrever o compilador, o
das linguagens e dos plugins contidos nos navegadores. Flex Builder, AIR, a linguagem.
Esta descrição de software caracteriza uma Aplicação
de Internet Rica (RIA - Rich Internet Application), termo O Compilador
nascido dentro da Macromedia, empresa que lançou o (http://opensource.adobe.com/wiki/ display/flexsdk)
Flex, juntamente com o protocolo AMF. Logo depois, a Baseado no SDK caracterizado pelo termo de uso open
Adobe comprou a Macromedia carregando todos os source, portável para todos os sistemas operacionais que o
profissionais envolvidos nos projetos RIA, que tornou o seu Java seja portável, recebe arquivos codificados com MXML,
compilador open source, com objetivo do RIA ideal. ActionScript e CSS (Cascading Style Sheets), resultando em
Quando falamos de conceito RIA, devemos resgatar o arquivos SWF para Flash Player (presente em 98% dos
histórico da internet, que nasceu com transferências de computadores), ou arquivos AIR para máquina virtual AIR
texto com o mínimo recurso ao usuário, sem renderização (como será visto mais à frente). Este pacote Flex SDK
gráfica, os chamados navegadores magros, passando pelo contém as bibliotecas necessárias para integração com o
nascimento das linguagens de marcação como HTML Eclipse, um ambiente de desenvolvimento baseado em Java

60 locaweb
Flex:W2008 18/7/2009 02:05 Page 61

Flex Programação

* O compilador do Flex é baseado no

SDK; open source, portável para todos
os sistemas operacionais compatíveis
com o bom, velho e robusto Java
e também open source, e mais o Dreamweaver, o Flash
Professional, o Visual Studio, possibilitando identificação
da linguagem MXML na IDE.

O Flex Builder
(www.adobe.com/products/flex/flexdownloads/)

extensão do instalador e da aplicação gerada pelo Flash

Builder. Basicamente, o que diferencia uma aplicação AIR
de uma aplicação Flex é o tipo do projeto e as tags
mx:WindowedApplication, usada para AIR, e
mx:Application usada para Flex. As demais tags são
usadas para ambos os projetos.

Linguagem

A atual versão é a 3, mas na versão 4 que está em beta

público (http://labs.adobe.com/ technologies/
flashbuilder4/), será chamado de Flash Builder, baseado
em Eclipse. É dividido em modo Source e Design. No
primeiro, o desenvolvedor manipula diretamente o código
com a ajuda de code hints de todos os pacotes e classes
adicionados ao projeto. O modo Design dispõe de wizards
variados, painéis para manipulação gráfica de
componentes, de propriedades e aparências dos
componentes, de charts, de estados da aplicação,
gerenciamento de serviços de dados. O Flex Builder conta É dividida em três partes. A primeira são as folhas de
com debugging integrado ao compilador SDK do próprio estilo (CSS), que podem ser inseridas entre o MXML ou
Flash Builder, recursos que não estão disponíveis na versão em arquivos separados. Há o ActionScript 3, com um
SDK Open Source. número de pacotes bem maior na versão 4. E o MXML,
que é uma abstração do ActionScript no formato de
AIR tags. Para detalhar a linguagem, implementei um
(http://labs.adobe.com/downloads/air.html) formulário de contato para envio de e-mail utilizando
É uma runtime, disponível para Windows, Linux e MacOS, apenas serviços, tags MXML e classes ActionScript
que possibilita executar aplicações HTML, Ajax, Flash e disponíveis no ColdFusion 9 e no Flex 4, sem qualquer
Flex, no formato de RIA em desktops. Permite uma codificação no servidor.
navegação online ou offline na aplicação, com uma Para começar, crie um projeto Flex no Flash Builder 4,
sincronização de dados com o servidor quando online, e o arquivo index.mxml com o seguinte conteúdo:
sem utilização de navegadores. Isso permite
gerenciamento de banda ou mesmo uma prevenção a <?xml version="1.0"?>
falhas na comunicação cliente e servidor. AIR também é a <!--

locaweb 61
Flex:W2008 18/7/2009 02:05 Page 62
Programação Flex
Com o aumento de classes, e para permitir
compatibilidade com versões anteriores, houve um
acréscimo de namespaces, dispostos da seguinte forma:
fx: definição MXML da versão 4, com core, skinning, layout;
s (MXML 2009 - Spark): baseado no Halo (MXML 2006)
encontramos os componentes;
mx (MXML 2006): permite scripts MXML 2006 ;
cf (ColdFusion): pacote implementado no ColdFusion 9,
permitindo acesso direto a serviços ColdFusion, para que não
seja necessário script no servidor.
A tag Application define este script como mãe e
creationComplete é um evento disparado após a construção
dos componentes no qual atribuí a ação creationComplete
Handler e, como parâmetro, o evento creationComplete.
-->
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:cf="coldfusion.service.mxml.*"
creationComplete=
"creationCompleteHandler(event)">
<!-- Torna o arquivo ActionScript parte deste MXML -->
<fx:Script source="script.as" />
<!-- Torna a folha de estilo parte deste MXML -->
<fx:Style source="style.css" />
<!-- A parte visual do formulário de contato, repare que posso
trabalhar MXML de versões diferentes, já que no Spark não existem
as classes Form e FormItem -->
<s:Panel title="Contato" horizontalCenter="0"
verticalCenter="0">
<mx:Form>
<mx:FormItem label="Nome:">
<!-- O id é informado para tornar o componente acessível ao
restante da aplicação -->
<s:TextInput id="txt_nome"/>
</mx:FormItem>
<mx:FormItem label="E-mail:">
<s:TextInput id="txt_email"/>
</mx:FormItem>
<mx:FormItem label="Mensagem:">
* As aplicações de redes internas em
empresas têm migrado para plataforma
web, aliando baixo custo, curto
desenvolvimento, alta performance e
grande quantidade de informações
62 locaweb
<s:TextArea id="txt_msg"/>
</mx:FormItem>
<!-- aqui uma classe CSS é informada no atributo styleName -->
<mx:FormItem styleName="cssFormItemButton" >
<s:Button id="enviar" label="Enviar" />
</mx:FormItem>
</mx:Form>
</s:Panel>
<!-- Todos os objetos que não são vistos, ou que não são parte do
pacote mx.core.*, devem estar dentro desta tag. -->
<fx:Declarations>
<!-- define a validação com o campo informado no atributo source,
aqui estou validando o campo Nome, e declarando a mensagem em
caso de erro no atributo requiredFieldError, a variável _mensagens
está no arquivo script.as . -->
<mx:StringValidator id="Vnome"
source="{txt_nome}" property="text"
requiredFieldError="{_mensagens.getItemAt(0)}" />
<!-- define validação para campo E-mail, aqui informo três
mensagens de erro, para campos vazio, caracter inválido e e-mail
inválido, não é obrigatório definir as mensagens de erro -->
<mx:EmailValidator id="Vemail"
source="{txt_email}" property="text"
requiredFieldError="{_mensagens.getItemAt(1)}"
invalidCharError="{_mensagens.getItemAt(2)}"
missingAtSignError="{_mensagens.getItemAt(2)}" />
<!-- define validação do campo Mensagem -->
<mx:StringValidator id="Vmensagem"
source="{txt_msg}" property="text"
requiredFieldError="{_mensagens.getItemAt(3)}" />
<!-- Existe um serviço no servidor ColdFusion onde é possível
configurar um servidor SMTP para envio de e-mail, com esta classe
(coldFusion.service.mxml.Mail) podemos enviar e-mail a partir da
aplicação Flex, acessando este serviço diretamente, mas também
podemos informar o servidor SMTP na tag, caso não exista um
servidor SMTP configurado, para que o servidor ColdFusion
saiba,dinamicamente, para onde enviar. -->
<cf:Mail id="cfMail" cfServer="localhost"
cfPort="8500"
servicePassword="service"
serviceUserName="service"
from="{txt_email.text}" to="pcsilva@gmail.com"
subject="[Site] Contato" type="html"
content="{txt_nome.text+' escreveu:
'+txt_msg.text}" />
</fx:Declarations>
</s:Application>
Agora, crie um arquivo style.css bem simples:
/* definição de uma classe CSS */
.cssFormItemButton { padding-left:118; }
Flex:W2008 18/7/2009 02:05 Page 63
Neste próximo arquivo que iremos criar (será o
script.as), ele deve acompanhar o seguinte script para
ser validado:
/* trago para aplicação classes que serão necessárias no script */
import coldfusion.service.events.ColdFusion
ServiceFaultEvent;
import coldfusion.service.events.ColdFusion
ServiceResultEvent;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.managers.CursorManager;
import mx.validators.Validator;
/* definição da variável que armazenará os validarores */
private var _validadores:Array;
/* definição da variável que armazenará as mensagens de erro,como
seu valores são usados em BINDs, ou seja entre chaves,devo
declarar a metadata com a tag Bindable */
[Bindable] private var
_mensagens:ArrayCollection;
/* este método será acionado quando a aplicação for
carregada no browser */
protected function
creationCompleteHandler(event:FlexEvent):void {
/* atribuição de ação ao evento CLICK do botão Enviar,
declarado no MXML */
enviar.addEventListener
(MouseEvent.CLICK,EnviarEmail);
/* atribuição de ação ao evento FAULT, este evento só é disparado
pelo servidor ColdFusion, e repassado a aplicação Flex */
cfMail.addEventListener(ColdFusionService
FaultEvent.FAULT, faultEventHandler);
/* atribuição de ação ao evento RESULT, este evento só é disparado
pelo servidor ColdFusion quando o e-mail é enviado com sucesso, e
repassado a aplicação Flex */
cfMail.addEventListener(ColdFusionService
ResultEvent.RESULT,resultEventHndler);
/* armazenagem, pelos IDs, dos validadores declarados no MXML */
_validadores = [Vnome,Vemail,Vmensagem];
/* criação das mensagens de erro */
_mensagens = new ArrayCollection([
'Preencha com seu nome por favor',
'Preencha com seu e-mail por favor',
'Seu e-mail não é válido',
'Você deve escrever uma mensagem'
]);
} /* habilita o botão enviar */
/* método que será executano no CLICK do botão Enviar, declarado
no MXML */
protected function
EnviarEmail(event:MouseEvent):void {
Flex Programação
Página do AIR \\ Runtime, disponível para Windows, Linux e MacOS,
possibilita executar aplicações HTML, Ajax, Flash e Flex, no formato de RIA
/* com o método validateAll da classe Validator, executo inline, e
testando o tamanho do array de retorno, que em caso de erro será
preenchido, passando por parâmetro os validadores */
if(Validator.validateAll(_validadores).length = 0){
/* desabilita o botão Enviar */
(event.currentTarget as Button).enabled = false;
/* força a exibição do cursor no formato de relógio, para informar ao
usuário que a aplicação está trabalhando */
CursorManager.setBusyCursor();
/* envia o e-mail */
cfMail.execute();
}
}
/* método será executado quando houver falha de envio de e-mail */
protected functionfaultEventHandler
(event:ColdFusion ServiceFaultEvent):void{
/* remove o cursor em formato de relógio*/
CursorManager.removeAllCursors();
/* habilita o botão enviar */
enviar.enabled = true;
/* informa ao usuário que houve uma falha*/
Alert.show('Não foi possível enviar sua mensagem');
}
/* método será executado quando sucesso do envio de e-mail */
protected functionresultEventHndler
(event:ColdFusion ServiceResultEvent):void {
/* remove o cursor em formato de relógio*/
CursorManager.removeAllCursors();
/* limpa todos os campos */
txt_email.text = txt_msg.text = txt_nome.text = '';
enviar.enabled = true;
/* informa ao usuário do sucesso*/
Alert.show('Enviado com sucesso');
}
locaweb 63
Flex:W2008 18/7/2009 02:05 Page 64

Programação Flex

O resultado final da aplicação será este abaixo:

Para converter esta aplicação Flex em AIR, enviando
e-mail direto do desktop do usuário, precisamos criar um
outro projeto do tipo AIR. Ele deve ter todos estes códigos
com uma pequena alteração no index.mxml. A tag
WindowedApplication define o script como mãe de uma
aplicação (linhas 15 e 85), os arquivos CSS e ActionScript e
o restante do MXML não é alterado.
<?xml version="1.0"?>
Com o aumento de classes, e para permitir
compatibilidade com versões anteriores, houve um
acréscimo de namespaces, dispostos da seguinte forma:
fx: definição MXML da versão 4, na qual encontramos core,
skinning, layout;
s (MXML 2009 - Spark): baseado no Halo (MXML 2006)
encontramos os componentes;
mx (MXML 2006): permite scripts MXML 2006;
cf (ColdFusion):
pacote implementado no
ColdFusion 9, permitindo
acesso direto a serviços
ColdFusion, para que
não seja necessário
script no servidor.
disparado após a construção de todos os componentes, no
qual atribuí a ação creationCompleteHandler, e passei
como parâmetro o próprio evento creationComplete.
->
<mx:WindowedApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:cf="coldfusion.service.mxml.*"
backgroundAlpha="0"
creationComplete="creationCompleteHandler(event)">
<!--
Todo conteúdo do index.mxml deve ser replicado aqui
-->
</mx:WindowedApplication>
Abaixo, você confere o resultado final de nosso
formulário criado com o Flex, de forma rápida e simples e
sem grandes complicações. Observe:

A tag Windowed
Application define este
script como mãe de uma
aplicação e creation
Complete é um evento

64 locaweb
Project1:Anuncio 10/7/2009 18:03 Page 1
Locavip17:W2008 18/7/2009 02:05 Page 66

parceiros/locaweb

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

* “Nossa história começou

junto à Locaweb em 1999.
Desde então, não a
trocamos por nada, porque
o mais importante é ter a
certeza de que nosso site
estará sempre no ar. Recentemente,
tivemos uma proposta de um dos grandes
portais do Brasil para ter hospedagem de
graça. Não trocamos a Locaweb.” J Guia de Motéis
Roberto Discher, diretor comercial do Guia de Moteis J www.guiademoteis.com.br

* “Quando falamos em
segurança da informação,
temos a certeza de que a
Locaweb supre todas as
nossas necessidades nesse
quesito. A Locaweb
sempre tem soluções que satisfazem a
nossa demanda de tecnologia. Fora isso,
o atendimento por parte da equipe
J Noblesse técnica é superprofissional.”
J www.noblesse.com.br Lucio Messias Terres de Azevedo, Técnico TI da Noblesse

* “A Jocar é cliente da
Locaweb desde que
abrimos o nosso site. O
bom é que a empresa nos
atende na medida certa, ou
seja, em todas as fases do
crescimento. Começamos pequenos com
um servidor compartilhado e fomos
crescendo e nos atualizando, sempre de
acordo com as nossas necessidades.” J Jocar
J www.jocar.com.br
Moisés, Diretor Executivo da Jocar

66 locaweb
525558_205x275_327_DL.pdf May 5, 2009 18:26:34 1 de 1