Você está na página 1de 68

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
Escritor \\ O estudioso de mídias e redes sociais é autor dos livros Design/web/design e
análise crítica e bem-humorada do Design/web/design:2, além de A Arte da Guerra Para Quem Mexeu No Queijo Do Pai Rico
ambiente corporativo.
Na entrevista a seguir, Luli fala LR:: A que infraestrutura você se refere? dedicada, o usuário percebeu que
sobre o passado, o presente e o futuro Luli:: A internet de banda larga. Tudo o poderia fazer o que bem entendesse na
das redes sociais. E mais: defende que, que conhecemos como Web 2.0, com rede e que o preço seria o mesmo. As
se não fosse pela banda larga, o consumidor provendo conteúdo, redes sociais foram decorrência disso. A
mundo não estaria no estágio interagindo plenamente com sites, blogs banda larga é subestimada em seu
cibernético em que se encontra. e com outros semelhantes, foi papel de difusora das redes sociais. Ela
possibilitado pela conexão dedicada. é um dos agentes mais importantes.
Locaweb em Revista:: De repente, Na época do acesso por modem,
não se fala mais em outra coisa discado, já era possível que houvesse LR:: O incremento de velocidade da
relativa à web que não mídias e toda essa interação, mas isso não ocorria banda larga é menos importante que
redes sociais. Em especial, sobre o por conta do modelo de cobrança. o modelo de cobrança?
Twitter. Por que as pessoas estão se Luli:: As pessoas falam muito sobre o
interessando tanto pelo assunto? LR:: A cobrança de pulso telefônico? incremento da velocidade, mas é a
Luli Radfahrer:: Foram duas Luli:: Exatamente. O usuário de partir do momento em que o usuário
condições que nos levaram ao atual internet se conectava e sabia que, percebeu que pagaria uma taxa fixa
panorama, no qual as mídias sociais, quanto mais tempo passasse na rede, que as coisas mudaram.
sobretudo o Twitter, estão na moda: a mais pagaria. Por isso, ele não gastava
infraestrutura que possibilita a tempo acessando sites alheios ou LR:: E como você descreve a vontade
comunicação e a vontade que as páginas pessoais desconhecidas. A das pessoas se comunicarem mais?
pessoas passaram a ter de se partir do momento em que a banda Luli:: Esse é o segundo fator que garante
comunicarem para se tornarem alguém. larga se popularizou, com conexão 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 Luli Radfahrer \\ Para o
as pessoas querem ter isso. professor da USP, as novas
mídias estão mudando as
relações entre as pessoas, o
LR:: E nessa busca por identidade, que impactará em grandes
com tantas plataformas sociais, em mudanças de costumes
que o consumidor virou provedor de
informação, não há um exagero de
conteúdo na web que deveria, de * Quando você “twitta”, LR:: Até lá, a imprensa deve repensar
alguma forma, ser filtrada? expõe suas ideias a um seus modelos?
Luli:: O problema não é o excesso de Luli:: Sem dúvida. Daqui a uns anos,
informação. O problema é justamente
círculo de pessoas que o um distribuidor de pneus que não saiba
filtrar o que se tem contato. A partir do seguem. A ferramenta te o que é um GPS estará atrasado. Por
momento em que você não lembra o dá uma identidade e as enquanto, é mais fácil aos grupos de
emissor da notícia, é complicado dar imprensa cooptarem blogueiros a
crédito ou rejeitá-la.
pessoas querem ter isso concorrer com eles. Um blogueiro pode
mídias bombardeando as pessoas com ganhar mais em um portal ou jornal
LR:: Não é porque está na internet informações. A partir do momento em que tentando manter seu site sozinho.
que é verdade. A crença do contrário que não se identifica a fonte, não se Queira ou não, os grandes grupos de
é a origem dos famosos hoax que sabe o que é ou não confiável. mídia têm dinheiro.
chegam por e-mail.
Luli:: Quando a pessoa não consegue LR:: Esses novos provedores de LR:: Então as novas mídias não
identificar a fonte, as informações conteúdo, confiáveis ou não, podem devem impactar apenas a imprensa?
podem ficar comprometidas. Por ameaçar as mídias tradicionais? Luli:: Não. As relações sociais foram
exemplo, você lembra como ficou Luli:: Não enquanto não houver um afetadas e isso muda muita coisa. Por
sabendo da morte do Michael Jackson? equipamento wireless que receba exemplo, os médicos têm hoje a
informações e que possa ser lido e concorrência do Doutor Google. Com
LR:: Lembro. manuseado como uma espécie de isso, as pessoas chegam à consulta já
Luli:: E quando ouviu falar a primeira papel. O que mais se aproxima disso informadas sobre o problema ou
vez sobre Barack Obama? atualmente é o Kindle, mas mesmo desistem da visita realizando algum
assim é um modelo ruim. Enquanto isso procedimento lido em algum site. O
LR:: Não. não ocorrer e os jornais tiverem poder problema é que os buscadores não usam
Luli:: Exatamente. Porque as coisas para imprimir informações em papel, parâmetros médicos e, com isso, as
mudaram e há uma série de veículos e eles não são ameaçados. informações podem não ser confiáveis.

locaweb 7
Emails:W2008 18/7/2009 01:16 Page 8

e-mails //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.

Barra de WiMAX móvel sem a necessidade concessões das frequências


