Revista Locaweb Nº 14

Capa:Capa Locaweb 29/1/2009 16:36 Page 2

21 X 28.qxp 21/8/2008 18:24 Page 1

21 X 28.qxp 21/8/2008 18:24 Page 2

>>>>>>>>>>>>

4 locaweb

>>>>>>>>>>>>>>>>>>>>>>>>>>>

* Entrevista Jimmy Wales, Wikipedia . . . . . . . . . . . . . . 06

* E-mails . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 08

* Notícias. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

* Software: Thunderbird 3 . . . . . . . . . . . . . . . . . . . . . . . . 18

* Software: Chrome 1.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

* KeepItSimple: Loja Pronta. . . . . . . . . . . . . . . . . . . . . . . 22

* Capa: Campanhas digitais . . . . . . . . . . . . . . . . . . . . . . 24

* Artigo: Joaquim Torres.. . . . . . . . . . . . . . . . . . . . . . . . . . 34

* YouTube Partner . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

* Artigo: Marcelo Tripoli . . . . . . . . . . . . . . . . . . . . . . . . . . 40

* Life e a fotografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

* Smush It! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

* Artigo: René de Paula Jr. . . . . . . . . . . . . . . . . . . . . . . . . 49

* Case: Roxos e Doentes . . . . . . . . . . . . . . . . . . . . . . . . . . 50

* Tecnologia Ágeis. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

* Artigo: Fábio Akita . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

* Programação Native Client. . . . . . . . . . . . . . . . . . . . . . 58

* Programação Moonlight . . . . . . . . . . . . . . . . . . . . . . . . 62

* Locavip . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66J Life42 J SmushIt46

J Campanhas24 J YouTube36

Locaweb em Revista Edição 14VP Comercial: Cláudio GoraGerente de Marketing: Victor Sebastian Reis da SilvaCoordenação de Comunicação: Alexandre PortoCoordenação Editorial: Déborah De Mari

Editora EuropaEditor e Diretor Responsável: Aydano RorizDiretor Executivo: Luiz Siqueira

Diretor Editorial e jornalista responsável: Roberto Araújo - MTb.10.766e-mail: [email protected]

Editores: Paulo Basso Jr. e Sérgio ViníciusRevisão: Renata de FariasEditor de Arte (projeto gráfico): Alexandre Dias (Nani)Colaboração: Camila Pratti, Leonor Ribeiro, FelipeFranzoni, Letícia Sallorenzo, Max Reinhold Jahnke,Eduardo Costa Lisboa e Adam Victor Nazareth Brandizzi

Publicidade São Paulo: E-mail: [email protected] Comercial: Mauricio Dias (0xx11) 3038-5093Executivos de Negócios: Ana Carolina Corrêa,Alessandro Donadio, Angela Taddeo, Claudia Alves,Elisangela Xavier, Flavia Pinheiro e Rodrigo Sacomani.

Circulação e Promoção:Gerente de produto: João Alexandre

Desenvolvimento de Pessoal:Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki

Locaweb em Revista é uma publicação da EditoraEuropa Ltda. e do departamento de comunicação emarketing da Locaweb Serviços de Internet. A Editora Europa não se responsabiliza pelo conteúdo dosanúncios de terceiros.

Distribuidor Exclusivo para o Brasil:Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, 907 - CEP 20563-900 - Grajaú - RJ

Impressão: Prol Editora Gráfica

Somos Filiados à ANER - Associação Nacional dos Editores de Revistas

Desde o primeiro número da Locaweb em Revista, hápouco mais de um ano, vínhamos nos preparando para

fazer a reportagem de capa desta edição. Como você deve terpercebido, ao longo das últimas 13 edições, praticamente em todos os números há uma ou outramatéria sobre “marketing digital”.

Nesta, há a matéria definitiva. Mesmo que a web vire de ponta-cabeça nos próximos dias,meses ou anos, a reportagem de capa desta edição permanecerá atual. Isso porque ela aborda abase do marketing, primeiramente offline e sua migração para o mundo digital. Além disso, elaensina a criar uma campanha digital de acordo com o perfil do seu site e o tamanho. Após virar aúltima página desta reportagem, você saberá exatamente como se portar diante das diversasopções de campanhas de marketing online que um projeto digital requer.

Para realizar tamanho trabalho de apuração, pesquisa, entrevistas, redação e, depois, entregartudo mastigadinho para você, a equipe da Locaweb em Revista mobilizou três excelentescolaboradores - Camila Pratti, Felipe Franzoni e Letícia Sallorenzo - que em dois meses foram afundo no assunto. O trio não descansou enquanto não conversou com professores universitários,publicitários experientes e teve até mesmo acesso a trabalhos de terceiro grau para compor areportagem. O resultado você confere na página 24 desta Locaweb em Revista.

Mas as atrações desta edição não param na reportagem de capa. Há mais. Nas próximaspáginas, você vê uma reportagem especial sobre as estratégias de marketing do YouTube(redigida pela experiente Leonor Ribeiro), uma matéria que dá os primeiros passos do novoserviço do Google que deve bater de frente com os maiores medalhões da rede - Flash, Java,Silverlight., e ainda um bate-papo exclusivo com o criador da Wikipedia, Jimmi Wales. Quer mais?Então vire a página e divirta-se.

Claudio [email protected]

A capa definitiva

O que tem nesta edição...

ao leitor

Editorial_Sumario14:W2008 29/1/2009 16:46

21 X 28:21 X 28.qxd 26/11/2008 18:18 Página 1

Texto: Leonor Ribeiro

Criada em 2001com base no sistemaWiki (palavra havaiana que significarápido), a Wikipédia é famosa por

seus números superlativos. A enciclopédiaonline tem mais de 9 milhões de artigosescritos em 250 línguas, que atraem 683 milhões de visitantes por ano. Sãoesses números que definem o sucesso deJimmy Wales, fundador da empresa Wiki e criador do fenômeno mundial decolaboração em massa – afinal, todos osartigos da Wikipédia podem ser trocadospor qualquer pessoa com acesso à internet.

Eleito pela revista Times como uma daspessoas mais influentes do mundo e pelaForbes como uma das 25 celebridades douniverso web, Wales, que já atuou comocorretor de opções, será para sempre umdos ícones da era da internet. Confiraabaixo a entrevista que o profissionalconcedeu à Locaweb em Revista econheça mais sobre o empreendedor queé cotado como uma das poucas pessoasdo mundo capazes de ameaçar aliderança do Google num futuro próximo.

Locaweb em Revista – Como surgiu aideia da Wikipédia?Wales – A ideia nasceu da observação docrescimento do movimento dos softwares decódigos abertos e também da constatação deque pessoas e programadores estão se unindopara desenvolver e usar softwares que hojeinundam a internet. Nós percebemos que essetipo de colaboração poderia se estender dosaplicativos para outros produtos e isso foi umavisão muito feliz. Inspirado nesse conceito,desenvolvemos o modelo Wiki e começamos ausá-lo, o que felizmente se tornou a chave denosso sucesso.

LR – O que é exatamente o modelo Wiki?Wales – De maneira reduzida, pode-sedizer que o Wiki é uma rede de páginas web,com os mais diferentes tipos de informação,que podem ser ampliadas e/ou modificadas

A questão qualidade permeia nossas ações

entrevista

6 locaweb

‘‘

‘‘

* Artigos sobre eventosque são tratados namídia tendem a puxarpicos de audiência, mas,no cenário normal,assuntos relacionados àsquestões do universodos adultos têm o maiorvolume de acessos

por qualquer pessoa.Para isso, basta usarqualquer tipo denavegador que sejacapaz de ler páginasem HTML, como oExplorer, o Firefox e muitos outros.

LR – Com a evolução da Wikipédia, aqualidade dos artigos passou a ser umaquestão preocupante para vocês?Wales – Sim. Existe uma discussãoconstante na comunidade Wikipédia sobrecomo fazer um trabalho melhor, de melhorqualidade. Isso inclui pensar e discutir comoproduzir um conteúdo mais consistente emais focado nas necessidades de nossaaudiência. Ou seja, a questão da qualidadepermeia todas as nossas ações e é um denossos diferenciais mais importantes.

Jimmy Wales, fundador da Wikipédia, fala como surgiu o maior fenômeno mundialde colaboração em massa da era da internet e sobre o futuro da comunidade Wiki

Fenômeno\\Wales é apontado por

especialistas como o único homem

do mundo capaz deameaçar a soberania

do Google

Entrevista:W2008 21/1/2009 01:17

locaweb 7

LR – Que tipo de artigos recebem maiornúmero de acessos?Wales – Artigos sobre eventos que sãotratados na mídia tendem a puxar picos deaudiência, especialmente se algum fatorelevante está movimentando o mundo.Mas, no cenário normal, assuntosrelacionados às questões do universo dosadultos têm o maior volume de acessos.

LR – Como a Wikipédia está lidando comos impactos da crise econômica mundial?Wales – Essa é uma pergunta interessante.Nós implantamos um fundo de arrecadaçãode dinheiro e estamos indo muito bem.Antes de iniciar, ficamos imaginando sesentiríamos diretamente os impactos dacrise. Entretanto, até agora, nada. Nenhumimpacto. As pessoas parecem entender quenós precisamos de dinheiro para sobrevivere continuam doando normalmente. Naverdade, com a crise, temos a expectativa de que os doadores passem para umpatamar superior. Afinal, no caso de umadesaceleração na economia, as pessoas nãopodem se dar ao luxo de sair para jantar oufazer algo extravagante. Em compensação Fo

tos:

Div

ulga

ção

Sucesso \\ Empreendedor foi eleito pelarevista Times como uma das pessoas maisinfluentes do mundo e pela Forbes como

uma das 25 celebridades do universo web

Números superlativos \\ A enciclopédia online tem mais de 9 milhões de artigos escritos em 250 línguas,que atraem 683 milhões de visitantes por ano. O modelo permite a qualquer pessoa alterar o conteúdo publicado

podem ficar navegando na internet, que éuma forma barata de entretenimento, eprovavelmente irão colaborar para tornar aatividade mais rica.

LR – Quais são os planos da Wikipédia no Brasil?Wales – Recentemente lançamos no País aproposta da Wikimedia Brasil, que em linhasgerais é o capítulo brasileiro da WikimediaFoundation, entidade criada para estimulara produção colaborativa de conteúdosgratuitos em língua portuguesa e tambémnas línguas dos povos indígenas brasileiros.O plano é formar um núcleo gerador deconhecimento e informação, por meio deuma comunidade autônoma, que promovaa inclusão social e digital no Brasil. Estamosbastante empolgados com esse tipo deproposta social, já que tem tudo a ver com oconceito do modelo Wiki.

Entrevista:W2008 21/1/2009 01:17

MySQL\\ O SQLyog Outro se destaca pela rotina de execução de queries; em nossostestes, o programa foi capaz de rodar uma seqüência de queries de 5MB em segundos

SEOEstou pensando em

contratar uma empresa de SEOpara fazer o marketing debusca do site de nossaempresa. Que fatores devemoslevar em conta para não fazeruma escolha equivocada?

Carlos Torres / por e-mail

Algumas coisas podemservir como sinal de alerta

em relação a um SEO desonesto.Caia fora, por exemplo, se o seuSEO tiver domínios de fachada,colocar links para outros clientesnas páginas de entrada ouoferecer para vender palavras-chave na barra de endereços.Fique também com um pé atrás seo SEO não distinguir entreverdadeiros resultados de pesquisae anúncios que aparecem nosresultados de pesquisa, se garantira classificação, mas somente parafrases de palavras-chave longas eobscuras, que você obteria dequalquer forma. Você sempre tema opção de estudar sobre SEO nainternet e em edições anteriores daLocaweb em Revista e fazer aotimização de seus sites por conta

própria. A Locaweb tambémoferece uma série de ferramentaspara você mesmo fazer o projetode SEO de seu site. Para saber mais,acesse o endereçowww.locaweb.com.br

Ligação detabelas

Como posso fazer para obterdados em duas tabelasseparadas num banco de dadosMySQL. Por exemplo, eu tenhoos produtos em uma tabela e ofornecedor em outra. Comofunciona esse comando?

Marcos Finasi/ por e-mail

Nesses casos é necessáriofazer uma conexão entre

elas. As tabelas de um banco dedados são ligadas umas as outraspor chaves. Uma chave primária éuma coluna com um valor únicoem cada linha, com o propósito deunir dados através das tabelas.Assim, não é necessário repetirtodos os dados em toda tabela.No seu banco de dados, porexemplo, há uma tabela deprodutos. Cada produto érelacionado à tabela de

fornecedores pelo campo decódigo do fornecedor, que é umachave primária na tabela defornecedores. Veja como pegar osregistros correspondentes dessasduas tabelas:

SELECTFornecedores.Nome DaEmpresa,Produtos.NomeDoProdutoFROMFornecedores, ProdutosWHEREFornecedores.CodigoDo Fornecedor = Produtos. CodigoDoFornecedor

Administraçãocom SQL

Trabalho muito com MySQL esempre tive dificuldade emencontrar um bom aplicativopara gerenciar meus bancos dedados. Gostaria de saber sevocês aí da revista poderiamme indicar uma ferramentadesse tipo, já que no decorrerdesses anos devem ter testadovárias delas.

Norberto Silveira/ por e-mail

Um dos programas maisindicados é o SQLyog,

que pode ser encontrado no endereço eletrônicowww.webyog.com/en. No mesmo site, é possível realizar odownload e adquirir o SQLyog .Logo à primeira vista, você podeachar a interface do programa umpouco confusa. Na verdade, elarealmente é. Você demora umbom tempo para descobrir ondeestão alguns comandos simples,como, por exemplo, o visualizadorde dados da tabela. Mas depoisque você se acostuma, verá que o

programa é extremamente rápidopara o dia-a-dia.

Outro ponto que merecedestaque é a rotina de execuçãode queries. Em nossos testes, oprograma foi capaz de rodaruma sequência de queries de5MB em poucos segundos. Paravocê ter uma ideia do que issosignifica, a mesma sequênciademorou quase cinco minutospara ser executada noPHPMyAdmin.

Mas é claro que o SQLyog nãotem só qualidades. Uma dascoisas que nos chamou aatenção é a facilidade como vocêexclui tabelas e até mesmodatabases inteiras. Se você clicarcom o botão direito do mousesobre um banco de dadosqualquer e escolher DropDatabase, o programa faz umasimples pergunta e adeus. Vocêperde tudo, incluindo estruturas,procedimentos e dados.

Links entreASP e PHP

Gostaria de saber se há algumapossibilidade de fazer umaligação entre uma página PHPpara ASP? Por exemplo: estounuma página PHP e desejoabrir por um link umdocumento ASP.

Danilo Leque/ por e-mail

Se o caso for apenascolocar o link em uma

página apontando para outra nãoexiste nada que o impeça. Só énecessário que cada uma estejalocalizada em um servidor que dêsuporte à sua linguagem. Inclusive,é possível até enviar parâmetrosou postar formulários entreaplicativos ASP e PHP.

e-mailsopinião/leitores

//Envie seu e-mailSe você tem alguma dúvida, sugestão oucrítica, entre em contato com nossa redaçãopelo e-mail [email protected].

8 locaweb

J

Emails:W2008 29/1/2009 16:49

21 X 28:21 X 28.qxd 1/12/2008 11:17 Página 1

Mobimail \\ Novo sistema de e-mails da Locaweb, que substitui o Locamail, émais robusto e mais fácil de ser utilizado pelos desenvolvedores e clientes da empresa

10 locaweb

notíciaslançamento

A Locaweb acaba delançar uma nova e

revolucionária plataforma de e-mail. Desde dezembro, todos os novos domínios daempresa passaram a serinstalados em uma novaplataforma de e-mail, que foibatizada de “Mobimail”, paradiferenciar daquela que funcionapara clientes instalados antesdessa data, o “Locamail”.

A Locaweb está muitoentusiasmada com o projeto,que tomou quase um ano detrabalho até esta primeira fasedo lançamento para novosclientes. Toda plataforma foiinteiramente desenvolvida dozero para garantir velocidade eestabilidade sem sobressaltos.

O Mobimail funciona sobre“clusters” de servidoresredundantes, que garantem uma operação mais imune afalhas do que a plataformaanterior (Locamail), e com maisfacilidade de acrescentarcapacidade de tráfego, bastandoacrescentar mais servidores(escalabilidade horizontal). Quemsentiu cheiro de computação emnuvem acertou: ela contém os

conceitos de cloud computingdesde sua fundação.

Esta plataforma não ésomente mais robusta, masoferece também alguns recursosnovos como:

Colaboração: sincronizaçãototal de e-mail, Contatos e Calendário.

Outlook: acesso via plugin MAPIpelo Outlook do Office,permitindo o mesmo grau deintegração de mensagens,contatos e calendário que umservidor Exchange oferece.

Acesso critptografado: porSSL a POP, IMAP e SMTP paratráfego seguro de mensagensentre seu terminal e o servidor dee-mail hospedado na Locaweb.

Webmail: duas novas interfaces.Uma com Ajax, com drag & drop,operação via teclado e muitosoutros recursos. A outra, Clássica,para quem está familiarizadocom a plataforma antiga(Locamail).

Instant Messaging: Comprotocolo Jabber, paracomunicação instantânea entre os

membros do domínio (ecriptografada); Mobilidade, PushMail e sincronização sem fio deContatos e Calendário comiPhone/iPod Touch, NokiaSymbian e Windows Mobile.

Como a Locaweb sentiu queo aumento da estabilidade eraum desejo muito forte dosclientes, optou-se por iniciar ainstalação de novos domínios noMobimail já em dezembro. Ésabido que ainda faltam recursosno Mobimail, como conta pega-tudo (*@dominio), configuraçõesglobais de acesso e outras. Masjá há movimentações paraimplementar esses serviços.

Não haverá alteração depreços para usufruir os recursosdesta nova ferramenta: oMobimail está incluso nos planosde hospedagem de sites e nosserviços de e-mail.

Atualmente, a Locawebtrabalha em um programa demigração do Locamail para o Mobimail, que mantenhacaixas postais, mensagens,pastas, contatos e outrasconfigurações inalteradas, parauma migração indolor.

blog.locaweb.com.brConfira as últimas novidades da maior empresa de hospedagem de sites do Brasil

Mobimail: novo e-mail da Locaweb

Noticias_Parte1:W2008 29/1/2009 16:58

locaweb 11

notícias

hPROMOÇÃO NO E-MAIL MARKETINGA ferramenta de e-mail marketing está com taxa de inscrição grátis paranovas contratações. Aproveite esta oportunidade para realizar suascampanhas com esta poderosa ferramenta e aumente suas vendas.Para saber mais, acesse: locaweb.com.br/EMAILMKT

NOTÍCIAS

hFÓRUM E WIKI: CONHEÇA E PARTICIPE DENOSSAS FERRAMENTAS COLABORATIVASCom intuito deexpandir a redecolaborativa, aLocaweb lançounovos sistemas deWiki e Fórum. Comessas ferramentas, aideia é ampliar ainteração com osclientes e demonstrartransparência emprocessos e serviços.

O Fórum Locaweb tem como objetivo disponibilizar um espaço dediscussão pública que permita troca de experiências e colaboração.Além disso, a Locaweb estará ativa, coletando sugestões eesclarecendo dúvidas pertinentes aos assuntos abordados.

Já no Wiki, os clientes têm acesso a tutorial passo-a-passo,documentação, modelos de scripts e informações gerais sobre osserviços da Locaweb. A ferramenta é um sistema baseado noopensource MediaWiki, utilizado pela enciclopédia colaborativaWikipédia e substituirá a base de conhecimentos já existente. Os artigos serão moderados para garantir informações completas eassertivas, porém a própria Wikipédia é um exemplo de que as basesde conhecimento criadas e editadas em comunidade geralmentegarantem informações mais corretas, atualizadas e completas doque as administradas apenas em sistema fechado. Faça parte doFórum e Wiki Locaweb!Acesse: forum.locaweb.com.br e wiki.locaweb.com.br

