Professional Documents
Culture Documents
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
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
6 locaweb
Entrevista:W2008 31/7/2009 16:35 Page 7
locaweb 7
Emails:W2008 18/7/2009 01:16 Page 8
<UL STYLE="list-style-
image: url(imagem.gif)">
<LI>Item 1</LI>
<LI>Item 2</LI>
</UL>
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.
Realização:
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.
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
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.
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
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
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
18 locaweb
Keep it Simple:W2008 31/7/2009 17:43 Page 19
Keep it Simple
locaweb 19
Portfólio:W2008 31/7/2009 17:58 Page 20
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
24 locaweb
Dominios:W2008 31/7/2009 17:59 Page 25
Domínios
locaweb 25
Dominios:W2008 31/7/2009 17:59 Page 26
Domínios
26 locaweb
Dominios:W2008 31/7/2009 17:59 Page 27
Domínios
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
locaweb 31
Blog X Site:W2008 18/7/2009 01:58 Page 32
SiteXBlog
32 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 33
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
locaweb 33
Blog X Site:W2008 18/7/2009 01:58 Page 34
SiteXBlog
34 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 35
SiteXBlog
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
36 locaweb
Blog X Site:W2008 18/7/2009 01:58 Page 37
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).
HUMOR
HUMOR
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
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
locaweb 43
Design:W2008 18/7/2009 02:00 Page 44
Design
44 locaweb
Design:W2008 18/7/2009 02:00 Page 45
Design
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.
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
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,
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
50 locaweb
e-learning:W2008 18/7/2009 04:13 Page 51
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
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
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
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.
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
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;
}
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
locaweb 59
Flex:W2008 18/7/2009 02:05 Page 60
Programação Flex
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 Flex Builder
(www.adobe.com/products/flex/flexdownloads/)
Linguagem
locaweb 61
Flex:W2008 18/7/2009 02:05 Page 62
Programação Flex
62 locaweb
Flex:W2008 18/7/2009 02:05 Page 63
Flex Programação
locaweb 63
Flex:W2008 18/7/2009 02:05 Page 64
Programação Flex
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
* “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