rolagem Tenho lido algumas de “visada” com a estação entre 3,5 GHz e 10,5 GHz,
Estou usando o CSS para coisas sobre WiMAX, um base, ou seja, a conexão um dos últimos obstáculos
modificar características de novo tipo de conexão de funciona mesmo que à entrada da tecnologia
minha página, mas ainda banda larga sem fios. Sei existam obstáculos entre o no Brasil.
não consegui alterar a cor que há algumas cidades que transmissor e o receptor.
da setinha que aparece nas estão testando a tecnologia, Em um raio de três a Marcadores
barras de rolagem. Qual como Ouro Preto e dez quilômetros, espera-se personalizados
código eu devo utilizar Mangaratiba. Mas ainda que um sistema certificado Existe alguma maneira de
para isso? não entendi direito como WiMAX trabalhe com uma se modificar os
Márcia Reis - Por e-mail funciona essa tecnologia. capacidade de entrega de marcadores padrão de
Podem me explicar? até 40 Mbps por canal, uma lista HTML? Eu
Para fazer isso, é Diogo Machado para aplicativos de acesso gostaria de usar uma
necessário utilizar a Por e-mail fixo ou portátil. Isso é imagem GIF criada por
propriedade scrollbar-arrow- banda suficiente para mim como marcador.
color, indicando o código O WiMAX é uma suportar centenas de Estou resolvendo esse
hexadecimal da tonalidade tecnologia baseada negócios com velocidade problema usando a tag
que você deseja que ela em padrões que capacitam equivalente a T1 (conexão IMG antes de cada um
tenha. Para, por exemplo, a entrega de acesso banda telefônica dedicada de alta dos itens da minha lista,
fazer com que a barra de larga e sem fio à web. Por velocidade) ou milhares de mas o resultado não está
rolagem de sua página tenha isso, trata-se de mais uma residências com a mesma sendo satisfatório.
a setinha na cor vermelha, alternativa ao uso de cabo rapidez do DSL. Dimitrios - Por e-mail
adicione esse código: e ao DSL. O WiMAX irá A Anatel e o Ministério
fornecer conectividade das Comunicações ainda Você pode usar
body {scrollbar-arrow- banda larga fixa, nômade, estão definindo como qualquer imagem
color: #FF0000;} portátil e, eventualmente, serão negociadas as 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
Site do WiMAX \\ Em www.wimaxforum.org, há informações sobre a tecnologia baseada em padrões ao redor do mundo:
que capacitam a entrega de acesso banda larga e sem fio à web. Trata-se de uma alternativa ao cabo e ao DSL www.w3c.com.

8 locaweb
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 Dessa forma, atingiu um total
mercado, a Locaweb, de quase R$ 100 milhões
de acordo com o estudo do em receitas de serviços
IDC Brasil, comemora o de hosting.
primeiro lugar no segmento O estudo reforça o
de Outsourcing – Hosting compromisso da Locaweb
Infrastructure Services, com seus clientes, pois usa
referência no setor de como base o conhecimento
Tecnologia da Informação sobre mercado, provedores e
e Telecomunicações. consumidores de tecnologia
Segundo a pesquisa, a para auxiliá-los no
empresa ultrapassou grandes endereçamento de questões
companhias presentes nessa estratégicas relativas à oferta
categoria e, em 2008, e ao uso de soluções
registrou crescimento de tecnológicas. Saiba mais em:
aproximadamente 45%. 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 A recém-lançada linha de monitores ECOFIT combina
voltada à experiência musical. Com os aparelhos, é possível fazer tecnologia e estilo. Fazem parte dela os modelos SyncMaster
scratchs, remixar, inserir efeitos musicais e ainda gravar o seu estilo P2270 e P2370, de 21,5 e 23 polegadas, respectivamente,
nos seus hits preferidos. O modelo conta com visor full touch de que foram apresentados este ano na feira de eletrônicos CES
2,8 polegadas, que garante cores muito mais vivas, maior contraste e (Consumer Electronics Show) e chamaram a atenção dos
ângulo de visão, menor tempo de resposta, visualização otimizada sob participantes por conta da elegância do gabinete ultrafino.
a luz solar e consumo de energia até 50% inferior ao TFT. R$ 1.399. Preços a partir de R$ 799.
Mais informações: www.samsung.com.br 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.

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

Notícias/Twitter

TWITTOSFERA
Siga os profissionais web que fazem a diferença na rede
Blogueiros, Publicitários, Jonny Ken criador do Migre.me, escreve Juliano Spyer, consultor de mídias sociais e
Ilustradores e Marketeiros no blog Decodificando, autor do livro Conectado, http://twitter.com/jasper
André Dahmer é desenhista, autor das tirinhas http://twitter.com/jonnyken ---------------------------------------------------
dos Malvados, http://twitter.com/malvados --------------------------------------------------- Luli Radfadher é Ph.D. em comunicação digital
--------------------------------------------------- Jovem Nerd escreve no blog Jovem Nerd, pela ECA-USP http://twitter.com/radfahrer
Bia Kunze escreve no blog Garota sem Fio http://twitter.com/jovemnerd ---------------------------------------------------
http://twitter.com/garotasemfio --------------------------------------------------- Martha Gabriel, especialista em SEO/SEM ,
--------------------------------------------------- Lili Ferrari, produtora cultural, professora e http://twitter.com/marthagabriel
Cardoso escreve no blog Contraditorium, blogueira, http://twitter.com/lilianeferrari ---------------------------------------------------
http://twitter.com/Cardoso --------------------------------------------------- Raquel Recuero é jornalista, professora e
--------------------------------------------------- Lu Freitas escreve no blog Lady Bug, é jornalista e pesquisadora, autora do livro Redes Sociais na
Carlos Merigo, publicitário, gerente de consultora de internet, http://twitter.com/lufreitas Internet, http://twitter.com/raquelrecuero
estratégia e criação digital da Fischer America, ---------------------------------------------------
escreve no Brainstorm 9, Marcelo Tripoli especialista em tecnologia e
http://twitter.com/cmerigo 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 Renee de Paula, evangelista da Microsoft e
animation, http://twitter.com/souzacampos fundador do Radinho de Pilha,
--------------------------------------------------- http://twitter.com/renedepaula
Cezar Paz, diretor presidente da AG2, Desenvolvedores
http://twitter.com/cesarpaz Bruno Dulcetti, webdesigner do Videolog,
--------------------------------------------------- http://twitter.com/dulcetti
Edney Souza escreve no blog do Interney, ---------------------------------------------------
http://twitter.com/Interney Fabio Akita, gerente de produtos da Locaweb e
--------------------------------------------------- Evangelista de Ruby on Rails,
Fabio Seixas, fundador do site de venda de http://twitter.com/akitaonrails
camisetas da moda Camiseteria,
http://twitter.com/fseixas
---------------------------------------------------
Fabio Yabu é desenhista, autor de diversos livros,
dentre eles Princesas do Mar, Jornalistas
http://twitter.com/fabioyabu Bruno Ferrari, repórter de tecnologia da revista
--------------------------------------------------- Época, http://twitter.com/bferrari
Fernando Souza, diretor de Arte da Pólvora! ---------------------------------------------------
Comunicação e editor do blog Twitter Brasil, Débora Fortes jornalista da Abril,
http://twitter.com/fernandosouza http://twitter.com/deborafortes
--------------------------------------------------- --------------------------------------------------- ---------------------------------------------------
Guilherme Cherman escreve no blog JT Guilherme Chapiewski, especialista em Gilberto Pavoni Jr, jornalista e escreve no blog
Tecnologia, http://twitter.com/jtecnologia Metodologias ágeis da Globo.com, Tech Boogie, http://twitter.com/gpavoni
--------------------------------------------------- http://twitter.com/gchapiewski ---------------------------------------------------
Gil Giardelli, CEO da Permission, --------------------------------------------------- Renato Cruz, repórter do Estadão,
http://twitter.com/gilgiardelli Manoel Lemos, fundador do BlogBlogs, CTO da http://twitter.com/rcruz
--------------------------------------------------- WebCo e Abril Digital, http://twitter.com/mlemos ---------------------------------------------------
Inagaki escreve no blog Pensar Enlouquece, Sandra Carvalho, jornalista da Abril,
Pense Nisso, http://twitter.com/inagaki Pesquisadores de Cibercultura, http://twitter.com/gpavoni
--------------------------------------------------- evangelistas e autores de livros ---------------------------------------------------
Jean Boechat é diretor de criação da JWT, Alex Primo, pesquisador, professor e blogueiro, Vanessa Nunes, colunista de Tecnologia do
http://twitter.com/jampa http://twitter.com/alexprimo 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

ESTE MÊS
Serviço: Cloud Computing Locaweb
Site: www.locaweb.com.br/cloud

Benefícios do
Cloud Computing
Alta performance e baixo custo são algumas das “A ‘computação em nuvem’ é
uma plataforma mais moderna e
vantagens da plataforma de serviços da Locaweb eficiente que a infraestrutura
tradicional de TI”, aponta Andrew
Por Sérgio Vinícius fortemente em diversos serviços de Andrade, PO de Cloud
ligados à computação em nuvem. Computing. “O Cloud Computing
E, além disso, a ideia é continuar permite que o cliente controle a
ma pesquisa realizada pela expandindo os serviços e as expansão do serviço contratado sob

U consultoria IDC prevê que


gastos com serviços de
Cloud Computing tripliquem até
plataformas de Cloud Computing
nos próximos meses.
demanda, alocando recursos de
processamento, espaço em disco,
memória e banda de maneira
2012, atingindo US$ 42 bilhões.
* O Cloud Computing independente e na medida certa para
Esta alta se deve à necessidade de permite que o cliente as necessidades das aplicações. São
as empresas reduzirem custos com milhares de servidores à disposição
Tecnologia da Informação sem controle a expansão do para comportar o crescimento de
perder itens como alta performance serviço sob demanda, cada cliente.”
e poder de escalabilidade. alocando recursos de Até o momento, a Locaweb já
Diante desta realidade do conta com três linhas de produto.
cenário mundial, a Locaweb, desde o processamento, espaço em “Entre os destaques estão o Cloud
final do ano passado, investe disco e muito mais Mini e o Cloud Server, ofertas

18 locaweb
Keep it Simple:W2008 31/7/2009 17:43 Page 19

Keep it Simple

* 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 Atualmente, a Locaweb já possui Já a Cloud Mini II tem 2 cores de
site”, aponta Andrew. “Há também o mais de mil clientes ativos na 400 MHz, 600 MB de memória,
Private Cloud, uma solução robusta, plataforma Cloud e cada oferta é disco de 30 GB, 4 Mbps de banda e
altamente customizada e dedicada destinada a um público diferente, transferência mensal de 600 GB.
para grandes empresas.” de acordo com suas necessidades e O Cloud Server, por sua vez, é
Além da escalabilidade e da também aspirações com relação a um serviço com recursos exclusivos
flexibilidade na contratação de projetos e plataformas eletrônicas. e custo otimizado. Boa opção para
recursos, o Cloud Computing O Cloud Mini é uma plataforma empresas que buscam servidores
Locaweb possui uma arquitetura Linux com autonomia total na dedicados de baixo custo, o Cloud
inteligente, que previne falhas e administração do servidor. A partir de Server custa a partir de R$ 149/mês
realoca os componentes da nuvem R$ 59/mês (www.locaweb.com.br/ (www.locaweb.com.br/CloudServer)
para garantir que o serviço esteja CloudMini), a solução possui e permite definir capacidades de
sempre disponível. “Isto significa que, tecnologia de ponta, tem custo baixo processamento, disco, memória,
mesmo que ocorra uma falha de e é voltada ao público que possui banda e ajustá-las a qualquer
hardware, o sistema realoca conhecimento técnico e procura momento, além de autonomia e
rapidamente as aplicações para outro autonomia na administração do recursos de uso exclusivo, dentro
servidor, proporcionando servidor Linux (acesso root) e de um ambiente de alta
disponibilidade contínua para o flexibilidade para migrar de plano à performance e tecnologia de ponta.
cliente”, informa Andrew. “Esta mesma medida que necessitar. Na hora de contratar o serviço, o
arquitetura reduz o consumo de O Cloud Mini é oferecido em usuário pode optar por
energia, contribiundo para a duas configurações. A primeira, Gerenciamento pelo Cliente ou pela
preservação do meio ambiente. Outro chamada Cloud Mini I, conta com Locaweb, de acordo com suas
benefício é a redução de custos, já que 2 cores de 300 MHz, 300 MB de preferências ou necessidades. Este
os clientes não precisam mais investir memória, disco de 20 GB, 2 Mbps último caso é voltado a usuários
em infraestrutura própria e passam a de banda ou transferência mensal que desejam administrar o
contratar serviços mensais.” de 300 GB. 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
Página do Private Cloud \\ Hoje, a Locaweb possui mais de mil clientes ativos na plataforma www.locaweb.com.br/
Cloud e cada oferta é destinada a um público diferente, de acordo com suas necessidades 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


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,
Disputas \\ O ICANN segue uma política uniforme para resolução de ou ccTLDs) – como o .br – têm sido mais procurados que
disputas. O documento pode ser consultado em www.icann.org/en/udrp 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
por tratar-se de um domínio de baixo
de domínio na web (disputa de reserva ou de defesa) vem custo ou pela posição em que o Brasil
caindo recentemente. Para o advogado, a explicação está vem aparecendo no cenário mundial
no fato de que “é quase impossível criar um programa que
funcione, uma vez que as variações para registrar marcas (endereços IP), e do CGI, que gerencia o assunto no Brasil
ou nome, acrescidas de uma letra ou de outra combinação e conta com grupos de trabalho, como o Registro.br, para
de palavra ou número, são praticamente ilimitadas”. procedimentos que envolvem o processo de registro sob o
O processo de registro de nomes de domínio no Brasil domínio .br – registro.br/contrato/contrato.html.
é considerado seguro e ágil por especialistas. Na própria Frederico destaca o surgimento de novas ferramentas
web, é fácil encontrar prestadores deste tipo de serviço e tecnológicas adotadas por alguns prestadores de serviço,
conhecer os procedimentos e normas de resoluções as quais beneficiam, em longo prazo, os usuários
disponíveis nos sites de órgãos gestores. É o caso da do sistema de registro. Uma delas é o DNSSEC
ICANN, responsável no âmbito internacional pela alocação (registro.br/faq/index.html#8), um padrão internacional
do espaço de endereços de Protocolos da Internet 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
Restrito \\ Registro .net.br era restrito às empresas de telecomunicações, não pelo diferencial de preço, principalmente em
como a Associação Brasileira de Recursos em Telecomunicações 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
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br

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

28 locaweb
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

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
O consultor empresarial Fabio Mas a hospedagem gratuita ainda é
Cipriani (www.blogcorporativo.net), a opção mais procurada por aqueles

CULTURA
autor do livro Blog corporativo. que querem construir um endereço de
Aprenda como melhorar o caráter descompromissado, como
relacionamento com seus clientes e blogueiros iniciantes que publicam
fortalecer a imagem da sua empresa, posts mais informais – e sem dúvida
costuma dizer que o site é uma alguma, o serviço gratuito é
vitrine e, portanto, tem um responsável por possibilitar que
funcionamento monodirecional, todos tenham seu espaço na web.
enquanto o blog é uma Nesse contexto, Alexandre indica o
conversação, operando de modo Blogspot (www.blogger.com/start e
Pensar enlouquece,
bidirecional. A partir dessa pense nisso www.blogspot.com) e o WordPress
perspectiva, Fabio defende a ideia De Alexandre Inagaki (pt-br.wordpress.com), já velhos
de que toda pessoa jurídica tenha os (www.pensarenlouquece.com) conhecidos dos blogueiros espalhados
dois tipos de endereço na web. Ele pelo mundo, como boas ferramentas.

PSICOLOGIA
conta que existem empresas que já Alexandre explica que um site
fazem do blog o seu website, ou também pode ser construído usando
seja, que combinam posts do blog o CMS de um blog, mas sempre
com páginas estáticas com mais levando em conta as limitações de
informações sobre a companhia, customização de um serviço não-pago.
tendo o blog como meio principal Para isso, ele cita novamente a
dessa comunicação. “Se olharmos a plataforma gratuita WordPress, que,
facilidade de se colocar o blog no ar segundo ele, conta com comunidade
e suas vantagens, como bom ativa de desenvolvedores que criam
posicionamento em ferramentas de Não posso evitar constantemente soluções de layout e
De Rodolfo Araújo
busca, o blog pode ser adotado novos plugins – aqueles programas
(www.rodolfo.typepad.com)
como primeira opção para o instalados no navegador que permitem
lançamento de uma marca na o uso de recursos que não estão
INTERNET

internet”, defende o consultor. presentes na linguagem HTML, com a


Ao mencionar empresas que já qual são criadas as páginas.
voltaram seus olhares para o potencial Nessa busca pelo endereço ideal,
do blog, Fabio traz para a realidade o Fabio inclui a questão do registro de
pensamento de que esse tipo de domínio (leia mais na página 22).
endereço vai além dos limites Com relação ao endereço de um site,
pessoais, podendo oferecer um ele lembra que o nome do domínio
caráter profissional para quem está desempenha importante função,
atrás de projetos corporativos mais Não zero – remix colaborativo sobretudo em ferramentas de busca,
ambiciosos. Alexandre também De Juliano Spyer “daí a vantagem em ter um nome
reconhece o potencial do blog no (naozero.com.br) bem elaborado, curto e facilmente
mundo das corporações, mas adverte escrito”. Fabio ressalta, porém, que o
que a empresa deve recorrer apenas à nome de domínio não precisa
TECNOLOGIA E MARKETING

hospedagem em servidor pago, necessariamente estar relacionado à


usando URL própria para melhorar empresa ou à pessoa física. Por
seu posicionamento em ferramentas outro lado, se o objetivo é registrar
de busca e com acesso livre ao o nome da própria empresa, isso
Sistema de Gerenciamento de facilita a fixação da marca em visitas
Conteúdo (ou CMS). “Em serviços via web e encurta a busca na rede. E
gratuitos, o blog pode sair do ar a sugere: “independentemente do
qualquer hora e o autor não tem o ramo ou do segmento de uma
menor controle sobre isso. Também Techboogie empresa, a presença na web com
De Gilberto Pavoni
oferecem pouco em termos de seu próprio domínio é bem vista
(techboogie.blogspot.com)
customização da ferramenta.” 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

SiteXBlog

* O site é mais apropriado para


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

* 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
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 vantagem que essa iniciativa
possa trazer ao afirmar que “blog
No entanto, Alexandre alerta que esse mecanismo pode é blog e site é site”. Para ele, se um blog está
não surtir qualquer efeito caso não seja feito um trabalho trazendo bons resultados e até aumentando a receita
eficiente e eficaz com o objetivo de otimizar e melhorar o de seu autor, em hipótese alguma ele deve ser
endereço na web (o SEO já citado acima). No caso de substituído por um website. “Faça os dois!”, exclama.
blogueiros cuja maior parte dos rendimentos venha do Numa situação inversa, ou seja, se o blog consome
AdSense, por exemplo, a preocupação com a otimização da muito tempo, tem baixos índices de visitação e não
URL se torna ainda mais importante, levando-se em conta está gerando nenhum benefício perceptível, o
que visitantes regulares não costumam clicar em anúncios. conselho de Fabio é rever a estratégia e mudar a
“Em média, visitas oriundas do Google e outros sites de forma de blogar ou mesmo criar um website comum,
busca representam cerca de 60% da audiência de um blog. com informações do tipo “quem somos, nossos
Porém, a médio e longo prazo, um blogueiro profissional produtos e serviços, contatos e testemunhos”.
deve se preocupar mais em produzir conteúdo de
qualidade, sem o qual será incapaz de conquistar Rankings
credibilidade, angariar visitantes fiéis e atrair a atenção de A presença do blog em um ranking de acessos pode
anunciantes para sua página”, esclarece. 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,
SEO \\ Para obter retorno financeiro, é importante fazer um trabalho rankings são supervalorizados, “mas incapazes de
eficiente e eficaz com o objetivo de otimizar e melhorar o endereço na web refletir a real relevância de um blog”, completa.

38 locaweb
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
Joaquim Torres
Diretor de Produtos da Locaweb
@jocatorres
joaquim.torres@locaweb.com.br

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 leve; rever a arquitetura de informação de todo o site,
Telecom da Locaweb, postou em seu blog o artigo revisando todo o conteúdo.
O triângulo dos projetos, que explica que, dadas as variáveis Fizemos o planejamento para seis sprints de duas
de um projeto (qualidade, custo e prazo), é possível fixar no semanas cada. Depois, percebemos que o prazo não
máximo em duas delas, enquanto a terceira irá variar. Ou poderia ser cumprido e pensamos em aumentá-lo ou cortar
seja, se fixarmos em prazo e custo, a qualidade poderá ser algo do escopo. Como a entrega de um projeto é
menor que a esperada. Ou se fixarmos na qualidade e no importante para desenvolvedores e clientes, decidimos
custo, o prazo poderá ser maior que o esperado. Nunca diminuir o escopo, descobrir alguma coisa que pudéssemos
conseguiremos fixar nas três variáveis de um projeto. cortar a fim de entregá-lo no prazo. Escolhemos não rever a
O pessoal da 37signals prefere manter a qualidade sempre arquitetura de informação de todo o site, mas apenas das
fixa (num patamar alto) e a substituiu pelo escopo no áreas mais importantes. Com isso, conseguimos entregar a
triângulo dos projetos. Eles também recomendam fixar em tempo e os visitantes do site puderam usufruir de seu novo
prazo e custo de um projeto e sempre flexibilizar o escopo. layout e de sua nova organização.
Vou explicar como isso faz sentido com um projeto De uma certa forma, redução de escopo e de qualidade
recente que tivemos aqui na Locaweb, o projeto de são parecidos, mas têm uma diferença fundamental.
reescrever o site. Em novembro de 2008, decidimos que já Podemos reduzir qualidade de duas formas: fazer tudo o
havia passado da hora de termos um novo site que estivesse que foi planejado, só que fazer malfeito, ou fazer menos do
mais em linha com tudo o que temos estudado sobre que foi planejado, só que bem-feito. Já a redução de escopo
experiência do usuário, design, arquitetura da informação, não dá margem para interpretação: é sempre fazer menos
design de interação e conceitos de Web 2.0. Decidimos do que foi planejado, mantendo o trabalho bem-feito. E
também que na primeira quinzena de março de 2009 esse muitas vezes percebemos que o menos que entregamos já é
site deveria estar no ar. E o custo também estava fechado: suficiente e que o produto final de nosso projeto ficou
não íamos contratar ninguém de outra equipe. melhor com menos do que previsto originalmente.
Assim, começamos a desenhar o escopo do projeto. Então, da próxima vez que você pensar em reduzir a
Dentre os vários requisitos do projeto tivemos: navegação qualidade de seu projeto para poder entregá-lo no prazo e
simples e intuitiva; manter o código bem enxuto; aplicar dentro do orçamento, pense se não seria melhor reduzir o
SEO em todo o site; minimizar o uso de flash; design visual escopo. Você e seu cliente poderão sair ganhando!

40 locaweb
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
Avanço \\ Site do designer e ex-tatuador Ivan Neto. Ele acredita que, ultimamente, os profissionais de
melhor, a falta dele, como uma das web estão mais qualificados e as ferramentas permitem mais fidelidade ao design projetado
dificuldades no processo de criação de
um desenho para a internet. “Na profissional, também lida com as
minha experiência, quando trabalhei * A mudança de ambiente diferenças no processo de criação de
em uma empresa de conteúdo, a interfere no processo de um desenho para a internet e para
diferença maior era o prazo. As criação de um desenho? outros ambientes, sobretudo no que
ilustrações eram feitas na correria e diz respeito ao desenvolvimento e à
em grande quantidade, o que deixava
Entre os artistas, as programação - aspectos, segundo ele,
o trabalho mais simplificado.” Fabiana, experiências divergem. fundamentais quando o projeto é
porém, destaca que nem todo Alguns já experimentaram voltado à web. “No caso da internet, a
desenho feito para a web padece da etapa é mais complexa por causa de
pressão de ter de ser postado
a web, outros apenas variáveis como sistemas, navegadores
imediatamente. “Hoje em dia, tenho flertam com a linguagem e comportamento dos usuários, o que
recebido propostas para a web que dessa tecnologia exige toda uma demanda de testes e
oferecem um tempo maior para eu me de controle da qualidade.”
concentrar na criação.” estão mais qualificados e
As limitações da plataforma lá as ferramentas permitem
pelos “primórdios” da web e a pouca mais fidelidade ao design
experiência dos profissionais de projetado, oferecendo
programação, que ainda tinham uma gama enorme de
dificuldade em reproduzir exatamente possibilidades”, elogia. Para
o que havia sido desenhado, fizeram Ivan, depois de tanto
com que o designer Ivan Neto, sócio e aprimoramento, o designer
diretor de arte da Incomum Design & que ainda torce o nariz
Conceito (www.incomumdesign.com), para a web o faz por medo
com sede no Rio de Janeiro, olhasse ou por puro romantismo.
com certo preconceito às primeiras “Hoje, design e tecnologia
propostas para desenvolver trabalhos caminham juntos”, acredita.
para a web. Hoje, sua opinião é outra. Ivan, que foi tatuador Interação \\ Trabalho do grafiteiro Pato, que vê na web um
“De um tempo pra cá, os profissionais 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


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
Correria \\ Ilustrações de Fabiana Shizue, que aponta a falta de tempo como uma das dificuldades
opiniões são muito parecidas, ainda
no processo de criação para a internet. Segundo ela, muitas ilustrações são feitas na correria
que cada um interprete esse espaço a
Por outro lado, o designer aponta partir de suas próprias experiências.
semelhanças, principalmente quando * É justamente o prazer Fabiana acredita que, assim como o
se está definindo a proposta e a pelo grafite e o domínio texto, a ilustração tem um campo
linguagem do trabalho logo no início dessa técnica que Bravos ilimitado nesse universo virtual. “É
do processo de criação, o qual, para uma leitura de modo visual. Qualquer
ele, começa de maneira idêntica tanto
tenta levar para suas pessoa pode acessar seu site ou
no ambiente impresso/analógico criações voltadas à web. conhecer suas ilustrações apenas com
quanto no digital. “Definido esse Alguns trabalhos o um clique”, diz a ilustradora, que já
panorama, o desenho vai tomando vivenciou esse tipo de intercâmbio em
forma. Se é para ilustrar um site que já
deixam livre para sua vida profissional. Fabiana conta
tem uma marca, por exemplo, começo transferir sua habilidade que, certa vez, a redatora de uma
a trabalhar o design das telas e a das ruas para as telas revista de arte de Taiwan encontrou
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 Grafite \\ Obra do grafiteiro Bravos: “dependendo do cliente e do tipo de trabalho que me solicitam,
nas ruas. É a palavra de quem tem 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

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

seu site fazendo uma pesquisa na caminham juntos”. Pato outras áreas, conta que a internet
internet. “Acabei dando uma entrevista complementa o raciocínio ao ajudou na sua atuação como
à jornalista taiwanesa para falar do observar que o espaço existe para ilustradora freelancer. “Consigo
meu trabalho e da minha vida como quem se adequar às necessidades da trabalhar a distância e participar de
ilustradora em São Paulo. Logo, web. “Posso postar vídeos ou reuniões por e-mail ou usando
percebi que as visitas daquele país ao desenvolver trabalhos com a programas de chat.” Pato também
meu site aumentaram bastante.” linguagem específica exigida pela reconhece esse potencial como meio
Do ponto de vista da arte urbana, web”, explica o pintor. de comunicação, mas se mantém
Bravos enxerga a web como uma incrédulo quanto ao conteúdo
ferramenta para contatos e divulgação * Para o designer Ivan encontrado na internet. “Acredito que
de trabalhos, que se torna ainda Neto, que já foi tatuador, a web possibilita mais intercâmbio de
melhor com a possibilidade de poder informação, mas tenho consciência de
usar gratuitamente serviços como há semelhanças no que muitas dessas informações podem
Orkut, MSN, Flickr, Fotolog, e-mails e processo de criação para estar equivocadas, já que não há como
por aí vai. Mas deixa claro: “Grafite os ambientes analógico e controlar sua procedência. Nesse
mesmo é na rua”. Segundo ele, o sentido, evito usá-la para pesquisas
ambiente virtual é muito mais digital, como a definição mais profundas”, observa o grafiteiro.
importante para o designer que para o da proposta e a linguagem A essa desconfiança de Pato é
grafiteiro. “A web é fundamental para do trabalho inicial possível fazer um link com as críticas
um designer pegar referências, ideias de Fabiana sobre o uso indevido de
e outras informações na hora de Nos caminhos percorridos imagens e ilustrações na internet. Um
desenvolver seu trabalho.” dentro da grande rede por artistas problema, claro, que não se restringe
Mas nem todos concordam acostumados a criar para outros apenas aos desenhistas, mas que se
com essa afirmação, uma vez ambientes, nota-se que a atração estende a todos os profissionais que
que as referências podem vir de que a web pode exercer tem muito geram conteúdos para a web, como
diferentes ambientes e linguagens, mais a ver com os diferentes serviços a própria ilustradora reconhece.
independentemente ao que a obra oferecidos pela internet – divulgação, “As pessoas captam as ilustrações e
se propõe. Contrário ou não, o pesquisa, intercâmbio de informações imagens da web e usam para outros
ponto de vista de Bravos ganha – e com as facilidades que ela pode fins, sem dar os devidos créditos ou
reforço se voltarmos um pouco no trazer no contexto profissional, e pagamentos ao ilustrador. Mas isso é
texto, mais precisamente quando pessoal, de cada um. Fabiana, por um problema geral que atinge fotos,
Ivan afirma que “design e tecnologia exemplo, assim como profissionais de 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 * Sites como Flickr, Perfeita. Também ilustrou capas de
obras autorais são problemas que DeviantArt e outros cadernos, coleções de livros juvenis e
ainda está longe de ser solucionados e romances para o público adulto. Na
devem sempre pautar as discussões
similares, inclusive publicidade, a ilustradora
quando o assunto é internet. Ao comunidades virtuais, se participou de campanhas da
lançar um trabalho na grande rede, a transformaram em grandes Drogasil, Ajinomoto, Feira
sensação é que se está soltando um Cosmética e cartilhas internas da
filho ao mundo e que, a partir daquele
celeiros de artistas e em American Express. Na web, por
momento, ele não mais “pertence” ferramentas baratas ou sua vez, suas criações podem ser
única e exclusivamente a seus pais – gratuitas de divulgação vistas no site da Masterfoods
na verdade, ninguém pertence de fato (www.masterfoods.com.br) e no
a ninguém, mas isso é outra história. Artistas e as suas obras interessante portal TheSaltoAlto
O que realmente supera uma Depois de tantas opiniões e pontos (www.thesaltoalto.com).
questão tão delicada como essa, de vista, é a vez de falar um pouco Bravos também já trabalhou para
sobretudo para os autores, é o fato de sobre o estilo desses artistas. Pato, agências de publicidade, em
a web ter se tornado um dos por exemplo, diz que seus trabalhos campanhas da Philips, Walita,
melhores veículos para se propagar têm como características principais o Serglobal, Saraiva e Grupo Carlos
um trabalho, como lembra Ivan. “A humor e o universo fantástico. “A Massa (o Ratinho, do SBT).
web tem vencido o preconceito dos diferença”, ressalta ele, “está em Desenvolveu desenhos para marcas
‘artistas analógicos’. Fora isso, sites diversos aspectos ligados ao processo de skate, como Crail, Vans e CBSK.
como Flickr, DeviantArt e outros de criação e à contemplação”. Pela empresa Incomum, que atua
similares se transformaram em Já Fabiana, que teve trabalhos no segmento de cross media
grandes celeiros de artistas e em expostos em Bialystok, na Polônia, e desenvolvendo designs analógicos e
ferramentas baratas ou gratuitas de na Sardenha (Itália), gosta de digitais, Ivan destaca trabalhos
divulgação. Soma-se a isso o poder segmentos como moda, publicações impressos, como o cartaz das
das comunidades nessas plataformas, femininas e o público infanto-juvenil. palestras do The Alchemists em
o que vem ajudando a melhorar o A ilustradora conta que já realizou Cannes, na França, e para a web,
nível dos ilustradores e profissionais trabalhos para o site feminino como o projeto Wikimapa
da área, que agora podem trocar Paralela, que pertencia ao Grupo (www.wikimapa.org.br), o qual
informações, técnicas e referências Abril, além de ilustrações para considera um importante caso de
com colegas do mundo todo”, analisa revistas como Criativa, Capricho, projeto que integra marca (brand),
o diretor de arte da Incomum. Saúde, Superinteressante e Costura 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)