Aprovada a extensão .telA proposta de domínios com a extensão .tel, enviada em 2000,foi finalmente aprovada pela ICANN. Ela deve começar a operarainda este ano. A extensão será de alto nível como .com e .net eo objetivo é que os sites .tel sejam do ramo de comunicaçõescomo envio de mensagens SMS ou soluções VoIP, por exemplo.No mesmo anúncio, a ICANN rejeitou a extensão .xxx para sitespornográficos, muito pedida pela segmentada indústria do sexonos Estados Unidos e ao redor do mundo.

Prateleira onlineA nova loja virtual daBorders (www.borders.com/online/store/Home) estreou cheia denovidades. O grandediferencial é a formacom que os produtossão mostrados naprateleira, como se ousuário estivesse naloja. Por enquanto, sãosó os livros de destaque, mas já há planos para que isso se torne padrão para os outros produtos.

Site colaborativo

Feito para a edição de documentos de forma colaborativa, oMixedInk (http://mixedink.com) é uma mistura de informaçõescolaborativas de forma democrática. Ele é aberto para o públicoem geral. O grande diferencial da página é a possibilidade de ousuário colocar os documentos como rascunho, para que orestante da comunidade escolha os melhores. Os grupos podemser protegidos ou públicos, o que facilita a privacidade: gruposfechados podem trabalhar em equipe sem que outras pessoasvejam os documentos. Se preferirem compartilhar com todos osoutros usuários em um grupo público, isso também é possível.A ferramenta estava em desenvolvimento desde abril de 2007, esó agora, em 2009, está disponível para o público.

hNOVA PÁGINA DE ATENDIMENTOA página de atendimento foicompletamente reformulada.Além de simplificá-la e torná-lamais relevante, foi incluída umabusca muito mais abrangente.

Agora é possível pesquisarno Site, Blogs, Wiki e Fórum daLocaweb ou em todas essasbases de conhecimentos simultaneamente.

Outra novidade é a utilização da tecnologia de GeoIP, que identifica alocalidade dos acessos e exibe os telefones de acordo com a cidade dovisitante. Esperamos que gostem!

MixedInk \\ Site reúne mistura de informações colaborativas e os visitantesdão notas aos posts, que ganham destaque; trata-se do sistema de meritocracia

Noticias_Parte1:W2008 29/1/2009 16:58

W700A Lenovo turbinou sua linha ThinkPad com oW700, que pode ser adquirido com três HDsopcionais, com 320 GB cada. O equipamento édotado de processador móvel Intel Core 2 Extremequad-core, que roda em 2,53 GHz e inclui 12 Mbde cache L2, suportando até 8 Gb de memóriaRAM. Mais informações: www.lenovo.com.

notícias/wishlist

12 locaweb

O melhor da culturadigital em vitrine

L

Vaio PA série dos menores netbooks(ou notebooks) do mundochegaram pelas mãos da Sony.Do “tamanho de um envelopee fino como um celular”, ocomputador é colorido, temtela de 8″ (1600 x 768) e pesa640 gramas. Tem 3G integrado,2 GB de RAM e, nos EstadosUnidos, vai custar US$ 900.Para saber mais, acesse:www.sonystyle.com.

L

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

L

L

Noticias_Parte2e3_WishList:W2008 21/1/2009 02:22

notícias/wishlist

locaweb 13

Tudo em UmWebcam Multifuncional, da Multilaser, com uma dasmais altas resoluções do mercado (5 Mpixelsinterpolada ou 1,3 Mpixels via hardware). Tem novafunção “face tracking”, que aumenta o foco no rosto.Oferece ainda speaker embutido, microfone internoe botão snapshot para tirar fotos. Compatível comprogramas de comunicação como Yahoo, Skype, IM,MSN. O preço médio da webcam sugerido é deR$139. Mais informações: multilaser.com.br.

L

L

L

KF 9000Também conhecido como LG Prada, é umtelefone touchscreen que tem câmera de 2MPixels e vale mais pela grife “Prada” do quepelos apetrechos tecnológicos que carrega.Com 85 gramas e 5,4 x 9,8 x 1,1 cm, ao serligado, apresenta menu de acesso rápido àsfunções de mensagens, entretenimento eligações. Mais informações em www.lge.com.

L

L

Mini 9O pequeno notebook, da sérieInspiron da Dell, pode seradquirido, nos Estados Unidos, porUS$ 349. Por esse preço, o usuárioleva uma máquina dotada desistema Ubuntu, processador AtomN270 de 1,6 GHz, 512 MB de RA eSSD de 4 GB. Há uma webcamembutida. Mais informações nosite www.dell.com.

L


notícias/wishlist

14 locaweb

Toque de DiamanteO smartphone HTC Touch Diamond chegou aomercado com HSDPA de 7.2 Mbps, banda larga de altavelocidade e conexão rápida e sem fio. Recheado derecursos multimídia, o aparelho com Windows Mobile6.1 Professional reúne ferramentas como Outlook, Word,Excel, Power Point, Internet Explorer, Windows MediaPlayer e Windows Live, que permite acesso ao MSNHotmail e Messenger. Mais em: www.htc.com.

L

TV GiganteA Sharp volta ao Brasil em grande – ou melhor, gigante –estilo. A linha Aquos de televisores de LCD tem como maiorchamariz o brinquedinho de 65 polegadas. Há tambémversões menores, de 52 polegadas, 46 polegadas e 32 polegadas. Os preços variam de acordo com o tamanho,a partir de R$ 2.299 até R$ 26.999. www.sharpbr.net.

L

L

GPS 3DModelo T945 da Airis oferece mapas em trêsdimensões. Mas vai além: cobre tambémtopografia das cidades, numeração de ruas eavenidas, Instant Fix (detecção instantâneade sinal de satélite) e Text to Speech(navegação guiada que indica a distância,direção e nome das ruas. Custa R$ 1.499. Parasaber mais: www.airis.com.

L

L

Samsung F268Considerado pelo GreenPeace como ocelular mais verde – já que recebeu otítulo “Greenest Mobile Phone” –, oSamsung F286 dispensa o uso de PVCem sua estrutura e possui alarme nocarregador para avisar quando a cargaestá completa. Só está disponível nosmercados chinês e coreano. Maisinformações: www.samsung.com.

L

L

L


locaweb 15

WebcamO modelo para notebooks temresolução de 2.0 MP. Conta commicrofone embutido e botãosnapshot para tirar fotos.Disponível na cor preta, temcomo diferencial o design, quepega emprestado linhas demáquinas fotográficas oitentistase as transporta para essawebcam. O preço médiosugerido é de R$59. Mais emwww.multilaser.com.br.

L

AirPort ExtremeEspécie de central de rede da Apple, esse pequeno aparelho parece fazermilagre. Comanda a rede wirelless de uma casa a ponto de gerenciarimpressoras, de tocar músicas diretamente do iTunes em aparelhos desom e ainda é compatível com Mac e PC. Pode ser encontrado por, emmédia, R$ 500. Mais informações em www.apple.com.

L

Nokia 5800Produto de ponta da sérieXpressMusic da Nokia, ocelular tem tela sensível aotoque. Conta comconectividade Wi-Fi, GPS,uma câmera de 3,2megapixels. Nos mercadosdo exterior, é encontrado porUS$ 395. Mais informações:www.nokia.com.

L

L

L

L

Projetor 3 em 1O MovieMate 55 possui tecnologia deprojeção 3LCD, constraste de 300:1 e brilhode 1.200 ANSI lumens. Ainda oferececompatibilidade com os processadoresDolby Digital e DTS. O projetor conta comentradas de vídeo componente, vídeocomposto e RGB, o que possibilita aconexão de outros aparelhos, como Blu-rayplayers – o MovieMate 55 suporta HDTV –e videogames.Mais informações: epson.com.br.

L

L

NWZ-B135FA nova linha de MP3 players da Sonyé composta pelos modelos NWZ-B133F, com capacidade de 1 GB edisponível nas cores rosa e preta, eNWZ-B135F, de 2 GB e tons preto evermelho. Ambos contam comtransferência e armazenamento dedados em memória flash e bateriacom autonomia de 16 horas. Mais informações: sonystyle.com.br

L

L

notícias/wishlist


notícias/circuito

16 locaweb

Sua leiturasobre internetConfira os principais lançamentos de livros que tratam detemas ligados ao mundo da tecnologia da informação

O ambiente online ébastante propíciopara videoaulas, jáque permite aoaluno acompanharas lições quandoquiser e ondedesejar. Aqui, a cadaedição da Locaweb emRevista, você vê o quehá de melhor emcursos na internet

Tutoriais e videoaulas online

Fireworks CS3Duração: 10min54sPreço: GrátisURL: http://br.youtube.com/watch?v=16IRVvbVedAv

Como fazer um bannerDuração: 10min26sPreço: GrátisURL: http://tinyurl.com/8uy5ry

//CONGRESSOWEB EXPOFORUM 2009Este é o mais completo eventosobre a web 2.0 (colaborativa) noBrasil, compreendendo três dias,incluindo feira, seminários,palestras e workshops.Local: Centro de Convenções FreiCaneca, em São Paulo (SP)Quando: 17 a 19 de março

//EXPOSIÇÃOREPEAT ALL no MISExposição traz obras em vídeo evideoinstalações que discutem os usos e conceitos ligados àoperação da repetição (o “loop”)na produção contemporânea. Até 29 de março no Museu daImagem e do Som do Estado deSão Paulo.Local: São PauloInf.: www.mis-sp.org.br

//EDUCAÇÃOERIN 2009A primeira edição do eventoEscola Regional de Informática -Regional Norte 1 - será realizadade 4 a 6 de março em Manauscom o objetivo de informar edebater temas relevantes da áreade informática que estejam emevidência no país e no exterior.Local: ManausInf.: www.dcc.ufam.edu.br

//SEMINÁRIONORMAS E LEGISLAÇÃO EM TIEm 11 de março, a IDETI irápromover um seminário sobre asmudanças das normas elegislações vigentes na área de TI. Local: Porto AlegreInf.: www.ideti.com.br

PHP: Programando comOrientação a ObjetosPablo Dall`OglioO foco deste livro é demonstrar como sedá a construção de uma aplicaçãototalmente orientada a objetos. Paraisso, são implementados algunspadrões de projeto (design patterns) etécnicas de mapeamento objeto-relacional, além de vários componentespara que você possa criar complexasaplicações de negócio com PHP.Preço: R$ 76Editora: Novatec Inf.: http://novatec.com.b

Use a Cabeça! JSP &ServletsBrian Bashan, Kathy Sierra eBert Bates Com esta obra você aprenderá ausar a versão mais recente (J2EE1.4) dos servlets e dos JSPs.Preço: R$ 119Editora: Alta Books Inf.: www.altabooks.com.br

Redes deComputadoresAndrew S. TanenbaumClássico best-seller, foitotalmente atualizado paraabordar as redes desenvolvidasdesde 1990 até os dias de hoje.Preço: R$ 206Editora: CampusInf.: www.elsevier.com.br

Noticias_Parte4_Agenda:W2008 20/1/2009 18:17

21 X 28.qxp 7/10/2008 10:26 Page 1

Versão 2.x \\ A edição corrente o Thuderbird praticamente não tem bugs, masperdeu, e muito, popularidade com a nova geração de webmails, como o Gmail

18 locaweb

Os boatos sobre a morte do Thunderbird

foram um tanto exagerados. Apopularização do Gmail, owebmail do Google que setornou uma espécie de centralde mensagens eletrônicas, aliado ao lançamento do bom Outlook 2007, queacompanha o Vista na maiorparte das distribuições foramdois fatores que fizeram osanalistas de mercado apostaremque os dias do Thunderbirdestavam contados.

O que se esperava é que oprograma de e-mails de códigoaberto migrasse para o mesmoostracismo que o antes popularEudora trilhou anos atrás. Parapiorar a situação, a Mozilla,mantenedora do Thunderbird,informou que criaria uma divisãoespecífica para tocar o projetode leitor de e-mail, chamadaMozilla Messaging(www.mozillamessaging.com). Eeis que quando tudo maisparecia perdido e que oThurderbird não maisdesempacaria da versão 2.x,começam a aparecer na redeedições de teste.

Ainda extraoficialmente, o

Thunderbird 3 não tem essenome: ele atende por umcurioso Shredder, que emportuguês significa picotador.Esse nome foi dado pelaequipe de desenvolvimentojustamente para desencorajarcuriosos a baixar o programa dee-mail antes de soltarem umaversão estável e que não sejadanosa ao computador.

Ainda extremamente estável ecom diversos bugs, oThunderbird 3 pode realmentepicotar as correspondências dousuário, apagar pastas, registros,identidades. Por isso, somente érecomendado o download dosoftware, que pode ser realizadono endereço eletrônicobr.mozdev.org/drupal/2008/05/shredder-alpha-1, por usuáriosexperientes e desenvolvedores.

O testeUma vez realizado o download

e com o Thunderbird v3funcionando, o que se percebe éque o editor mantém o mesmo“jeitão” de seu antecessor, masque está muito mais integradoao sistema Vista – no XP, não faztanta diferença.

Mas, de forma geral, o que

mais agrada e inova no soft é anavegação por abas – sim, elaschegaram até mesmo aosgerenciadores de e-mail, depoisde infestar navegadores e atémesmo alguns editores de texto.

As abas funcionam comocompartimentos. Por meio delaspode-se acessar pastas,calendário, mensagens de e-mails em geral.

Outro ponto altamentefavorável no Thunderbird v3 é o visualizador de imagens. Na versão anterior, o usuáriotinha de apontar outro software– no caso, um do tipo gráfico –

para que pudesse ver fotos edesenhos. Agora, o programatrabalha de forma simples eprojeta as imagens com poucos cliques, o que, deforma geral, facilita a navegação pela interface doprograma e na leitura dasmensagens eletrõnicas.

Outro item que agrada aovisitante no Thunrderbird 3 é apossibilidade de gerenciarextensões e complementos emgeral. Por meio de sua interfacerenovada, o programa tem umaseção que garante ao usuárioencontrar e baixar as aplicações

FICHA TÉCNICANome e versão: Thunderbird 3 Beta 1Desenvolvedor: MozillaMessagingLicença: FreewareTamanho: 8 MBLançamento: 10 de dezembro de 2008

Conheça o novoThunderbird 3

p[r]eview

Versão de testes da próxima versão do aplicativo de e-mail mostra que,embora instável e com bugs, o Outlook 2007 terá um concorrente de peso

Preview Thunderbird:W2008 21/1/2009 02:01

Thunderbird 3 \\ No novo gerenciadoe de e-mails, as abas funcionam como compartimentos; por meio delas pode-se acessar pastas, calendário, mensagens de e-mails emgeral; outro ponto altamente favorável no Thunderbird 3 é o visualizador de imagens - na versão anterior, era necessário optar por um terceiro software para visualizar fotos

que mais lhe agradarem, sem anecessidade de usar umnavegador para acessar osplugins. Além disso, apósrealizar o download, umsimples botão permite que aextensão seja aplicada àinterface do gerenciador demensagens eletrônicas. Háainda poucas extensões quefuncionam perfeitamente noThunderbird v3, pois, como jáfoi informado, a versão detestes é muito instável e ainda não conta comdesenvolvimento maciço deextensões compatíveis.

Uma exceção e que funcionaperfeitamente é a Lightning,que acopla ao navegador umbom calendário, que pode serutilizado em conjunto com aspastas e abas de e-mails.

Sobre a lista de contatos, as

novidades são incipientes.Quando um novo nome ou e-mail aparece em sua lista, ele éindicado com uma estrela.

Caso o usuário queiraregistrar em seu Thunderbird oindivíduo, basta clicar naestrela, que eleautomaticamente entrar narelação de endereçosconhecidos. Há ainda umcampo que garante a inserçãoda data de aniversário dapessoa ou do amigo.

Por fim, o último tópico quemerece destaque na novaversão do Thunderbird v3 é a –boa – integração com o Vista(com o XP, ainda hádeficiências). O Thunderbird eo buscador do Vista trabalhamem conjunto e, assim,mensagens e conversaspodem – ou não – ser

anexadas de acordo com avontade do usuário.

CuidadosConforme foi indicado nesta

reportagem, baixar e usar oThunderbird ainda é umaopção de risco. O programaainda contém muitos e muitoserros, que podem danificar aversão anterior do softinstalada em seu PC.

Prova disso é que na páginado desenvolvedor há a relaçãode diversos erros (www.mozillamessaging.com/en-US/thunderbird). Mas semesmo assim você quiserutilizar e testar, é muitoimportante seguir algumasrecomendações queminimizam a ocorrência deproblemas e conflitos.

Com o software já no

review/msn2009

locaweb 19

A Interface

computador, antes de ser instalado, deve-se criar um perfil diferente doque está configurado no Thunderbird 2.x. Isso minimiza problemas comoperdas de dados (como pastas e mensagens) etravamentos com determinadasextensões e temas.

Com isso, ambos osThunderbirds rodarão lado alado e é possívei, sempre,optar por um ou outro até quevocê deseje ficar só com umaversão no seu computador.

Com ambos os perfis, paraevitar que você se confunda, éindicado iniciar o Thunderbirdcom o comando -p, utilizandoa janela “Executar” do Windows.Em sistemas como Linux, atarefa deve ser realizada pormeio do terminal.

Preview Thunderbird:W2008 21/1/2009 02:01

20 locaweb

Texto: Sérgio Vinícius

De uma hora para outra,o Chrome deixou deser beta e virou 1.0.

Algumas más línguas dizemque por razões comerciais daempresa que o gere. Outras,de que era realmentenecessário chegar ao “primeirodefinitivo” para se avaliar onavegador como conjunto –incluindo aí seu aspectoligado à segurança.

O fato é que do “beta’ parao Chrome 1.0, pouca coisamudou. Ele continua sendo obrowser mais rápido domercado. Em um testepublicado na edição 12 daLocaweb em Revista, onavegador ficou, de longe, àfrente dos concorrentes.Internet Explorer, Firefox,Opera e Safari se mostrarammais lentos do que o pálido esimples Chrome.

Agora na versão 1.0, aequipe de reportagemrealizou novamente o teste dedesempenho. Desta vez, comalgumas pequenasmodificações com relação ao

teste anterior. Foramescolhidas seis famosaspáginas da web, que variamem sua estrutur,a desde HTML puro (useit.com) atécarregadas de vídeos(Youtube.com).

Para o teste, se recorreu aum computador WindowsVista, com processador DualCore, 3 GB de RAM econectado à internet comvelocidade presumida de 6MB. Os testes foram realizados

em 7 dias seguidos, emhorários alternados, com todosos navegadores sendo abertosem duas fases. A primeira,chamada de inicialização fria,era quando os browsersabriam a primeira vez aquelapágina, com cache limpo e

temporários esvaziados. Asegunda, chamada deinicialização quente, eraquando os navegadores eramacionados depois de teremsido abertos e fechados três vezes.

O resultado mostrou que o

FICHA TÉCNICANome e versão: Chrome 1.0Desenvolvedor: GoogleLicença: FreewareTamanho: 504,83 kBRequisitos mínimos: Roda em Windows XP, Vista Lançamento: 12/Jan/2009

Navegador web doGoogle sai do beta

p[r]eview

Versão 1.0 do Chrome mantém o design minimalista, a atenção focada nosaplicativos web e continua sem oferecer opções de personalização na navegação

Gmail \\ A nova versão do software continua apostando na integração com serviços online, como com o e-mail do Google

* O fato é que do “beta” para o Chrome1.0, muito pouca coisa mudou. Elecontinua sendo o browser mais rápidodo mercado, a frente dos concorrentes

Preview Chrome:W2008 29/1/2009 17:02

Chrome 1.0 ainda é maisrápido que os concorrentes deforma geral, concorrendosomente – no quesitovelocidade – com o Opera. Nasaída fria, o navegadorescandinavo levou a melhorcom a média de 2,2 segundos.Chrome (2,4), Firefox (4,1), IE(4,2) e Safari (4,9) vieram na sequência.

Com o navegador“aquecido”, os tempos mudame as posições também. Aordem agora é Chrome (0,7segundos), Opera (0,8), Safari(0,9), Internet Explorer (1,0) eFirefox (1,2). Já com onavegador aberto, mais umavez o 1.0 do Google fica com apole position. O tempo médiode carregamento das páginasdele é de 10,23 segundos.Opera segue com 12segundos. FF, IE e Safariacompanham de longe (13,23;

13,65 e 14,1 segundos).Obviamente, o teste não

tem valor científico, já que foirealizado aleatoriamente semqualquer software demedição. Mas na prática, e nodia-a-dia, o Chrome aparentaser mais veloz.

O que mudouAssim como a velocidade –

mostrando ser o mais rápidoentre os mais popularesnavegadores – não mudou,boa parte das característicasdo navegador continuainalterada. A começar pelo seuaspecto pálido, branco edemasiadamente minimalista.

O foco dele continua sendocolocar o usuário em contatocom a internet. Sem frescura etambém sem úteis itens depersonalização. Há pouco maisem sua interface – e em suaaba de Opções – do que abarra de endereços e um ououtro botão para dar umaburilada no browser.

Ele continua com suaengine inteligente – querenderiza páginas e maispáginas web sem requerermuito hardware, e tambémconta com aquele inteligenterecurso que permite que umaaba defeituosa aberta em umapágina conflitante não

review/chrome_1.0

locaweb 21

requeira reiniciar o browser –apenas a aba.

O sistema de privacidademantém a navegação anônima –embora não seja uma soluçãotão boa quanto algumas outras ferramentas profissionaiscomo a YourFreedom(www.yourfreedom.net) ou oprojeto TOR, que tem integraçãocom o Firefox e o Opera. Porfim, o Chrome ainda oferece omelhor sistema de ajuda de umbrowser, com links inteligentese solução praticamente paraqualquer problema que ousuário detecte.

O ponto negativo fica porconta do transtorno que épara exportar os favoritossalvos no navegador paraoutros browsers. Encontrarainda resquícios de navegaçãoou mesmo localizartemporários é uma tarefa para usuários avançados e, em alguns casos, softwaresque prometem realizar obackup destes arquivos dãoconflitos com o Chrome 1.0 echegam a desaparecer comalguns programas ouconteúdos importantes.

Chrome 2.0Após o lançamento da

versão 1.0, agora os boatosapontam para um Crhome 2.0.De acordo com algunsrumores de mercado, apróxima versão do navegadorcontará com duas opções deuso: uma profissional e outrapessoal. Assim, o usuáriopoderia formatar o browser de acordo com suanecessidade específica.

1 \\ No campo superior, a barra de endereços continua funcionando como campo de busca do Google2 \\ O sistema de ajuda é um dos melhores entre os principais browsers do mercado, oferecendo auxílio online3 \\ A ferramenta que indica as Opções e Preferências do usuário agrega muito pouco, já que o browser é esperto e minimalista

1

2

3

* O foco do Chrome 1.0 continuasendo colocar o usuário em contatocom a internet. Sem frescura etambém sem itens úteis comointegração com programas offline

A interface

Preview Chrome:W2008 20/1/2009 18:25

22 locaweb

Texto: Sérgio Vinícius

Quem quer ter seu próprio e-commerce mas nunca tevecoragem de implementar a loja

conta com uma solução sob medida daLocaweb: trata-se da Loja ProntaLocaweb (locaweb.com.br/lojapronta). O sistema é de fácil configuração eutilização e conta com a garantia dequalidade Locaweb - além de ofereceritens de segurança e que facilitem opagamento dos clientes.

De acordo com Reinaldo Santos,gerente de comércio eletrônico daLocaweb, de tão versátil a Loja Prontanão é destinada a um tipo específico depúblico ou usuário.

“Eu diria que não existe um perfilespecífico para usar este produto. Dentreas lojas já configuradas, temos usuáriosvendendo material esportivo, bijuterias,artesanato, equipamento de informática”,diz o criador do sistema. “Talvez, porconta da estrutura do produto, o únicorequisito é que o produto vendido sejatangível, pois a loja ainda não possui o

recurso para downloads, o que permitiriaa venda de produtos em forma dearquivos para downloads, mas em breveresolveremos isso.”

Para configurar a loja, não é necessárionenhum conhecimento técnico, bastapreencher um formulário com dadoscadastrais para ativá-la. Na parte deconfiguração o usuário poderá "brincar"com os recursos até encontrar a formavisual que pretende dar a loja.

Isso é possível porque, antes definalizar a configuração, ele tema opção

Loja Prontada Locaweb

keepitsimple

Conheça e use a ferramenta que facilita a vida dequem quer incluir um e-commerce em sua páginaeletrônica mas pensa que isso é tarefa árdua

Serviço da Locaweb oferecesistema completo e gratuitode e-commerce, fácil de usar e bastante seguro

* Para configurar a loja,não é necessário nenhumconhecimento técnico,basta preencher umformulário com dadoscadastrais para ativá-la. Na parte de configuraçãoo usuário poderá "brincar"com os diversos recursos

ESTE MÊSServiço: Loja ProntaPara: Sistema de e-commerceSite: www.locaweb.com.br

Keep it Simple:W2008 29/1/2009 17:04

de visualizar o preview da configuraçãoque fez. Este trabalho é apenas selecionarcor de fundo, publicar o logo da loja,mudar disposição de itens. Tudo isso érealizado via administração. Em nenhummomento o usuário terá acesso a linhasde código da programação da loja.

A facilidade que a Loja Pronta garantepara o usuário tem sido, até agora, seumaior êxito. Tanto que a Locaweb sequerdivulgou por meio de mailing lists ououtras formas a Loja Pronta e ela já contacom um número alto de usuários, queatingem a casa dos milhares.

“A aceitação da Loja Pronta é boa. Atéo momento, não houve uma divulgaçãodo produto, apenas colocamos o linksobre produto na página inicial de nossosite” conta Santos. “Até o momento, foramconfiguradas mais de 2.500 lojas e boaparte delas já está vendendo.”

De acordo com o executivo, muitasdestas lojas não são de clientes daLocaweb. A maioria, inclusive, não possuinenhum site. O uso da Loja Pronta é

especifico para e-commerce, pois em seucontrato de uso consta uma cláusula que"se não houver nenhuma transação depagamento durante o período de 3 meses,a loja será devidamente desativada".

O uso da ferramenta é gratuito, mas háalguns procedimentos que devem serseguidos. “A Loja Pronta está diretamentecondicionada ao uso do Pagamento Certocomo forma de pagamento” , informaSantos. “E é bom lembrar que para usar aLoja Pronta não é necessário que o clientepossua algum serviço pago da Locaweb”.

Pagamento CertoO sistema Pagamento Certo

(locaweb.com.br/PagamentoCerto) é umacarteira virtual para receber pagamentoonline em qualquer site, loja virtual, blog.Por meio da Locaweb, o usuário vende viaweb e não tem dor de cabeça na hora dereceber, com todas as contas e meios depagamento centralizados em um só lugar.

O Pagamento Certo é tão fácil de usarquanto o Loja Pronta. O sistema de

* Mesmo sem qualquer forma de divulgaçãotradicional, mais de 2,5 mil lojas foram configuradaspor meio do Loja Pronta e com o Pagamento Certo

locaweb 23

Site demonstração do Loja Pronta\\ Em www.lojapronta.net/home.asp, o usuário pode conferir umaversão do Loja Pronta em funcionamento; sistema de e-commerce é gratuito, mas depende do Pagamento Certo

Pagamento CertoGERALMeios de Pagamento: Boleto Bancário / Cartões de CréditoPlataformas: Windows / LinuxInterfaces de integração: SOAPNúmero de transações/mês: IlimitadoPara integração Módulo para Loja Exemplo LocawebKit de integração com exemplos de chamadas em ASP, C#,Java, PHP 5 e Ruby on RailsOperadoras/bancos: Não é necessário contratoPessoa jurídica: Não

Loja ProntaBeneficios• Carrinho de compras• Cálculo de frete (Sedex, E-Sedex, PAC, Direct Express, FEDEX,

Retirar na loja, Transportadora a cobrar, Frete Personalizado)• Cadastro de clientes com área administrativa de

pedidos para o cliente• Área administrativa para o lojista• Customização do layout da loja através da administração (sem

necessidade de conhecer programação)• Cadastrado ilimitado de categorias, subcategorias,

produtos, marcas e tamanhos• Controle de Estoque• Gerenciamento de pedidos através da administração• Gerenciamento dos usuários cadastrados pela administração• Gerenciamento de usuários • Ferramenta para envio de newsletter• Exibição e administração de banners na loja• Meios de Pagamento

Pagamento Certo: Boleto Bancário e Cartões de Crédito (Visanet e American Express)¹

• Número de transações/mês: Ilimitado• Necessita ser jurídica: Não• Precisa ser cliente Locaweb: Não e o cadastro é gratuito • Precisa de um domínio próprio: A Locaweb

disponibilizará uma extensão; seudominio.lojapronta.net• Segurança: Certificado SSL compartilhado de 128 bits• Criptografia: na base de dados• Espaço em disco: Ilimitado (Para imagens, banners, etc.)• Espaço em banco de dados: 50 MB

Raio-X

gerenciamento, simplificado, funciona viaPainel de Controle. Ele filtra extratos econtrola os pagamentos e os recebimentos.

Do ponto de vista do usuário, astransações são realizadas de forma simples eintuitivas. Para comprar em lojas que usam oPagamento Certo Locaweb, o usuário contacom diversas formas de pagamentos e prazode 14 dias para qualificar a mercadoria e seurecebimento, contando assim com maisconfiabilidade na transação.

Keep it Simple:W2008 29/1/2009 17:04

24 locaweb

Capa Campanhas_parte1:W2008 21/1/2009 06:55

Aprenda a planejar estratégias demarketing digital para seu site com oinvestimento certo e que cabe no seu bolso

locaweb 25

Faça sua

Texto: Camila Pratti, Felipe Franzoni e Letícia SallorenzoIlustração: Alexandre Dias (Nani)

Uma pesquisa do Pew Research Center, dos Estados Unidos, feita em dezembro do anopassado, dá bem a dimensão do que o ano de 2008 significou para a mídia digital. Cercade 40% dos entrevistados revelaram que a maior parte das informações por eles

consumidas foram obtidas na web, contra 35% que o fizeram com jornais impressos. É a primeiravez que a web ultrapassa o papel, desde que a pesquisa começou a ser feita, em 2001. Soma-se a

este dado o fato do blog "Huffington Post', de Ariana Huffington, ter sido avaliado em US$ 100milhões. Isto significa o seguinte: 2008 foi o ano em que o (resto do) mundo começou a dar

as costas para a vida impressa - barra - eletrônica para voltar-se ao universo digital.Além do crescente prestígio e audiência das mídias digitais - tanto nos EUAquanto aqui no Brasil - há as comunidades formadas nos twitters, orkuts e

facebooks da vida e em tantos messengers afora, e temos o tempero final paraa receita de sucesso em 2009: o marketing digital.

Mas o que é, como é, pra que serve, como funciona o marketing digital? Ecomo eu entro nisso - ou nessa? Calma. Por mais estranho que o

conselho possa parecer no mundo web, "devagar com o andor". Onegócio tem que ser muito bem pensado e calculado, caso

contrário o resultado pode ser negativo para a sua imagem.

campanha online

capa/campanhas


capa/campanhas

Do mundo offline para o onlineHá pouco mais de cinquenta anos, quando quase ninguém

sonhava com internet e e-mail, o psicólogo e professor americanoAbraham Maslow desenvolveu uma pirâmide das necessidadesbásicas do ser humano, conhecida como Pirâmide de Maslow. Nabase estavam as necessidades fisiológicas/ básicas; em seguida asnecessidades de segurança em todos os aspectos da vida; depois asde pertencimento a um grupo; as de auto-estima e por último as deauto-realização. A partir destas informações, as campanhaspublicitárias focavam o lado emocional do consumidor.

Com o avanço da tecnologia, e aí estamos falando em mais dequarenta anos depois da Pirâmide de Maslow, a propagandatornou-se interativa, abordando as “necessidades em rede”, acomunicação e a informação. A partir daí, na base da pirâmideestão comida e água; no centro, o abrigo e, no topo, a internet e ocelular. Segundo o filósofo Pierre Lévy, nascido na Tunísia e autorde ‘Cibercultura’ e ‘O que é o virtual’, um novo tipo de pensamento

sustentado por conexões sociais, tornadas viáveis pelas redesabertas de computação que configuram a internet, sãocaracterizadas pelo uso da interatividade, criação de comunidadesvirtuais e ferramentas de relacionamento. “A Wikipédia é umexemplo de manifestação de inteligência coletiva, na medida emque permite a edição coletiva de verbetes e sua hipervinculação(links hipertextuais).”

As constantes mudanças no mundo digital também fizeramcom que as criações publicitárias se adaptassem às necessidadesdo webconsumidor. No início, a ação do internauta era pré-estabelecida e determinada como, por exemplo, nos banners quecontêm jogos pelos quais o usuário “interage” com a marca. Oconceito era retórico, impositivo, persuasivo apresentado pormeio de banners, pop-ups, rich media.

Depois passou a ser retórico-dilético representado por hotsites,campanhas integradas, adwares (exibe anúncios como pop-ups),spywares (descobre informações sobre pessoas ou empresas,mesmo sem o conhecimento delas).

Atualmente, o internauta pode interferir diretamente noconteúdo, criando, mexendo, organizando e avaliando por meio

de blogs, podcasts, marketing viral (exemplos: YouTube, Orkut),entre outros. Este posicionamento coloca a web como

plataforma social, na qual “você controla os seus dados”.

A ‘cauda longa’: nichos X blockbusters

Hoje, são os consumidores que determinam oque merece destaque na Internet. O autor de

‘The Long Tail: Why the Future of Business IsSelling Less of More’, Chris Anderson, afirma

em seu livro que o poder dos nichosdiante da indústria marca o fim dos

blockbusters. ‘A cauda longa’ –

26 locaweb

Pirâmide de Maslow \\ Sistema criado porAbraham Maslow mostra graficamente o que oestudioso acreditava serem as necessidades do ser-humano; com o advento da cultura digital, tudomudou rapidamente

* Desde que o conteúdona internet passou a serextremamente interativo,ações de marketingcomo os chatospop-ups pararam deter eficácia e, hojeem dia, estãorelegados cada vezmais a segundos e terceiros planos

Árvore de hiperlinks \\ O filósofo Pierre Lévy se baseou na estrutura dawebcom seus hiperlinks, para entender a relação entre ser humano e ambiente online


capa/campanhas

tradução de the long tail – é o termo utilizado na estatísticapara identificar distribuições de dados onde o volume destesdecresce ao longo do tempo, durante um longo período. Edescreve o formato do gráfico produzido por este movimento:os grandes ocupam o topo, mas um pequeno espaço,enquanto os nichos são pequenos, mas infinitos. No subtítulo,o autor provoca “Por que o Futuro dos Negócios é VenderMenos de Mais”.

Assim, pequenos sites para nichos específicos prolongam asobrevida de produtos e serviços, com uma abordagem feita“pelas bordas”. Artistas, bandas, filmes ganham popularidade nomundo virtual por meio de divulgação emredes sociais em pouco tempo. Um bomexemplo é o My Space com 127 milhões deusuários loucos por novidades e quecolocou em evidência bandas como abritânica Arctic Monkeys, que conseguiulotar shows e dar um “up” na carreira apósdivulgação no site. O grupo escocês FranzFerdinand também não ficou de fora dessa,disponibilizou material inédito no site,antes do lançamento “oficial” do trabalho.

Do boca-a-boca aoplano de marketing Um bom boca-a-boca virtual, divulgação

potencializada por mídias digitais comoOrkut, Blogs e Twitter, aliado a campanhaspublicitárias digitais eficientes podem serresponsáveis pelo “estouro” de vendas dediversos tipos de produtos e serviços.

As ações de marketing digital envolvem

os meios eletrônicos de distribuição como Internet, e-mail,equipamentos móveis, Web-TV, HDTV, entre outros. E tem comoobjetivos: a construção de uma marca sólida; a fidelização doconsumidor por meio de ações personalizadas; a maximizaçãode seus lucros; o monitoramento de ações de marketing digitalde seus concorrentes; enfim, a divulgação de seu negócio aopúblico-alvo qualificado.

“Hoje a web possibilita uma maior proximidade com osconsumidores, chegando à personalização do relacionamento.Além disso, os custos na rede são muito mais baixos do que namídia tradicional. Aliando-se todas essas variáveis, as vantagens

locaweb 27

Orkut \\ Sites provam que um bom boca-a-boca virtual é uma forma de potencializar a divulgação de mídiasdigitais; páginas populares como Orkut (acima), blogs e Twitter ficaram famosas por cair nas graças dos usuários

A Cauda Longa\\ Termo se refere ao mercado do consumo de bens (no detalhe, um exemplo de gráfico queilustra a curva de procura dos consumidores); expressão se tornou título de livro de sucesso sobre marketing digital

* Pequenos sites paranichos específicosprolongam a sobrevida deprodutos e serviços, comuma abordagem feita pelasbordas; com o tempo, nãohaverá mais blockbusters


capa/campanhas

são evidentes”, disse Beth Saad, professora de Propaganda eNovas Tecnologias do curso Publicidade e Mercado (lato sensu),da USP. O marketing digital é uma opção relativamente mais"barata" por dois motivos. “Velocidade de ação/reação e facilidadena mensuração”, explica Norton Amato Jr., diretor de criação daAlfaiataria Digital.

Antes de se aventurar nesse mundo, é preciso estar“plugado” nas novidades de mercado e nas tecnologiasdisponíveis para se ter acesso ao público. Também éfundamental ter em mente qual o seu tipo de negócio e qual oorçamento disponível para a sua divulgação. Pretende contratartodos os serviços de marketing diretamente ou contar com osserviços de uma agência para ajudá-lo?

O sócio-diretor da MPP Solutions, Marcello Póvoa, enfatiza aimportância do marketing digital para atingir o público-alvo. Sea opção for por contratar uma agência para desenvolver oplano de marketing e a campanha é preciso que o cliente

Media display (visual)Veiculação em sites, portais, blogs...

• Entrega visual• Trabalha a marca• Percepção• PosicionamentoMuito indicado parapromoções de varejo

• Baixíssimo índice de cliques• Pouca efetividadereal/dado em ativação

SEMSearch Engine Marketing(links patrocinados, SEO)

• Alto retorno em cliques• Link patrocinado para clique• SEO – o clique é degraça, mas com custo de consultoria

• Muito difícil para trabalho de marca

SMSocial Media

• Engajamento

• Resultados a médio elongo prazo• Ação muito perigosa senão for bem feita, pois podese voltar contra a marca

AÇÕES DE MARKETING DIGITAL

TIPO

PRÓS

CONT

RAS

deixe bem claro como funciona o seunegócio. “Precisamos entender onegócio, seu posicionamento, suareceita, sua audiência psicodemográfica(perfil comportamental, sócio-econômico e regional), os objetivos e oresultado esperado. Com estasinformações é possível delinear aestratégia de marketing, partir para aconstrução do valor de marca – ‘brand equity’ e estruturar a forma demensuração de resultados”, explica Póvoa.

No caso de a empresa ou pessoafísica optar pela contratação direta deprofissionais de produção, poderáeconomizar mais do que a contraçãodos serviços de uma agência.

Entretanto, o diretor de criação daAlfaiataria Digital, Norton Amato Jr.,alerta. “O sucesso na contratação deserviços separadamente dependediretamente do conhecimento dacontratante no planejamento, gestão eexecução das tarefas envolvidas. Se suaempresa já dispõe de profissionaisqualificados para tal, não há problemasem montar um time para suaempreitada”, diz. “Caso contrário,recomendo contratar uma agência ouprodutora que assuma totalresponsabilidade pela campanha ouação de comunicação. O trabalho em

mídias digitais envolve expertise e dependede muita dedicação na atualização sobrenovas possibilidades e tecnologias.”

O diretor comercial da iThink, agência demarketing digital, Luiz Trindade, dá algumas

28 locaweb

SEO \\ Formatar o site para se tornar palatável, como explica a popular página Marketing deBusca (acima e ao lado), é uma forma rápida e barata de torná-lo mais popular e visitado

//Evite armadilhas • Evite colocar peças ecampanhas queincomodem o usuário

• Fuja de animaçõesque cobrem a telainteira do PC

• Tome cuidado com a mensagem doanúncio para nãoprometer aquilo quenão pode cumprir

• No caso de páginas devenda de produto, de nada adianta ser bonitae não ser funcional ouapresentar problemasno momento definalização da compraou entrega do produto.Todo o trabalho tem deestar integrado

• Qualquer ação no meiodigital deve ser focadaem público e emconteúdo. Uma açãomercadológica ampla,apenas para firmar aimagem, por exemplo,que não traga o usuário /consumidor para umaefetiva interação nowebsite tem poucosefeitos. A dica, portanto, éfoco e envolvimento do usuário.


capa/campanhas

dicas para quem pretende divulgar oseu site/produto. “Em primeiro lugar éfundamental definir os seus objetivos:venda de produto, trabalhar a imagemde uma marca ou anúncio depromoção. A partir daí, você escolhe aferramenta adequada.” Confira algumasopções sugeridas por Trindade.

Ao comprar ou pesquisar umproduto em uma página da web, naqual o consumidor possui cadastro, aempresa consegue armazenar em umbanco de dados as preferênciasdaquela pessoa e, assim, investir nacomunicação dirigida, personalizando oenvio de e-mail marketing. Póvoaexplica que “ao usar ferramentas demensuração de audiência, você podesaber quem está fazendo o que e emque momento no mundo virtual,permitindo que a empresa ou pessoafísica conheça o perfil de quem estáclicando em seu site”.

Os resultados a curto, médio oulongo prazo dependem do tipo detrabalho de marketing que a empresa

locaweb 29

//5 passosessenciais para aelaboração de umacampanha digital

1Planejamento edefinição do perfil de

público a ser atingidopela campanha;

2 Criação de umambiente digital:

na web ou em mídiasmóveis, por exemplo;

3 Tecnologia utilizada,desenvolvimento do

sistema e escolha dosparceiros técnicos;

4 Design aliado àusabilidade de

forma que os usuáriospossam entender oconteúdo, a ação egerar os resultados;

5 Mensuração eficaz émuito importante,

pois, sem isso não sepode acompanhar o uso do ambiente criadoe, portanto osresultados esperados;

Fonte: Beth Saad,professora de propaganda enovas tecnologias do cursode lato sensu Publicidade eMercado - USP

* Em primeiro lugar éfundamental definir osseus objetivos: venda deproduto, trabalhar aimagem de uma marcaou anúncio depromoção. Somente apartir deste momento oempresário escolhe aferramenta adequadapara trabalhar

ou pessoa física pretende. “A marca Coca-Cola demorou dezenade anos para se tornar o que ela é hoje. Agora, se a intenção é ade anunciar uma promoção do dia de um hipermercado dotipo ‘Compre dois e leve três’ a campanha tem como objetivotrazer resultados em curto prazo”, completa Póvoa.

Quais as diferenças entre uma campanha off-line e uma "digital"? Beth Saad diz que é difícil de comparar. “Na realidade são

canais complementares. Os custos e o envolvimento são fatoresdiferenciais. Além disso, uma ação no meio digital pode tercontinuidade ou uma espécie de revitalização de seu conteúdopor meio do relacionamento com o consumidor, o que não épossível nos meios tradicionais.” Em resumo, ambas sãoindependentes e complementares ao mesmo tempo. Não épossível imaginar uma empresa média que não tenha um site.

Site da Coca-Cola \\ Como marca, a empresa levou muitas décadas para se tonar o que é hoje: foi necessário umintenso trabalho na marca; entretanto, se o objetivo dela fosse destacar uma promoção, a ação seria bem diferente


capa/campanhas

Quer pagar quanto?Toda ação de comunicação deve estar pautada por objetivos

claros, palpáveis e mensuráveis. Geralmente estes objetivos estãoalinhados com estratégias mais abrangentes do plano de marketing.

As possibilidades são muitas e devem ser escolhidas com critério.Fique atento aos modismos e evite a empolgação de usar algumaferramenta meramente pela novidade. Escolha as opções que lheofereçam relatórios de desempenho e foque na obtenção dos seusresultados, sejam eles vendas, acessos, cadastros.

Campanhas planejadas tendem a ter uma duração maior etrazem melhores resultados no longo prazo. “Sugiro que comececom pequenos e constantes investimentos e vá ajustando suacomunicação em relação aos seus objetivos pré-definidos”,recomenda Amato. As ações, especialmente no meio digital, tendema tomar "vida própria" e dependem diretamente da interação do seuconsumidor. Seu sucesso está diretamente relacionado à suaatenção e ao direcionamento a estas mudanças de comportamento.

Com investimentos a partir de R$ 18,00, é possível encontrarcursos de HTML on-line, com duração mínima de um mês, noqual o aluno aprende diversos recursos da Linguagem deMarcação de HiperTextos para criação de páginas trabalhandocom o código-fonte de diversas formas.

Norton sugere soluções gratuitas como blogs, Twitter,classificados. “Também se pode utilizar links patrocinados e

Quero investir R$ 1 mil “Vale a pena você investir emseu aprendizado para quepossa montar seu própriosite ou blog”, explica Marcello Póvoa.

ferramentas de comparação de preços, por serem maisacessíveis e também por fornecerem boas ferramentas deacompanhamento dos resultados.” Trindade concorda. “O linkpatrocinado é bom para trabalhar a relevância do marketing nocaso de duas empresas que podem ter produtos similares eplanejamentos diferentes.”

Depois de montado e estruturado o seu site ou blog, outra boa dica é enviar e-mails marketing para formadores deopinião com mensagens eficientes e bom visual. Nada de junke-mail, senão a sua mensagem vai direto para o lixo. Existem

empresas especializadas neste serviço emontam o e-mail marketing de acordo comas necessidades do cliente e pode custarpor volta de R$ 200,00, R$ 300,00 para ummailing pré-definido, por layout. Se preferir,você mesmo pode criar o seu emprogramas de edição de texto e imagem.

Os especialistas entrevistados para essa

30 locaweb

Cursos de HTML\\ Aprender a linguagem de marcação é o primeiro passo para se virar na web, na internetuma série de tutoriais e cursos grátis; a documentação do HTML está em www.w3schools.com/html/DEFAULT.asp

Crie e modifique campanhas de publicidade, faça pesquisas sobre o público,defina as palavras-chave adequadas e, confira relatórios que ajudam amelhorar a performance de vendas

O sistema adCenter – adcenter.microsoft.com – permite custear sua campanha deacordo com o número de cliques dos banners: visualizações não contam, mas a cada vezque um usuário se interessar e efetivar um clique na publicidade, um valor é cobrado eadicionado a uma conta mensal. Levando em consideração os mais de 43 milhões deusuários únicos que frequentam os portais de conteúdo Microsoft e os mais de 99 milhõesde pessoas que utilizam os serviços de busca Live Search e MSN, é fácil concluir que aschances de divulgar o seu produto ou serviço serão enormes.

Para iniciar, é necessário pagar uma taxa de US$ 5. O valor cobrado por clique podecustar até US$ 0,05 (custo flutuante, depende do posicionamento da campanha) – taxasmuito atraentes, quando vislumbramos os valores astronômicos empregados emcampanhas tradicionais na TV, rádio e revistas que nem sempre são convertidos em vendas.Supondo que o valor de clique seja US$ 0,10, sua empresa pagaria apenas US$ 10 a cadacem cliques únicos no banner.

Um estudo de caso da própria Microsoft indica os lucros da Electronic Arts, queconverte 11% mais publicidade em vendas por dia através do adCenter. Este é o caso deuma multi-nacional que trabalha em diversas plataformas com a venda de games, mas atémesmo uma micro-empresa pode lucrar ao empregar seu orçamento de marketing nomundo online. Estima-se que o potencial de vendas chegue a US$ 11,1 bilhões até o finalde 2010, portanto há muitas oportunidades aguardando empreendedores nesse setor.

adCenter da Microsoft

* O link patrocinado é bompara trabalhar a relevânciado marketing no caso deduas empresas que podemter produtos similares eplanejamentos diferentes;ferramentas decomparação de preçotambém dão resultado


capa/campanhas

reportagem sugerem a inserção de anúncios no Google (vejabox “Como anunciar no Google, nesta página”). Outra opçãosemelhante ao serviço do Google é o adCenter da Microsoft(veja box “AdCenter da Microsoft, na página ao lado”).

Marcello Póvoa acha que os links patrocinados são boassugestões para quem tem de R$ 5 a 10 mil para investir. “Hádiversas opções de empresas que oferecem o serviço de linkspatrocinados para o seu site. Quanto mais links você tiver, maissubirá nos algoritmos sobre resultados de busca”, explica Póvoa.Isso é determinante para o sucesso de uma página.

locaweb 31

Cada pessoa ou empresa decide quanto quer pagar no Google AdWords. Assim, épossível definir um orçamento diário de dez reais e um custo máximo de dezcentavos por cada clique em seu anúncio

1. Acesse o site www.adwords.google.com.br;

2. Clique em ‘Inscreva-se agora’ ou em ‘Anuncie Já’;

3. Você deverá clicar na opção ‘edição para iniciantes’, para anunciar um único produto ou serviçode forma simplificada, ou em ‘edição completa’ para usar todos os recursos com opções delances avançadas, várias campanhas, acompanhamento de conversões;

4. Em seguida, preencherá uma ficha de inscrição na qual informará: “Onde seus clientes estão localizados e em que idioma será escrito o seu anúncio”; “A qual site o seu anúncio será vinculado e o que deve dizer o seu anúncio”. Ler com atenção otópico ‘as cinco dicas para anúncios eficazes’:

4.1. Acrescente uma frase de chamariz 4.2. Descreva claramente que há de especial sobre seu produto ou serviço4.3. Coloque o nome do seu negócio no texto do anúncio4.4. Insira as palavras-chave mais importantes no título4.5 Se atende um local específico, identifique-o no anúncio; “Quem verá o seu anúncio” – Escolha palavras-chave eficientes“Como pagará pelo seu anúncio”;“Qual é seu orçamento mensal?” Quanto mais alto o orçamento definidomaior o número de impressões de anúncios. Eles aparecerão com maiorfreqüência, de acordo com as suas palavras-chave. O Custo por Clique (CPC) maisalto contribui para que os anúncios apareçam nas posições de maior destaquenas páginas de resultados de pesquisa do Google, além de apresentarem taxasde cliques mais elevadas. A taxa de cliques, ou CTR, é igual ao número de cliquesrecebidos pelo anúncio dividido pelo número de impressões. “Configuração de conta”; “Deseja ajuda extra” – idéias personalizadas e informativos periódicos do AdWords

5. Cadastro de conta ou abertura de e-mail;

6. Insira suas informações de faturamento e seu anúncio será ativado. Você poderá acompanharo Resumo do seu faturamento sempre que desejar e também deverá pagar uma taxa deativação de conta de R$ 20,00;

7. Concluído o cadastro, receberá um e-mail do Google AdWords para começar a utilizar osserviços oferecidos.

AdWords\\ Para trabalhar em parceria com o AdWords, ou com qualqueroutro serviço do Google, usuário deve ter cadastro no site e senha de acesso

Como anunciar no Google

Quero investir R$ 5 mil “Com este investimento jápodemos construir um localpróprio ou mesmo viabilizaruma pequena campanha como apoio das soluções gratuitasde divulgação”, disse Amato.

AdCenter \\ Programa da Microsoft, que sai a partir de US$ 5, permite custearcampanha de acordo com o número de cliques dos banners; visualizações não contam

Links Patrocinados \\ Qualquer grande empresa de busca, como o Yahoo!,trabalha com a opção de links patrocinados; resultado quase sempre é excelente


Faça um planejamento demarketing. “Depois, invistafreqüentemente em pontuais açõesde comunicação. Você tambémpoderá construir um sistema própriopara relacionamento com seusclientes e prospects (alvos/ futurosclientes)”, aconselha Norton.

Caso prefira, a verba de publicidadepelo adCenter da Microsoft também podeser pré-definida e os valores flutuam entreUS$ 3.000 a US$ 15.000 por mês, e aescolha de quais produtos explorar é docliente: e-mails, banners, resultados depesquisa, e assim por diante. Com essemontante de investimento, pode-sediversificar onde investir.

* Depois de montado eestruturado o seu site oublog, outra boa dica éenviar e-mails marketing paraformadores de opinião com mensagenseficientes e bom visual. Nada de junke-mail, senão a sua mensagem vaidiretamente para o lixo - sem dó.

capa/campanhas

32 locaweb

//O céu é o limite O que é possível fazerem marketing digitalquando dinheiro nãoé problema

• Use o planejamento demarketing e desenvolvaações em longo prazo;

• Diversifique ascompras de mídias;

• Identifique os portais, banners e redessociais relacionados aoseu negócio;

• Foque em campanhasde relacionamento e,principalmente,captação de dados paramelhor conhecimentoda base consumidora;

• Grandes empresasnacionais emultinacionais optampor investir pesado emprogramas de BusinessInteligence e CRM.

Hotmail \\ Investir em várias opções, como a publicidade em e-mails e tambémem messengers, é o mais indicado para quem pode investir mais de R$ 10 mil

Indexe e mensure a sua página da web. A indexação mostra o seu negócio para omundo virtual, já que pode ser encontrado por sites de busca como:

Google (www.google.com.br/add_url.html),

Yahoo (http://search.yahoo.com/info/submit.html)

Live Search (http://beta.search.msn.com/docs/submit.aspx?FORM=WSUT)

Os buscadores fornecem seus próprios locais de indexagem. Confira as dicasbásicas para indexação:• Abuse de tags em seu site – palavras que resumem o assunto tratado;• Use o máximo possível de texto • Insira tags nas imagens;• Torne-se referência em outros sites;• Invista em links patrocinados;• Domine bem o que você faz, para ter credibilidade no mercado.

Como medir a audiência do seu site • Relatório de estatística. O hospedeiro do site pode orientá-lo sobre como acessá-lo.Os programas mais usados são Webtrends (www.webtrends.com) e Netgravity. Há opçõespara baixá-lo nas versões Word ou Excel.

• Há opções gratuitas na web são: Webtrendslive ou Superstats, ambos em inglês. Épreciso colocar uma imagem atrelada a um código HTML em todas as páginas que desejafazer o levantamento, nas versões pagas o código fica invisível.

Faça você mesmo

Site é o principalbuscador do mundo,muito popular entrejovens e com alcanceque vai até outrosserviços, comoYouTube e Orkut

Página ainda é umadas mais lembradaspelos internautasquando o assunto ébusca. Seu populare-mail ajuda amanter a marca emalta há muitos anos

Buscador daMicrosoft tem muitopotencial, já queconta com o popularmessenger comoapoio. O Hotmail, e-mail daempresa,tambémgarante popularidade

Quero investir R$ 10 mil “Invista em pontuais ações decomunicação. Você poderáconstruir um sistema própriopara relacionamento com seusclientes e prospects (alvos/futuros clientes)”, aconselha Norton.


* As dicas básicas paraindexação são: abusar detags em seu site – palavrasque resumem o assuntotratado -, usar o máximopossível de texto, investirem links patrocinados edominar o que você faz,para ganhar credibilidade

capa/campanhas

locaweb 33

Site da Peugeot \\ Site é usado como case de sucesso por parte dedesenvolvedora online; por meio de uma ação conjunta de e-mail marketing, bannerse outros, montadora vendeu mais de 700 carros por meio de página eletrônica

Páginas da Globo.com\\ Site foi escolhido a dedo paraser parceiro da Peugeot, devidoao perfil do público que o visitavae também por conta da boaaudiência; resultado surgiu empoucos dias de campanha

Cases de sucesso “A campanha mais notável que já realizamos na MPP

Solutions foi a do Pegeout (confira pelo linkwww.mppsolutions.com/cliente.asp?id=76). Conseguimos umacomunicação efetiva por meio de hotsite, mídia e e-mail marketing,e atualmente, vendemos 770 carros por mês pela página da web. Acomunicação está funcionando. Uma estratégia só tem sucessoquando todas as etapas funcionam. Desde o banner que seráclicado na Globo.com até a entrada do consumidor no site daPegeout , o tour que ele fará pela página, a escolha das cores emodelos do carro até o carrinho de compras. Não adianta acomunicação ser bem feita e chegar na hora, não for possívelcompletar a compra ou a loja não conseguir entregar o produtocerto no prazo combinado”, disse Marcello Póvoa.


opinião/articulista

Recentemente li dois posts sobre como “encaixar” UX emtimes que estão usando metodologias ágeis. Um deles é o

“Agile UX: Como trabalhar com os designers”, do GuilhermeChapiewski, que trabalha na Globo.com. O outro é o “Agile UX:como integrar UX e desenvolvimento”, do Antonio Carlos Silveirado Yahoo! Brasil.

Como o próprio Antonio apontou bem, essa preocupação sobrecomo integrar UX em um time de desenvolvimento de software quesegue alguma metodologia ágil existe desde o início dasmetodologias ágeis. Alguns posts sobre o tema:

• Agile Development Projects and Usability: Jakob Nielsen descrevemaneiras de garantir que a qualidade da usabilidade não seja ameaçada pelaadoção de metodologias ágeis.• Agile / Scrum Product Development Process: Marty Cagan propõe umaforma de integrar UX e Scrum.• Extreme Programming vs. Interaction Design: Entrevista com Kent Becke Alan Cooper sobre design de interação e XP. Nessa entrevista, chamada poralguns de “duelo de titãs”, Beck defende o desenvolvimento do design deinteração de forma incremental, enquanto Cooper defende que odesenvolvimento de software não deve começar antes de todo o trabalho dedesign de interação ser concluído.• UX Agile: um blog totalmente dedicado à questão de integrar UX aos times dedesenvolvimento que usam metodologias ágeis.

Aliás, a busca por Agile UX no Google retorna muitas e muitaspáginas dedicadas ao tema. Um exemplo interessante é aapresentação, da Leisa Reichert, na Web 2.0 Expo Berlin e que podeser vista em www.slideshare.net/leisa/agile-development-agile-

UXmais ágil

design-web-20-expo-berlin?type=powerpoint..Sob meu ponto de vista, apesar de ser importante termos

especialistas em UX, pessoas que conheçam a fundo arquitetura dainformação, design de interação, design visual e todos os temasrelacionados à experiência do usuário, o UX deve ser umapreocupação de todas as pessoas do time. Não há razão alguma parao PO e os membros do time não se preocuparem com o tema edeixarem tudo nas mãos de um especialista.

Vou citar duas situações-exemplo que ilustram bem a importânciade todo o time se preocupar com UX:

1. Feedback: imagine que você tem em sua aplicação uma determinada funçãoque não é executada na hora e que pode levar até 2 horas para acontecer. Nainterface você implementa o comando que executa essa função, só que não informao prazo. O usuário certamente vai se perguntar o que aconteceu, se a função foi defato executada. Uma solução é avisá-lo desse prazo logo após o comando. O ideal éavisar antes mesmo de ele invocar o comando que executa a função.2. Opções: imagine que você está desenvolvendo um formulário de pagamentocom opções de pagamento por cartão de crédito. Você recebe o protótipo comum select que permite escolher entre Amex, VISA e Mastercard. Você implementaesse protótipo. Na hora de colocar em produção, você recebe a informação deque inicialmente o sistema só irá aceitar Mastercard. Você edita o select e removeas outras opções. A sua interface vai ficar com um select de uma opção só! Ocorreto aqui seria remover o select enquanto houver uma opção só.

Ou seja, não é necessário ser um especialista em UX paraajudar no desenvolvimento e melhoria de UX dos sistemas queseu time cuida. Leia, estude, informe-se, afinal conhecimentonunca é em excesso.

Explorar corretamente os conceitos de usabilidade e de psicologia na hora de construir um site é fundamental para obter sucesso nas vendas online

Joaquim Torres Diretor de Produtos da [email protected]

e-business

34 locaweb

Artigo_Mercado 2:W2008 21/1/2009 06:10

21 X 28.qxp 29/7/2008 15:42 Page 1

36 locaweb

YouTube:W2008 29/1/2009 17:15

Programaexclusivo permite

que usuárioscomuns se

tornem parceirose ainda remunera

bons índices de audiência

marketing/yppr

locaweb 37

YouTubeTexto: Leonor RibeiroIlustração: Alexandre Dias (Nani)

Brasileiros são naturalmente entusiastas em tecnologia eem uso de redes sociais. Exemplo claro disso é o Orkut(www.orkut.com), completamente “dominado” pela

comunidade verde-amarela. No YouTube (www.youtube.com),não é diferente. Somos o quarto maior país no mundo emacessos ao site de vídeos. E o mais interessante de tudo é que,a partir de agora, é possível não apenas navegar, mas tambémganhar dinheiro por meio do mais expressivo site decompartilhamento de vídeos da web.

Isso mesmo! Usuários que queiram ser parceiros do YouTubepodem fazer parte da plataforma YPP (YouTube PartnerPrograma), que está aberta para qualquer pessoa com acesso àinternet. Na prática, isso significa que todas as pessoas podemcriar seu canal e produzir vídeos atraentes para postar,transformando a audiência em dinheiro. Para participar,entretanto, é preciso provar que o conteúdo fornecido érealmente relevante e investir em atualizações frequentes.

Ganhe dinheiro no

YouTube:W2008 29/1/2009 17:15

marketing/yppr

Usuários que postarem vídeos pelomenos uma vez por semana e que

estejam entre os primeiros colocados naclassificação dos mais vistos – ou ainda quetenham “muitos assinantes” – estão aptos aparticipar do programa e recebem suaparte na renda gerada com publicidadesno canal. O pré-requisito imprescindívelpara participar do YPP é o que conteúdodos vídeos seja integralmente produzidopelo autor. Ou seja, que não use imagens ou músicas de outrosartistas, a menos que tenha a posse dos direitos autorais. Arenda se origina do percentual das inserções publicitárias emcada um dos vídeos postados.

Quem já faz parte do projeto é o brasileiro Joe Pena, músicoe dono do canal MysteryGuitarMan – (www.youtube.com/user/MysteryGuitarMan?blend=1), que possui mais de 286 mil vídeos assistidos e mais de 381 mil exibições no canal.Parceiro do YouTube desde julho de 2007, Pena usa omecanismo virtual para divulgar seus trabalhos e músicas.Segundo ele, o que motivou a parceria foi a possibilidade de teracesso a opções extras, como o banner do canal e o ingressono promoted vídeos (ferramenta de remuneração por clique nolink). “Apesar de não receber uma quantia significativa, já quenão faço uploads no canal tão frequentemente, integrar esseseleto grupo de parceiros do YouTube impactou positivamentena divulgação de meu trabalho. Só para você ter uma ideia,apenas um dos meus vídeos, tem mais de 1,8 milhão deexibições”, explica o músico.

Outro que está aproveitando as facilidades do canal é oconsultor e professor de estratégias de comunicação emarketing Mario Persona, criador da TV Barbante(www.youtube.com/user/tvbarbante?blend=1), que somacerca de 800 mil views nos diferentes serviços de vídeo emque atua, dos quais 630 mil são via YouTube. Criada no iníciode 2006, pouco tempo antes da chegada do próprio YouTube,

a TV Barbante surgiu da ideia de apresentar trechos depalestras e crônicas narradas em vídeo, mas de uma maneiradeliberadamente caseira e "amarrada com barbante" – daí onome TV Barbante. De olho no alcance que a maiorcomunidade de vídeo online do mundo tem, desde outubrode 2008 Persona participa do YPP.

“Graças ao YouTube, a TV Barbante se transformou em umimportante canal de comunicação com meu público”, explicaPersona. “Já fechei vários negócios de palestras com clientesque assistiram a meus vídeos dentro do site. Além disso, não éraro às empresas me procurarem perguntando se possopalestrar o mesmo tema apresentado pela TV Barbante no meucanal do YouTube”, explica o consultor.

Veterano no uso do serviço, Persona aproveita o YPP comoum novo canal para expor seu negócio, já que o programa nãoexige exclusividade de contrato. Além de participar doprograma, o consultor também mantém um blog, um videologe um site para divulgação de seus serviços. “O programa deparcerias amplia consideravelmente a minha exposição”,comemora o consultor.

38 locaweb

Parceria lucrativa \\ Parceria criada pelo YouTube permite aos usuários que postem vídeos com frequênciae que garantam boa audiência ganhar uma remuneração pelas verbas de publicidade obtidas pelo site

* Todas as pessoas podem criar seu canal eproduzir vídeos parapostar, transformando aaudiência em dinheiro.Para participar, é precisoter conteúdo relevante

MysteryGuitarMan \\ Canal do músico brasileiro Joe Pena inscrito no programaconta com 286 mil vídeos assistidos e mais de 381 mil exibições no YouTube

* Não há nada que garanta maisdestaque do que a criatividade do conteúdo. E, nessa área, aconcorrência é avassaladora. A cadaminuto, aproximadamente 12 horas de vídeo são postadas no YouTube

YouTube:W2008 21/1/2009 04:01

onde os usuários estão em busca de clipes de suascanções preferidas ou mesmo de novidades domercado musical.

Outro nicho que tem grande potencial decrescimento são os vídeos de stand-up comedy.Além da curiosidade natural, programas como oCQC, da TV Bandeirantes, impulsionaram ointeresse do público para este tipo de humor, quea cada dia ganha mais espaço no Brasil. Exemplodisso é o canal Companhia Barbixas de Humor(http://br.youtube.com/user/ Barbixas?blend=1). “É preciso ter paciência e exercer um

planejamento anterior para criação de conteúdo dequalidade”, aconselha Daniel Nascimento, responsável pelocanal de humor. Joe Pena, do MysteryGuitarMan, também dásua dica para quem deseja se inscrever no programa. “Vale apena certificar-se de que há um bom número de inscritos evídeos com muitas exibições. Assim, as chances de fazer doseleto time parte aumentam consideravelmente.”

Não há nada que garanta mais destaque, porém, do que acriatividade do conteúdo. E, nessa área, a concorrência éavassaladora. A cada minuto, aproximadamente 12 horas devídeo são postadas no YouTube. Não é fácil se destacar econquistar a audiência dos usuários, mas a grande verdade éque ainda há espaço de sobra para todo mundo. Por isso, sevocê acha que tem potencial, não deixe de investir agorapara assegurar seu lugar entre os primeiros.

locaweb 39

Persona destaca ainda que as pessoas que têmuma mensagem para transmitir precisam entrarsem pensar duas vezes no YouTube, ainda maisagora que é possível ganhar por isso. “Acredito queo programa de parcerias é mais uma forma deconquistar remuneração pelo seu trabalho. Claroque isso acontece desde que se tenha um volumeconsiderável de acesso, mas isso também seconquista com trabalho. O fato é que quem estásempre na lista dos mais vistos do mundo comcerteza tem um ganho considerável”, complementa.

Para aqueles que se animaram a fazer parte doprograma, Patrícia Pflaeging, gerente do GoogleBrasil, grupo responsável pelo YouTube, dáalgumas pistas dos tipos de canais que têm maisapelo junto aos usuários. Os canais de música sãouma forte tendência. Segundo a gerente, ouvirbandas no YouTube é um movimento crescente,

Sucesso \\ Com a TV Barbante (acima), Mario Persona ampliou seu número depalestra; no alto, a Companhia Barbixas de Humor, uma das tendências do YouTube

//QUEM PODE SERUM PARCEIRO?

Para se tornar umparceiro, é necessárioatender aosseguintes critérios: • Cria vídeos originaisadequados paratransmissão online. • Deter os direitosautorais e os direitos dedistribuição de todo oconteúdo de áudio evídeo que envia porupload, sem exceções. • Fazer uploadregularmente de vídeosassistidos por milharesde usuários do YouTube.

Por que tornar- se um parceiro?• Participação eficaznos lucrosO YouTube mantémuma experiênciapositiva para o usuáriocom formatos deanúncios criativos eautomaticamentedirecionados, gerandolucros quando seusvídeos são exibidos.Tudo que você precisa écriar um conteúdo devídeo atraente.

• Alcance mais amploO conteúdo serádisponibilizado para a maior comunidadede vídeo online do mundo por meio do YouTube e dos seus diversos parceirosde distribuição.

• Contrato não exclusivoO YouTube nãorestringe onde vocêpode fazer upload edistribuir seus vídeos.

* Os canais de música são umaforte tendência de boa audiênciano YouTube, assim como osvídeos de stand-up comedy,gênero de comédia que não para de crescer no Brasil

YouTube:W2008 29/1/2009 17:16


Sempre acreditei na teoria de que a mídia tem um papelfundamental no efeito prático das crises econômicas que

permeiam nossas vidas. Não que a crise não exista e que sejafabricada apenas para vender jornal, mas sua dimensão e seusefeitos são potencializados muitas vezes pelas manchetescatastróficas e, às vezes, sensacionalistas.

Funciona mais ou menos assim: você lê uma notícia de grandeimpacto negativo, fica com medo e adia a compra daquela TV dealta definição que estava paquerando. Um simples gesto como estecausa um efeito dominó: a loja deixa de vender, a fábrica para deproduzir e o governo não arrecada. E mais: em algum momento, aempresa em que você trabalha e que, inicialmente, não tinha nada aver com a crise, acaba tendo que demitir.

Dentro desse cenário, como fica o mercado de publicidadedigital? O quanto ele será contaminado em 2009 por essa tal crise?Os publicitários não têm dúvidas de que uma das primeiras áreasque sofrem cortes em momentos de retração são os investimentosem marketing. Por isso, as projeções para 2009 revelam um anofraco, depois de bons momentos. Em 2007, por exemplo, ofaturamento do mercado publicitário cresceu 9% em relação ao ano anterior, atingindo R$ 26 bilhões de acordo com o Projeto Inter-Meios. Os valores de 2008 ainda estão sendo computados, masnão devem sofrer muitas alterações. Já os de 2009....

Nesse contexto, a mídia online se salva, caminha a passos largose com grandes expectativas. O ano de 2009, portanto, não serádiferente. O crescimento deve ficar na casa dos dois dígitos, maisprecisamente entre 15% e 20%.

Feliz 2009, muitotrabalho e nada de crise

Os motivos para tanto otimismo são três:

• A mídia online é muito mais mensurável. Quando cada real investido precisa serjustificado, nenhuma outra mídia tem mais recursos e ferramentas de avaliação do quea internet. As soluções de métricas permitem um enorme controle do anunciante,inclusive mudando a rota da campanha durante a veiculação, se for o caso;

• A mídia online é muito mais barata do que a tradicional TV. Com poucas veiculações, ainternet garante um grande impacto. É verdade que esse fenômeno não irá durar parasempre, pois com o amadurecimento do mercado, os valores já estão aumentando,mas, por enquanto, o GAP ainda é muito grande;

• O consumidor está migrando rapidamente para a internet e os anunciantes não têm oque fazer senão acompanhar a tendência. Estudo realizado recentemente pela RealNetworks revela, por exemplo, que a publicidade em jogos de passatempo paradonwloads cresceu mais de 120% em 2007 e deve movimentar R$ 5,5 bilhões até2011 em todo o mundo.

Há, além desses, um outro dado importante e positivo: apesar deestar em forte ascensão, o total do bolo publicitário investido emmídia online no Brasil ainda é muito pequeno (menos de 4%,segundo o Inter-Meios). Se considerarmos o hábito de mídia dosconsumidores e o tempo que eles gastam com a internet, esse valordeveria ser, no mínimo, o dobro. Por isso, estou otimista com relaçãoa este ano que se inicia e tenho a certeza de que, assim como em2008, muitos paradigmas serão quebrados. Por isso, que 2009 sejaexcelente para todos, com muito trabalho e nada de crise!

Em meio à tão propagada crise econômica mundial, a mídia online deve sesalvar, caminhar a passos largos e com grandes expectativas em 2009

Marcelo TrípoliPresidente da agência de

marketing digital iThink e autordo blog ifound.com.br

[email protected]

e-business

40 locaweb

Artigo_Mercado:W2008 21/1/2009 03:01

21 X 28.qxd 21/2/2008 17:38 Page 1

Life:W2008 21/1/2009 01:18

Acervo da revista Life, periódico de fotos mais importantedo mundo, está disponível de graça no Google Images

locaweb 43

Texto: Letícia Sallorenzo Ilustração: Life

OGoogle adicionou uma respeitável galeria de fotos a seuacervo de imagens. Desde o dia 18 de novembro de2008, estão disponíveis no site http://images.google.

com/hosted/life milhões de fotos da antológica Life Magazine,um dos ícones da mídia mundial no século 20.

Idealizada por Henry Luce em 1936, a Life Magazine foi aprimeira revista norte-americana exclusivamente dedicada aofotojornalismo. O periódico inspirou diversas publicações, como abrasileira Manchete. A revista Life foi semanal até 1972, quandotornou-se esporádica, saindo apenas em edições especiais. E, de1978 a 2000, a publicação foi mensal.

Luce adquiriu em 1936 o título “Life” de uma publicação dehumor por US$ 92 mil e resolveu apostar num novo estilo de

internetHistória na

Belo acervo \\ Inicialmente, estão disponíveis 2 milhões de fotos, mas a ideia ésubir para o banco de dados todos as 10 milhões imagens do acervo da revista Life

Life:W2008 21/1/2009 01:18

acervo/life

44 locaweb

jornalismo: a ideia era contar histórias apenascom imagens e algumas legendas. O títulojuntou-se às outras duas publicações daeditora de Luce, Time e Fortune. A primeiraedição de Life já contava com os cliques deAlfred “Eisie” Eisenstaedt, fotógrafo cujahistória praticamente se confundiu com a darevista. De 1936 a 1972, ele foi o autor demais de 90 fotos que ilustraram as capas dapublicação, sem contar as fotos internas.

O sucesso de Life foi estrondoso: atiragem saltou de 380 mil cópias da primeiraedição para mais de um milhão quatromeses depois. Foi o começo de uma era.Com Edward K. Thompson na edição geral, aLife viveu seu auge de 1949 a 1961. Em 1941, a revista embarcou junto às tropasnorte-americanas para a Segunda GuerraMundial. As publicações de Henry Lucecontavam com 46 correspondentes deguerra – dos quais seis eram mulheres. Todasas semanas, de 1941 a 1944, a Life estampavaem suas capas fotos de todos os fronts daguerra, sempre com enfoque pró-americano.

No final dos anos 1950, a revista começou asofrer com a concorrência da televisão. E,ainda que os anos 1960 tivessem muito ailustrar, em 1971 a tiragem foi diminuída de8,5 milhões para 7 milhões de exemplares paratentar compensar a queda no número deanunciantes. A última edição semanal da Lifefoi publicada em 8 de dezembro de 1972.

Em 1978, a revista ressuscitou como publicação mensal, comtiragem média de 1,5 milhão de exemplares, e assim perdurou atéo ano 2000. As imagens de pessoas e eventos que marcaram oséculo 20 estão todas lá: Marilyn Monroe, Martin Luther King,Albert Einstein, a era Kennedy, o homem na Lua, Walt Disney, ou

mesmo a antológica foto domarinheiro beijando uma enfermeiraem plena Times Square no dia 14 deagosto de 1945, que tornou-se íconeda revista. Mas na home do arquivoLife, as fotos disponíveis são aindamais antigas: datam da década de1750. Fotos mais recentes tambémestão disponíveis, mas a maioria emforma de capa da revista Time.

Inicialmente, estão disponíveis 2 milhões de fotos, mas a ideia é subir

para o banco de dados todos as 10 milhões imagens do acervo darevista Life ainda nos próximos meses. Isto significa que a maioriadas fotos disponíveis (97% delas, mais precisamente) não forampublicadas. São fotos cujos originais estão disponíveis emnegativos, slides, ou mesmo em placas de vidro, caso das mais

antigas. As imagens estão disponíveisgratuitamente e liberadas para uso pessoal,desde que não seja para fins comerciais. Asfotos baixadas no site do acervo Life(http://images.google.com/ hosted/life)estão em boa resolução, mas são pequenas(7 X 10 cm, em média). O objetivo da Time-Warner Inc., que atualmente detém o título Life, é ganhar dinheiro com a venda de imagens em alta resolução pelosite www.qoop.com.

Para fazer a busca, há duas opções: dápara entrar no site do acervo Life ou, então,no próprio Google Images. A partir daí,basta digitar o que se procura, seguido de“source:life”, que a busca será feita noacervo da revista de fotografias.

Império da comunicação \\ Idealizada por Henry Luce em 1936, a Life Magazine foi a primeirarevista norte-americana exclusivamente dedicada ao fotojornalismo. Luce também fundou a Time e a Fortune

* As imagens de pessoas e eventos que marcaram o século 20 estão lá:Marilyn Monroe, Einstein,Kennedy, o homem naLua, Walt Disney e aantológica foto de umbeijo na Times Square que virou ícone da Life

Busca fácil \\ É bastante fácil encontrar as imagens. Basta entrar no site da Life ou no Google Images e digitar otermo procurado seguido da expressão “source:life”. A lista com as fotos aparecerá automaticamente na tela

Life:W2008 21/1/2009 01:18

Anuncio:Layout 1 10/11/2008 17:40 Página 1

46 locaweb

Por Leonor Ribeiro

O timização de imagens, semafetar a qualidade visual. Esta éa promessa do Smush It!

(www.smushit.com), ferramenta quetorna mais rápida e fácil a otimização dotamanho das imagens sem afetar aqualidade visual, lançada recentementepelo Yahoo!. Trata-se de um projeto dos

Melhore aperformance deseu site comSmush It!

designweb

Ferramenta online auxilia desenvolvedores areduzir peso das imagense ainda exclui dadosextras dos arquivos – oque leva agilidade àspáginas na internet

Design_Smush:W2008 20/1/2009 18:35

Smush It! \\ Projeto de dois desenvolvedores web reúne ferramentas específicas para compressão dos bites finais da imagem; intenção é atender diretamente às necessidades de desenvolvedores e webdesigners

locaweb 47

desenvolvedores Stoyan Stefanov eNicole Sullivan, estrelas do YahooDeveloper Network, que trabalhamconstantemente para tornar a internetum lugar mais rápido econsequentemente mais acessível.

A novidade apresenta tecnologia quereúne ferramentas específicas para“compressão” dos bites finais da imagem.Isso atende diretamente às necessidadesdos desenvolvedores e webdesigners quetrabalham em um mercado dinâmico, queevolui a passos largos. É fácil perceber aimportância quando consideramos que

atualmente, mais do que apenas umaquestão puramente estética, as imagens

usadas nas páginas dainternet integram projetoscuidadosos, cujo objetivoprincipal é ser simples eacessível para o maior númeropossível de usuários.

Se considearmos apenaso Brasil, isso significa atender,com mais eficiência, cerca de38,2 milhões de brasileiros quehoje têm acesso à Internet emsuas casas, segundo dados doIbope/NetRatings,aproximadamente 21% dapopulação do País. Ou seja, é

preciso minimizar os efeitos das imagensmuito carregadas.

Num primeiro momento, pode nãoparecer grande mudança. Afinal, osdesenvolvedores normalmente jáconhecem programas como oPhotoshop, que integram em suasfunções o comando “save for the web” –ou ainda CRTL+ALT+SHIFT+S –, queajuda reduzir a imagem que será usada.Entretanto, alguns desenvolvedoresapontam que, apesar de já existirem no mercado diversos editores queotimizam o tamanho do arquivo daimagem, ainda sobram muitos dadosextras (e inúteis!) no arquivo.

Isso é resolvido com a aplicação doSmush It!, pois são removidos dosarquivos dados como data de edição oucriação do arquivo, nome do editor utilizado,entre outras informações dispensáveis paraa publicação da imagem. E, mais importanteno processo, isso acontece sem nenhumaperda da qualidade visual, mas compercentuais significativos de redução – quevão de 2% à 48% –, que variam de acordocom a imagem.

A boa notícia é que a ferramentatambém é útil para imagens menores.Teste realizados indicam que passar asimagens pelo Smuth It! compensa –especialmente para sites grandes – pois, diminuir cerca de 2% do peso decada imagem já impactasignificativamente na performance, comqualidade de exibição inalterada.

Grandes portais que veiculam banners de todos os tamanhos ou sitesque ainda usam ferramentas em flashmais “pesadas” também poderão sebeneficiar do Smush It!, que podeotimizar as imagens, aumentandoconsideravelmente a velocidade decarregamento das páginas. Além disso, aferramenta também pode “emagrecer” aspeças de e-mail marketing, muitas vezesbarradas por anti-spans ou simplesmentedeletadas pelos usuários porque contêmimagens muito pesadas.

projetos

* O otimizador Smush It!remove dos arquivos deimagens dados comodata de edição oucriação, nome do editorutilizado, entre outrasinformações dispensáveispara a publicação domaterial gráfico

Yahoo! \\ Funcionários da empresa foram os responsáveis pelacriação do Smush It!, que vem agradando a profissionais web

Design_Smush:W2008 20/1/2009 18:35

projetos

48 locaweb

Finalmente, para desenvolvedores oueditores web, o Smush It! ainda apresentauma vantagem adicional: a diminuiçãosignificativa da fatura de serviços de bandalarga. Isso mesmo, imagens menores, geram menos tráfego nos sites e,consequentemente, menores custos.

Modo de usarExistem três formas de usar Smush It!:

• Pode-se enviar diversas imagens pelo navegador;• Através de URL’s com endereços das imagens;• Plugin para Firefox que otimiza as imagensencontradas em qualquer página, gerandouma lista e um zip.

Cem por cento online e com interfacesimples, no Smush It! as imagens,enviadas por meio de uma URL ou porupload, são otimizadas e disponibilizadaspara o download novamente nos sites deorigem. O interessante é que pode-seenviar várias imagens de uma vez, edepois baixá-las em um arquivo únicozipado. Isto significa que osdesenvolvedores podem enviar imagensdiretamente para o site do Smush It! ouenviar o endereço de um site e aferramenta devolve um pacote com asmesmas imagens já otimizadas.

Segundo o Yahoo!, o Smush It!

trabalha em dois níveis diferentes. Num primeiro momento, ajusta o númerodas cores e retira o excesso dosmetadados e outros dados visuais. Esta“limpeza” vale para todos os arquivosselecionados, que podem ser desde aimagem principal da página atépequenos botões de comando.

Ou seja, além de ajudar o editor adiminuir o tamanho dos arquivos dasimagens propriamente definidas parailustrar a página, a ferramenta possibilitacuidar de detalhes, muitas vezesesquecidos, como a otimização de todos os pequenos arquivos – como logos ou botões – que somadospodem ter um peso significativo einterferir na performance.

Já na segunda etapa, o Smush It! aplicaalgoritmos de otimização de imagens quepodem transformar, por exemplo, arquivosPNG em GIFs mais eficientes. No final de

todo o processo, a ferramenta informa onovo tamanho das imagens, com seusrespectivos percentuais de redução.

Superfácil para usuários do FirefoxUsuários do Firefox, que representam mais de 21%, segundo a Net Aplications, defrutam mais uma facilidade do Smush It!. A ferramenta possui uma extensãoque cria um ícone na barra de status do navegador (passo 1). Ao acessar um site, basta clicar sobre o ícone que ele abrirá a ferramenta em uma nova aba,carregando todas as imagens da página, que serão automaticamente otimizadas e devolvidas com o link direto para o download do arquivo .zip (passo 2).

Além das facilidades oferecidas pelo Smush It!,destacamos 5 dicas para garantir altaperformance em seu web site:

1. Seja simples: usuários não leem, eles “escaneiam” apágina. A internet está ficando mais rápida e cada vezmais cheia de informações. Isto significa que os usuáriostendem a procurar informações mais simples e claras,que trazem imediatamente o que desejam;

2. Domine HTML: invista em qualificação e aprenda tudo sobre a ferramenta. Dominar a técnicagarante o desenvolvimento de páginas com melhorperformance e qualidade;

3. Minimize o uso das imagens: embora opercentual de usuários de banda larga tenha aumentadoconsideravelmente, imagens pesadas geram altos índicesde tráfego e isso custa dinheiro. Além disso, imagensmenores impactam diretamente na rapidez decarregamento de seu site;

4. Evite gif animado e limite o uso do Flash:elementos animados tendem a distrair o visitante de seuobjetivo principal e a dificultar o acesso ao conteúdo deseu site. Caso seja fundamental a animação, use comoparte do conteúdo e não como parte do layout;

5. Teste o tempo de carregamento do site: useferramentas online para testar a velocidade decarregamento das páginas de seu site. Isso garantirá osucesso de seu projeto.

5 dicas para alta performance

* O Smush It! ajusta onúmero das cores e retirao excesso dos metadadose outros dados visuais.Esta “limpeza” vale paratodos os arquivosselecionados, da imagemprincipal da página atépequenos botões

1 2

Design_Smush:W2008 20/1/2009 18:35


Entrevista com o Picasso. A entrevistadora pergunta ao mestre:onde o senhor busca inspiração? Ele teria respondido: eu não

busco, eu acho. Genial, não? Acho que era o Picasso. Acho. Achar é umverbo engraçado: significa tanto encontrar quanto “penso sem muitacerteza que”. Na nossa área digital, então, é uma festa: a gente viveachando gente que acha que isso ou acha que aquilo ou... “se acha”.

Mas deixemos o achismo pra lá. Meu assunto aqui é outro:achabilidade. Ou encontrabilidade. Ou descobribilidade. Ou... sei lá,algum neologismo qualquer que signifique a capacidade de seencontrar coisas. Encontrabilidade soa bem, mas encontrar me fazpensar em busca, um cenário no qual a gente já sabe de antemão o quequer encontrar. Melhor não, esse cenário já está bem resolvido.

O que me fascina é a descobribilidade, o milagre de se encontrar semquerer. Uma boa descoberta é uma delícia, muda nossa perspectivaquando a gente menos espera. Descobertas descobrem novos mundos(Cabral que o diga), abrem novos caminhos e nos levam a novos lugares.

Mas descobrir é algo que está entrando em extinção. E isso mepreocupa. Para começar, um exemplo de design: você desenhou aarquitetura de informação levando em conta a encontrabilidade. Tudo oque o seu público procurar vai estar acessível. A busca interna também éótima, funciona superbem. Mas... como o usuário vai descobrir coisasque ele não conhecia? Como o seu cliente/marca/ empresa vai mostrarpara o visitante coisas absolutamente novas e que valem muito ($$$) apena? Dica: lojas têm vitrines e manequins, não só cabides e araras.

Não é só o design, porém, que me preocupa. É o designer em si.Suponhamos que você adore tecnologia, sobretudo a tecnologia X. Vocêpode acompanhar N feeds RSS só daquele assunto, pode participar de Ncomunidades discutindo aquele assunto e pode ir a N eventos e

Eu acho

desconferências sobre aquele assunto. Genial, não? Não. Você vai seaprofundar sim, mas vai afundar também. Vai ficar um bitolado. Perderá avisão de conjunto. Deixará de saber o que as tecnologias Y e Z estãofazendo. Ou pior, vai saber pelo filtro de quem pensa igual a você, sejamblogueiros ou companheiros de listas. Em suma: você vai encontrarsempre mais do mesmo e não descobrirá mais nada. Terá uma visãolimitada do mundo, filtrada por quem pensa de um jeito só.

Eu circulo tanto offline quanto online e cruzo com muita gente. Deuns tempos pra cá, sobretudo com o sucesso da web 2.0, as pessoasestão se bitolando. Curioso, não? Numa época onde o acesso àinformação é fácil, onde os recursos sociais são tão ricos, as pessoas estãose fechando cada vez mais em tribinhos e panelas e ideologias e estãoperdendo a capacidade de conversar com quem é diferente. É como sea social media tivesse se tornado a antissocial media. Preocupante isso.

Ontem, por coincidência, duas pessoas me procuraram dizendo:você que é um cara superantenado... Achei engraçado. O que isso queriadizer? Eu acho (espero, aliás) que isso se traduz por: você vivedescobrindo coisas inusitadas e tem uma visão ampla de tudo o queestá acontecendo... Fiquei lisonjeado, fiquei mesmo. Legal serreconhecido por ser alguém sem preconceitos e aberto ao novo.

Como eu “acho” coisas? Well, de várias maneiras. Voltei a assinar jornale revistas não-especializadas. Acompanho uns 20 podcasts não-técnicos,daqueles onde o tema pode ser um dia Teoria das Cordas ou AImaturidade Masculina ou Placas Tectônicas ou O Grande Incêndio de Londres ou Neurociência ou O Impacto da Tecnologia noDesenvolvimento Cerebral. Nunca sei o que vou ouvir, e as surpresas são maravilhosas.

Pelo menos eu tenho assunto sempre... eu acho.

Numa época onde o acesso à informação é fácil, as pessoas estão sefechando cada vez mais em panelas e ideologias e deixando de descobrir

René de Paula Jr.User Experience Evangelist

Microsoft [email protected]

Blog: O UAU Nosso De Cada Diahttp://blogs.msdn.com/

renedepaula

design

locaweb 49

Ilust

raçã

o//A

lexan

dre D

ias (N

ani)

Artigo_Design:W2008 21/1/2009 02:38

Página do Milan\\ Equipe da Roxos e Doentes ainda administra alguns sites de e-commerce de outros clubes ao redor do mundo, como a www.milanstore.com.br/

A contratação doatacante Ronaldo

Fenômeno pelo Corinthiansgerou uma série deacontecimentos paralelos.Empresas de mídia aumentarama cobertura do dia-a-dia doclube, torcedores do alvinegropassaram a sorrir com mais

parceiro da Locaweb, e quevende artigos de futebol, porexemplo, teve de realizaralterações em sua estrutura.

De acordo com Cléia Barros,da Roxos e Doentes, a chegadado Ronaldo Fenôneno gerouvendas expressivas na lojavirtual Roxos e Doentes.“Somos pioneiros naimplementação depersonalização. O cliente podepersonalizar com o nome enúmero do jogador” conta.“Pelo visitante poder incluir onome Ronaldo na camisa denúmero 9, ou até mesmo como nome e número que ocliente desejar, as vendasaumentaram muito”.

Entretanto, apesar doaumento de vendas decamisetas, o site não caiu ouencerrou as transações. A Roxose Doentes mantém uma

estratégia especial, jáesperando que esses “booms”de marketing resultem emvendas maciças.

“As ações são realizadas emtempo recorde para levar até onosso cliente novidades emprimeira mão” , conta Cléia. “Emdiversas ocasiões realizamospré-vendas de produtos comgrande procura para que otorcedor consiga fazer a reservacom a garantia de entrega”.

Como exemplo destasopções, há a pré-venda delançamento de camisascomemorativas, oficiais e DVDscom conquistas dos clubes,antes mesmo que essescheguem aos estoques.

Ao lado, você confere maisdetalhes do site Roxos eDoentes, bem como a partetécnica da página eletrônica dee-commerce esportivo.

Site de torcedor

50 locaweb

caseslocawebportfólio

Página da loja Roxos e Doentes na internet conta como aumentou as vendasonline devido a contratação do atacante Ronaldo pelo time do Corinthians

freqüência, simpatizantes declubes adversários fizerampiadinhas e as conversas emmesas de bares foram tomadaspelo assunto.

Do ponto de vista da web,algumas coisas mudaram. O site Roxos e Doentes(http://roxosedoentes.com.br),

Case:W2008 29/1/2009 17:18

locaweb 51

1 LOJA VIRTUALJ Como o foco da Roxos e Doentes nainternet é o e-commerce, uma dasprincipais preocupações da empresa ´´equanto à segurança. O site armazena asinformações particulares de forma segura,usando um Certificado SSL da Cômodo Class3 Security Services CA. Todas as informaçõestrocadas com endereços de site quecomeçam por https são criptografadas comSSL antes da transmissão.

2 VITRINE CENTRALJ Na parte central da página há umaespécie de vitrine virtual, que atualizaalguns produtos do site em tempo real. Aidéia é que as ofertas atraiam os visitantes. E

3

4 5

2

1

da logomarca no e-commerce. A páginaestá em sua terceira reformulação e, embreve, deve passar por novasintervenções. De acordo com Cléia, essasmodificações são necessárias paragarantir mais interatividade, velocidade efacilidades na navegação.

4 SERVIÇOSJ A página da Roxos e Doentes ofereceserviços que vão além do simples e-commerce. A idéia é que a páginareúna facilidade e segurança na compra;pré-venda de lançamentos, promoções deprodutos e personalização de nome e/ounúmero nas camisas. Além disso, como háuma loja física Roxos e Doentes, o site

conta com alto estoque de produtos. Ousuário pode ter contato em primeira mãodos lançamentos do time de coração. Asações conjuntas com as lojas físicastambém são uma constante.

5 CLUBESJ A Roxos e Doentes ainda é aresponsável por outros sites de clubes.Entre eles, se destacamwww.milanstore.com.br,www.lojadogalo.com.br,www.gloriosoverdao.com.br,www.lojacruzeiromania.com.br ewww.figueirastore.com.br.

essa tática de colocar produtos em destaquetêm atraído cada vez mais visitantes.Segundo números oficiais, em média, oRoxos e Doentes registra acesso diário de 5mil pessoas.

3 LAY OUTJ O desenho da página prima pelospreceitos do e-commerce. No menu àdireita há os links para os países ecamisas de seleções que são vendidas. Ofundo é roxo, o que tem a ver com onome do site. Mas nem sempre foi assim.A página foi lançada em 1999, no mesmoperíodo que nasceu a empresa. Ela jápassou por três reformulações queenglobam: tecnologia, layout e adaptação

portfólio

J O site

Case:W2008 29/1/2009 17:18

programação/agile_e_xp

Texto: Adam Victor Brandizzi

Nos anos 1980 e 1990, havia um vago consenso na Engenhariade Software: desenvolver programas de qualidade exigiaplanejamento detalhado e um processo de desenvolvimento

rígido. Essa filosofia era o resultado de anos de pesquisa nodesenvolvimento de sistemas complexos ecríticos, e resultou em diversas metodologiasque dependiam de um planejamento inicialdetalhado dos projetos de software.

Entretanto, essas metodologias tinhamproblemas. Em equipes não tão grandes, otempo documentando e planejando era maiorque o tempo gasto em codificação e testes. Osnegócios precisaram responder a mudançasrápidas. Metodologias baseadas emdocumentação e planejamento eram lentaspara acomodar mudanças: quando aespecificação era satisfeita, as necessidades jáhaviam mudado.

Por isso, no meio da década de 1990, oconsenso começou a ser posto em xeque. Aalternativa eram as metodologias ágeis.

O queAs metodologias ágeis de desenvolvimento

de software são alternativas aos métodos dedesenvolvimento baseados em planos. Os princípios dessasmetodologias estão descritos no Manifesto pelo desenvolvimentoágil de Software. O Manifesto Ágil propõe que se valorize:

• Indivíduos e iteração entre eles mais que processos e ferramentas;• Software em funcionamento mais que documentação abrangente;• Colaboração com o cliente mais que negociação de contratos;• Responder a mudanças mais que seguir um plano.

Conheça as metodologias ágeis dedesenvolvimento de software,alternativas aos métodos baseadosem planos, que podem dar caranova ao seu projeto

Agile e XP: O que,por que e como

52 locaweb

Improve \\ No endereço www.improveit.com.br/xp (acima e no topo da página) há um descritivo em tópicosdas metodologias ágeis e ainda um vídeo bastante didático sobre o conteúdo, que torna-se cada vez mais popular

* O Manifesto Ágil afirma que umsoftware funcional é preferível a vastadocumentação. O código deve pertencera toda a equipe, e a compreensãocoletiva reduz a necessidade de umadocumentação trabalhosa de se manter

Metodologias Ageis:W2008 29/1/2009 17:23


Os adeptos do Manifesto Ágil defendem que a comunicaçãono time de desenvolvedores é mais importante que processos eferramentas gerenciais. A melhor maneira de se mensurar osucesso de um projeto é observar o quão útil e utsado é osoftware criado. Como as metodologias ágeis adotam umaabordagem incremental, os softwares desenvolvidos são avaliadosantes mesmo de serem concluídos.

De modo análogo, o Manifesto Ágil afirma que um softwarefuncional é preferível à vasta documentação. O código devepertencer a toda a equipe, e a compreensão coletiva do código reduz a necessidade de uma documentação trabalhosa de se manter.

Nas metodologias ágeis, a especificação do software édesenvolvida incrementalmente. É necessária a colaboraçãoconstante do cliente, para que especifique novas funcionalidadese esclareça dúvidas.

A especificação incremental é importante porque asmetodologias ágeis abraçam a mudança. Por isso metodologiaságeis geralmente não trabalham com um plano inicial detalhado:é difícil saber se as funcionalidades realmente serão necessáriasno começo, e outras funcionalidades podem ser esquecidas. Como projeto já avançado, cliente e desenvolvedores têm melhorvisão dos requisitos.

Extreme ProgrammingExistem diversas metodologias ágeis: Scrum, FDD, Crystal,

DSDM etc. A mais conhecida é, provavelmente, ExtremeProgramming, ou XP [Sommerville2007]. A ideia principal de XP,de acordo com seu criador Kent Beck, é “levar as boas práticas daengenharia de software ao extremo”. O XP se baseia em dozepráticas centrais:

• Jogo de Planejamento: o planejamento do projeto é feito incrementalmente,ao fim de cada iteração. O cliente deve participar doplanejamento, priorizando as próximas tarefas a seremexecutadas. Cada iteração dura de uma a três semanas.

• Releases pequenos: o software deve ser entregue empequenos releases funcionais o mais cedo possível. Tambémdeve ser atualizado frequentemente, em ciclos curtos.

• Metáforas do sistema: é recomendado utilizarmetáforas para representar o sistema. Por exemplo, ametáfora para um sistema de pagamento pode ser umalinha de produção.

• Design simples: para cada problema, implemente asolução mais simples possível. Não pense sobre o que virá aser necessário: resolve-se o problema do momento.

• Desenvolvimento Orientado a Teste: osprogramadores devem escrever testes de unidadeautomatizados antes de escrever o código do software. Essestestes devem ser independentes e fáceis de executar. Além

disso, a cada iteração, as funcionalidades adicionadas ou alteradas passarão pelostestes de aceitação do cliente. Se um bug for encontrado, é obrigatório que se escrevaum código que “ative” o bug.

• Refatoração: como as funcionalidades são adicionadas à medida que o projetoavança, o código resultante pode ficar complicado. Portanto, é necessário que ocódigo seja constantemente refatorado.

• Programação em pares: em uma equipe XP, os programadores trabalham nomesmo computador, olhando para o mesmo código. Isso favorece a posse coletivado código e serve como um processo informal de revisão e inspeção.

• Posse coletiva do código: o código deve pertencer a toda a equipe e todosdevem ser capazes de compreender qualquer parte dele. Ademais, todos devempoder alterar o código: quando um problema for encontrado, deve ser resolvido omais rápido possível.

• Integração contínua: equipes XP integram, compilam e testam o código várias vezes. Isso permite verificar se o projeto está andando e se o código não está quebrando.

• Semana de 40 horas: a equipe nunca deve trabalhar em excesso.

locaweb 53

Wikipedia \\ O verbete da enciclopédia livre (http://en.wikipedia.org/wiki/Extreme_Programming) oferece até mesmo um gráfico explicativo que ensina como colocar em prática as metodologias ágeis

XPNa página

www.extremeprogramming.org,

há muitadocumentação

sobre a técnica deprogramação



Programadores cansados tendem a ficar desmotivados e infelizes. Isso prejudicatanto o programador quanto a equipe.

• Cliente no local: deve haver um representante do cliente junto à equipeconstantemente, para tirar dúvidas, estabelecer prioridades e determinar requisitos. Acomunicação face a face é mais efetiva que trocas de e-mail e documentos formais.

• Padrão de codificação: todo programador tem consciência da importância dospadrões de codificação. Em XP, não poderia ser diferente: em um ambiente onde acomunicação deve ser a mais rápida e efetiva possível, os padrões de codificaçãosão indispensáveis.

ComoAdotar XP é simples, mas deve ser feito com cuidado. XP foi

projetado para pequenas equipes, de dois a trinta desenvolvedores.Usa-se XP com equipes maiores, mas é mais raro e há poucasexperiências nesse sentido. A equipe deve trabalhar fisicamentejunto, conviverem e se comunicarem bem.

O planejamentoSuponha que sua equipe vá

desenvolver o sistema que calcula notasde alunos. Deve haver um representantedo cliente com a equipe. Esserepresentante deve ter bastantecompreensão do negócio do cliente; orepresentante ideal é um funcionário nãotécnico do cliente.

Na primeira reunião, o representanteescreverá histórias. Uma história é umadescrição, em poucas frases, de umafuncionalidade do sistema, feitas nalinguagem do negócio do cliente.

Recomenda-se escrever as histórias cartões: são mais visíveis quearquivos digitais, e seu tamanho limita o impulso de descreverdemais a funcionalidade.

Uma vez que se tenha uma visão geral do sistema e algumashistórias, o representante do cliente deve priorizar as histórias. Seo representante do cliente apresentou trinta histórias, mas aequipe só consegue implementar dez no período de umaiteração, o representante deve escolher que histórias que serãoimplementadas nessa iteração.

Definidas as histórias da iteração, a equipe decide questõestécnicas do projeto, como a arquitetura e as tecnologias a seremusadas. Hoje em dia, é usual se utilizar uma arquitetura MVC baseadaem web; qualquer outra arquitetura ou tecnologia mais adequadapoderia ser usada. A equipe também escolherá uma metáfora para oprojeto, que servirá de base para a terminologia usada.

A codificaçãoAs histórias são divididas em tarefas,

que serão delegadas aos pares. Antes decomeçar a codificar a solução das tarefas,cada par deve codificar testesautomatizados que verificarão se a implementação satisfaz osrequisitos. É indispensável o uso de ferramentas de automação detestes, como o JUnit.

Após escrever os testes, o par deve implementar a soluçãomais simples que satisfaça os testes, sem pensar em necessidadesfuturas. Se a solução for insuficiente para satisfazer a tarefa, énecessário escrever mais testes. Se um bug for encontrado, éobrigatório escrever um teste que falhe devido ao bug. Issogarante que o bug não será inserido novamente no código.Ademais, é mais simples depurar o código em um teste isolado.

Ao terminar uma tarefa, o par deve integrar o novo código aoresto da aplicação localmente, e executar todos os testes

54 locaweb

//DOIS EXEMPLOSDE HISTÓRIASHistória 1: O programaprecisa guardar asnotas dos alunos. Osalunos fazem umaavaliação por bimestre.Há quatro bimestres.

História 2: O programadeve mostrar uma lista de alunos, dizendose passaram ou não. O primeiro bimestretem peso 1, o segundotem peso 2 e assim por diante.

//ALGUMAS TAREFASDA HISTÓRIA 1Tarefa 1: Calcularmédia de aluno.Tarefa 2: Verificar se a média aprova.

Livro\\ Já há no mercado um material literário sobre o assunto; um deles é o livro de Vinícius Magalhães Teles, o Extreme Programing (acima) que pode ser adquirido erm novatec.com.br/livros/extreme (ao lado)

* XP foi projetado parapequenas equipes, de doisa trinta desenvolvedores;usa-se XP com equipesmaiores, mas é mais raro e há poucas experiênciasconhecidas nesse sentido



automatizados. Se algum teste falhar, éprioritário reparar a implementação. Ocódigo não deve ser enviado ao repositóriocentral se não estiver passando nos testes.

Quando todos os testes estiverempassando, o par pode analisar melhor asolução e refatorá-la. Como sempre uza-se asolução mais simples, uma série de soluçõessimples pode resultar em código obscuro ecomplicado. É agora que isso deve serresolvido: o par procurará algoritmos epadrões de projeto que equivalham aocódigo atual. Ao terminar a refatoração, ocódigo deve passar pelos testes.

Como as histórias são curtas e vagas,dúvidas aparecerão. O representante do clientedeverá próximo da equipe para saná-las.

Esse processo será repetido todos os diasde trabalho, até o final da iteração. O ideal éque os pares sejam alteradosperiodicamente, de modoque os desenvolvedores nãotrabalhem sempre sobre omesmo código. Isso favorecea posse coletiva do código:todos os desenvolvedoresonhecerão todo o código.

A nova iteraçãoAo final da iteração, as

funcionalidadesimplementadas sãoapresentadas ao cliente. Se o cliente perceber algum problema,ele deve redigir uma nova história solicitando uma alteração. Umaequipe ágil espera que mudanças sejam solicitadas. No começo,as mudanças serão em maior número; à medida que o projetoavançar, o número de mudanças provavelmente diminuirá.

O cliente também poderá apresentar novas histórias, solicitandofuncionalidades novas. O cliente e a equipe devem priorizar, dentreas histórias – antigas e novas –, quais serão implementadas nessaiteração. A história que for mais relevante ao cliente é a história queserá implementada, independente da idade.

Após a priorização das histórias, a equipe novamente as divideem tarefas e volta a trabalhar em pares. Espera-se que não hajagrandes mudanças de arquitetura e tecnologias utilizadas, mas,obviamente, nada impede a equipe de mudar uma arquitetura ouescolha de ferramentas pouco adequadas.

RiscosPara minimizar o risco da adoção, é importante que a equipe

esteja motivada para a mudança. É ideal que a equipe possua umcoach, um profissional com experiência na metodologia que sanarádúvidas e incentivará a observação das práticas e valores. Também éinteressante participar das comunidades, listas de discussões, fóruns

e blogs onde vários profissionais compartilham sua experiência.É possível implantar XP aos poucos. Se sua equipe já trabalha em

um projeto com algumas dificuldades, esta é uma boaoportunidade para implantar algumas práticas de XP que possam vira ajudar o projeto. Outra possibilidade é adotar XP em um projetopequeno, para obter experiência.

A metodologia anterior não precisa ser abandonada: XP podecomplementá-la. Entretanto, é importante observar se vale a penamanter uma metodologia anterior: tentar sobrepor metodologiaságeis a metodologias anteriores pode ser sinal de que a equipe nãoestá motivada a mudar de práticas. Tomado o devido cuidado,porém, é perfeitamente possível adequar XP a outras metodologias,sejam metodologias leves – como Scrum – ou processos maistradicionais, como CMMI e Six Sigma.

ConclusãoSe sua equipe está motivada a tentar uma metodologia ágil,

aproveite a oportunidade. Busque informações e ajuda dacomunidade ágil. Você poderá se surpreender ao ver os projetosprontos mais cedo, mais baratos e com menos estresse.

locaweb 55

* Se sua equipe estámotivada a tentaruma metodologia

ágil, adote-a e vejaseus projetos

prontos mais cedo,de forma maisbarata e com

menos estresse

Comunidade\\ O JavaFree (http://www.javafree.org, indicado acima) mantém uma página de referência emwww.javafree.org/artigo/871447/Apresentando-XP-Encante-seus-clientes-com-Extreme-Programming (abaixo)



Faz tempo que venho quebrando a cabeça sobre qual amelhor maneira de se programar com Ruby e Rails fora do

ambiente Mac. Sempre digo que basta um bom editor de textos e oterminal/linha de comando. Porém, no Windows não há tantoseditores competentes como o Textmate. E mesmo no Mac, há quemnão queira pagar pelo Textmate também.

Alguns Railers começaram a se voltar ao Emacs. Sinceramente, euainda não consigo gostar muito do Emacs. É questão de gostopessoal, mas eu sempre preferi o Vim.

Por outro lado, eu nunca tinha parado para tentar configurar oVim decentemente. Gastei uns 2 dias remexendo a web em buscadas peças que tornariam o Vim mais parecido com o Textmate. Nopróprio Github existem várias configurações. Eu peguei um delesque achei interessante e fiz meu próprio fork.

Passei o dia todo convertendo snippets do Textmate para oNERDSnippets do Vim, incluindo os bundles de Ruby, Rails, Javascripte jQuery. O resultado é algo muito próximo, porém a engine desnippets do Textmate é mais avançada que o NERDSnippets. Aadaptação do plugin FuzzyFinder do Jamis Buck dá um substitutorazoável para o navegador de arquivos do Textmate também.

Para instalar no Mac, primeiro recomendo não usar o Vim quevem por padrão porque ele não tem com os bindings de Ruby queprecisamos. Baixe o MacVim. Daí no seu ~/.bash_profile coloque:

alias vim="/Applications/MacVim.app/Contents/MacOS/Vim"

No Windows, baixe o gVim. No Mac e no Linux, você deve ter umarquivo .vimrc e um diretório .vim no seu home (por exemplo,

Railson Vim

/Users/akitaonrails). No Windows você deve ter um arquivo _vimrc eum diretório vimfiles também no home (ex: c:\Documents andSettings\akitaonrails, no Windows XP ou c:\Users\akitaonrails, noVista e no Windows 7).

No Linux e no Mac, no seu diretório home, faça:

git clone git://github.com/akitaonrails/vimfiles.git ~/.vimcp ~/.vim/vimrc ~/.vimrcNo Windows, no seu diretório home, faça:git clone git://github.com/akitaonrails/vimfiles.git vimfilescopy vimfiles\vimrc _vimrccopy vimfiles\snippets.vim.win32 vimfiles\after\plugin\snippets.vim

De dentro do Vim, digite “:help rails” para saber as opções quevocê tem. Comandos como :Rgenerate emulam o script/generate,:Rake emula o rake, :Rscript emula os script/* e assim por diante.

Ctrl+t é o FuzzyFinder, o equivalente ao Command+T doTextmate. O comando \+p abre o Nerd Tree que é parecido com oProject Viewer do Textmate. Navegue pelos diretórios e arquivosapertando a tecla “o”. E a partir dos arquivos do seu projeto Railsexperimente usar as mesmas abreviações do Textmate. Paradescobrir todas as abreviações, navegue pelo diretório .vim/snippets.Dentro haverá sub-diretórios para cada tipo de arquivo. Por exemplo,.vim/snippets/ruby-rails/hm.snippet significa que se você digitar“hm[tab]” ele ativará o “has_many” (veja o screencast no meu site).

Confira uma das melhores maneiras de se programar com Ruby on Rails fora doambiente Mac. Basta um bom editor de textos e o terminal/linha de comando

Fabio AkitaGerente de produtos Linux

da Locawebwww.akitaonrails.com

programação

56 locaweb

Artigo_Programação:W2008 29/1/2009 17:29

21 X 28:21 X 28.qxd 22/1/2009 15:26 Página 1

programação/google_native_client

Texto: Max Reinhold Jahnke

A internet atualmente está se tornando cada vez maisdinâmica, rica em diversidade de conteúdo, acessível eversátil. Mais do que simples páginas com links, hoje há

verdadeiras aplicações, bem completas, disponíveis na rede.Há muito tempo diversas tecnologias têm sido empregadas na

tentativa de dinamizar as páginas web, para que exibam desdeinformações atualizadas dinamicamente até aplicaçõescompletas, criando uma experiência totalmente nova e autênticaa cada site diferente visitado.

O Google, por exemplo, disponibiliza para uso online, seminstalação, verdadeiras soluções completas, como sua gama deprogramas de escritório com as mais importantes funcionalidadesencontradas no Microsoft Office, líder deste segmento.

Com este crescente aumento na complexidade das aplicaçõesweb, torna-se cada vez mais necessária a criação de ferramentasque permitam a execução destes programas dentro do navegador.Isto é bem complicado, porque envolve segurança (a aplicação nãopode acessar recursos nem informações que não sejam diretamente

Conheça o projeto de pesquisa da maior empresa de buscas online do mundoque permite a criação de programas com código de programação nativo x86

Use e abuse do novoGoogle Native Client

relacionadas ao seu funcionamento), desempenho (uma aplicaçãonão pode ser muito pesada para fazer algo simples) e portabilidade(deve rodar em qualquer sistema operacional e arquitetura decomputador sem adaptações).

O Native Client é um projeto de pesquisa do Google quepermite que programas sejam criados com código nativo x86 eusufruam toda a capacidade do processador. Isso com o objetivode manter a neutralidade do browser (qualquer navegador podeser usado), a portabilidade entre sistemas operacionais diferentes(Windows e Linux, por exemplo) e a segurança que as pessoasesperam de aplicações online. Porém, antes de falar mais doNative Client, é preciso conhecer as tecnologias existentes paraentender melhor como ele pretende revolucionar a maneiracomo a Internet é utilizada no navegador.

JavaScriptO JavaScript foi uma das primeiras tentativas de criar páginas

dinâmicas. É amplamente usado e está constantemente sendoaperfeiçoado. Seu uso é geralmente orientado a eventos, como oclicar de um botão, a digitação de teclas, etc. É muito utlizado

também na validação de um formulário, comopor exemplo onde só se deve digitar números,ou ao avisar que um campo cuja informação éessencial está em branco. A linguagemJavaScript pode ser usada em conjunto com oNaCl para simplificar a programação eaumentar a produtividade.

Além disto, também serve para enviar oureceber informações do cliente, além de

58 locaweb

Docs do Google.com\\ Empresa disponibiliza para uso online soluções completas, como sua gama deprogramas de escritório com importantes funcionalidades encontradas nos concorrentes, como o Office

* A linguagem JavaScriptpode ser usada emconjunto com o GoogleNative Client parasimplificar a programaçãoe aumentar aprodutividade em tarefasrealizadas via internet

Native Client:W2008 20/1/2009 18:07


poder ser usado para trocar informaçõesentre as páginas. Mas seu uso não se resumea apenas isto. JavaScript se mostraimportante na construção de aplicações bemcomplexas usando a tecnologia Ajax e naprogramação de aplicativos Native Client.

O Ajax é bem interessante, poisrepresentou um passo adiante na maneira dese construir aplicações web: com ele, não foimais necessário carregar toda uma página para que houvesse aatualização do conteúdo, mas apenas parte dela.

ActiveXO ActiveX da Microsoft é muito parecido com o Native Client,

pois também permite executar aplicações usando código nativo(criado usando Visual Basic .NET, Delphi, C, C++ e outras). Agrande diferença entre ambos é a maneira com que a segurançaé tratada: no ActiveX, é feita com base na confiança emdeterminadas empresas, domínios, em aplicativos específicos oude acordo com as configurações de segurança do navegadorInternet Explorer para a zona em que o programa é executado.

Entretanto, por ser uma tecnologia proprietária da Microsoft, oActiveX não segue os padrões do World Wide Web Consortium(W3C), nem é compatível com outros navegadores nem outrasplataformas. Seu uso fica restrito à plataforma Windows usandoseu navegador Internet Explorer. É possível utilizá-lo também nonavegador Opera. Já no Firefox, o plugin está disponível apenas

até a versão 1.5.O Activex não é muito seguro. Como ele roda código nativo, a

aplicação tem acesso a praticamente todos os recursos que ousuário que o executa também tem. E, como muitos usuários têmprivilégios administrativos, o risco de se comprometer todo osistema com um navegador de configurações permissivas em umsite inseguro é muito alto.

Como a segurança do ActiveX é feita apenas com base naconfiança da procedência do programa, pouquíssimosdesenvolvedores terão uma grande quantidade de usuários. Jácom o Native Client, os aplicativos são verificados e validadosautomaticamente, durante a execução do programa. Qualquercódigo potencialmente inseguro é tratado ou descartado. Se estaplataforma atingir a maturidade necessária e se tornar realmentesegura e confiável, qualquer pessoa poderá programar umaplicativo e o usuário não precisará se preocupar tanto com sua procedência.

FlashO Flash é uma tecnologia muito famosa, e talvez a mais

difundida das quatro, para aplicações web. Já presente há muitotempo em diversas páginas tão conhecidas, como o Youtube eMiniclip, além de banners comerciais com joguinhos bem simples,a imensa maioria de aplicações interativas envolvendo multimídiaé escrita em Flash. Entretanto, sua execução passa por uminterpretador, o que torna seu funcionamento muito lento emmáquinas mais antigas ou com menor poder de processamento ememória, como terminais remotos.

O Native Client possui várias vantagens sobre o Flash:velocidade, portabilidade e flexibilidade. Mesmo noscomputadores atuais, dependendo do sistema operacional, umaplicativo feito em Flash pode consumir de 30% a até 90% dopoder de processamento da máquina. A portabilidade deixamuito a desejar, pois esta tecnologia foi otimizada para Windows

locaweb 59

ActiveX \\ Na página http://activex.microsoft.com (acima) é possível conhecer melhor o ActiveX, da Microsoft(ao lado), muito parecido com o Native Client, pois também permite executar aplicações usando código nativo

Página do Flash \\ O Native Client possui várias vantagens sobre o Flash(www.adobe.com/br/products/flashplayer): velocidade, portabilidade e flexibilidade

Native Client:W2008 20/1/2009 18:07


32 bits, o que faz com que seja muito lento e apresente váriasincompatibilidades em ambientes Linux ou Mac OS, apesar deserem suportados oficialmente pela Adobe.

Os aplicativos Flash são programados usando a linguagemAction Script e seguem uma linha do tempo. A ideia da aplicaçãoé rodar como um filme, que pode ser interativo. Isto dificulta umpouco as coisas para alguns programadores mais ortodoxos,acostumados com uma abordagem mais procedural. O ActionScript permite que eventos sirvam de gatilhos para que as coisasaconteçam, como seria em uma aplicação em JavaScript.

Programas feitos em Flash precisam ser compilados a cadanova alteração: diferentemente do Microsoft Silverlight, código einterface são mesclados em um arquivo só e apenas seu binário édistribuído, baixado pelo navegador e então interpretado peloplugin. Também é possível executar aplicações fora donavegador, através de um player distribuído pela Adobe. Aindaexistem tocadores de vídeo que suportam o formato FLV,utilizado nos vídeos exibidos em Flash por sites como o Youtube.

Uma aplicação multimídia no Google Native Client seriarealmente uma aplicação multimídia, porém rodando dentro donavegador. Isto seria uma vantagem para sistemas nos quais nãoexistem codecs para formatos de áudio ou vídeo, ou que estejamdisponíveis apenas para outra plataforma. Seria possível rodar

vídeos no formato Windows Media Video mais recente no Linuxsem depender de codecs livres, feitos por terceiros (e talvez maisinstáveis). Sites também poderiam prover codecs específicos pararodar no NaCl.

JavaO Java é uma tecnologia amplamente usada em sites de

bancos, mas possui a limitação de exigir uma máquina virtual, oque diminui muito o poder de processamento disponível para osaplicativos e também a flexibilidade. Essa não é uma limitaçãoaceitável para o Google, que acredita ser possível descobrir sedeterminado código é confiável e executar, sem a necessidade deisolar sua execução num ambiente virtualizado.

A máquina virtual, além de isolar a aplicação, exige que ocódigo seja compilado para sua plataforma. Entretanto, o Java usaum recurso chamado geração de bytecode, que permite que oprograma, uma vez executado, seja também compilado para aplataforma em que está rodando. Com isto, sua performancemelhora substancialmente, mas ainda mantém as limitações deexecutar em uma máquina virtual, além de não poder tirarproveito de muitos recursos de processamento mais avançados.

Atualmente o Java é uma linguagem muito difundida. Alémde ser muito utilizada em sites, tem um uso bastante amplooffline: desde celulares, pontos de venda até sistemas ERPcomplexos, o Java tem sido adotado como alternativamultiplataforma viável e eficiente.

Uma vantagem (não necessariamentetécnica) do Java é que já não é mais umalinguagem mantida por apenas umaempresa, mas sim por uma comunidade. Istopermite que seu uso seja realmentepadronizado para diversas plataformas demaneira bem coesa.

Caso alguém tenha algum programa interessante feito em C, C++,Visual Basic, .NET ou Delphi e queira utilizá-lo numa página web, deverá reescrevê-lotodo em Java, o que consumiria um tempomuito grande ou seria até mesmoimpossível, dependendo de suacomplexidade. Com o Native Client esseproblema será muito menor, pois oaplicativo poderá ser simplesmentereadaptado. E isto não é muito trabalhoso,como o Google mostrou adaptando o Quakepara rodar no navegador.

60 locaweb

* No Google Native Client, umaaplicação multimídia roda dentro donavegador. Isto é uma vantagem parasistemas nos quais não existem codecspara áudio ou vídeo, ou que não estejamdisponíveis para outra plataforma

Java \\ Tecnologia amplamente usada em sites de bancos possui a limitação de exigir uma máquina virtual, oque diminui muito o poder de processamento disponível para os aplicativos; Google tenta driblar isso com NaCl

SilverlightNovo sistema do

Google deve baterde frente com o

Silverlight, espéciede “Flash” criado

pela Microsoft pararodar formatos

multimídia

Native Client:W2008 20/1/2009 18:07


ImplementaçãoO Google disponibilizou um runtime,

plugin para navegadores (Firefox, Safari, Opera,e Google Chrome) e um conjunto deferramentas baseadas no GCC paracompilação, além de um conjunto deexemplos, desde um simples "hello word" atéa adaptação do jogo Quake para rodar diretono navegador. É interessante notar que só foipossível portar o Quake porque a engine dojogo foi liberada sob a licença GPL, e tambémfoi programado pensando em portabilidade.

Numa tentativa de identificar problemas nasegurança e de acelerar o desenvolvimento, oGoogle disponibilizou o código do NativeClient sob a licença BSD. Essa postura é muitointeressante, pois disponibiliza todo oconhecimento científico produzido com odesenvolvimento do projeto e permite queuma quantidade muito grande deprogramadores participem. Inclusive isso járendeu um bom fruto: um programador de forado Google escreveu um exploit, um programaque explora uma falha do Native Client paraexecutar código que poderia ser malicioso. Essanotícia pode parecer ruim, mas na verdade nãoé, o hacker não fez o programa para prejudicarninguém; na verdade o que ele fez foi umsoftware prova-de-conceito, para mostrar umafalha de segurança. Desta forma foi possíveldescobrir onde estava a falha e corrigi-la. Abrir ocódigo está realmente ajudando o NaCl a setornar um software mais seguro.

O Native Client implementa diversas funçõesagradáveis, como uma infraestrutura paraportabilidade entre sistemas operacionais e navegadores quepermite a execução de módulos binários criados em x86. Temsuporte a recursos como threads, instruções multimídia (MMX, SSE,3DNow, etc) e programação diretamente em assembly, além deisolamento de falhas por software.

O sistema de segurança ainda não está pronto. Até ofechamento desta edição de Locaweb em Revista, o Google haviaprogramado apenas o sandbox interno, que analisa as instruções doaplicativo em busca de práticas inseguras, como modificação deinstruções durante a execução (comportamento característico demuitos vírus). O sandbox externo, que ainda não foi implementado,analisa as chamadas de sistema e as compara com uma lista dechamadas permitidas. Chamadas como connect() e accept() sãoproibidas, para impedir que os aplicativos se tornem backdoors via rede em potencial.

Como as chamadas do connect() são bloqueadas, o Native Clientusa um recurso próprio para permitir que os módulos secomuniquem. Este recurso é chamado de IMC (Inter-ModuleCommunications), que permite que módulos confiáveis e não

confiáveis troquem informações entre si.As sandboxes foram cuidadosamente

planejadas para evitar modificações nokernel, pois, de acordo com o Google, amanutenção necessária seria praticamenteintratável. Essas técnicas de isolamento defalhas via software foram amplamentediscutidas na literatura científica e é aconfiança nessa técnica que fez com que oGoogle se posicionasse contra o uso devirtualização no Native Client.

Mas alguns efeitos colaterais sãonecessários para que aplicativos realmenteúteis sejam feitos. Por exemplo, há anecessidade de comunicação entre os

módulos, a necessidade de guardar e compartilhar dados em discoou acessar algum recurso físico, como uma webcam ou microfone.Esses acessos mais "perigosos" serão feitos pelos chamados módulosconfiáveis, ou por plugins de serviços para o NaCl, e são eles quegarantirão que módulos não confiáveis possam ter acesso a recursosimportantes sem comprometer toda a segurança do sistema.

ConclusãoInfelizmente o Native Client ainda está em fase inicial de

desenvolvimento e o sistema de segurança ainda não foi totalmenteimplementado. O runtime aparentemente funciona bem, mas ainstalação do plugin para o navegador ainda é problemática. Oplugin para Firefox, por exemplo, não funciona sempre em algumasdistribuições Linux (utilizadas pela reportagem).

Entretanto, uma coisa é certa: se o projeto do Google se tornaruma ferramenta segura, então terá potencial de acabar com todasas alternativas, pois além de garantir boa performance eflexibilidade, permitirá que desenvolvedores usem suaslinguagens preferidas e reaproveitem muito código já existente.

locaweb 61

* O Native Clientimplementa funçõescomo infraestrutura paraportabilidade entresistemas operacionais enavegadores, o quepermite a execução demódulos binárioscriados em x86; alémdisso, tem suporte arecursos como threads

Firefox \\ Testes realizados com o navegador da Mozilla rodando em algumas distribuições Linux não geraramos resultados esperados com o Google Native Client; para que vá para frente, a empresa terá de corrigir falhas

Native Client:W2008 20/1/2009 18:07

programação/moonlight_project

Texto: Eduardo Costa Lisboa

Quando a Internet foi criada, todas as páginas eramestáticas. Havia hyperlinks, mas todos apontavam paradocumentos inanimados. Com o tempo, foram criadas

tecnologias que permitiam executar aplicações que geravamesses documentos; surgiram então as páginas dinâmicas. Logodepois, houve um avanço na dinamização com a atualizaçãoassíncrona de partes da página, através da tecnologia hojeconhecida como Ajax. A tecnologia Silverlight, da Microsoft,representa um passo adiante na evolução de como estas páginasweb geradas dinamicamente são apresentadas. É semelhante aoFlash, da Adobe, pois conta com os mesmos recursos: imagensvetorizadas, exibição de textos e animações em vídeo. Entretanto,a maneira como o documento é disponibilizado é um poucodiferente: enquanto no Flash é feito apenas o download de um

Aprenda a utilizar o sistema multimídia da Microsoft e, a partir dele, trabalhecom o Moonlight, escrito puramente em C++ e 100% compatível com o SL

O Silverlight aberto:Moonlight Project

binário, que contém toda a aplicação, no Silverlight existemdiversas partes.

No Silverlight 1.0, são três partes: um renderizador XAML, umbloco de código e os codecs multimídia. O Renderizador XAML,como o nome diz, interpretará o conteúdo do arquivo XAML, umarquivo de texto simples com especificações do formato XAML,criado pela Microsoft. Este renderizador é instalado como umplugin do navegador, assim como o Flash também é.

O arquivo XAML contém todas as definições da interface, comowidgets, layout e temas -- é possível aplicar "skins" sobre os widgets.Além das definições de interface, também é possível criar objetosindependentes de linguagem de programação utilizando recursos dedata binding, bem como também manipular os eventos (textodigitado, foco ligado/desligado, botão do mouse pressionado/solto,etc) previstos pela interface DOM, como: clique do mouse, teclapressionada, mudança de foco, etc. Uma lista completa dos eventos

62 locaweb

Moonlight\\ Projeto open-source (página dosite oficial ao lado) integra o que há de melhorno Silverlight (acima) e oferece uma propostamultimídia semelhante ao que o veterano Adobe Flash (abaixo) apresenta aos usuários

Moonlight Project:W2008 20/1/2009 18:03


DOM existentes pode ser encontrada no site daWikipedia: "http://en.wikipedia.org/wiki/DOM_Events". As animações em vídeo eimagens em geral também são definidas nestedocumento XAML.

Já a parte de programação, o códigopropriamente dito, é feita no navegador.Mais precisamente, utilizando ointerpretador de Java Script do mesmo.Com isto, há uma separação bem clara dainterface e do código, uma vez que oseventos, sinalizados no documento XAML,são processados pelo navegador em umarquivo de texto no formato Java Script,separado. O código torna-se bem maislimpo e organizado, desta forma. Apenascomo lembrete histórico, a própria Microsoftjá caminhava em direção a esta separaçãodesde a implementação do ASP.

A terceira e última parte é a dos codecsmultimídia, para a renderização de áudio e vídeo. Os seguintesformatos são suportados pelo Windows Media Pack, noSilverlight 1.0:

Codecs de áudio:• WMA-7: Windows Media Audio 7• WMA-8: Windows Media Audio 8• WMA-9: Windows Media Audio 9• MPEG 1 Layer 3: o famoso MP3

Codecs de vídeo:• WMV-1: Windows Media Video 7• WMV-2: Windows Media Video 8• WMV-3: Windows Media Video 9• WMVA: Windows Media Video Advanced Profile (semsuporte a VC-1)• WMVC1: Windows Media Video Advanced Profile (comsuporte a VC1)

O formato de vídeo H.264 não é suportado pelo Silverlight 1.0.Caso um site seja aberto e não tenha sido instalado ainda o

codec de áudio ou vídeo necessário para o funcionamento dapágina, uma janela é aberta perguntando ao usuário se desejafazer o download do componente necessário. Caso o aceite, serábaixado do site da Microsoft o pacote oficial dos codecs bináriosdo Windows Media Pack, disponíveis apenas para as arquiteturasx86 e x86_64, atualmente.

Um exemplo interessante de um demo do Silverlight 1.0utilizando recursos de áudio e vídeo pode ser encontrado nestesite: http://miguelmoreno.net/sandbox/Silverlight_0. Lá é possívelencontrar outros exemplos, no caso, para Silverlight 2.0.

ProgramaçãoProgramar para o SilverLight 1.0 é razoavelmente bem simples,

uma vez que envolve apenas Java Script e definição da interfaceem XAML. Tudo começa com uma página em HTML, que carregao controle Silverlight. Este controle, por sua vez, carrega umarquivo no formato XAML. Nele, é criado um objeto do tipo"Canvas", que serve como base para abrigar os controles widgets,que serão criados depois. No Silverlight 1.0, os widgets são nativosdo navegador em uso. Algumas formas geométricas primitivassão suportadas pelo renderizador XAML do Silverlight, comolinhas, elipses, quadrados e triângulos. Como o XAML renderizagráficos vetoriais, qualquer forma pode ser desenhada. Uma vezdefinidas as formas e os widgets, é hora de criar manipuladores deeventos para eles, usando os "event triggers". Estes eventos,declarados ainda no XAML, são trabalhados no Java Script,executado pelo navegador. A seguir, um exemplo bem simples deuma aplicação para o Silverlight 1.0:

-- arquivo helloWorld.html<html>

<head><script src="Silverlight.js"></script><script

src="createSilverlight.js"></script><style>

.slControl {height: 480px;width: 640px;border: 1px dotted black;

locaweb 63

Exemplo\\ Em http://miguelmoreno.net/sandbox/Silverlight_0, há um exemplo interessante de um demo doSilverlight 1.0, os recursos de áudio e vídeo chamam a atenção nas apresentações com o irmão do Moonlight

* O Moonlight é um clone doSilverlight, feito do zero, por membrosda equipe que desenvolve o Mono. Agigante Microsoft dá suporte e apoia o desenvolvimento do sistema



}</style><title>Silverlight Hello

World!!!!</title></head><body>

Moonlight/Silverlight Sample:<br><div id="slControl" class="slControl">

<script>createSilverlight();

</script></div>

</body></html>-- fim de arquivo

-- arquivo MyCanvas.xaml<Canvasxmlns="http://schemas.microsoft.com/client/2007"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

width="640" Height="480"Background="White"x:Name="PageTextBlock"><TextBlock Width="195" Height="42"

Canvas.Left="28" Canvas.Top="35"Text="Click Here!!!!"

x:Name="entryHello" /></Canvas>-- fim de arquivo

-- arquivo createSilverlight.jsvar slControl;var entryHello;function createSilverlight(){

Silverlight.createObjectEx({source: "MyCanvas.xaml",parentElement:

document.getElementById("slControl"),id: "slControlObj",properties: {

width: "100%",height: "100%",version: "1.0"

},events: {

onLoad: load}

});}

function load(control,userContext,rootElement){

64 locaweb

slControl = control;entryHello =

slControl.content.findName("entryHello");entryHello.addEventListener("MouseLeft

ButtonDown","entryOnClick");}function entryOnClick(sender,args){

entryHello.Text = "Hello, World! It is Silverlight!";}-- fim de arquivo

O arquivo Silverlight.js deve ser baixado do site da Microsoft,após a aceitação de sua licença, no site:http://code.msdn.microsoft.com/silverlightjs

Abaixo, uma lista dos eventos que o Silverlight pode manipular:• createObject• createObjectEx• default_error_handler• getSilverlight• isBrowserRestartRequired• isInstalled• onGetSilverlight• onSilverlightInstalled• WaitForInstallCompletion

Referências: http://mono-project.com/Howto_helloWorld_Moonlight_ff3 e http://msdn.microsoft.com/en-us/library/cc838126(VS.95).aspx

Silverlight 1.0 e 2.0 e introdução ao MoonlightO Silverlight é desenvolvido pela Microsoft e seu código-fonte

não está disponível. Entretanto, sua implementação é muito bemdocumentada. O Moonlight, portanto, é um clone do Silverlight,feito do zero, por membros da equipe que desenvolve o Mono. OMoonlight atualmente é 100% compatível com o Silverlight 1.0, eé escrito puramente em C++. Já no Moonlight 2.0 a coisa se torna

Referências \\ Em msdn.microsoft.com/en-us/library/cc838126(VS.95).aspx hávasta documentação com relação ao Silverlight e, consequentemente, ao Moonlight



mais complicada. Mas para ambos, a Microsoft dá suporte e apoiao desenvolvimento, inclusive oferecendo as mesmas suítes deteste utilizadas oficialmente no Silverlight.

O Silverlight 2.0 utiliza, além do Java Script, para a parte dalógica, uma versão simplificada do .NET 2.0, chamada de .NET 2.1.Este suporte está em estado pré-alfa pela equipe dedesenvolvimento do Mono, que é o nome da implementação .NETpara Linux. No Silverlight 2.0, a questão dos codecs não muda, nema renderização das páginas, usando o XAML. Mas, pelo fato deutilizar uma versão do .NET não coberta pelo Mono no Linux, não épossível utilizar nenhuma aplicação feita para esta versão.

Entretanto, como a versão 1.0 do Silverlight é 100% suportada, épossível inclusive desenvolver aplicações nesta versão usando Linux.Para o desenho da interface, pode-se usar o Lunar Eclipse, que dásuporte ao formato XAML. Para o código, há muitas opções deeditores de texto, desde o vim, emacs até o próprio Eclipse, também.

No Linux, é possível utilizar tanto o conjunto de codecs MicrosoftMedia Pack quanto seu alternativo, o FFMPEG, disponível para outrasplataformas além das x86 e x86_64, e também sob uma licençadiferente. Ele suporta os mesmos formatos que o Windows MediaPack, atualmente. No Windows, o Silverlight pode usar qualquercodec instalado em seu computador. Caso não haja nenhum, épossível instalar o Windows Media Pack.

O tipo de codec a ser utilizado no Linux é definido durante acompilação do plugin Moonlight. Portanto, não é possível escolherqual usar depois de instalar o plugin. Apenas é exibida uma janelapedindo para o usuário aceitar o download do codec, feito a partir deum site pré-determinado, bem como a exibição de sua licença.

Questões legaisMuito se tem discutido sobre a liberdade que o acordo entre a

Microsoft e a Novell tem oferecido aos usuários do Silverlight eMoonlight. Há muitas divergências sobre o assunto, inclusivedentre as maiores distribuições de Linux existentes atualmente.

Na página wiki do Projeto Fedora –http://fedoraproject.org/wiki/ForbiddenItems–, pode-se ler o comunicado sobre o assunto.

Para mais referências, indicam-se os sites • microsoft.com/interop/msnovellcollab/

moonlight.mspx• http://blogs.cnet.com/5530-13505_1-0-

10.html?forumID= 166&messageID=2490312&threadID=228078

• www.groklaw.net/article.php?story=20080528133529454

Entretanto, é possível baixar um pacote independente noseguinte endereço: http://olea.org/paquetes-rpm/mono/

Para Debian, também não há pacotes; mas será possível baixarpacotes do famoso repositório Debian Multimedia. Maisinformações disponíveis no site: http://wiki.debian.org/Teams/DebianMonoGroup/Moonlight

Na prática, ao se navegar por uma página que use Silverlight,no Linux, o usuário é redirecionado para o site do projeto Moonlight–- http://go-mono.com/moonlight/ –, onde poderá fazer odownload do plugin binário já compilado (para usar os codecs dopacote Windows Media Pack) do Moonlight, tendo que instalá-lomanualmente. E, ao acessar a página com algum conteúdomultimídia, o usuário é convidado a aceitar a licença de distribuiçãodo Windows Media Pack, concordando, por exemplo, em utilizar oscodecs apenas em conjunto com o Silverlight, em páginas web.

ConclusãoA tecnologia Silverlight está em ampla difusão; até mesmo no

site oficial das Olimpíadas de Pequim ela foi utilizada. O incentivoda Microsoft em oferecer esta tecnologia parece estarfuncionando. E, com o suporte a .NET, no Silverlight 2.0, osrecursos para se trabalhar serão bem maiores. Ainda não hásuporte algumas coisas básicas, como suporte a microfone ewebcam, infelizmente.

Entre os usuário de Linux, há quem se sinta bastanteincomodado com as licenças restritivas, mais precisamente, douso dos codecs. E, como o Moonlight está sempre um passoatrás do Silverlight, as coisas ainda demorarão mais paraacontecer. Por usar uma versão recente do .NET, é necessárioutilizar uma versão em desenvolvimento do Mono, o Olive. Umbeta do Moonlight 2.0 está previsto, por enquanto, apenas parasetembro de 2009.

locaweb 65

Wiki dio Fedora \\ Em fedoraproject.org/wiki/ForbiddenItems (acima), pode-se ler um comunicado sobre o Moonlight; quem quiser baixar um pacote da tecnologia pode acessar olea.org/paquetes-rpm/mono (ao lado)


locavipparceiros/locaweb

66 locaweb

J Agência NeurônioJ www.agencianeuronio.com

J BrclickJ www.brclick.com.br

J Fulldesign Comunicação IntegradaJ www.fulldesign.com.br

J Oito Soluções DigitaisJ www.oito.net

J EOL - Tecnologia de InformáticaJ www.entornoonline.com.br/eol

J Jointer TecnologiaJ www.jointer.com.br

Conheça aqui alguns dos principais clientes vips da Locaweb

LocaVIP:W2008 21/1/2009 02:00

21 X 28.qxp 2/10/2008 11:02 Page 1

Revista Locaweb Nº 14

Documents

Transcript of Revista Locaweb Nº 14