46 locaweb
artigo_rene_design:W2008 18/7/2009 04:37 Page 47

opinião/articulista

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

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 Gostei tanto que resolvi desencanar de outros clientes.
encontro Locaweb de Porto Alegre, Rio ou São Paulo, Eu disse que era um cliente web-based, não? Basta eu
é bem possível que sim. Fiquei no estande interagindo e adicionar o site aos favoritos e pronto, não? Well, não. Eu
demonstrando, fiz minha apresentação no palco e depois apenas dei um right-click no aplicativo e pedi pra instalar
participei dos painéis de debate. local. No Start Menu e Desktop? Sim. A aplicação abriu
Ano que vem quero ir de novo. Essa oportunidade de como uma aplicação, sem browser nenhum em volta.
contato direto no estande, cercado de gente querendo ver Falando assim parece fácil. Mas foi fácil. Tão fácil que
novidade, é genial. Em cada cidade, panelistas diferentes, você talvez não tenha se dado conta de que quem criou o
perguntas diferentes da plateia. Em todas as cidades, a sobees não criou apenas uma web app, mas sim uma
chance de fazer diferença na carreira e na vida de aplicação, com armazenamento local e seguro, capaz de
profissionais iniciantes. Isso não tem preço. saber se está online ou não e que nem precisou pedir
Se a gente se viu lá, você deve se lembrar que falei de um licença para o administrador da máquina. Mais: ele criou
professor meu de faculdade. O cara teve a ousadia de dizer, uma aplicação que roda em Mac e PC igualzinho.
nos idos de 1990, que nós ali, alunos de Rádio e TV da ECA, Peraí: quer dizer que quem criava 100% pra web agora
não seríamos radialistas, mas sim profissionais de mídia pode criar aplicativos? Sim. Quer dizer que o que está num
interativa. Em 1990, isso era coisa de ficção científica. Quando browser pode ser instalado localmente? Sim. Mas aplicações
que pessoas comuns teriam acesso a computadores? Nunca. locais não são outra praia, uma praia diferente de web e
Well, bem-vindo ao nunca. O cara tinha toda razão. nuvem e browser e performance chinfrim? Not anymore,
Trabalhei em TV por uns 5 anos e faz uns 13 que “mexo com baby. Como diria meu professor, vocês não vão ser
internet”. Mordi a língua. Eu contei lá e conto aqui esse caso profissionais de web, vão trabalhar com experiências digitais
porque acho que preciso. Os sinais estão em toda parte e ricas. Mais do que isso: o que espera vocês não são só
tem gente que não percebe. mouses e teclados, mas sim maneiras naturais de interação
Vou dar um exemplo: ontem entrei no site sobees.com. usando voz, gestos, multitoque, movimentos do corpo...
Eu já o conhecia, mas não sabia qual era sua última criação, Você pode argumentar que essas coisas não vão
um cliente web de Twitter e Facebook. A página carregou, o acontecer nunca, mas elas já estão batendo à sua porta.
aplicativo rodou, configurei minhas contas e, pronto: tinha Máquina pra isso já tem no mercado e... já tem mercado
no browser um belo cliente de Twitter. 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.
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
A popularização da banda larga propiciou a inclusão da internet. “Entre as ferramentas informais que podem
digital (e social), a internet democratizou o acesso à ser utilizadas além dos tradicionais ambientes de
informação, e a web conferiu à educação a distância a aprendizagem, podemos fazer um mix de softwares como
força de disseminar o aprendizado para um maior número
de pessoas em áreas geográficas diferentes. * O brasileiro, em tempos de crise
Governos, universidades e empresas de todo o mundo mundial, procurou cada vez mais
investem em e-learning para treinamento e capacitação
por meio de cursos totalmente online com o auxílio de
cursos e-learning porque esse método
ferramentas de interação baseadas na web. O Brasil de ensino permite qualificação de
sempre acompanhou a evolução do e-learning pelo profissionais onde quer que eles estejam
48 locaweb
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

* 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
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 Aprendizagem. Trata-se de um
conceito que surgiu para dar
palavra-chave e aponta que, nos Estados onde a oferta nome a um conjunto de ferramentas que integra
de cursos presenciais é menor, há mais procura de um sistema responsável pela gestão de cursos e
ensino a distância ”, conta Akagi. “É por isso que o essa treinamentos a distância. O conjunto de ferramentas
área, antes ocupada em grande parte por cursos de tem o objetivo de simplificar a administração em
idiomas e informática, já se estendeu para cursos livres uma organização.
de atualização, graduação e pós-graduação.” “O sistema deve ser capaz de personalizar perfis
de administração para facilitar o acesso, de acordo
Estrutura e ferramentas com o mapeamento de competências dos
Como se trata de um mercado com amplo participantes do projeto de e-learning, como:
potencial no Brasil, o e-learning atrai cada vez mais administradores de cursos, designers instrucionais,
empresas. E não só do lado dos consumidores, mas tutores, suporte técnico e alunos”, aponta Akagi.
também como provedores de conteúdo. Entretanto, “A empresa ou instituição pode optar por um LMS
do ponto de vista de infraestrutura, é necessário pago comercial ou um software livre, gratuito.
adquirir alguns softwares específicos para que o Também há a escolha de desenvolvimento próprio.”
sistema funcione corretamente. O principal programa As ferramentas variam de acordo com o LMS. As
para gestão do e-learning é conhecido como LMS, 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 fazer seu e-learning


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
Eu vou passar \\ Quem se interessa por aprendizado a distância como meio, e não como foco da aprendizagem.
encontra bons cursos à disposição no site www.euvoupassar.com.br

50 locaweb
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
3

1 PRINCIPAL AgênciaClick. Com rápido


J Página principal do site “Teste a carregamento, os títulos também
sua pegada” é bastante simples. Há remetem a situações esportivas -
apenas quatro áreas, que levam às já que isotônicos são bebidas
demais seções do site. São dois criadas para reidratar corpos que
jogos oferecidos na homepage, que realizam esportes. Em
foram desenvolvidos para atrair o “Arremesso”, por meio do
público jovem, reconhecidamente o mouse, o usuário deve agarrar as
maior consumidor de Gatorade no garrafas da Gatorade que surgem
Brasil. Além dos games online, a na tela. Em “Escalada”, a ideia é
página principal funciona como subir uma montanha com
vitrine, permitindo ao visitante diversas garrafas de Gatorade nas
visualizar o novo formato da mãos. Ao criar os jogos, a
garrafa da bebida e também AgênciaClick teve a preocupação
variar os sabores, reconhecendo as de incluir as garrafas como
11 versões da bebida isotônica. protagonistas dos games.
texto. A imagem gira na tela, 4 VITRINE
2 GAMES 3 GARRAFAS mostrando em todos os ângulos a J Por fim, na parte inferior do site,
J Essa área é o principal chamariz J Eis o principal motivo do site novidade. Um texto resumido conta há um menu em que o usuário
do site. Ao clicar nesses botões, o existir. Essa área leva o usuário a que a garrafa é mais fácil de ser confere os diversos sabores de
usuário é direcionado aos games uma página em que a garrafa é manuseada, além de necessitar de Gatorade, bem como vê as cores
especialmente desenvolvidos pela 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
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

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 recrutadores têm usado o tempo - antes dispensado em
cartões de crédito já sabe que almocei há duas horas e bancos de dados com milhares de currículos - em seleções
comprei um chocolate no café da esquina. Assim como fiz no online e triagem prévia em redes sociais específicas.
dia anterior, quando passei no mercado para pegar chocolates, Você sabe qual é a sua marca digital? Eles já sabem. A sua
antes de comprar um filme para assistir que a empresa de TV a marca digital é a sua presença online, os rastros eletrônicos
cabo que contratei sabe que desliguei antes do final. que você deixou em redes sociais e mecanismos de buscas, a
Neste concorrido edifício comercial na zona Sul de São sua rede de amigos, colegas de trabalho (networking). Tudo
Paulo, a operadora do meu celular consegue me localizar, com bem, você não se preocupa com isso, está tranquilo porque
uma mínima margem de erros. E não vamos falar muito das acredita que não precisa profissionalmente fazer parte dessas
horas que passei navegando, do colega que recomendei no redes. Então, você não é quem eles procuram, eles não te
Linkedin ou no RT que dei em uma música que depois ouvi conhecem. Mas não se assuste, a sua presença online pode e
repetidamente no Blip.fm antes de dormir. deve ser usada a seu favor. Você não precisa ser um “social
Esse sucinto dossiê digital que produzi em pouco mais de media addicted” e ficar sobrecarregado de redes para atualizar.
um dia foi baseado nas reflexões de Stephen Baker feitas no Preocupe-se em manter uma presença online coerente.
livro Numerati, que fala sobre como membros de uma elite da Em primeiro lugar, escolha as redes que você realmente
ciência da computação e da matemática analisam todos os têm presença ativa. Depois, eleja as que têm mais valor de
nossos passos em busca de padrões de comportamento. acordo com os seus objetivos e garanta o bom uso das
Todos os dias produzimos milhares de informações e a configurações de privacidade. Deixe claro os planos aos seus
possibilidade de reunir estes dossiês digitais e organizá-los não contatos e adicione-os de acordo com a rede. E, sobretudo,
empolga apenas os profissionais de marketing. Faz brilhar os crie relevância para o perfil profissional: twitte os bons artigos
olhos também dos recrutadores, os “temidos” profissionais que você lê, interaja com profissionais que admira, compartilhe
de RH. Enquanto os “Numerati” ainda não chegam aos seus os posts do seu blog, agregue valor às comunidades.
algarítimos perfeitos para determinar padrões de Construa a sua marca digital e mostre o profissional que
comportamento e os profissionais de marketing buscam você é. A sua marca digital será o cartão de visitas para grandes
tentativas para mensurar resultados nas redes sociais, os oportunidades sem que você ao menos procure por elas.

54 locaweb
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 interação dinâmica (Javascript). O CSS pode manipular


elementos HTML de três maneiras:

J
á faz algum tempo que se fala muito sobre
webstandards, tableless – e, infelizmente, não se 1. Class: quando, no CSS, você declara o estilo começando com “.”
usa na mesma proporção – para a arquitetura de (ponto), cria uma class, que será aplicada a qualquer elemento que
páginas web. As vantagens de usar cada tag fazendo o possuir o atributo class apontando para o nome da class criada. Por
que realmente se deve fazer são nítidas quando se exemplo, no CSS há a seguinte class: .texto{...}; para atribuir a
compara a velocidade de renderização de uma versão formatação existente na class, faríamos o seguinte no HTML: <p
“tableYes” (cheio de tabelas, bem à moda anos 90) com class=”texto”>.
uma versão tableless.
Para quem está acostumado a montar páginas com 2. Id: quando, no CSS, for declarado um estilo começando com “#”,
tabelas, pode parecer impossível passar a montá-las com cria-se um identificador. Este identificador aplicará a formatação ao
div, ul/li, entre outros. Mas a grande jogada por trás elemento do HTML que possuir o nome dele em seu atributo id. Por
disto tudo é o uso do CSS – as folhas de estilo em exemplo, no CSS há o seguinte identificador: #texto{...}; para atribuir a
cascata, do inglês Cascading Style Sheets. formatação existente na class, faríamos o seguinte no HTML: <div
O CSS manipula a formatação dos elementos HTML id=”texto”></div>.
na página, permitindo agrupar tudo isso em arquivos
separados do HTML, para auxiliar numa melhor 3. Tag: é possível fazer com que o CSS formate todos os elementos do
separação entre conteúdo (HTML), formatação (CSS) e 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
W3C \\ Na página oficial sobre Cascading Style Sheets (http://www.w3.org/Style/CSS), há muita seletores de forma aninhada. Por
documentação para usuários que desejam esquecer o uso de tabelas e criar sites padronizados exemplo, se desejar aplicar um estilo

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

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

<div>texto2</div> conteúdo bem mais apresentável, é possível manipular


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


compatibilidade com versões anteriores, houve um </mx:FormItem>
acréscimo de namespaces, dispostos da seguinte forma: <!-- aqui uma classe CSS é informada no atributo styleName -->
<mx:FormItem styleName="cssFormItemButton" >
fx: definição MXML da versão 4, com core, skinning, layout; <s:Button id="enviar" label="Enviar" />
s (MXML 2009 - Spark): baseado no Halo (MXML 2006) </mx:FormItem>
encontramos os componentes; </mx:Form>
mx (MXML 2006): permite scripts MXML 2006 ; </s:Panel>
cf (ColdFusion): pacote implementado no ColdFusion 9, <!-- Todos os objetos que não são vistos, ou que não são parte do
permitindo acesso direto a serviços ColdFusion, para que não pacote mx.core.*, devem estar dentro desta tag. -->
seja necessário script no servidor. <fx:Declarations>
<!-- define a validação com o campo informado no atributo source,
A tag Application define este script como mãe e aqui estou validando o campo Nome, e declarando a mensagem em
creationComplete é um evento disparado após a construção caso de erro no atributo requiredFieldError, a variável _mensagens
dos componentes no qual atribuí a ação creationComplete está no arquivo script.as . -->
Handler e, como parâmetro, o evento creationComplete. <mx:StringValidator id="Vnome"
source="{txt_nome}" property="text"
--> requiredFieldError="{_mensagens.getItemAt(0)}" />
<s:Application <!-- define validação para campo E-mail, aqui informo três
xmlns:fx="http://ns.adobe.com/mxml/2009" mensagens de erro, para campos vazio, caracter inválido e e-mail
xmlns:s="library://ns.adobe.com/flex/spark" inválido, não é obrigatório definir as mensagens de erro -->
xmlns:mx="library://ns.adobe.com/flex/halo" <mx:EmailValidator id="Vemail"
xmlns:cf="coldfusion.service.mxml.*" source="{txt_email}" property="text"
creationComplete= requiredFieldError="{_mensagens.getItemAt(1)}"
"creationCompleteHandler(event)"> invalidCharError="{_mensagens.getItemAt(2)}"
<!-- Torna o arquivo ActionScript parte deste MXML --> missingAtSignError="{_mensagens.getItemAt(2)}" />
<fx:Script source="script.as" /> <!-- define validação do campo Mensagem -->
<!-- Torna a folha de estilo parte deste MXML --> <mx:StringValidator id="Vmensagem"
<fx:Style source="style.css" /> source="{txt_msg}" property="text"
<!-- A parte visual do formulário de contato, repare que posso requiredFieldError="{_mensagens.getItemAt(3)}" />
trabalhar MXML de versões diferentes, já que no Spark não existem <!-- Existe um serviço no servidor ColdFusion onde é possível
as classes Form e FormItem --> configurar um servidor SMTP para envio de e-mail, com esta classe
<s:Panel title="Contato" horizontalCenter="0" (coldFusion.service.mxml.Mail) podemos enviar e-mail a partir da
verticalCenter="0"> aplicação Flex, acessando este serviço diretamente, mas também
<mx:Form> podemos informar o servidor SMTP na tag, caso não exista um
<mx:FormItem label="Nome:"> servidor SMTP configurado, para que o servidor ColdFusion
<!-- O id é informado para tornar o componente acessível ao saiba,dinamicamente, para onde enviar. -->
restante da aplicação --> <cf:Mail id="cfMail" cfServer="localhost"
<s:TextInput id="txt_nome"/> cfPort="8500"
</mx:FormItem> servicePassword="service"
<mx:FormItem label="E-mail:"> serviceUserName="service"
<s:TextInput id="txt_email"/> from="{txt_email.text}" to="pcsilva@gmail.com"
</mx:FormItem> subject="[Site] Contato" type="html"
<mx:FormItem label="Mensagem:"> content="{txt_nome.text+' escreveu:
'+txt_msg.text}" />
</fx:Declarations>
* As aplicações de redes internas em </s:Application>
empresas têm migrado para plataforma
web, aliando baixo custo, curto Agora, crie um arquivo style.css bem simples:

desenvolvimento, alta performance e /* definição de uma classe CSS */


grande quantidade de informações .cssFormItemButton { padding-left:118; }

62 locaweb
Flex:W2008 18/7/2009 02:05 Page 63

Flex Programação

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 */
Página do AIR \\ Runtime, disponível para Windows, Linux e MacOS,
private var _validadores:Array; possibilita executar aplicações HTML, Ajax, Flash e Flex, no formato de RIA
/* definição da variável que armazenará as mensagens de erro,como
seu valores são usados em BINDs, ou seja entre chaves,devo /* com o método validateAll da classe Validator, executo inline, e
declarar a metadata com a tag Bindable */ testando o tamanho do array de retorno, que em caso de erro será
[Bindable] private var preenchido, passando por parâmetro os validadores */
_mensagens:ArrayCollection; if(Validator.validateAll(_validadores).length = 0){
/* este método será acionado quando a aplicação for /* desabilita o botão Enviar */
carregada no browser */ (event.currentTarget as Button).enabled = false;
protected function /* força a exibição do cursor no formato de relógio, para informar ao
creationCompleteHandler(event:FlexEvent):void { usuário que a aplicação está trabalhando */
/* atribuição de ação ao evento CLICK do botão Enviar, CursorManager.setBusyCursor();
declarado no MXML */ /* envia o e-mail */
enviar.addEventListener cfMail.execute();
(MouseEvent.CLICK,EnviarEmail); }
/* atribuição de ação ao evento FAULT, este evento só é disparado }
pelo servidor ColdFusion, e repassado a aplicação Flex */ /* método será executado quando houver falha de envio de e-mail */
cfMail.addEventListener(ColdFusionService protected functionfaultEventHandler
FaultEvent.FAULT, faultEventHandler); (event:ColdFusion ServiceFaultEvent):void{
/* atribuição de ação ao evento RESULT, este evento só é disparado /* remove o cursor em formato de relógio*/
pelo servidor ColdFusion quando o e-mail é enviado com sucesso, e CursorManager.removeAllCursors();
repassado a aplicação Flex */ /* habilita o botão enviar */
cfMail.addEventListener(ColdFusionService enviar.enabled = true;
ResultEvent.RESULT,resultEventHndler); /* informa ao usuário que houve uma falha*/
/* armazenagem, pelos IDs, dos validadores declarados no MXML */ Alert.show('Não foi possível enviar sua mensagem');
_validadores = [Vnome,Vemail,Vmensagem]; }
/* criação das mensagens de erro */ /* método será executado quando sucesso do envio de e-mail */
_mensagens = new ArrayCollection([ protected functionresultEventHndler
'Preencha com seu nome por favor', (event:ColdFusion ServiceResultEvent):void {
'Preencha com seu e-mail por favor', /* remove o cursor em formato de relógio*/
'Seu e-mail não é válido', CursorManager.removeAllCursors();
'Você deve escrever uma mensagem' /* limpa todos os campos */
]); txt_email.text = txt_msg.text = txt_nome.text = '';
} /* habilita o botão enviar */
/* método que será executano no CLICK do botão Enviar, declarado enviar.enabled = true;
no MXML */ /* informa ao usuário do sucesso*/
protected function Alert.show('Enviado com sucesso');
EnviarEmail(event:MouseEvent):void { }

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

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