Revista Locaweb Nº 15

Capa:Capa Locaweb 9/4/2009 16:58 Page 2

205 X 275:Layout 1 18/3/2009 11:59 Página 1

205 X 275:Layout 1 18/3/2009 11:59 Página 2

4 locaweb

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

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

* Entrevista: Jon Maddog.............................................06

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

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

* Preview: CMS ....................................................................20

* Online: Vídeos ..................................................................22

* KeepItSimple: MobiMail ............................................24

* Capa: Cloud Computing...........................................26

* Artigo: Joaquim Torres................................................36

* Windows 7 .........................................................................38

* Artigo: Marcelo Tripoli ................................................42

* Design: Dicas para Photoshop..............................44

* Hospedagem....................................................................48

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

* Case: ViaUno .....................................................................52

* Webstandards ..................................................................54

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

* Load no Ajax e Flash....................................................60

* Locavip .................................................................................66J Design 44 J Case 52

J Capa 26 J Windows 7 38

Locaweb em Revista Edição 15VP 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: Evelise PaulisEditor de Arte (projeto gráfico): Alexandre Dias (Nani)Colaboração: Camila Pratti, Leonor Ribeiro, Max ReinholdJahnke, Eduardo Costa Lisboa e Ronaldo Zitrô

Publicidade São Paulo: E-mail: [email protected] Comercial: Mauricio Dias (0xx11) 3038-5093Executivos de Negócios: Alessandro Donadio, AngelaTaddeo, Claudia Alves, Elisangela Xavier, Flavia Pinheiro eRodrigo 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

Poucas pessoas sabem o que é computação nasnuvens, mas muitas delas já a utilizam em seu dia a

dia em ambientes interativos na internet.Por definição, Cloud Computing é um ambiente de

hardware distribuído que oferece mais performance,melhor aproveitamento e menor consumo de energia.

Nesta edição, traçamos um panorama completo decomo esta tecnologia está revolucionando a interaçãoentre a web e os computadores e como isso mudará osseus negócios.

Na entrevista desse mês, conversamos com Jon Maddog. O evangelista e defensordo software livre explica porque está atrás de cérebros privilegiados.

Confira também o pré-lançamento do Windows 7, dicas para se tornar um expertem Photoshop, webstandards, como criar telas de load em Flash e Ajax e muito mais.

Aproveite esta edição e a próxima edição.Claudio Gora

[email protected]

O que tem nesta edição...

ao leitorVocê já ouviu falar emCloud Computing?

Editorial_Sumario:W2008 9/4/2009 17:24

205 X 275:Layout 1 19/3/2009 17:04 Page 1

‘‘

6 locaweb

Texto: Leonor Ribeiro

Você não pode ficar escravo deum programa.” É com este tipo deafirmação que Jon Maddog Hall,

diretor executivo da Linux Internacional- organização sem fins lucrativos decompanhias que apoiam e promovem ouso de sistema operacional Linux -, viajao mundo ministrando palestras edebatendo com decisores sobre o usodo Software Livre em âmbito tantocorporativo quanto comunitário.

O especialista, uma das figuras maisconhecidas do mundo do SoftwareLivre, se tornou um ícone para omovimento, tanto por seu carisma,quanto por seu posicionamentocoerente. Confira entrevista concedida àLocaweb em Revista, na qual Maddogfala sobre o desenvolvimento dosoftware livre, seu processo de criaçãocoletiva e a sua busca atual pelo futuro“Einstein” da tecnologia.

Locaweb – Como você descreve seu trabalho diário para a comunidadeque visa desenvolver programas decódigo aberto?Maddog – Atualmente viajo o mundo conversando com a indústria, ogoverno e entidades educacionais sobresoftware livre e de código aberto. Ficocontente em dizer que já vi muitosresultados tangíveis em alguns lugaresem que estive. Posso ir a um lugar em um ano e conversar com eles, e no próximo ano eles já abriram um centro de desenvolvimento ou criaramum projeto usando software livre.

Locaweb – Como você acredita que oSoftware Livre pode ajudar a encontrara próxima geração de experts?Maddog – Acredito que odesenvolvimento do Software Livreoferece a abertura necessária para estapróxima geração. É a possibilidade de

Em busca da próxima geração de experts

entrevista

* Todo software deveser livre. Você nãopode ficar escravo deum programa, mas ocontrário: o usuáriodeve determinar o quefazer, como e quando,e não o programa ouseus desenvolvedores

criar o novo. Detomar o poder nasmãos. Vejo que háproblemas demaise gente de menos para resolvê-los. Esinceramente acredito que o próximo“Albert Einstein” virá da Ciência daComputação. Não necessariamente daEuropa ou dos Estados Unidos, tambémpode ser que venha da China, Finlândiaou, quem sabe, do Brasil.

Locaweb em Revista – Como vocêdefine o conceito de Software Livre?Maddog – O conceito é o mesmo desdesempre. Software livre é a liberdade de ler ocódigo fonte, de mudar, de distribuir. Tercontrole sobre o que você está usando. Maisimportante que qualquer custo, o verdadeirovalor está na liberdade de escolha.

Jon Maddog Hall fala sobre software livre e explica como e porque estáatrás de futuros “Einsteins” que possam mudar o futuro da humanidade

Maddog \\ Especialistaacredita que nenhum

programa, seja ele livre ouproprietário, é à prova de

falhas de segurança

Entrevista_Maddog:W2008 9/4/2009 17:32

locaweb 7

Locaweb – Quando você considera queum software precisa ser livre?Maddog – Eu acredito que todo softwaredeve ser livre, a menos que haja algumarazão muito especial para que isso nãoaconteça. Você não pode ficar escravo deum programa. É você que tem quedeterminar o que fazer, como e quando, e não o programa.

Locaweb – Quais são as diferenças queexistem no processo de desenvolvimentode uma aplicação de código aberto euma aplicação proprietária?Maddog – De maneira geral, pode-se dizer que as aplicações proprietárias são desenvolvidas atrás de portas e janelas trancadas, portanto você não podesaber como elas foram desenvolvidas.Aplicações de software livre e de códigoaberto são planejadas, implementadas eentregues em um ambiente onde aspessoas podem ver e opinar sobre as trocas realizadas, como também pegarcódigos intermediários para testar. Isso fazcom que as aplicações estejam estáveisquando lançadas.

Locaweb – Software livre é a plataformamais segura e confiável? Maddog – Nenhum sistema, seja softwarelivre e de código aberto ou qualquer outro,é completamente seguro e sem falhas. Massaímos na frente em nosso estilo dedesenvolvimento que busca a ajudacoletiva. Isso significa ter uma comunidadedo software livre pronta para usar suahabilidade de rapidamente analisar,consertar e distribuir correções paraproblemas de segurança e confiabilidade.Nesse sentido, pode-se dizer queconseguimos corrigir mais rapidamente etornar seguras as aplicações.

Locaweb – Como você avalia o estilode desenvolvimento do Software Livre?Maddog – Nosso estilo é o da ajudacoletiva, ou seja, é o esforço de um grupoque melhora o sistema, simplesmente pelo

prazer de torná-lo melhor. Isso nos fazespecialmente recompensados quandopensamos nas comunidades menosfavorecidas, que não podem arcar com oscustos de um software proprietário e são

Foto

s: D

ivul

gaçã

o

beneficiadas pelo uso do software livre quepode ser inteiramente customizado deacordo com as necessidades deles. Trata-sede um processo simples e eficiente, queauxilia muitas pessoas no planeta.

Viajante \\ Maddogroda o planeta com atarefa de evangelizarpessoas a respeito daimportância do uso do software livre

Ao lado \\ Maddogao lado do organizadorSamuel Moreno Rojas (à dir), na Campus Party realizada emBogotá, na Colômbia,em junho de 2008

Entrevista_Maddog:W2008 9/4/2009 17:32

8 locaweb

PDF \\ No site da Adobe, você pode baixar o Acrobat Reader gratuitamente para visualizar arquivos PDF no browser

Estouro no ASP

Quando tento fazer umaoperação de divisão denúmeros recuperados de umformulário em páginas ASP, dáum erro indicando estouro. Asdemais operações sãorealizadas normalmente, mas adivisão não. O que acontece? Marco Aurélio - Por e-mail

Certifique-se de alterartodos os dados

recuperados de um formuláriopara o formato numérico. Use afunção CDbl para essa finalidade.Por exemplo, para converter umcampo chamado Frete, use:

Frete = CDbl(Request. Form("Frete"))

Verifique se você está pegandotodos os valores postados peloformulário, pois esse erro tambémpode ocorrer quando se tentadividir duas variáveis que nãoforam declaradas.

PDF noBrowser

Eu estava querendo abrir no

browser um arquivo PDF, masteria de ser sem o AdobeAcrobat Reader estarinstalado. É possivel? Será quenão existiria um plugin doproduto que permita avisualização no navegador?Willimar - Por e-mail

A única maneira de fazercom que o navegador

possa exibir arquivos PDF é ainclusão do Acrobat Reader, queinstala automaticamente umplugin para essa finalidade. Masnão existe nenhum motivo paranão utilizar essa ferramenta, umavez que ela é gratuita e pode serbaixada livremente no site daAdobe. A URL que você deve usarpara fazer o download doaplicativo é www.adobe.com/products/acrobat.

E-mail com o PHP

Qual deve ser o código PHPpara o envio do conteúdo deum formulário por e-mail?João Camilo - Por e-mail

O PHP usa a funçãomailto para fazer o envio

de informações. Você deveconfigurar o arquivo php.ini paraque o comando funcione.. Abra ophp.ini com um editor de suapreferência e procure pela seção[mail function]. Indique na variávelSMTP o endereço de seu servidorde SMTP e em sendmail_ from oseu e-mail, que irá aparecer nocampo From da mensagem. Salveo documento e os seus aplicativosPHP já estarão prontos para enviare-mails. Para enviar os dados deum formulário, você pode usar ocódigo abaixo. Ele recebe asinformações e manda por e-mail,redirecionando para uma páginade agradecimento se tudo correrbem e mostrando um erro sehouver algum problema.

<?php $mailto = "[email protected]";$subject = "Seu assunto aqui.";$redirect = "obrigado.html";foreach($HTTP_POST _VARS as $key => $value) {$message .= $key . ': ' . $value;

$message .= '\n';}if (@mail($mailto, $subject, $message)) {header("Location: $redirect");} else {echo('<p>O e-mail não pode ser enviado.</p>');}?>

Corhexadecimal

Em diversos sites, háindicações para usar um valorhexadecimal quando se indicauma cor no HTML. Não sei oque é hexadecimal, o quedevo colocar?José Aparecido - Por e-mail

As cores, nos documentosHTML, são representadas

por números hexadecimais.Diferentemente do sistema decimalao qual estamos acostumados, nosistema decimal não existem 10,mas 16 algarismos. Assim, além do0 ao 9, são usadas também asletras A, B, C, D, E e F, equivalentesaos números 10, 11, 12, 13, 14 e 15do sistema decimal.

As cores HTML usam osistema RGB. Para formar umacor HTML, são usados trêsnúmeros hexadecimais, oprimeiro com a quantidade devermelho, o segundo com verde eo terceiro com azul. Tudo issoprecedido pelo sinal #. A cormarrom, por exemplo, érepresentada por #8E236B.Mas não é necessário entender osnúmeros hexadecimais parapoder encontrar a cor HTML quevocê deseja. Existem diversasferramentas que auxiliam nessatarefa, como tabelas de cores.

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]

Emails:W2008 9/4/2009 17:33

10 locaweb

notíciaslançamento

Estão abertas asinscrições para a 11ª

edição do Encontro deProfissionais de Internet, que serárealizado nas cidades de BeloHorizonte, Salvador, Curitiba,Porto Alegre, Rio de Janeiro eSão Paulo durante este primeirosemestre de 2009 e terá iníciodia 14 de abril no Hotel OuroMinas, em Belo Horizonte.

Com o objetivo de agregarconhecimento de novastendências da web e estreitar orelacionamento comprofissionais de internet, oevento inclui palestras comprofissionais da Locaweb econvidados abordando temas

ANOTE NA AGENDA11º Encontro de Profissionais de InternetData: 14 de abrilHorário: 8 às 18 horasLocal: Hotel Ouro Minas -Av.Cristiano Machado, 4.001 –Palmares – Belo Horizonte – MG

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

11º Encontro deProfissionais de Internet

Encontro\\ Evento acontecerá em Belo Horzinte (MG), Salvador (BA), Curitiba (PR), Porto Alegre (RS), Rio de Janeiro (RJ) e São Paulo (SP)

como tecnologia, tendências e comunicação.

Os interessados podementrar no site www.locaweb.com.br/encontro e se inscreverpelo valor de R$50, que serárevertido posteriormente emdescontos na contratação dehospedagem de sites, Mobimail,Email Marketing, Cloud Mini,

Cloud Server e Gateway dePagamentos, ou em descontoem serviços ativos na empresa.Este ano participam, comopatrocinadores, Microsoft eGoogle, além das revistas InfoExame e WWW.

A grade de palestrasencontra-se no sitewww.locaweb.com.br/encontro.

Noticias_Parte1:W2008 9/4/2009 17:44

locaweb 11

notícias

hCUPONS DO BUSCAPÉ DE R$ 200 AGORA PARA TODOS OS PLANOSDesde março, cupons do BuscaPé oferecidos para novos clientes dehospedagem passam a ter valor de R$ 200 em todos os planos,superior ao valor do maior cupom antes oferecido.Com essa alteração no valor, o BuscaPé também fez algumasmudanças nas regras de uso dos cupons em sua Central de Negócios,que detalhamos no Wiki Locaweb: http://wiki.locaweb.com.br/pt-br/Cupom_Central_de_Negócios_BuscaPé

Barcamp Locaweb Ruby on Rails reuniu cerca de 80aficcionados pela tecnologia

Nem mesmo a chuva e o trânsito, que praticamente parou acidade de São Paulo, impediram o sucesso do 1º. Barcamp daLocaweb, evento que teve como objetivo de reunirprofissionais interessados em aproveitar um ambienteinformal para conversar sobre tecnologia. O encontro, queaconteceu dia 17 de março, no Café Zim em São Paulo, euniu cerca de 80 participantes para discutirem a plataformaRuby on Rails.

A idéia surgiu quando Fábio Akita, gerente de hospedagemda Locaweb e referência nacional em tecnologia Ruby on Rails,sentiu a necessidade de reunir essa “comunidade” para a troca deidéias e experiências pessoalmente.

Barcamp \\ Evento realizado em março deste ano e idealizado por FábioAkita teve muita troca de idéias com os entusiastas do Ruby on Rails

RoR \\ Tecnologia Ruby on Ralis foi amplamentedebatida pelos cerca deoitenta participantes do 1º BarCamp, realizado emSão Paulo, no mês de março

Buscapé \\ Cupons do site de comparação de preço e parceiro da Locawebpassaram a ter valor de R$ 200 para clientes do serviço de hospedagem da empresa

ACONTECEU

hLOCAWEB OFERECE ESPAÇO E BANDAILIMITADOS EM PLANOS DE HOSPEDAGEM Atenta à qualidadenos serviçosprestados e comfoco em inovaçãotecnológica, aLocaweb, líder em serviçoshospedados de TI,revoluciona omercado dehospedagem desites e ofereceespaço etransferência sem limites. A mudança será aplicada a todos osclientes, independente do plano contratado.

A Locaweb também aumentará a quantidade de domínios ecaixas postais dos planos, sem nenhum acréscimo no valor dosserviços. “Desenvolvemos uma nova política para garantir que aexpansão do espaço não seja utilizada de forma abusiva, poisnosso objetivo é garantir que o site cresça juntamente com ocliente, sem restrições”, conta Gilberto Mautner, presidente daempresa. Para saber mais sobre o assunto, acesse o site daLocaweb, em www.locaweb.com.br.

Mais espaço \\ Locaweb passa a oferecer bandailimitada em planos de hospedagem de websites

Noticias_Parte1:W2008 9/4/2009 17:44

12 locaweb

notícias/wishlist

O melhor da culturadigital em vitrineNesta seção você confere o que há de melhor nas prateleiras ao redor do mundoquando o assunto é alta tecnologia, conectividade com a web e diversão eletrônica

Casio de 10 Mpixels...A Casio lançou a linha de máquinasfotográficas EX-Z29, que oferece 10,1 Mpixel de resolução e tem comoprincipal diferencial a grande variação decores - que vão do preto a um rosa para láde chamativo. Os modelos têm aindazoom de 3x e tela de 2,7 polegadas. Preço: US$ 149,99

L

ShuffleA Apple lançou a nova versãode iPod Shuffle, que chega aoBrasil em maio. Entre asnovidades, está a redução detamanho e, finalmente, umrecurso que anuncia asmúsicas que o player toca.Com 4 GB, trata-se do menortoca-MP3 da família iPod.Preço: US$ 80

L

L

L

Noticias_Parte2e3_WishList:W2008 25/3/2009 11:10

locaweb 13

notícias/wishlist

Tela grandeO LG Vu é um celular que tem comomaior atrativo a sua excelente tela de 3 polegadas com touchscreen. Voltadoao mercado americano, o telefone temacesso à TV digital, câmera de 2 Mpixelcom foco automático e gravador devídeos. É 3G e tem bluetooth.Preço: US$ 550

L

Samsung touchscreenA empresa coreana anunciou o lançamento de dois modelosde celulares de uma vez, todos voltados ao mercado europeu ecom tela de 2,8 polegadas touchscreen. Os celulares S5600 eS5230 têm 12.9 mm de espessura, câmera de 3 Mpixels esuporte a bluetooth. Preço: ainda indisponível

L

SuperzoomA Sony apresentou acâmera digital DSC-HX1,que traz um superzoomde 20x. Com ela, dá pararetratar paisagens emsuperwidescreen de até 224º horizontal ou154º vertical. Preço: ainda não há valor estimado

L

L

L

L


14 locaweb

notícias/wishlist

iMac da DellO Studio One 19 é um PC monobloco, uma espécie de iMac daDell. Tem tela de 18,5 polegadas e, por enquanto, somente serálançado no Japão. Pode ser encontrado com processador Core2 Quad com 4 GB de RAM e 750 GB de HD (essas configuraçõespodem ser altaradas, de acordo com a vontade do cliente). Temainda seis portas USB e leitor de cartões sete-em-um.Preço: US$ 699

L

ArcMouseA Microsoft Brasil lança no País o ArcMouse, periférico que pode serdobrado e ter seu tamanho totalreduzido em 40%, o que oferecepraticidade no transporte. Possui duasopções de cores: preto e vermelho. Oproduto tem tecnologia a laser econexão wireless de 2.4GHz.Preço: R$ 269

L

L

Celular Nokia A Nokia apresentou na Mobile World Congress 2009o celular 8208. Trata-se de um telefone dual-sliderque tem tela de 2.2 polegadas, GPS integrado,suporte a bluetooth 2.0 e câmera de 3 Mpixels. Conta com cartão de 1 GB e pesa 126 gramas.Preço: ainda não tem preço definido

L

L

L

L

L


locaweb 15

notícias/wishlist

Caixas de SomO M3400 é uma caixa desom multimídia com altaperformance de áudio. Oproduto é voltado paraquem deseja potencializartanto o som de filmes comoo emitido por jogos emúsicas. As caixas contamcom controle remoto comfio e ainda possuem saídapara fone de ouvido.Preço: R$ 452

L

Home-theaterChegou ao mercado o PhilipsHTS3566D, com 1000W RMS, recursoDoubleBASS (que oferece melhor emais prolongada experiência emgraves) e Clear Voice, para vozesmais claras em filmes e músicas. Omodelo conta com FullSound, paralevar a experiência sonora do CDpara o MP3, aprimoramentos HDMI1080p, para imagens com altadefinição e mais nítidas, e hi-speedUSB 2.0, que reproduz mídias deunidades flash USB.Preço: R$ 1.499

L

L

L

5 em 1 MP5 Super Cam TV tem apenas 75 gramas, possui uma tela LCD de2,8 polegadas de alta definição,além de câmera digital de 2 Mpixels.A novidade está no sinal analógico,que permite a sintonia dos canaisVHF e UHF.Preço: R$ 394

L

L


16 locaweb

notícias/wishlist

G-Shock faz 27 anosA empresa japonesa Casio comemora a celebração do 27º aniversário de um dos relógios mais populares do mundo: oG-Shock. Com mostrador digital, o modelo ganhou adeptos aoredor do mundo pelo seu design quadrado e, claro, a função àprova de choque. Há dois anos, foi lançada uma versãocomemorativa de 25 anos do produto, que ainda pode serencontrado à venda na web.Preço: US$ 130

Projetores de imagemA Agis anunciou dois novos modelos deprojetores. O primeiro, MP624, tem entradaHDMI, resolução XGA de 1.024 x 768 pixels etaxa de contraste de 2.500:1. O segundo, porsua vez, chama-se MP512ST, tem entradaHDMI, resolução SVGA de 800 x 600 pixels etem como destaque a lente de proximidadeST (Short Throw). Preço: a partir de R$ 2,5 mil

L

DJ ProfissionalO Hercules DJ Control Steel é um deck de mixagensideal para DJs que usam o PC como equipamento detrabalho. Possui uma conexão USB e acompanha osoftware VirtualDJ 5 DJC Edition, que permite fazermixagens a partir de formatos digitais de músicas.Preço: US$ 300

L

L

L

L

L


locaweb 17

notícias/wishlist

Carro-DVDOpção ideal para os apaixonados porquatro rodas, o DVD player da Azzurrotem um design bem diferente, quepromete fazer presença na decoração desua sala ou escritório. Ele é montadodentro de uma réplica do carro tradicionalMini-Couper, sucesso de vendas naInglaterra. O player permite a reproduçãode mídias DVD e CD e temcompatibilidade commúsicas MP3. Preço: R$ 850

L

Blu-ray rápidoA Sharp lançou um aparelhoBlu-ray com leitura de mídiaem até 10 segundos. Trata-sede BD-HP21U, o primeiro aser comercializado no Brasil ecom função Quick Start, quepermite assistir a conteúdoda mídia com mais agilidadee tem baixo consumo deenergia (23W) e reproduzmídias DVD.Preço: R$ 1.999

L

L

Projetor de bolsoO micro-projetor MPro110 da 3M é ideal para quem viaja muito enecessita de um projetor sempre ao alcance para as apresentações detrabalho. Agora, se a idéia é curtir um filme ou outros tipos deaplicações, como jogar videogames, é mais viável investir em umprojetor que apresente mais luminosidade e mais opções de entrada.Preço: R$1,8 mil

L

L

L


18 locaweb

notícias/circuito

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

XP Mais LeveDuração: 1min52sPreço: GrátisURL: http://tinyurl.com/dmfgfx

Troque Cor de OlhosDuração: 6min29sPreço: GrátisURL: http://tinyurl.com/c7ndtt

//CONGRESSOTV 2.0Evento TV 2.0, criado pela revistaTeletime, promoverá discussãosobre os próximos formatos demídias digitais, em especialsobre o papel da TV nos próximosanos e décadas.Local: Amcham, São PauloQuando: 14 abril

//CICLOSoftware InnovationO 1º Seminário SoftwareInnovation – uma versãoampliada do Seminário de SaaS,realizado no ano passado – vaimostrar as tecnologiasenvolvidas, as soluções denegócios, as métricas, o futurodos softs, cases de sucesso emdiversas áreas, como vendas,marketing, relacionamento comclientes, comunicação, gestãoempresarial e aplicações.Local: Amcham, São PauloQuando: 6 e 7 de maiol

//SEMINÁRIO2º Wireless BroadbandA nova edição do evento deWireless broadband seráinteiramente focada na oferta debanda larga por tecnologias semfio, com a chegada das redes 3Gno país e a introdução do WiMaxpara serviços residenciais ecorporativos. O seminário que éreferência para os players davanguarda das tecnologiasmóveis no Brasil, no momentoideal da expansão deste mercadono Brasil. Local: Hotel Paulista Plaza, São Paulo, SPQuando: 1 de Julho

DOMINANDO JAVASERVER FACESEDSON GONÇALVESDominando JavaServer Faces eFacelets utilizando Spring 2.5,Hibernate e JPA é um livro focado emdar ao leitor a base necessária paraaprender e integrar, as tecnologiaspropostas, com um exemplo simplese completo de um site de comércioeletrônico plenamente confiável ebastante funcional.Preço: R$ 89Editora: Ciência ModernaInf.: www.lcm.com.br

JAVA EM REDE DANIEL GOUVEIA COSTACom esta obra você aprende atrabalhar com programaçãodistribuída na internet pormeio desta robusta econfiável linguagem.Preço: R$ 66Editora: BrasportInf.: www.brasport.com.br

ASPECTJ VICENTE GOETTENJUNIOR, DIOGO VINÍCIUSWINCKNesta obra o leitoraprenderá os princípios daprogramação Java.Preço: R$ 47Editora: NovatecInf.: www.novatec.com.br

Noticias_Parte 4_Agenda:W2008 9/4/2009 17:54

20 locaweb

Dois vezes um \\ Blog de diálogos usa a ferramenta CMS do Blogger, idealpara quem tem pouco conhecimento de internet e de programação web

Produtividade,eficiência e

durabilidade. Esta é amáxima que rege 10 entre10 empreendedores quebuscam se destacar e vencerno mundo competitivo emque vivemos. Isso não édiferente no universoonline, especialmentequando o tema em pauta éa blogosfera. No mar deblogs que hojemovimentam a internet, éimperativo definir caminhospara se destacar e tambémgarantir o crescimento.

Assim, torna-seimportante avaliar quaisferramentas são fundamentaispara atender aos seusobjetivos e ainda otimizar seutempo. Nesse meio ondetudo evolui a passos degigante, é necessário levarem consideração sua atualnecessidade e ainda projetaro que será necessário daqui aum ano. Afinal, crescersempre é importante e,muitas vezes, algo não tãofundamental no momentoacaba sendo primordial para a continuidade do

empreendimento num futurobem próximo.

Nesse caminho, éimportante considerar quaissão as soluções que apoiaramo desenvolvimento de umblog em sua fase inicial até omomento em potencial queele atingir a marca de projetode grande porte. Por isso, apergunta fundamental é:como escolher uma boaferramenta? Mais do que isso: quais os parâmetros para avaliar o recurso?

Felizmente, existe umaresposta clara para isso: usarum sistema de gerenciamentode conteúdo, ou em inglês,Content Management System(CMS), cujo objetivo éexatamente o de estruturar e facilitar a criação,administração, distribuição,publicação e disponibilidadeda informação.

Por isso, o primeiroconselho é: dedique tempono desenvolvimento eprojeto de seu blog. Testetodas as possibilidades,definindo com cuidado quaissão as funcionalidades quevocê considera fundamentais

em. Afinal, uma decisãoequivocada pode gerarretrabalho e muita dor de cabeça.

Nesse caminho, valedestacar algumasfuncionalidades fundamentaispara qualquer blog:

1. Permita comentários: isso ébásico. Um blog sem comentários não éum blog;

2. Permita a organização dosassuntos: ainda que seja um blogespecializado em um tema, é importantegarantir ao usuário a melhor localização;

3. Gere feeds em diversosformatos: assim, você deixa a opção nasmãos do leitor e ele pode ler seus artigosem qualquer agregador que preferir;

4. Gere feeds individuais para ascategorias e artigos específicos:isso garante audiência, mesmo quandoseu leitor prefere acompanhar apenasuma parte do seu blog;

5. Permita classificar conteúdo viatags: fundamental se você quiser ficarconectado com o presente;

6. Pingback e trackback: garante quevocê seja conhecido na blogosfera;

CMS: Ferramentaspara turbinar seu blog

p[r]eview

Encontrar um recurso que atenda a todas as necessidades e otimize otempo é fundamental para garantir a continuidade de seu empreendimento

PreviewCMS:W2008 25/3/2009 11:00

locaweb 21

7. Garanta flexibilidade: seu blogprecisa estar preparado para asevoluções do meio digital.

8. Seja semanticamente correto:um bom atalho para estar sempre notopo dos mecanismos de busca;

9. Seja fácil de usar: não adiantater inúmeros recursos quando não sesabe aplicá-los.

Definidas as funcionalidades, épreciso olhar com cuidadopara as ferramentas CMS

disponíveis. A ordem é testar, testar e testar. Mas é preciso entender um pouco de cada uma delas. Aseguir, confira algumas opçõese escolha a que melhoratende às suas expectativas:

review/CMS

Drupal Excelente opção se pretende integrar outras funcionalidades,como um fórum. A desvantagem é o excesso de funcionalidades,que pode deixar o usuário perdido. Fora isso, a ferramenta não foioriginariamente criada para blogs;

GeekLog O GeekLog possui os recursos básicos de um blog, mas pode serestendido. A simplicidade pode ser uma vantagem para quemestá iniciando e deseja um blog realmente muito leve e rápido. Adesvantagem é a falta de recursos mais elaborados.

BloggerEste recurso é um administrador para quem não tem muitoconhecimento de internet e muito menos de programaçãoweb. É fácil de operar e tem acesso e administração por meiodo site do blogger.

JoomlaO Joomla tem uma enorme comunidade que trabalha para oseu desenvolvimento, o que garante uma atualização constante.Além disso, o CMS é fácil de instalar, tem um módulo deadministração muito completo.

* Dedique tempodesenvolvendo eprojetando seublog. Teste todasas possibilidadesdefinindo asfuncionalidadesque considerafundamentais

PreviewCMS:W2008 9/4/2009 17:53

22 locaweb

Um bilhão deinternautas. Este é o

número estimado depessoas que assistirão avídeos online até 2013,segundo pesquisa realizadapela ABI Research. Ou seja, éfácil perceber que essemercado está em plenaexpansão e abrindooportunidades para os maisvariados tipos de usuários,como produtores de

conteúdo tradicionais einternautas comuns quepostam vídeos em sites devídeos online.

Mais do que isso, fazervídeos com seu celular,câmera digital ou mesmocom uma câmera de vídeoprofissional está cada vezmais fácil. Porém, se vocêacha que serviço de vídeo ésó o YouTube, está na hora denavegar mais pela internet Bruno Pinaud, Erwin Julius,

André Popp, Alexandre Braga,Alexandre Souza e RicardoCâmara. Lançado em 2008, oISofa.tv permite ao usuárioprogramar sua própria estaçãode TV, criando seu canal devídeos com a programaçãoque desejar. Dessa forma,basta selecionar o temafavorito e se acomodarliteralmente no sofá enquantoos melhores vídeos ficampassando em sequência.

Com interface amigável ecaracterística única de oferecero vídeo em tela aberta, oiSofa.tv tem batidoperiodicamente a audiênciade concorrentes diretos eindiretos, como TerraTV eGlobo.com, apresentando

Novas fronteiras para vídeos online

online

Embora liderado pelo pioneiro YouTube, mercado de vídeo online cresce, sediversifica e abre novos espaços a serem explorados pelos internautas

Supremacia \\ O iSofa.tv, que tem interface amigável e oferece vídeos em tela cheia, é um dos principais concorrentesdo YouTube, o grande difusor de vídeos online na internet; império do site começa a ser ameaçado por outras páginas

para explorar outraspossibilidades. Com as novasferramentas de criação ecanais de distribuição devídeos, somados à ampliaçãodo acesso à banda larga,pode-se facilmente passar deespectador passivo paraprodutor de conteúdo.

Exemplo desta tendênciacrescente são serviços como oISofa.tv, projeto brasileirodesenhado pelos especialistas

PARA PROCURAR NA REDEiSofa.tv: isofa.tvYouTube: www.youtube.comTerra TV: terratv.terra.com.br

* Com as novasferramentas decriação e canaisde distribuição devídeos, pode-sefacilmente passarde espectadorpara produtor de conteúdo

Online:W2008 9/4/2009 18:05

locaweb 23

altos índices de permanênciado usuário na página e umgrande número de pageviews. Outra boa nova é quemesmo sendo um projeto100% nacional, o iSofa.tv járecebeu visitas de mais de 140 países, teve notaspublicadas na imprensa emmais de 12 idiomas e 600 sitese, de quebra, foi recomendadopelo New York Times.

As opções não param poraí. No mercado brasileiro, noqual 55% da audiência assistea vídeos online pelo menosuma vez ao dia - com umamédia diária de 72 minutos aodia e cerca de 36 horas por

mês -, segundo dados doYouTube, percebe-se que ousuário está cada vez maissofisticado. Ele já não quermais ficar perdido entremilhões de links para acharum vídeo sobre um assuntoespecífico ou ao menosrelevante. Em vez disso, buscapor sites especializados emdistribuição de vídeos online que tratam de temasdiferenciados e específicos.

Uma análise sobre oconteúdo disponível revelaum certo equilíbrio entreofertas profissionais eamadoras, cada uma delascom 40% da preferência dos

usuários. Outros dadosapontam que 20% daspessoas buscam esses sitespara procurar anúncios deprodutos, serviços ou filmes,por exemplo.

Em outras palavras, espaço

é o que não falta e há opçõespara todos os gostos. Desdeaqueles que desejam assistirapenas a trailers e filmes deBollywood até aqueles quedesejam aprender comopublicar um vídeo online. Osegredo do sucesso das novase demais plataformas,apontam especialistas, é queos segmentados se focam ematender nichos poucoexplorados por sites maiores.

Selecionamos algunsprojetos para que vocêconheça mais detalhes do que há disponível novariado “cardápio” online. Vale uma visita.

Funny or Die (www.funnyordie.com) Stickam (www.stickam.com) Vimeo (www.vimeo.com)

Porta Curtas (www.portacurtas.com.br) Blip TV (www.blip.tv) Kewego (www.kewego.com.br)

online/vídeos

Jumpcut (www.jumpcut.com) MPB Tube (www.mpbtube.com.br) Blind Tube (www.blindtube.com.br)

* Atualmente, ousuário prefereacessar sitesespecializados emdistribuição devídeos online quetratam de temasdiferenciados e específicos

Online:W2008 9/4/2009 18:05

24 locaweb

Texto: Sérgio Vinícius

ALocaweb colocou no ar a solução dee-mail MobiMail (www.locaweb.com.br/produtos/mobimail.html), já

inclusa nos planos de hospedagem eserviços de e-mail da empresa. Trata-se deuma plataforma de mensagenseletrônicas que oferece flexibilidade emobilidade total para que os clientesgerenciem mensagens, contatos ecompromissos de onde estiverem.

Entre diversos atrativos, o MobiMailchama a atenção por fatores comomobilidade e compartilhamento, via

automática, a um clique do usuário. Devidoaos dados estarem na web, é possívelcompartilhar compromissos ou agendascom outros usuários, além de estarem aoalcance do cliente 24 horas por dia, setedias por semana.

Quanto ao painel de controle eferramenta de mensagens instantâneas, osdestaques ficam, respectivamente, com ogerenciamento simples e ágil das contas dousuário e o protocolo Jabber, que garantesegurança e é multiplataforma.

O MobiMail foi criado a partir do zero, oque garantiu um desenvolvimento pleno,sem o reaproveitamento de outrasestruturas, que poderiam apresentar falhas.O sistema MobiMail funciona sobre clustersde servidores redundantes. Isso garanteoperação mais segura contra falhas, comfacilidade de acrescentar capacidade de

MobiMailO novo e-mail da Locaweb

keepitsimple

Conheça a ferramenta que dará mais facilidadee agilidade às suas mensagens eletrônicas

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

ESTE MÊSServiço: MobiMailSite: www.locaweb. com.br/produtos/mobimail.html

* Painel de controle temgerenciamento simples eágil das contas dousuário; ferramenta deinstant messengerfunciona com o robustoprotocolo Jabber

PushMail. O painel de controle foi facilitadopela ferramenta de instant messaging, quefaz parte da plataforma, são outrosdestaques do serviço.

A sincronização - via PushMail - garanteque mensagens, contatos e outros dadosestejam disponíveis na web, de forma

Keep it Simple:W2008 9/4/2009 18:14

locaweb 25

tráfego - já que basta acrescentar maisservidores. É o conceito de computação emnuvem, inplementado no MobiMail.

MobilidadeComo um dos pontos fortes do

MobiMail é justamente sua tendência àmobilidade, a seguir você confere comoconfigurar e sincronizar os três principaisambientes operacionais de aplicativosmóveis para trabalhar em conjunto com oMobiMail. Antes de iniciar o processo deconfiguração, recomenda-se a realização dobackup dos dados. Caso haja algumproblema inesperado, você não teráproblema com perda de dados.

iPod e iPhone

1Clicar em Ajustes e depois em Mail, Contatos, Calendários.

2 Clicar em Adicionar Conta e selecione Microsoft Exchange.

3 Preencha o campo com os seus dados e aperte Próximo.

4 Aparecerá um novo campo para fornecer o Servidor, preencha este campo com o endereço

disponível na página de Resumo do Domínio do seu Painel.

5 Aperte Próximo, selecione os itens que desejasincronizar e aperte Salvar. (Atenção: Caso as

opções Contatos e Calendários sejam habilitadas, oscontatos e agendamentos salvos no dispositivo serãosobrescritos no momento da sincronização.)

6 Retorne para a tela incial com o botão Home eaperte o ícone Mail para visualizar suas mensagens.

Windows Mobile

1Clique em Iniciar> Programas > e selecione Activesync.

2 Selecione Menu e depois clique na opçãoConfigurar Servidor.

3 Em Endereço do servidor, preencha com o endereçodisponível na página de resumo do domínio do seu

Painel do MobiMail.

4 Clique em Avançar e preencha os dados com nomede usuário (parte antes do @ no seu email),

* O sistema funciona sobre clusters de servidores redundantes. Isso garante operaçãomais segura contra falhas, com facilidade de acrescentar capacidade de tráfego - jáque basta incluir mais máquinas, usadas sob o conceito de cloud computing

Confira outras características do MobiMail:

Cliente de e-mail Serviço permite acesso via plugin MAPI pelo Outlook doOffice. Com isso, há o mesmo grau de integração demensagens, contatos e calendário que um servidorExchange oferece.

SegurançaHá a possibilidade de acesso criptografado por SSL a POP,IMAP e SMTP. Isso garante o tráfego seguro demensagens entre seu terminal e o servidor de e-mailhospedado na Locaweb.

WebmailSão duas novas interfaces de webmail. Há o temaMobiMail, que tem tecnologia Ajax, com drag and drop,operação via teclado. O tema Clássico é voltado paraquem já está familiarizado com a plataforma Locamail.

Catálogo de endereços É possível fazer a importação e a exportação de contatospara o webmail do domínio do cliente. Isso é realizado apartir da importação de um arquivo do tipo vCard(Outlook) ou .CSV (excel).

ComunicaçãoO instant messaging (protocolo XMPP) permite acomunicação instantânea criptografada entre osmembros do domínio. Para aprender a configurar oinstant messaging via Jabber, deve-se acessarhttp://wiki.locaweb.com.br/pt-br/Instant_Messaging_via_Jabber.

Demo Para saber como é a interface do webmail na plataformaMobiMail, acesse http://exemplo.mobimail.com. O loginda conta é exemplo. A senha, exemplo.

Raio-X

domínio (parte após a @ do seu e-mail) e a sua senha.

5 Clique em Avançar e na tela seguinte, selecione ositens que deseja sincronizar.

6 Após realizar o passo acima cuidadosamente, cliqueem Concluir .

7 Acesse o aplicativo Mensagens para visualizar seu e-mail.

Página do MobiMail \\ Em www.locaweb.com.br/produtos/mobimail.html, é possível conferir detalhessobre o novo serviço de e-mail da Locaweb; ponto forte do MobiMail é a compatibilidade com aplicativos móveis

facilidades/locaweb

Keep it Simple:W2008 9/4/2009 18:14

26 locaweb

materia de capa:W2008 9/4/2009 18:39

capa/cloud_computing

locaweb 27

Conheça em detalhes a revolução da internet queirá mudar o jeito como os computadores interageme entenda como isso irá melhorar sua vida

Texto: Camila Pratti Ilustração: Alexandre Dias (Nani)

Calma, pode deixar a galocha e a capa de chuva noarmário, porque o assunto aqui nada tem a vercom meteorologia, muito menos com viagens de

avião. A nuvem, em questão, refere-se à computação - é atão falada cloud computing. A computação em nuvem

(em português) está tão em alta que foi apontada emrelatório do grupo de pesquisas Gartner como uma dastrês mais importantes tendências emergentes até ospróximos cinco anos.

Mas afinal como funciona esta tal cloud computing?Vamos explicar usando uma historinha verossímil.

Imagine que você está no supermercado, em algumlugar do Brasil, escolhendo os ingredientes para o jantar,quando toca o telefone e do outro lado da linha o seuchefe está todo aflito. Ele diz para você se dirigir,imediatamente, ao aeroporto internacional, pois haveráuma reunião importantíssima em Portugal, amanhã ànoite, à qual você não poderá faltar de jeito nenhum.

Você irá apresentar relatórios, vídeos e toda a base dedados produzida por sua empresa nos últimos dez anos.São arquivos confidenciais que só você e o seu chefe têmacesso, mas ele também não estará no escritório amanhã.Com a roupa do corpo, você embarca para Portugal.

Ao chegar ao local da reunião, recebe um notebookcom acesso à internet, pela qual confere todas asinformações de que precisa, produzidas em seu PC. “Mascomo isso é possível?” Esqueceu que está em tempos decloud computing? Um modelo no qual, sem aplicativos,os computadores são totalmente dedicados à web,sendo servidos via rede e processados por servidoresdedicados e potentes.

Sendo assim, é possível conferir toda a sua produçãorealizada no computador, de qualquer lugar do mundo.Basta pensarmos, por exemplo, nas contas de e-mail

materia de capa:W2008 9/4/2009 18:39

baseadas em web como Locamail, Hotmail, Gmail, Yahoo, entre outros. Estes serviços nos permitemconsultar, por meio da internet, nossas mensagens,armazenadas em um servidor alheio, a qualquermomento, de qualquer lugar. O mesmo se aplica asites de armazenamento e compartilhamento de fotosou vídeos como Flickr e YouTube.

Do computador pessoal para o mundo Em casa, ou melhor, em nosso home office,

realizamos trabalhos no computador pessoal,produzimos relatórios e apresentações, entre muitosoutros projetos. Para executar estas tarefas, usamos osaplicativos instalados em nosso PC.

Já no ambiente corporativo, as aplicações são disponíveisem servidores e podem ser acessadas em ambiente offline, pormeio de qualquer máquina ligada a uma rede, não necessitandoestar conectada à internet. O modelo empresarial permite aousuário compartilhar arquivos pela rede, ação não muito comumno ambiente doméstico. Mesmo assim, nem todos os arquivospodem ser compartilhados e em muitos casos é necessário ter alicença dos softwares para cada máquina.

E onde entra cloud computing ou computação em nuvemnessa história? Da constante necessidade de atualização de dadosem tempo real e pela adoção de práticas propostas pela Web 2.0,tendência que incentiva a troca de informações e a colaboraçãodos internautas com sites e serviços virtuais, dinamizando aorganização do conteúdo online. Estamos falando de redes sociais,comércio eletrônico, entre outros.

Outra mudança significativa é no conteúdo que circula pelarede. Antigamente eram trocadas imagens estáticas, planilhas e,hoje, muitos arquivos pesados de música e vídeo, por exemplo.

Juntando tudo na panela e refogando, temos a solução que

propõe a utilização dos mais variados aplicativos, por meio dainternet, independente de lugar ou plataforma utilizada.

US$ 42 bilhões até 2012Pesquisa realizada pela consultoria IDC prevê que gastos com

serviços de computação em nuvem tripliquem até 2012, atingindoUS$ 42 bilhões. Esta alta se deve à necessidade das empresasreduzirem custos com TI, cada vez mais relacionada ao atualcenário mundial de crise econômica. E ao fato de a solução cloudestar ligada a corte de gasto.

Realizada com 696 executivos de TI e CIOs, na Ásia/Pacífico(exceto Japão), a pesquisa mostrou que 11% dos entrevistadosusam soluções de cloud computing, enquanto 41% estãoavaliando a implantação ou já têm projetos pilotos com a solução.

Mais de 50% dos participantes disseram queo corte de custos é o principal motivo dadecisão de contratar serviços decomputação em nuvem. Há ainda 17% queavaliaram a tecnologia como promissora eimportante otimizador de recursos de TI,mas que ainda não existem serviços que atornem muito atraente.


28 locaweb

Arquitetura em nuvem

Graficamente, a internet é representada por

nuvem em diagrama de tecnologia, daí o

termo cloud computing, que se tornou

popular ao ser associado a uma rede de

servidores físicos ou virtuais utilizada para

alocar um ambiente de computação.

Página do IDC \\ Pesquisa realizada pela consultoria prevê que gastos com serviços de computação emnuvem tripliquem até 2012, atingindo US$ 42 bilhões; seria uma das maiores ascensões da história online

* Entre os usuários dacomputação em nuvem,17% avaliam atecnologia comoimportante otimizadorde recursos de TI e queainda há espaço paraserviços que a tornemmuito mais atraente

Amazon

Apple

Google

Locaw

eb

Yahoo

materia de capa:W2008 9/4/2009 18:39


De acordo com declaração de Chris Morris, diretor de pesquisade serviços e analista sobre cloud computing da IDC, osfornecedores de TI que não seguirem esta tendência dificilmenteconseguirão manter a competitividade no mercado, bem como asreceitas. Apesar disso, Morris reforça que os serviços e soluções debaixo custo, isolados, não garantem sucesso. Isso porque, naopinião do diretor, a maioria das empresas que adotam cloudcomputing exige acordos de níveis de serviço - SLAs.

Backup para quê?Pelo andar da carruagem e pelo investimento pesado, a ideia é

que no futuro as empresas de tecnologia ofereçam hardwares(processamento e armazenamento) e softwares totalmenteonline. O que isso quer dizer? Quer dizer que, como na históriaque contamos anteriormente, os usuários poderão acessartodos os trabalhos produzidos em umcomputador, de qualquer outro. De aplicativos deedição de texto e de imagem, planilhas atéapresentação ... enfim, tudo.

E quem nunca quis jogar o computador pela janela, ao menos uma vez na vida, por terperdido ou por algum documento importante tersido corrompido durante o trabalho que atire o primeiro PC.

Calma! Com a nova tecnologia é muito provávelque não seja mais necessário realizar backups, porexemplo, pois as informações seriam salvas dentrode um servidor remoto. Outra vantagem é que asmáquinas poderão ser mais velozes, ficando a cargoda banda larga deste servidor.

Custo nas nuvens?Com a tecnologia cloud computing, não haverá

mais necessidade de altos investimentos eminfraestrutura para aumentar os recursos deprocessamento e armazenamento - é ochamado gerenciamento inteligente.

Para mais processamento, a solução é fazerum upgrade de capacidade, sem a necessidadede adquirir equipamentos ultrapotentes paraesse fim. Sendo assim, a parte mais pesada ficana internet ou, melhor, na nuvem. Por isso,bastam um bom navegador e conexão àinternet adequada para que o seu computadortenha um desempenho de alta performance.

Isso também pode ser feito para aumentaro armazenamento e upgrades de softwares.Imagine que você deseja atualizar umsoftware. No modelo tradicional serianecessário reinstalar o programa em sua máquina. E em alguns casos umainstalação pode afetar a rotina do usuáriopor um período.

Na proposta do cloud computing, este pode ser aperfeiçoadosem atrapalhar o seu dia a dia. Um bom exemplo são asatualizações realizadas em contas de e-mail que proporcionammaior capacidade de armazenamento de arquivos e mensagens.Enquanto as alterações são feitas, o internauta continua acessandoa sua conta normalmente.

Claro que tudo isso é maravilhoso, mas ainda há muito que seraperfeiçoado e estudado. Por exemplo, para atrair clientes, asempresas precisam garantir a segurança das informações, já que

100% dos dados estarão na web. E há muitascorporações que trabalham com planilhasorçamentárias e dados bancários extremamentesigilosos, por exemplo.

Outra questão é a dependência do usuário emrelação à empresa prestadora do serviço, já que ossoftwares são rodados localmente. Cabe ao clienteescolher dentro das opções de serviços de cloudcomputing a que mais lhe agrada, mas não decidirásobre as atualizações.

O conceito de cloud computing ainda apresentachuvas e trovoadas para alguns especialistas. Tantoque algumas personalidades do mundo datecnologia, ao explicarem em um vídeo (em inglês)intitulado “What is Cloud Computing?” o conceitodesta solução, apresentam visões bem diferentessobre o assunto. Para conferir, acessewww.youtube.com/ watch?v=6PNuQHUiV3Q.

locaweb 29

Curiosidade

* A ideia é que no futuro as empresasde tecnologia ofereçam hardwares(processamento e armazenamento) e softwares totalmente online

Site da Amazon \\ Companhia que detém a maior loja virtual da web é uma das maiores entusiastas dacloud computing; empresa realiza alianças e testes para fomentar essa nova tendência do mundo digital

O envolvimento entre a conexão ea arquitetura de redes já deualguns frutos, bem antes dacomputação em nuvem. Oprimeiro resultado foi batizado deArquitetura Cliente-Servidor, que,como o próprio nome diz, era oacesso do computador aoconjunto de programas einformações do servidor. Depoisveio a Computação Distribuída, emseguida a Grid Computing, soluçãocriada por Ian Foster e CarlKesselmans, em 1990, pararesolver o problema de múltiplos esimultâneos acessos a diversosrecursos de processamento,armazenamento e programas.

materia de capa:W2008 9/4/2009 18:39


Apesar de ainda estar um pouco “nublado” paramuita gente, já existem bons serviços no mercadoe muitos usuários já estão aderindo às novassoluções, como apresentamos a seguir.

Alta performanceAtualmente, a tecnologia cloud computing

permite maior flexibilidade na administração doservidor e recursos de processamento, disco,memória e banda exclusivos para as aplicaçõesde cada usuário.

Antenada nesta tendência, a Locaweb investiuR$ 3 milhões e lançou seus primeiros planos emsetembro de 2008. Hoje, a empresa já registramais de 1 mil usuários instalados e ativos,sendo que mais de 90% na modalidade‘gerenciado pelo cliente’. “Além do custootimizado e garantia de disponibilidade, somoso primeiro Data Center nacional a utilizar atecnologia de cloud computing", afirmaGilberto Mautner, CEO da Locaweb.

O Cloud Computing Locaweb oferece a infra-estrutura para hospedar sites e suas aplicaçõescom alta performance e tecnologia de ponta.Disponibiliza recursos de processamento,memória e disco dedicados na nuvem, dentro deum ambiente de hardware distribuído eautogerenciado, que previne falhas erealoca automaticamente oscomponentes da nuvem.

Produtos LocawebA Locaweb apresenta soluções

divididas em três produtos:Dedicated Cloud, Cloud Server eCloud Mini. Confira abaixo do que setrata cada uma destas plataformas.

O Dedicated Cloud é umanuvem dedicada a usuárioscorporativos. Por meio desta solução, é possível criar e configurarquantos servidores forem necessários em uma infraestrutura deHosted IT. Possibilita ao usuário ter um parque de cloud completo,dentro de um ambiente de alta performance e tecnologia deponta. O produto atende demandas robustas e missões críticas,voltada a clientes corporativos, grandes empresas interessadas emter uma estrutura dedicada de TI. Para contratar o serviço, acesse:www.locaweb.com.br/produtos/dedicated-cloud.

Já o Cloud Server trata-se de um serviço com recursosexclusivos e custo otimizado. É uma boa opção para empresas quebuscam servidores dedicados de baixo custo, com planos a partirde R$ 149,00 ao mês. Esta solução permite definir capacidades deprocessamento, disco, memória, banda e ajuste a qualquermomento, além de autonomia e recursos de uso exclusivo, dentro

de um ambiente de alta performancee tecnologia de ponta. Na hora decontratar o serviço, o usuário podeoptar por Gerenciamento pelaLocaweb ou pelo Cliente.

Gerenciamento pela Locaweb: parausuários que desejam administrar odesenvolvimento web, sem aobrigação ou responsabilidade comconfigurações, atualizações, segurançae manutenção do servidor. A Locawebfica responsável pela posse da senha

de administração. Em servidores com Plataforma Windows, ousuário não terá acesso de administrador, sendo assim, o acesso viaTerminal Service não é permitido, o acesso aos arquivos sãoliberados apenas via FTP. Para servidores em Plataforma Linux, oacesso root é permitido, mas o acesso via SSH é liberado e o clientepoderá acessá-lo por meio de um usuário fornecido pela Locaweb.Para este tipo de gerenciamento, recomenda-se que a empresatenha profissionais com bons conhecimentos para administrar suaprópria aplicação e experiência em linguagem de programação.

Gerenciamento pelo Cliente: ideal para quem busca totalcontrole do ambiente lógico do servidor, ambiente de segurança

30 locaweb

Serviço para empresas \\ O Dedicated Cloud é um serviço voltado a usuários corporativos, que permite configurar quantos servidores forem necessários em uma infraestrutura de Hosted IT

Cloud Server \\ Serviço tem recursos exclusivos e custo otimizado; trata-se de boa opção para empresas que buscam servidores dedicados de baixo custo

* A Locaweb investiuR$ 3 milhões paraoferecer serviços decloud computing desdeo ano passado,primeiros planos decomputação em nuvemforam lançados emsetembro de 2008

• Mais de 1 mil clientesinstalados e ativos com atecnologia cloud computing

• 232 clientes optaram pelamodalidade ‘gerenciado pelocliente’ apenas em fev/2009

Locaweb: números relevantes

materia de capa:W2008 9/4/2009 18:39


desde backup e restore de configurações do sistemaoperacional e softwares, sem qualquer interferênciaou atuação da Locaweb em configurações oumanutenção dos softwares/aplicativos. Comexceção da instalação básica do sistemaoperacional, as demais instalações de qualquertipo de aplicativo ficam sob a responsabilidadeexclusiva do usuário, já que terá total acesso àmáquina e a senha de administração. É adequadoque o gerenciamento seja feito por profissionaiscom bons conhecimentos em administração desua própria aplicação, de sistema operacional, desegurança, de banco de dados e de rede.

A arquitetura inteligente em cloud possibilita odimensionamento e a configuração ereconfiguração de servidores de forma simples eágil, o que reduz significativamente asinterrupções de serviço e custos de operação.Sendo as aplicações transferidas de maneiratransparente e ininterrupta para seremprocessadas onde há mais capacidade disponível.

Já o Painel de Controle permite que o própriousuário faça o gerenciamento e adicione recursossem depender de interrupções ou alteraçõesmanuais, sendo as operações automatizadas.

Os recursos contratados de hardware sãoalocados nas camadas de memória,processamento e disco. O isolamento é igual aode um servidor dedicado, com todas as vantagensde escalabilidade, disponibilidade e performance permitidaspela arquitetura em cloud e a um custo reduzido. O plano daLocaweb garante ainda itens como:

Escabilidade: possibilita ajustar a capacidade alocada de processamento, disco,memória ou banda on-line, bastando um reboot. Também facilita adaptar ocontrato do usuário a qualquer momento, conforme as suas necessidades, semimobilizar investimentos em equipamentos próprios.

Disponibilidade: permite o autogerenciamento do sistema,com prevenção de falhas e realocação automática do servidorentre os componentes do cloud, garante 99,9% dedisponibilidade de hardware.

Performance: balanceamento dinâmico, otimização contínua eautomatizada dos recursos disponíveis e sistemas sempreatualizados garantem performance de ponta. Os recursoscontratados de processamento, disco, memória e banda são 100%garantidos durante todo o tempo. Para saber mais sobre o serviço,acesse www.locaweb.com.br/produtos/cloud-server

Por fim, o Cloud Mini é uma plataforma Linuxcom autonomia total na administração do servidor.De novembro do ano passado, quando a Locaweblançou o serviço, até a primeira semana de fevereirodeste ano foram vendidos mais de 380 servidores. Asolução de alta performance e tecnologia de pontatem custo baixo e é voltada ao público que possuiconhecimento técnico e procura autonomia naadministração Linux (acesso root) e flexibilidade paramigrar de plano à medida que precisar. Os planoscustam entre R$ 59,00 e R$ 99,00 mensais.

Por R$ 59,00, o Cloud Mini oferece 300 MB deRAM, armazenamento de 20 GB, 2 Mbps de bandaou transferência mensal de 300GB, além de outrosbenefícios. O plano de R$ 99,00 conta com 600 MBde RAM, armazenamento de 30 GB, 4 Mbps debanda ou transferência mensal de 300GB, além de

outros benefícios. Em ambos os planos, a solução, disponível naplataforma Linux, permite gerenciamento pelo usuário. A solução,disponível na plataforma Linux Ubuntu, permite gerenciamento deaplicações; instalação de softwares, exceto sistema operacional econfigurações de regras das ferramentas de segurança pelousuário. Disponibilidade de hardware de 99,9%. Mais informaçõespodem ser obtidas em http://www.locaweb.com.br/cloudmini.

O Cloud Mini é oferecido em duas configurações:

Cloud Mini I:• 2 cores de 150 MHz• 300 MB de memória• Disco de 20GB• 2 Mbps de banda• Transferência mensal de 300 GB• R$ 59/mês

Cloud Mini II• 2 cores de 300 MHz• 600 MB de memória• Disco de 30GB• 4 Mbps de banda• Transferência mensal de 600 GB• R$ 99/mês

locaweb 31

Cloud Mini \\ Plataforma Linux com autonomia total na administração do servidor; desde novembro,quando a Locaweb lançou o serviço, até fevereiro deste ano, foram vendidos mais de 380 servidores

6 principaisvantagens do CC

1Possibilidade de utilizaraplicações da internet, sem

que estejam instaladas nocomputador do usuário;

2 Permite acesso a diversosaplicativos independente

do seu sistema operacional ou de hardware;

3 Backup, controle desegurança, manutenção, entre

outros, são de responsabilidade daempresa fornecedora do serviço;

4 Redução de custos cominfraestrutura. No

modelo tradicional são altos oscustos de energia, pessoal ehardware e o espaço nos datacenters é limitado;

5 Facilidade em compartilhardados, já que todos os

usuários acessam as aplicações eos dados da nuvem - internet;

6 Simplifica muito as operações ao usuário.

materia de capa:W2008 9/4/2009 18:39


Software como serviço Diretamente relacionado ao conceito de cloud computing está

o de Software as Service (SaaS) - Software como Serviço. Com estemodelo, não é necessário adquirir licença de uso do software parainstalação e nem a compra de servidores para a execução. Para usaro serviço, o usuário paga um tipo de assinatura pelo tempo de uso.

Vamos a um exemplo. Uma empresa com 15 funcionáriostrabalha com um software de design gráfico para desenvolverprodutos de comunicação. Como se trata de pequeno porte, ocusto com o preço da licença de uso deste software, além deequipamentos ou mesmo hardware para executá-lo, pesaria muitono orçamento da empresa.

Sendo assim, a melhor opção seria contratar umafornecedora que oferece este tipo de software, trabalha com omodelo SaaS e pode disponibilizar o serviço por meio datecnologia cloud computing. O valor desembolsado pelapequena empresa seria apenas referente ao número deusuários e ao tempo de uso do serviço. Assim, hardware,instalação, atualização e manutenção são de responsabilidadeda empresa fornecedora do serviço. Preço bem inferior do queno caso da necessidade de investir em infraestrutura.

Grandes empresas investem em cloud computingAlém da Locaweb, outras gigantes da tecnologia começaram

a investir ou mesmo se preocupar com a questão dacomputação em nuvem. Companhias como Microsoft, IBM eUnisys, cada uma em seu campo de atuação, investem eestudam os efeitos da cloud computing.

No caso da Microsoft, por exemplo, sua preocupação aparecenas novas versões de seu Visual Studio e da ferramenta .NetFramework, que entram no mundo da computação de nuvem.

No final do ano passado, a Microsoft apresentou algumas dasnovidades que fazem parte da próxima geração do Visual Studio2010 e .Net Framework 4.0. A ideia era mostrar adesenvolvedores detalhes das plataformas,que chegam ao mercado com foco natendência cloud computing.

O ponto cenrtal do Visual Studio 2010 é

oferecer soluções que atendam a todas as pessoas envolvidas noprocesso de desenvolvimento de uma aplicação, retirando muitasdas barreiras que evitam a integração entre equipes e diferentestecnologias. “O objetivo é entregar para nossos clientes umasolução capaz de apoiar todos os envolvidos no processo dedesenvolvimento de uma aplicação desde a análise de requisitos earquitetura até a homologação, instalação e manutenção. Issoconsiderando que essa plataforma é interoperável com outrastecnologias usadas para desenvolvimento de software domercado”, diz Carlos Zimmermann, gerente de produtos paradesenvolvimento da Microsoft Brasil.

Grande parte do desenvolvimento de aplicativos está dispersaou dependente de diversas áreas nas empresas. Isso gera diversosdesafios que podem impactar em perda de produtividade, controlee previsibilidade nos ciclos de desenvolvimento de um software.Com o Visual Studio 2010, o plano da MS é gerar uma solução quedá suporte à equipe envolvida no processo de desenvolvimentopara colaborar de forma efetiva.

Entre os destaques do Visual Studio, focado em cloudcomputing, pode-se destacar:

Ferramentas de modelagem O Visual Studio Team System Architecture Edition fornece um novo conjunto deferramentas UML (Unified Modeling Language). Estas ferramentas, quepermitem aos desenvolvedores visualizarem os produtos de seu trabalho em

32 locaweb

Ferramenta \\ Microsoft mostra sua preocupação com a cloud computing nas novas versões do Visual Studioe da .Net Framework, que tem recursos específicos para desenvolvedores trabalharem com a tecnologia

* Relacionado ao conceito de cloudcomputing está o de Software asService (SaaS) - Software comoServiço; trata-se de um modelo com oqual não é necessário adquirir licençade uso do software para instalação enem a compra de servidores

materia de capa:W2008 9/4/2009 18:39


diagramas padronizados, ajudarão a preencher a lacuna entre modelos de altonível e o código da aplicação, enfatizando os benefícios do uso de UML esoluções DSL (Digital Subscriber Line), voltadas à transmissão digital dedados. Adicionalmente, a edição “architecture” fornecerá ricas ferramentas quepermitirão aos clientes entender melhor seus sistemas atuais, fornecendocapacidade de visualizar e integrar a infraestrutura atual facilmente com novossistemas na camada de modelagem.

Ciclo de testes Os recursos de testes do Visual Studio 2010 foram aperfeiçoados, já que asferramentas necessárias para a integração de testes por todo seu ciclo de vidade desenvolvimento foram unificadas. Ferramentas de testes estãogeneralistas e suportam planejamento de testes e gerenciamento de casos deteste, assim como ferramentas avançadas para testes manuais farão parte doVisual Studio Team System 2010.

Colaboração Há mais recursos na escalabilidade do Team Foundation Server (TFS). Issoinclui aprimoramentos que permitem às equipes configurarem e adotaremqualquer forma de processo de desenvolvimento. No sistema degerenciamento de código fonte, o TFS oferece ferramentas de visualização parao rastreamento de alterações em desvios e no conjunto de produção. O VisualStudio 2010 também passa a incluir conjuntos baseados no fluxo de trabalhoque detectam erros antes de esses afetarem o restante da equipe ou, piorainda, ingressar na produção. Por fim, os administradores contarão com umaimplantação e gerenciamento de TFS significativamente mais simples.

IBM e as nuvensSe a Microsoft se preocupa com o software, a IBM vai além. Em

setembro do ano passado, a companhia inaugurou quatro centrosde cloud computing em mercados emergentes: em São Paulo(Brasil); Bangalore (Índia); Seoul (Coréia); e Hanoi (Vietnã), locaisonde existe uma demanda crescente por mão-de-obra capacitadae modelos de computação baseados em internet que ajudem asempresas a se destacarem em ambientes altamente competitivos.Esses, com os já existentes em outros países emergentes e emmercados mais maduros, somam um total de 13 centros, formandoa maior rede especializada em cloud computing do mundo.

Atualmente, empresas de todos os tamanhos estão

enfrentando questões como: excesso de informação e dados;elevados custos de energia; exigências reguladoras cada vez maiscomplexas; e concorrência de economias mais rigorosas. Nessecenário, cloud computing está surgindo como um passoimportante para todas as indústrias. Esse modelo de computaçãopermite que empresas e consumidores acessem remotamente umamplo conjunto de recursos de computação, que podem seraproveitados on demand para fornecer a nova geração de serviçosque consumidores demandam, como por exemplo, registrosmédicos online e gerenciamento móvel do portfólio de acões.Além disso, aprimora a eficiência energética, devido ao seuprincípio de infraestrutura compartilhada, e permite a organizaçõesrastrearem informações da melhor maneira, pagarem pelo o queusam e acessarem mais aplicativos ou serviços de computação earmazenamento de dados de forma on demand.

Há cerca de um ano a IBM tem construído infraestruturasde cloud computing para clientes de todo o mundo etambém mantido projetos em seus ambientes de cloudcomputing. Os centros estão disponíveis para clientes dediferentes indústrias, como bancos, telecomunicações,governo, educação e serviços de hosting.

locaweb 33

O website Camiseteria (www.camiseteria.com) aposta na interatividade para propor ademocracia fashionista, na qual o usuário que participa como membro da comunidade podeenviar desenhos para possíveis estampas de camisetas. Esses são votados por outrosintegrantes e os melhores são transformados em camisetas, vendidas pela internet.

Sendo assim, para melhorar sua performance, o Camiseteria optou pelo serviço de cloudcomputing da Locaweb há aproximadamente cinco meses.

“Cloud Computing é uma plataforma de computação que permite a expansão derecursos como CPU, memória, espaço em disco e banda, conforme a demanda por essesrecursos for crescendo. Serve para melhorar o gerenciamento e otimização dos custos dosrecursos de computação”, explica Fabio Seixas, membro-fundador da Camiseteria.

Segundo Seixas, a maior vantagem é a facilidade do gerenciamento da expansão dosrecursos e, a princípio, não vejo desvantagens. “Optamos por esta modalidade para ganharmais flexibilidade na expansão de nossos serviços e também na redução de custos.”

Ele aconselha o uso do serviço Cloud Mini para os iniciantes em Cloud Computing. “Achoum excelente serviço para quem está começando devido ao baixo custo.”

Quando questionado se acha perigoso deixar tudo na mão dos servidores ou deempresas, Seixas explica. “Na verdade, ainda não deixamos tudo em um lugar só. Os dadossão replicados em outras localidades para garantir segurança.”

Camiseteria: redução de custos

Camiseteria optou pelo serviço cloud computing da Locaweb há cinco meses.

Microsoft \\ Empresa investe em ferramentas para desenvolvimento de cloudcomputing e corre atrás do Google, empresa que investe, e muito, na tecnologia

materia de capa:W2008 9/4/2009 18:39


No Vietnã, universidades, ministérios do governo e empresas detelecomunicações são líderes na adoção de novas tecnologiascomo cloud computing, que ajudam a criar novos serviços. NaCoréia, o novo centro oferecerá mão-de-obra capacitada e projetospiloto para diversos setores da indústria. Na Índia, clientes como asempresas de médio porte, universidades, companhias detelecomunicações e entidades do governo poderão acessar osrecursos do centro para desenvolver aplicativos e infraestruturascloud, e entregar novos serviços para seus clientes. No Brasil, osclientes usarão o novo centro para gerar negócios como osprogramas de colaboração em escala massiva. À medida que osusuários de Internet no Brasil adquirem mais mobilidade, cloudcomputing vai tornando operações Web cada vez mais eficientes.

A IBM tem mais de 200 pesquisadores dedicados em tempointegral e anunciou $100 milhões em investimentos em cloudcomputing. A empresa mantém o Blue Cloud, um conjunto desolução de hardware, software e serviços. “Cloud computing estásurgindo como uma mudança fundamental na maneira degerenciar e fornecer Tecnologia da Informação”, diz Willy Chiu, vice-presidente de IBM High Performance On Demand Solutions. “É um

elemento-chave para evoluir para o ‘NewEnterprise Data Center’ e uma ferramentapoderosa para operações eficientes emeconomias em crescimento.”

Mais recentemente, a IBM anunciounovos componentes de hardware, softwaree serviços com o objetivo de atender àsdemandas por cloud computing. Em 2008,a IBM inaugurou o primeiro Centro de CloudComputing da Europa, em Dublin, Irlanda;um centro em Beijing, China; um emJohanesburgo, África do Sul; um em Tóquio,Japão; e um em Raleigh, Estados Unidos. Noano passado, a IBM forneceu serviços decloud computing para clientes como a Wuxi

City of China; Sogeti, a Divisão Local deServiços Profissionais da Capgemini;instituições e universidades do governo doVietnã; iTricity, um fornecedor de serviços

de hosting baseados em serviços de utilidade pública, sediado naHolanda; e a Universidade de Pretoria, na África do Sul.

Unisys vê cloud computing com foco na segurançaA “consumidorização” da tecnologia e as fronteiras cada vez mais

difusas entre o uso pessoal e profissional dos computadores,telefones celulares sofisticados e outros dispositivos estãoobrigando as empresas a repensar a maneira como avaliam osriscos e protegem os dados, de acordo com especialistas Unisys.

Ao mesmo tempo, uma sociedade cada vez mais móvel e o usomais popularizado de sites de relacionamento criam novos riscospotenciais à segurança, pois a “consumidorização” da tecnologiacontinua mudando a maneira como as pessoas trabalham e vivem.

Essas tendências convergentes levarão as organizações a examinar de maneira mais integrada a sua postura desegurança em todos os canais dentro e fora dos seus limitesestendidos, além de pensar em novos usos para soluçõesavançadas como a biometria.

Nesse cenário, a empresa vê os seguintes problemas comoprioridades da tecnologia de segurança:

1. A mobilidade dos consumidores, as redes de relacionamento e a cloudcomputing passarão a ser fatores mais significativos na maneira como asorganizações determinam seus investimentos em segurança.

2. Sistemas de segurança mais velozes e inteligentes quecorrelacionam e interpretam informações de várias fontes (inclusiveconvergindo segurança física e de dados) ganharão predominância com aspressões econômicas destacando a necessidade de acabar com o isolamentoentre os sistemas de informação.

3. Os persistentes problemas para as instituições financeirasprovavelmente restringirão os recursos e criarão a possibilidade de aumentodos riscos de esquemas de fraudes financeiras.

34 locaweb

Página da IBM \\ Empresa aposta que países emergentes, devido às questões econômicas, podem ser osmaiores beneficiados com cloud computing; Brasi seria um dos mais beneficiados com a tendência online

IBM \\ Em www.ibm.com/developerworks/websphere/zones/hipods, há umapágina com os principais projetos da IBM referentes à cloud computing

materia de capa:W2008 9/4/2009 18:39


4. Organizações de todo o mundo aumentarão a implementação detecnologias de identificação biométrica à medida que a aceitação dosconsumidores também aumenta.

Mobilidade e redes de relacionamentoA “consumidorização” cada vez maior da tecnologia cria

mais pontos de acesso para proteção de dados, exigindo umavisão mais ampla dos riscos e incentivando uma maiorcolaboração dos profissionais de segurança entre váriasempresas públicas e privadas.

“Um exemplo da mudança de aspecto da adoção de tecnologiaé a administração Obama, que é versada em tecnologia. Suadependência das redes de relacionamento, e-mail e mensagens detexto para comunicar-se diretamente com o cenário mundialsignifica uma adoção ainda mais rápida e novos usos dessastecnologias, o que traz consigo riscos diferentes”, afirma Chris Hoff,arquiteto de segurança da divisão de Sistemas e Tecnologia daUnisys e especialista em mobilidade, virtualização ecloud computing. “Uma sociedade mais conectadaaumentará o foco na maneira como várias empresaspodem trabalhar juntas para compartilharinformações e atenuar melhor as ameaçasemergentes à segurança física e de dados.”

Além disso, avanços como a cloud computing, em que osserviços de processamento são fornecidos pela internet a umaampla gama de usuários, democratizarão ainda mais a tecnologia eexigirá mais reavaliações de riscos. À medida que as fronteiras detroca de informações e colaboração vão ficando cada vez maisamorfas, as empresas precisarão ainda mais de uma visão integradadas suas vulnerabilidades de segurança e de novas maneiras deproteger todas as suas operações virtuais.

Sistemas de segurança Os especialistas em segurança da Unisys veem redes de

segurança de dados mais velozes e inteligentes à medida que asempresas enfrentam pressões cada vez maiores para reduzir os

custos das operações, sem deixar de proporcionar aos usuáriose parceiros acesso a novos tipos e fontes de informação paraapoiar a tomada ágil e compartilhada de decisões. Avanços naanalítica de gestão coordenada de riscos também melhorarãoas ferramentas de combate a fraudes mais sofisticadas antesque elas ocorram ou causem uma grande violação desegurança. As instituições financeiras, por exemplo, colaborarãode maneira mais ágil entre si e com órgãos públicos e outrasorganizações para identificar melhor as fraudes na origem.

“Os avanços tecnológicos em analítica de tempo real paracompartilhar mais facilmente os dados e detectar padrões defraudes já proporcionam maiores oportunidades decolaboração”, explica Sid Pearl, diretor de soluções de segurançada divisão Global Industries da Unisys. “O atual cenárioeconômico diz que os investimentos em TI estão sendoavaliados com mais rigor e a segurança ainda é uma prioridade.As pressões orçamentárias podem, na verdade, incentivar umcompartilhamento maior de informações, pois os bancos eoutras organizações percebem as vantagens de ROI que podemresultar do trabalho com outras organizações, sem deixar demanter as formas de proteger seus sistemas próprios.”

locaweb 35

Veja alguns clientes da Locaweb que já optaram pela cloud computing,bem como os planos adotados por eles

KAIZENSite: www.kaizen.com.br Armazenamento/Storage: 7,5 TBProcessamento: 132GHzMemória: 192 GB RAMCloud Servers: 70 Cloud Servers alocados(além das máquinas físicas dedicadas) Solução: Dedicated Cloud, missão crítica

KNOW TEC Site: www.knowtec.com.br Armazenamento/Storage: 500 GB Processamento: 24,4 GHzMemória: 22 GB RAM Cloud Servers: 8 Cloud Servers alocados

PREFEITURA DE LUCAS DO RIO VERDESite: www.lucasdorioverde.mt.gov.br Uso: Aplicações digitais de serviços municipais, certidões negativas online, alvarádigital, dentre outros. Utiliza a solução de Cloud Server 1

CALÇADOS PICADILLYSite: www.varejopicadilly.com.br Utiliza a solução de Cloud Server 1

Parceiros em Cloud Computing

Unisys \\ Unisys acredita que cloud computing levará as organizações a examinarde maneira mais integrada a sua postura de segurança em todos os canais

* Avanços como cloud computing, em que osserviços de processamento são fornecidos pela

internet a uma ampla gama de usuários,democratizarão ainda mais a tecnologia

materia de capa:W2008 9/4/2009 18:39

Ouça oseu cliente

anteriomente. O termo em inglês é “word of mouth” que éuma referência à passagem de informação entre pessoas, porqualquer meio de comunicação disponível. Recentementetenho ouvido bastante o termo “word of mouse”, que servepara dizer que o tradicional boca-a-boca foi amplificado pelomouse. Com a internet o marketing boca-a-boca foiamplificado consideravelmente e, o que é melhor, é possívelvê-lo acontecendo.

Pois bem, como podemos ouvir o que o nosso cliente estádizendo sobre nós para outras pessoas e sem infringir qualquerlei? Basta usar a busca em blogs e sites sociais.

Nos blogs, as pessoas costumam expressar sua opinião sobreprodutos e/ou empresas. Utilize ferramentas como Technoratiou Google Blog Search para encontrar o que estão falandosobre você.

Contudo, postar em blogs pode ser demorado e buscar emblogs pode ser difícil. Daí vem as redes sociais. Você deve estarpensando em Orkut, Facebook, e sistemas similares, né? Bem, sevocê tem uma conta lá, talvez dê para achar alguma informaçãoútil sobre a sua empresa, mas a busca de informações nessessites de redes sociais é um pouco difícil.

Você conhece o Twitter? É uma empresa nova, começaramem março de 2006 e em maio de 2007 viraram uma empresaindependente. Eles se definem como um sistema em temporeal para troca de mensagens. É uma mistura de micro-blogscom mensagem instantânea, só que público. E o mais bacana,dá para pesquisar sobre o que as pessoas estão falando sobre asua empresa em search.twitter.com. Divirta-se.

Na web, é possível saber exatamente o que falam de você, de sua empresa oude seu projeto com simples cliques e buscas em ferramentas especializadas

36 locaweb

Technorati \\ Ferramenta é bastante útil para que você descubra o que aspessoas estão falando sobre sua empresa, seu projeto e meça sua reputação

Que é importante ouvir o seu cliente, acho que nãopreciso nem dizer. Afinal, “quem manda é o cliente” não é

um mote novo no mundo dos negócios. É tão importante ouvir ocliente que existem departamentos inteiros dedicados a esse fim,os SACs (Serviço de Atendimento ao Cliente) e similares.

A internet está nos dando a oportunidade de ouvir o seucliente quando ele não fala diretamente com você ou comalgum funcionário da sua empresa. Como? Espionando e-mailse ouvindo ligações VoIP? Não… Há formas muito mais simples eeficientes de se “ouvir” o que o cliente fala para outras pessoas.

Primeiro vale relembrar um conceito de marketing bastantepoderoso, o marketing boca-a-boca, que comentei aqui

Joaquim Torres Diretor de Produtos da Locaweb

@[email protected]

e-businessopinião/articulista

artigo_joaquim:W2008 9/4/2009 18:52

205 X 275:Layout 1 19/3/2009 17:19 Page 1

windows7:W2008 25/3/2009 15:38

pré-lançamento/windows7

locaweb 39

Conheça a próxima versão dosistema operacional daMicrosoft, que promete fazer osusuários esquecerem do Vistae até mesmo do bom WinXP

Vista Reloaded

Texto: Eduardo Lisboa e Max JahnkeIlustração: Alexandre Dias (Nani)

OWindows 7 é o novo sistema operacional da Microsoft,que apesar de ainda estar em desenvolvimento, foiliberado para download para que o público pudesse

testar e mandar as impressões para a Microsoft, dando aoportunidade para que algumas alterações fossem feitas e osistema operacional fosse melhor recebido.

Muitas novidades e melhorias foram acrescentadas. O sistemainicia, desliga e volta do stand-by muito mais rápido; a interfacealém de responder muito mais rapidamente estámais bonita e fácil de usar. Como exemplo, de dez aquinze segundos são necessários para o Windows 7voltar do modo sleep e não só mostrar a tela, mas jádar o controle total do teclado e do mouse.

O Windows 7 é uma atualização do WindowsVista, e, afirma a Microsoft, mantém compatibilidadede aplicativos, drivers e hardware que o WindowsVista suporta, então não haverá problemas de comohouve quando muitos usuários tentaram deixar deusar o Windows XP e passar a usar o Windows Vista.

InstalaçãoO Windows 7 é bem simples de instalar. Ao iniciar

o CD, seja direto do Windows ou por boot, sãoapresentadas duas opções: Upgrade ou Custom.Entretanto, a opção Upgrade só pode ser iniciada dedentro de um sistema Windows já funcionando.

A opção Custom tem uma abordagem bemdireta. Após perguntar o idioma e em qual partição

o Windows será instalado, ela segue até o primeiro boot. Só entãooutras perguntas, também simples, são feitas, como o tipo de rede(doméstica, pública ou de trabalho).

Durante a instalação, aparece a janela de inserção da chaveserial, que pode ser deixada em branco, permitindo ativar oWindows mais tarde pela internet.

Ao escolher a opção Upgrade, o instalador oferece a opção deprocurar na Internet e baixar atualizações antes de iniciar ainstalação. Ele também verifica a compatibilidade com o sistema eo hardware do computador. Caso falhe, ainda é possível forçar ainstalação direto pelo boot do CD.

NovidadesO Windows 7 possui várias novidades interessantes, como

suporte a monitores sensíveis a toque e multitoque,reconhecimento de voz e reconhecimento de escrita capaz delidar com símbolos matemáticos.

Depois da instalação e boot super-rápidos, o que chama aatenção é a beleza do desktop, graças às janelas com bordascuidadosamente desenhadas e efeitos de transparência, efeitos 3D

Windows 7:

Respostas dos Usuários\\ No Windows 7, a quantidade de interrupções está sensivelmentemenor, mas não foi removida; dá a possibilidade de o usuário escolher quais mensagens quer receber

windows7:W2008 25/3/2009 15:38

durante a minimização,maximização e troca de janelas. Abarra de tarefas também foiremodelada, ficando maior e maisbonita e com a capacidade demostrar previews das janelasabertas, deixando o uso do sistemaoperacional mais confortável.

Barra de tarefasA barra de tarefas foi

completamente replanejada,parecendo um híbrido entre barrade tarefas do KDE e do dock doMac OS. Ela está mais larga, possuiícones grandes e também tem umestiloso efeito de transparência,quando o Aero está ativado.

Cada janela é agrupada emum ícone de acordo com oaplicativo relacionado. Por exemplo, ao deixar o cursor do mouseparado sobre o ícone do Internet Explorer, miniaturas das janelasou até mesmo abas são exibidas. O preview do Media Playermostra, além da miniatura, botões para parar ou trocar de música,além do artista que está tocando no momento.

Isso mostra que além de representar janelas, a barra também écapaz de exibir diferentes formas de interação, dependendo doaplicativo. Ao colocar o mouse sobre uma das miniaturas, todas asoutras janelas ficam semitransparentes ou mostram apenas amoldura, facilitando ainda mais a busca pela janela.

Outra novidade interessante é a Jump List. Um clique com obotão direito sobre um ícone faz com que um pequeno menusurja, que dependendo do contexto. Ao clicar no ícone do Internet

Explorer, por exemplo, aparece uma lista das páginas visitadasrecentemente. Já no ícone do Windows Explorer, uma lista daspastas acessadas frequentemente é mostrada.

Sensibilidade a toque e multitoqueO mais interessante recurso do Windows 7 é a sensibilidade a

toque e multitoque, que permite que a interface com ocomputador seja mais intuitiva. É possível arrastar as janelasapenas segurando a borda dela com o dedo. Para redimensionar,basta segurar com dois dedos e esticar ou diminuir, de acordocom o tamanho desejado.

Movimentos do mouse• Aero Snap - ao arrastar uma janela ao topo do desktop, ela éredimensionada para tomar o desktop todo; arrastando a janela para o ladoesquerdo ou direito, faz com que a janela ocupe respectivamente a metadeesquerda ou direita do desktop. Isso facilita a comparação de duas janelas e aotirar a janela maximizada do topo do desktop ou do lado esquerdo ou direito,ela volta ao tamanho que estava antes.

• Aero Peak - do lado direito da barra de tarefas, logo depois da área denotificação, há um novo botão que, quando clicado, minimiza todas as janelas.Mas, ao deixar o mouse sobre ele, todas as janelas ficam transparentes,mostrando a área de trabalho e os gadgets.

• Aero Shake - um outro recurso acessível via mouse é a possibilidade deminimizar rapidamente várias janelas deixando apenas uma delas visível, umrecurso muito útil quando se precisa focar em apenas um programa ou teracesso a arquivos que estão no desktop. Para ter acesso a esse recurso, bastaarrastar o título da janela com o mouse de um lado para o outro. Isso fará comque todas as outras janelas rapidamente sejam minimizadas, deixando oambiente limpo. Quando a janela é chacoalhada novamente, todas as outrasjanelas voltam à posição original.

Impressões anotadasA Microsoft ficou atenta às reclamações contra

o Windows Vista e estrategicamente disponibilizou,durante algum tempo, o Windows 7 Beta paradownload gratuitamente. Desta forma foi possívelsaber quais impressões os usuários tiveram do novosistema operacional e fazer modificações nosistema para atender o gosto do público.

As críticas mais comuns ao Vista foramlentidão e reclamações contra o excesso de pop-ups que frequentemente interrompia o trabalhodo usuário. No Windows 7 esses problemasdiminuíram muito. A inicialização, finalização e oresumo depois do stand-by estão muito maisrápidos, a interface também responderapidamente. A quantidade de interrupçõestambém está sensivelmente menor, mas não foiremovida, porém dá a possibilidade de o usuárioescolher quais mensagens quer receber. No


40 locaweb

Novidades \\ Efeitos de transparência do Aero que deixam o Windows 7 com um visual bemestiloso; a aparência está mais bonita do que nas versões anteriores do sistema operacional da MS

Hardware recomendadopela Microsoft: • Velocidade do processador:1 GHz (32-bit ou 64-bit); • Memória (RAM): 1 GB; • Placa gráfica: Compatível com DirectX 9.0; • Memória da placa gráfica:128MB (para o Windows Aero); • Espaço em disco: 16G.

Hardware usado nos testes: • Processador: Core 2 Duo T5800 2 GB; • Memória: 2GB; • Placa gráfica: Intel MediaAccelerator 4500MHD; • Memória da placa gráfica: 128MB; • Espaço reservado: 20G.

Requisitos

windows7:W2008 25/3/2009 15:38


Windows Vista é possível apenas ligarou desligar este recurso, conhecidocomo User Account Control.

Existem quatro níveis de notificação:

• Sempre notificar - este nível é o mais alto epede confirmação tanto para instalar programasquanto para para quaisquer mudanças feitas noWindows pelo usuário. Esta opção érecomendada caso o usuário instale programasrotineiramente e visite sites não confiáveis.

• Padrão - notifica apenas quando houverinstalações de programas, mas sem pedir confirmação para qualquer alteraçãonas configurações do Windows. Esta opção é recomendada caso os programasinstalados e os sites visitados sejam confiáveis.

• Alterações no Windows - pede confirmação para quando forem feitasmudanças na configuração do Windows. Esta opção não escurece o desktop aoabrir a janela de confirmação. E também permite que o programa interaja comesta janela, clicando no botão "Sim", por exemplo.

• Nunca notificar - não pede confirmação nem para instalar programas nempara alterar as configurações do Windows. Esta opção, apesar de não serrecomendada, pode ser usada para permitir o uso de programas nãocertificados pelo Windows 7, por não suportarem o User Account Control.

Alguns usuários do Windows 7 também foram capazes deperceber algumas falhas de segurança: escreveram um exploitprova-de-conceito e reportaram os problemas à Microsoft, quecorrigiu as falhas numa versão que ainda não está disponível paradownload. Um defeito que chamou atenção de alguns usuários foia corrupção de arquivos de mp3, cuja correção foi disponibilizada.

Sabe-se também que o governo do EUA está de olho noWindows 7, procurando por atitudes monopolistas. Então, aMicrosoft tem um grande desafio, pois será muito difícil adicionarnovas características que os consumidores sem ir contra oregulamento antitruste.

O Windows 7 também possui alguns programas a menos: oMessenger e o Movie Maker não vêm mais instalados; agora fazemparte do pacote Windows Live e podem ser baixados

gratuitamente. Seus principais aplicativos são: Windows LiveMessenger, Photo Gallery, Mail, Writer, Movie Maker entre outros.Especialistas afirmam que essa atitude tem por fim evitar que aMicrosoft seja processada por atitudes monopolistas.

Outro fato interessante é que a versão europeia do Windows 7poderá vir com alguns outros navegadores concorrentes e pedir,durante a instalação ou configuração, que o usuário escolha entreos navegadores disponíveis e desabilitar qualquer recursointegrado ao Windows do Internet Explorer, caso o usuário escolhaum navegador concorrente.

A Microsoft anunciou no Engineering Windows 7 blog que osusuários poderão desabilitar várias funções do Windows 7,incluindo o Internet Explorer. Entretanto, o navegador ainda estábastante integrado ao sistema; no Painel de Controle, dentro de"Opções de rede e Internet", existem opções para alterardiretamente as configurações do navegador.

Outra curiosidade é que o preview de janelas da barra detarefas, do Internet Explorer, permite ver cada aba separadamente,enquanto nos outros navegadores, como Google Chrome, AppleSafari, Mozilla Firefox e Opera, apenas a aba focada é mostrada.

ConclusãoA recepção dos usuários tem sido positiva apesar de ainda

estar em desenvolvimento e incompatível com muitosprogramas e drivers ainda utilizados no Windows XP. OWindows 7 está causando uma ótima impressão: ter permitidoque os usuários testassem a versão beta foi uma excelenteatitude da Microsoft.

Essa atitude de liberar o sistema para download durante suafase beta traz maior flexibilidade no desenvolvimento, atravésdo contato direto com os usuários, além de permitir à Microsoftpoder oferecer um sistema de acordo com o gosto do público.

Com a instalação do pacote Windows Live, a experiência setorna muito mais rica, pois, além dos programas seremintegrados, possibilita que recursos online sejam acessadospelo desktop, servindo como ponte para os serviços da redeLive, como o Messenger e o Hotmail.

locaweb 41

Barra de TarefasAo lado, a Taskbar:

o botão direito faz com que ummenu surja. Na

ponta, a novataskbar e o recurso

de mostrarminiaturas das janelas

//CURIOSIDADEJornalistas da ZDNet,da Austrália, saíram àsruas em fevereiro de2009 e mostraram oKDE 4.2 com efeitos 3Ddo Compiz, equivalentedo Linux ao Aero, comosendo o Windows 7 eos entrevistados nãoperceberam adiferença. Aindadisseram que o novoWindows era maisrápido e estável, algunsinclusive afirmaramque estavam dispostosa fazer um upgrade.

windows7:W2008 25/3/2009 15:38

42 locaweb

O mundo digital revolucionou a indústria da música emudou, definitivamente, a experiência de consumo desse

mercado. Quem não se lembra, por exemplo, de quando a bandaRadiohead lançou o álbum In Rainbows de uma forma diferente einusitada ao colocar as faixas na Internet para download? Essainiciativa, muito bem aceita pelos fãs, teve uma particularidadeinteressante: o comprador tinha a opção de pagar o quantoquisesse e se quisesse.

Os mais generosos, de acordo com a empresa de pesquisas demercado comScore, foram os norte-americanos, que pagaram, emmédia, US$ 8 pelo álbum da banda de rock inglesa. Durante os 29 dias analisados pela pesquisa, 1,2 milhão de pessoas de todomundo visitaram o site para realizar downloads. No total, 38% daspessoas que baixaram o álbum pagaram pela obra, enquanto 62% adquiriram as músicas gratuitamente.

Esses números podem, à primeira vista, apresentar um cenárionegativo para a banda. Mas, estimativas apontam que, com a ação,o Radiohead faturou £ 3 milhões, o equivalente a US$ 10 milhões.

O download das músicas durou, aproximadamente, três meses e,logo depois, a banda fez um lançamento físico do álbum, comfaixas extras. Rapidamente, o CD ganhou o primeiro lugar nasparadas dos Estados Unidos e do Reino Unido e vendeu mais de100 mil cópias.

Ao fazer as contas, a gravadora Warner Chappell considerou essemodelo de negócio um “sucesso comercial”. Mas, o curioso é queesta ação não era necessariamente uma novidade. Diversasiniciativas esporádicas do tipo já haviam sido feitas.

Vamos a mais algumas informações: quem nunca ouviu falar na

Live Nation, que assinou um acordo de US$ 120 milhões com aMadonna? Essa empresa é organizadora de shows e, embora assinecontratos com artistas semelhantes a uma gravadora normal, atuamais como promotora do que como proprietária das músicas. Suaprincipal atividade é produzir, divulgar e vender shows. Em 2008,por exemplo, a empresa vendeu 50 milhões de ingressos e o seusite, LiveNation.com, teve 70 milhões de visitantes. Agora, constrói aprimeira plataforma vertical integrada dos artistas para os fãs.

O foco das mudanças da indústria da musica não é apenas opúblico de classes altas. De acordo com pesquisas recentes, onúmero de celulares com mp3 vendidos para o público de baixarenda é maior do que o número de celulares sem esse recurso.Outro fator relevante nesse contexto é o fato de as lojas de músicaonline oferecerem preços competitivos. Em comparações recentesfeitas pelo IDG Now!, a maioria dos álbuns comercializados pelarede (em sites brasileiros) custou mais barato que as mídias físicas,vendidas com caixa e encarte nas prateleiras das lojas.

Essa é apenas uma das mudanças. Mas, muito em breve, outrasdevem ocorrer, principalmente com relação às medidas restritivas.Afinal, em 2008 houve 40 bilhões de downloads ilegais em todo omundo, totalizando 95% das operações realizadas, de acordo comlevantamento IFPI Digital Music Report.

Preocupações à parte, a tendência é que as transformaçõesprotagonizadas pelo mercado de música digital, que faturou 3,7 bilhões de dólares em 2008, sejam vivenciadas por outras áreasde consumo. E aqui fica um desafio: quem puder visualizar como atecnologia mudará as formas de se fazer negócios, terá, comcerteza, boas oportunidades. Esse é o futuro!

Do mesmo modo que o mundo digital mudou a indústria de música, outrossegmentos devem seguir pelo mesmo caminho. Quem descobrir quais se dará bem

opinião/articulista

Qual o últimoCD que você comprou?

Marcelo TrípoliPresidente da agência de

marketing digital iThink e autordo blog ifound.com.br

@[email protected]

e-business

artigo_marcelo_mercado:W2008 9/4/2009 18:55

205 X 275:Layout 1 19/3/2009 17:16 Page 1

Por Ronaldo Zitrô

Trabalhar com Photoshop é umaarte. Dominar o aplicativo é fácil,mas há tantas opções e

funcionalidades que até mesmo o maiscaprichoso artista digital levará anospara explorar todo o potencial doaplicativo da Adobe. Seja você umveterano equipado com um tablet ouum aspirante que acaba de passar peloprocesso de instalação, confira as nossas

dicas. Com elas você poderá adicionarefeitos, melhorar o seu trabalho e daraquele “toque final” para entregar umaverdadeira obra de arte.

Não importa se você quer tratar umafoto da modelo famosa ou mostrar outrovisual para a sua namorada. É fáciltransformar loiras em morenas com oPhotoshop, e você não precisa sujar suasmãos com tinturas. Confira o exemplo aseguir, com uma imagem de divulgaçãoda atriz Hayden Panettiere, que pode seradquirida em http://tiny.cc/oi1bH:

Seja um expert noPhotoshop

designweb

Conheça as melhores dicas dedesenvolvimento, plugins, filtros e sites e arrase em seus projetos digitais com o software

44 locaweb

photoshop:W2008 9/4/2009 18:57

1Abra a imagem original. Vamoschamá-la de “loira.jpg”

2Duplique a imagem em umnovo layer. Basta teclar CTRL+J

(PCs) ou Command+J (MACs).

3Clique em “Image”, depois“Adjustments”, em seguida

“Hue/Saturation” e utilize os valores -180 -100 e -35, nessa ordem.

4Abra as opções de layer eselecione “darken”. Dê OK e

retorne à imagem.

5Com a ferramenta de borracha(ou de path, para os mais

pacientes), apague todos oselementos do layer superior,exceto cabelos e sombrancelhas.Recomendo a utilização de pincéispequenos, perfeitos parapequenas curvas.

Veja o efeito final. Com mais treino, épossível alterar a transparência da opção“darken” do layer superior, obtendodiferentes efeitos de luminosidade no

cabelo da pessoa fotografada. É fácil,rápido e eficiente.

Imagens como reflexos em olhosCriar reflexos em imagens e fotografias

de olhos é fácil, e o resultadonormalmente impressiona. Tudo depende

das condições e qualidades das fotosutilizadas, mas a “receita de bolo” épraticamente a mesma na maioria doscasos. Lembre-se: olhos escuros são maisdifíceis de trabalhar, enquanto os maisclaros (azuis, verdes e acinzentados) sãobastante fáceis. Para começar, vocêprecisa de duas imagens: um close-upde um olho, e uma segunda imagemque servirá como reflexo.

1Abra as duas imagens dandoum duplo clique sobre elas.

2Crie um novo layer na imagem“olho”, e copie a imagem

“reflexo” nesse layer.

3Redimensione a imagem“reflexo” para que se encaixe

dentro da íris (a parte redonda ecolorida dos olhos), no tamanhoque mais agradar.

4Nas opções de layer, selecione“Blending Options”, mantenha

o “General Blending” como“Normal” e deixe a Opacidade(Opacity) em 65%. Esse número

projetos

locaweb 45

projetos

Hayden Panettiere \\ Com o Photoshop é possível realizar alterações de todos os tipos, como cor decabelos, em qualquer foto de pessoa; acima, um exemplo de mudanças na bela atriz do seriado Heroes

Receita \\ Criar reflexos em imagens e fotografias de olhos é fácil, e o resultado normalmente impressiona;tudo depende das condições e qualidade das fotos, mas lembre-se, olhos escuros são mais difíceis de trabalhar

photoshop:W2008 25/3/2009 11:18

projetos

46 locaweb

pode ser alterado de acordo coma cor do olho, para melhoradequar a imagem ao reflexo.

5Ainda nessa janela, entre em“Inner Shadow”, ative a opção e

utilize os números: 50 (Distance), 0(Choke) e 38 (Size).

6 Dê OK, retornando à imagem “olho”.

7 Com a ferramenta de borracha,selecione um pincel (brush)

com formato spray, tamanhogrande (neste caso utilizamos 200) ecomece a apagar as bordas do“reflexo”, para que ele se “mescle”naturalmente ao olho.

8 Após atingir o efeito desejado,crie um novo layer novamente.

Pinte-o de preto.

9 Abra o menu de filtros (filter),clique em “Render” e depois

“Lens flare”. Coloque um flare de105mm aproximadamente nocentro da íris.

10 Entre nas opções de layer evá para “Blending Options”.

Selecione o Blend Mode “Screen” em80%. Este número também pode seralterado “a gosto”, para deixar o efeitode luz mais (ou menos) aparente.

11Para finalizar, dê OK e apreciea sua obra.

Efeito de pinturaMostraremos agora como aplicar um

efeito rápido para estilizar uma imagem. O

Fundo \\ O Photoshop permite que o usuário inclua fotos dentro de fotos e imagens diversas em qualquer partede uma figura; no exemplo acima, a atriz Hayden Panettiere, do seriado Heroes, aparece dentro de seu olho

Adobe Photoshop Tutorialshttp://www.tutorialized.com/tutorials/Photoshop/1Centenas? Não, milhares de links selecionados com guias paraaprender novas técnicas e efeitos no Photoshop. Eles servempara praticamente qualquer versão do aplicativo, somando umaverdadeira bíblia do design. Altamente recomendado.

Photoshop Roadmaphttp://www.photoshoproadmap.com/Photoshop-tutorialsPerfeito para quem trabalha com publicidade, oferece guias einformações para elaborar efeitos modernos, atuais e ousados.De opções para texturizar fontes até efeitos de cenários eexplosões, são dez guias para estudar e guardar.

Tutorial9http://www.tutorial9.net/photoshop/energize-your-graphics-with-abstract-energy-lines/Um tutorial com efeitos de luz, energia e linhas, imitandoefeitos utilizados nos dias de hoje em peças impressas. Fácil deexecutar, auxilia na criação de media cards e anúncios.

PSD Vaulthttp://www.psdvault.com/photo-effect/design-a-dark-and-misty-mountain-with-distant-city-scene-in-photoshop/Transforme qualquer cenário em um ambientemacabro com esse guia que ensina o passo-a-passo eainda fornece as imagens para você aprender amodificar a sua cidade favorita. Execução fácil, comresultado impactante.

Photoshop Tutorials http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/combine-photo-elements-to-create-a-surreal-photo-manipulation.htmlDeixe os artistas modernos no chinelo com este guiaque ensina a criar fotomontagens com efeitos especiais.Com esse passo-a-passo, fica fácil combinar diferentesimagens para elaborar uma peça bastante ousada, comelementos abstratos e um visual de cair o queixo.

Repositórios de Guias & Tutoriais

* Com treino, é possívelalterar a transparência daopção “darken” do layersuperior, obtendodiferentes efeitos deluminosidade no cabeloda pessoa fotografada. Éuma tarefa fácil, rápida e bastante eficiente

photoshop:W2008 25/3/2009 11:18

locaweb 47

projetos

efeito é similar ao de pinturas, tornandofácil a tarefa de transformar imagens depessoas e animais em desenhos.

1Abra a imagem original com umduplo clique sobre ela.

2 Duplique o layer com CTRL+J(PCs) ou Command+J (Macs).

3 No novo layer, abra a aba deefeitos selecione “Stamp” dentro

de “Sketch” com os números “25” e“5”, nessa ordem.

4 Dê OK na janela e retorne àimagem que você está

alterando no Photoshop.

5 Transforme o layer inferiorclicando nele com o botão

direito, e depois “Layer fromBackground.” Essa tarefa é simplesde ser realizada.

6 Passe esse layer para o nívelsuperior, ficando novamente

com a foto original visível.

7 Clique nas opções do layer, vápara “Blending Options” e em

“Blend Mode”, selecione “Color”.

8 Entre em “Image”, vá para“Shadows/Highlights” e coloque

o número superior em 50%.Dê OK e aprecie o efeito final!

Efeitos \\ O efeito de estilizar uma imagem é rápido e torna a figura com traços similares aos de pinturas; esseefeito é especialmente inidicado a quem precisa transformar imagens de pessoas e animais em desenhos

THE WORKSCybia Digital Resource Studiohttp://www.cybia.co.uk/theworks.htm Com 146 plugins efiltros separados em oito pacotes (AlphaWorks, ColourWorks,EdgeWorks, ScreenWorks, EmbossWorks, SwapShop,MasterBlaster e Mezzy), oferece efeitos de contorno,transparência, edição de cor, emboss, troca de cores e texturas.

DEEP PAINT 2.0Right Hemispherehttp://www.download.com/Deep-Paint/3000-2193_4-127819.htmlCom uma interface intuitiva, este pacote permite pintar etexturizar modelos 3D de maneira interativa. Dá a liberdadepara clonar efeitos fotográficos passo a passo, tem diversospincéis editáveis, funções de pintura e efeitos visuais incríveis.

Filtros Richard Rosenmanhttp://www.richardrosenman.com/software/downloads/Um pacote com oito plugins e filtros, incluindo o

3D Sphere Generator, Color Bar Generator, ScanlinesGenerator, Pinch, Tiler, Superformula, Smart De-Interlacer ePinocchio. Website é atualizado com frequência, e novidadessempre são disponibilizadas.

VIRTUAL PHOTOGRAPHEROptikVerve Labshttp://www.optikvervelabs.com/default.asp Perfeito para quem trabalha com edição de fotos, oferece 50 efeitos pré-definidos para aplicar combinações de texturas, modificações de cor, P&B, foco suave, contraste e efeitos artísticos.

Mehdi Pluginshttp://www.mehdiplugins.com/Uma infinidade de plugins gratuitos (como Blots 2, Curves, Edges Fix, Fur 2, Gradient Smithy, Melt 1.1, Seamless Border 2, Absolute Color, enter outros) para aplicar efeitos visuais de variados tipos: simples, avançados e até mesmo fractais.

Xero Plugins Xero Graphicshttp://www.xero-graphics.co.uk/freeware.htmUma compilação com 41 plugins especiais para Photoshop,incluindo Serious Fog, Nostalgia, Porcelain, LineArt, Pulsar, BadDream, Softener, Seasoner e Alien Mist. Efeitos visuaisavançados, com poucos cliques e configuração fácil.

Filter Factoryhttp://www.photoshop-filters.com/html/filter_factory.htmMais de 400 filtros e plugins gratuitos para Photoshop, muitosdeles com efeitos dignos das melhores publicações do mercado.Tratamento de fotos, sobreposição de imagens, efeitos gráficos,mosaicos e muito mais.

The Plugin Sitehttp://www.thepluginsite.com/resources/freeps.htmUma coleção de links especiais, classificados por quantidade equalidade, que relata os melhores lugares para baixar novosfiltros e plugins para Photoshop. A coleção é imensa, e aindaindica quais downloads são compatíveis com Windows e Mac..

Repositórios de Filtros & Plugins

* Com 146 plugins efiltros separados em oitopacotes, o site CybiaDigital oferece efeitos decontorno, transparência,edição de cor, emboss,troca de cores e texturas

photoshop:W2008 25/3/2009 11:19

48 locaweb

programação/hospedagem

periódicas. Antes de fazer a sua opção, vale a pena saber osrecursos, vantagens e desvantagens de ambos os lados. Isso éfundamental para que, futuramente, você não enfrenteproblemas quando determinada ferramenta não estiverdisponível ou não for totalmente suportada.

Segurança O item mais importante de um sistema é a sua segurança.

Dentro desse cenário, tornou-se comum apontar que oWindows é mais inseguro que o Linux. Ocorre, entretanto, queambos os OS são tão seguros quanto se desejar. Afinal, uma boaproteção é muito mais fruto de uma administração competenteque de um recurso embarcado em qualquer software. Por isso,vale muito a pena contratar uma companhia especializada parahospedar o seu site, de preferência de renome, com umapolítica de segurança bem séria, a fim de evitar que qualquerataque comprometa seus sistemas.

Há quem prefira, no entanto, sustentar a hospedagem dentroda própria empresa em vez de contratar um grupo especializado.

Esse trabalho geralmente é conferido a umfuncionário que, muitas vezes, cuida também dainfraestrutura (acesso ao servidor, quem, onde,como, quando) e da aplicação da página. Aoconcentrar estas três funções em uma únicapessoa, a empresa eleva muitas vezes as chancesde as falhas aumentarem, pois é improvável queum profissional, por mais competente que seja,consiga dar conta de tantos recursos ao mesmotempo de maneira apropriada.

Conheça os recursos, vantagens e desvantagens oferecidos por ambos ossitemas operacionais antes de escolher em qual deles hospedar o seu site

HospedagemLinux X Windows

Windows \\ Se a prioridade for a funcionalidade e a segurança do sistema, ao usar .NET, FrontpageExtensions ou um eventual acesso a uma base em Access, o mais seguro é usar o sistema da Microsoft

* Tornou-se comum apontarque o sistema operacionalda Microsoft é mais inseguroque o Linux. Ocorre,entretanto, que ambos os OS são tão segurosquanto se desejar

Texto: Eduardo Lisboa e Max Jahnke

Ao hospedar um website na internet, a primeirapergunta que vem à mente é: qual sistemaoperacional usar? Os mais habituais, sem dúvida

alguma, são o Windows e o Linux. O primeiro conta comferramentas interessantes em sua última versão que sãocapazes de surpreender até mesmo o mais experiente dos administradores. Já o Linux, como é sabido, apresentadiversas distribuições diferentes, cada uma com um perfil depúblico distinto. Enquanto algumas delas são dedicadas arodar em servidores, outras são mais adequadas para oambiente doméstico.

Às vezes, a decisão sobre qual sistema escolher é baseadana opinião de um amigo ou um profissional de confiança,mas nem sempre acaba dando certo. Isso porque, mesmopara quem conhece bem os sistemas, é fundamentalentender os propósitos de quem deseja implementar asolução e, mais do que isso, realizar suas manutenções

linux-windows:W2008 25/3/2009 12:33

locaweb 49


Acesso Depois da segurança, é importante analisar o sistema de

acesso. O método mais comum é via FTP. Tanto o Windowsquanto qualquer distribuição de Linux oferece suporte a esseserviço. A vantagem do FTP é que ele não distingue o sistemaoperacional do cliente ou do servidor, então não faz diferença se ocliente está em um sistema e o servidor em outro.

Como se não bastasse, trata-se de uma ferramenta muitosimples de ser manuseada. Prova disso é que o próprio WindowsExplorer contém um cliente de FTP embutido, embora existamoutras alternativas interessantes, como oCuteFTP e o Filezilla - este últimodisponível também para Linux.

Outro método de acesso bastanteconhecido é o SSH, semelhante ao telnet,mas com criptografia, o que o torna bemmais seguro. O SSH permite que sejamexecutados comandos, o que pode ser útilem diversas situações, sobretudo se owebmaster for familiarizado com oscomandos do Linux. Outra vantagem doSSH é que ele conta com o SFTP,ferramenta que funciona como o FTP, mascom criptografia.

Tipos de arquivosAlém do HTML, JavaScript e Cold

Fusion, existem outras tecnologias que,de certa maneira, funcionam melhorem uma plataforma do que em outra. OLinux, por exemplo, geralmente oferecesuporte a PHP e scripts CGI (que podem utilizar qualquerlinguagem de programação, apesar de a mais comum serPERL), além de Ruby On Rails. Para os fãs de Python, aindaexiste o Django, framework equivalente ao Ruby On Rails.

O suporte a Cold Fusion, ASP e ASP.Net costuma ser maisaplicado no Windows, enquanto Ruby, Perl e PHP sãocaracterísticos do Linux. De acordo com sua necessidade, porém, épossível fazer com que o Windows suporte as linguagens maiscomuns do Linux e vice-versa. O OS da Microsoft pode, inclusive,usar o famoso Apache, servidor web muito conhecido e usado porquem escolhe o Linux como servidor. Para fazer essas mesclasentre os sistemas, vale a pena consultar a empresa dehospedagem a ser contratada, pois as implementações podem serbastante trabalhosas. E isso é mais uma vantagem de contar comum grupo especializado e de confiança para hospedar o seu site.

Bases de dados No Windows é possível acessar nativamente arquivos do

Microsoft Access com completa confiabilidade. A Microsofttambém oferece o Microsoft SQL Server para quem precisa de umSistema Gerenciador de Banco de Dados (SGBD) completo. NoLinux, as alternativas mais comuns são o MySQL Server e o

PostGRESQL. A escolha do SGBD mais adequado dependemarjoritariamente de como e por quem a aplicação será escrita

Em certas linguagens, existem intermediários entre o SBGD e aaplicação, como é o caso do Hibernate, do Java. Já em outras, oacesso é feito diretamente ao SGBD e, se ele for alterado, todo ocódigo com os comandos executados no servidor (SELECT, SHOW,USE, etc) terá de ser mudado. Nesse caso, é importante estudarqual SGBD será o escolhido e, a partir daí, não mexer mais nele.

Desempenho Costuma-se dizer é que o Linux tem desempenho superior ao

do Windows. Isso porque o sistema de código aberto é muitomais flexível quando se trata de personalização. No quesitootimização, por exemplo, quase tudo pode ser compilado aoadicionar ou remover recursos que influenciam diretamente nodesempenho do sistema.

Entretanto, o Windows 2008 chegou para mudar essepanorama. Isso porque o OS possui a opção "Server Core", na qualestritamente o básico é instalado. Ao fazer o login, apenas umterminal é aberto para o administrador, mas ainda dentro dainterface gráfica.

Para quem gosta de usar comandos e até escrever

Webmin \\ Interface web do Linux semelhante ao Painel de Controle do Windows, na qual é possívelconfigurar desde contas de usuários do sistema até procedimentos de boot e desligamento

LinuxÉ fácil encontrar

módulos específicosno webmin para

baixar e adicionar,como um

configurador deservidor IRC e

tarefas de backup

linux-windows:W2008 9/4/2009 18:59

50 locaweb


verdadeiros programas usando o bash do Linux, o sistema daMicrosoft agora oferece o Windows PowerShell - itemopcional que não é instalado por padrão e depende doframework .NET. O site da Microsoft oferece um documentobastante completo com dicas para otimizar diversos serviçosdo Windows. O endereço é tinyurl.com/6b99qn.

No caso de ser uma máquina da própria empresa ahospedar o site, a dica mais óbvia énão usá-la como um desktopcomum nem instalar nelaquaisquer serviços que não façamparte da infraestrutura do website.Uma máquina dedicada é muitomais segura e estável.

Custo Além dos custos de

infraestrutura e equipamento, aohospedar seu site na própriaempresa é necessário atentar para os gastos com aquisição delicenças, no caso do Windows, e de treinamento e suporte, nocaso do Linux. Existem diversas distribuições que oferecemsuporte e treinamento junto à caixinha do sistema, como a RedHat, com o Red Hat Enterprise Linux; a Novell, com o Suse Linux;e a Mandriva. Tem também o Ubuntu, da Canonical, e diversasoutras distribuições que, apesar de não terem suporte comercial"oficial", contam com o serviço realizado por terceiros. Consulteisso direitinho antes de escolher a distribuição.

No caso do Windows, o custo com licenças pode ser muitoelevado se o projeto for subdimensionado e um aumento doparque de máquinas for necessário. Por isso, fazer umcontrato com uma empresa de hospedagem costuma seruma opção muito menos onerosa, já que os gastos cominfraestrutura e segurança são transferidos para terceiros,sobrando apenas a preocupação de criar e manter o site.

Configuração Enquanto no Windows tudo é apontar e clicar, no Linux o

mais comum é editar diretamente os arquivos deconfiguração. Entretanto, isso tem mudado. Existem diversasalternativas gráficas para configurar o sistema sem ter derecorrer ao terminal. Uma das alternativas mais antiga econhecida é o webmin, interface web semelhante ao Painel

de Controle do Windows, na qualé possível configurar desde contasde usuários do sistema atéprocedimentos de boot edesligamento. Como a ferramenta é totalmente modular,é fácil encontrar módulosespecíficos para baixar e adicionar,como um configurador deservidor IRC, tarefas de backup, ouservidor Asterisk.

Outro recurso interessante dowebmin é o de clonar módulos. Caso haja duas instâncias doApache rodando, por exemplo, é possível clonar o módulo edepois usar um para cada instância antes de configurar osserviços de forma separada e independente.

Para quem instala o Windows Server Core, há ainda outrasferramentas interessantes. É o caso do "Server Core Configuratorby Guy Teverovsky", disponível em tinyurl.com/32lwbq. Também épossível administrar o Windows Server Core remotamente pormeio da ferramenta Windows Remote Shell (WinRS). Para isso,basta rodar o comando winrm quickconfig.

Conclusão A escolha do sistema operacional (e se a hospedagem será da

própria empresa ou terceirizada) deve ser feita com muito carinho;pois o barato pode sair caro. É preciso definir as linguagens deprogramação que serão usadas, os recursos necessários e também

ter familiaridade com o sistema escolhido. Um bomadministrador pode se beneficiar do Linux, por ser maisflexível, mas também pode comprometer toda asegurança se não souber o que fazer.

O Windows se dá muito melhor com suaspróprias tecnologias do que uma tentativaexperimental no sistema de código aberto. Se aprioridade for a funcionalidade e a segurança dosistema, ao usar .NET, Frontpage Extensions ou umeventual acesso a uma base em Access, o maisseguro é usar o sistema da Microsoft.

Caso a opção seja por PHP, Java, Python ou Ruby, por sua vez, o Linux oferece muitasferramentas para ajudar tanto na administração dos serviços quanto na programação daslinguagens, como editores visuais. Fora isso, oferece a conhecida flexibilidade de se otimizarpraticamente todo o sistema.

Hospedagem em Windows \\ Hospedagem no sistema operacional é indicado parawebmasters que tem total domínio dos programas e linguagens proprietárias da Microsft

* Uma boa proteção é muitomais fruto de uma administração

competente que de um recurso embarcado em qualquer

software. Por isso, vale muito a pena contratar uma

companhia especializada parahospedar o seu site

linux-windows:W2008 9/4/2009 18:59

locaweb 51


Você não deve se lembrar dos velhos tempos da AmericaOn Line, imagino. A história é a seguinte: havia internet

antes da web. Sim, não é lenda não. Devo ter provas materiais,inclusive, disquetes enfiados em alguma gaveta. Siiiiim, disquetes!

De onde vinham os tais disquetes? Era assim: nos idos de 95você podia comprar (a peso de ouro) uma placa de fax-modem,uma inovação fabulosa que permitia você mandar... (adivinhe: e-mails? Não!) fax direto do Word, por exemplo. Se você fosse muitogeek, ia usar a mesma placa para se conectar a BBS e outrasesoterices do gênero (eu não era tão geek ainda).

Pois bem: junto com o fax-modem importado vinha um montede disquetes promocionais, e me lembro da Compuserve e AmericaOn Line. Como esses serviços não rolavam no Brasil, nunca testei,mas sei como eram.

Era assim: você instalava um monte de software (um discador,um browser proprietário) e, por uma assinatura mensal, vocêentrava no mundo encantado da AOL. Tinha tudo: notícias. A coisaera tão fechada que um browser web normal não conseguiaacessar conteúdo da AOL, e o browser da AOL não navegava pelaweb. Milhões de pessoas vivendo numa galápagos digital. Ok, issomudou e a AOL se abriu pra web. Mas o sonho das galápagosdigitais parece viver para muitíssimo, como aquelas tartarugasgigantes de casca grossa. E isso me preocupa.

Preste atenção nos eventos sobre web por aí. Preste atenção nasrevistas. Nos artigos de jornal. De uma hora pra outra parece queinternet é só web (e você sabe que não é), e que web é só redessociais (e espero que você saiba que não é).

Hoje mesmo li uma pesquisa que mostra que os brasileiros

Pensando fora da ilha

passam um tempo recorde em redes sociais, algo como 23% dotempo. As mensagens dentro das redes sociais já superam o uso deemail. Eu imagino que pra muita gente internet = rede social. O caranem precisa sair das suas “comus”.

Será que as redes sociais estão com síndrome de AOL ou são aspessoas que gostam de mundinhos fechados? Difícil dizer.

Se você trabalha com opensocial e foca em algumas redessociais, tudo bem, você está em casa. Mas e quem trabalha com e-commerce, os experts em conteúdo, os publicitários, etc. etc. etc.?Vão ter que criar “embaixadas” nas redes sociais?

Eu espero que não, e prefiro pensar de outra maneira. Meusamigos são meus amigos, isso é algo que transcende uma redesocial ou outra. Eu não quero ser forçado a criar do zero minha listade amigos, ter que aprovar um a um, etc. Eu quero poder levá-loscomigo e tê-los não só na web, mas nas aplicações também,inclusive aplicações mobile. É por isso que eu gosto do que estásendo proposto no Live Services, que permite que você use as API’sdo Live para – em qualquer aplicação, seja web ou não – poderimportar seus contatos, poder incluir chats, poder compartilharinformações, sincronizar arquivos etc. Tudo isso contando com todaa infra parruda do Mesh, Silverlight, futuramente do Azure, etc.

Se pensarmos que no Brasil a plataforma Live tem mais de 40Mde ID’s ativos e que mais de 80% dos brasileiros têm Live Messenger,essa história fica mais interessante ainda: é uma mão-na-roda paravocê não ter que ir até as montanhas, mas trazer uma montanhainteira até você.

Visite dev.live.com e comece a pensar fora da ilha, quero dizer,fora da caixa ☺. Ou se esconda no conforto do casco de tartaruga.

As redes sociais estão criando um mundo fechado, praticamente à partedo restante da internet e isso é uma coisa um tanto quanto preocupante

René de Paula Jr.User Experience Evangelist

Microsoft [email protected]

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

renedepaula

design

Ilust

raçã

o//A

lexan

dre D

ias (N

ani)

artigo_rene_design:W2008 25/3/2009 16:16

52 locaweb

gadbrivia \\ Empresa é a responsável por criar o desenho da página da ViaUno;site passa por transformações completas regularmente, de acordo com coleções

Assim como a moda, osite da ViaUno

(www.viauno.com.br) éfrequentemente atualizado ousofre mudanças. Durante ofechamento desta edição daLocaweb em Revista, estava noar a Coleção Outono Inverno2009. Muito provavelmente,

atualizações no layout ou naestrutura da página, semprecom acessos em ascensão.

“Em primeiro lugar,migramos para a Locawebdevido à segurança econfiabilidade que a empresaoferecia na época da adoção eque mantém até hoje”, diz JoelCosta, gerente de TI da ViaUno.“Desde então, nunca tivemosproblemas. Mesmo com asfrequentes alterações dedesign, não me lembro de umúnico dia em que o nosso siteficou fora do ar.”

A página é alterada deacordo com a campanha demoda que a ViaUno lança. Comisso, há alterações no númerode fotos que são enviadas aoservidor. E também nasrequisições, no espaçoocupado em disco, no númerode acessos ao site. Com todas

essas mudanças, a ViaUno sepreocupou em optar por umaempresa que, sem burocracias,resolvesse os pedidos do clienteo mais rápido possível.

“Antes de ser clienteLocaweb, nós passávamos porum problema grave. Sempreque necessitava de algumaalteração, a empresa dehospedagem dizia que abririaum chamado, que levaria unsdias para alterar meu plano ou oque quer que fosse”, diz Costa.“Entretanto, na internet, énecessário agilidade. Em tudo oque precisei da Locaweb atéhoje, a empresa foi ligeira ecompetente. Sem burocracia,resolveram meus problemas.”

A seguir, você confere umraio-X do atual - pelo menos atéo fechamento desta edição -site da ViaUno, apresentando acoleção Outono/Inverno 2009.

Moda na internet

caseslocawebportfólio

Empresa de moda ViaUno, parceira da Locaweb, renova cara da páginaeletrônica constantemente, de acordo com lançamentos de coleções

quando você receber esteexemplo, já haverá outroatrativo principal no site.

Por necessitar deflexibilidade e agilidade naatualização do site, a ViaUnooptou, há mais de cinco anos,pelos serviços da Locaweb.Desde então, foram dezenas de

Case:W2008 25/3/2009 10:59

locaweb 53

3

4 5

2

1

mude de ideia, o visitante pode clicar nobotão “Alterar preferência”. Ele será enviadoa uma página com o mapa múndi e entãopoderá clicar na região que mais se adequaàs suas preferências.

5 COLEÇÃOJ A coleção do momento - Inverno 2009- pode ser acessada de város pontos da

página. Uma das principais é no rodapédireito, que conta com letras estilizadas egarrafais. Ao entrar na seção, o usuárioconfere detalhes da moda Outono/Interno2009. Do lado direito da tela, é possívelnavegar de acordo com a oferta dosprodutos oferecidos, sejam eles sapatos,tamancos, sandálias e outros produtosvoltados para os pés dos visitantes.

página da coleção da moda queatualmente está sendo disponibilizadapela empresa.

3 BUSCAJ A seção de busca, fica do lado direitoda tela, também no canto superior. Aodigitar qualquer ocorrência, o usuário élevado a mais conteúdo da página, quepode mostrar informações gerais sobre aempresa, coleções anteriores, canais decontato. Próximo ao campo de busca,percebe-se que há um espaço parausuários da ViaUno.

4 IDIOMASJ Na parte inferior da homepage, épossível escolher o idioma no qualdeseja-se que a página seja apresentada.Há opções em Português, Inglês e Epanhol.Desde a página de introdução, o usuário jápode definir qual a língua que prefere. Caso

portfólio

J O site

1 PRINCIPALJ A página principal da ViaUno éextremamente simples e muito bemresolvida. Há uma bela figura que tomaconta da maior parte da tela - e queremete à coleção Inverno 2009, commotivos asiáticos espalhados pelaimagem. A partir desta figura, ao seuredor, é possível realizar a navegação parao site inteiro, que apresenta diversascoleções e outras informações sobre aempresa de moda.

2 MENU SUPERIORJ Na parte superior esquerda da página,há uma parte do menu de navegação dosite. O importante canal de comunicaçãocom o visitante - o fale conosco - ocupalugar de destaque na página e mostra oquanto a ViaUno encara com seriedade avisita de internautas em sua página. Alémdo fale conosco, é possível acessar a

Case:W2008 25/3/2009 10:59

54 locaweb

programação/webstandards

Texto: Eduardo Lisboa

Desde que Tim Berners-Lee inventou a World WideWeb e escreveu a primeira especificação do HTML,muita coisa mudou na internet. Várias extensões

foram adicionadas à linguagem e recursos extras comoJavaScript e CSS trouxeram beleza edinamismo para as páginas, mas tambémdiversos problemas.

No início, o HTML era muito simples:servia apenas para definir a estrutura dotexto, como títulos, parágrafos, criar listas edar ênfase em palavras ou frases. Com odesenvolvimento da linguagem, porém,outras marcações (tags) foram criadas parapermitir que o resultado final se tornassemais atraente. O problema é que essecrescimento não foi controlado, o queacabou gerando problemas. Alguns tags de estruturação, por exemplo, passaram a ser usadas para definir a formatação das páginas.

Dentro desse cenário, destacam-se ossites construídos em tabelas, método dedesenvolvimento que cria diversasdificuldades para os navegadoresinterpretarem corretamente o HTML e acaba com aestruturação do conteúdo. Havia também tags específicaspara definir a formatação, como a tag font, hoje consideradaultrapassada, e outras suportadas apenas por navegadoresespecíficos, como a tag blink, que funcionava no navegadorNetscape, mas não no Internet Explorer.

A partir daí, outras inconsistências surgiram durante aguerra dos navegadores, mesmo porque as empresas

Veja o que o World Wide WebConsortium (W3C) recomenda paradeixar seu site antigo com umformato compatível com os principaisnavegadores usados atualmente

Webstandards e os padrões web

Ferramentas \\ Ferramentas como o gerenciador de conteúdo Drupal (acima) e validadores de CSS sãorecomendadas pelo World Wide Web Consortium para padronizar o seu site de maneira fácil e inteligente

* O W3C recomenda que a versãoHTML seja a Strict, o que significa que devem ser usados apenas elementos para definir a estrutura e que toda a formatação e estilo do texto sejam definidos pelo CSS

web standards:W2008 9/4/2009 19:03

locaweb 55


passaram a adicionar características e recursos aos seus programaspara demonstrar avanço e não se preocuparam em corrigir bugs.Como se não bastasse, também deixaram de lado qualquer tipo depadrão, dificultando a interoperabilidade dos navegadores eimpedindo que os usuários trocassem de navegador.

Esse cenário só começou a mudar quando o World WideWeb Consortium (W3C), consórcio fundado em 1994 por TimBerners-Leec para criar padrões para internet, publicou umaespecificação com o objetivo de padronizar uma determinadaparte do desenvolvimento web. Afinal, o W3C tem comofundamento o fato de que a internet só atingirá todo o seupotencial quando as tecnologias básicas que a sustentamforem compatíveis. Assim, surgiram os seguintes conceitos,que devem ser seguidos por todos os profissionais web:

(X)HTML & CSSPara a criação de sites, o W3C recomenda que se use

HTML 4.01 ou XHTML 1.1 - esta última é uma linguagem demarcação de texto que segue a syntax do XML, mas queainda não é bem suportado por nenhuma versão do InternetExplorer. Por isso, quem a usa deve trabalhar de um jeito queo resultado final seja compatível com o HTML tradicional.

De qualquer forma, tanto no HTML 4.01 quanto no XHTML1.1 existem subversões. Confira:

• Strict - permite apenas o uso de elementos e atributos para estruturar otexto e proíbe o uso de todos que foram marcados como ultrapassados,como as tags de formatação; • Transitional - permite o uso de tags de representação e formatação,como center e font que foram excluídas da versão Strict; • Frameset - permite o uso de frames, recurso muito usado nos anos 90,mas repudiado hoje em dia por quebrar a semântica das páginas.

O W3C recomenda que a versão HTML sejaa Strict, o que significa que devem ser usadosapenas elementos para definir a estrutura eque toda a formatação e estilo do texto sejamdefinidos pelo CSS. Assim, o formato fica separado do conteúdo, e odesenvolvimento e a manutenção do sitetornam-se bem mais simples. Uma dasgrandes vantagens dessa abordagem é apossibilidade de se usar temas nos sites, oque se traduz em opções variadas para osusuários trocarem o layout ou até mesmoatender às necessidades de deficientesvisuais, aumentando a fonte ou o contraste eassim facilitando o acesso ao conteúdo.

O site do W3C conta com uma série deferramentas, disponíveis em www.w3.org/QA/Tools. As três mais conhecidas e usadassão: MarUp Validator, que verifica as tags dedocumentos HTML, SGML, XHTML e até

MathML; Link Checker, que procura por links quebrados; e CSSValidator, que valida documentos de folha de estilo CSS. Essastrês ferramentas ainda podem ser usadas em conjunto com oLog Validator, que, além de reuni-las, define por prioridadequais erros devem ser corrigidos primeiro.

O fato é que, com criatividade, verdadeiras obras de artepodem ser feitas apenas com HTML e CSS. Ao separar o conteúdo(HTML) do formato (CSS) em arquivos distintos fica muito maisfácil usar o mesmo estilo em diversas páginas, pois qualqueralteração só precisará ser feita em um único arquivo.

Muitos exemplos disso podem ser encontrados nainternet, e um site que merece destaque é o Zen Garden(www.csszen garden.com), que há alguns anos convidaartistas gráficos para desenvolver um novo layout para o site.Lá, é possível encontrar vários estilos diferentes que, semalterar nada do HTML, conseguem apresentar formas bemdiferentes, bonitas e inspiradoras. Não deixe de espiar.

Recomendações do W3CVale a pena ressaltar que as recomendações do W3C vão

além de especificações de sintaxe, desenvolvimento deextensões e novas linguagens. Também há várias sugestões

EUA \\ Prova da confiabilidade do Drupal é o fato de ele ter sido recentemente usado para criar o site do governodos Estados Unidos que divulgou os planos para a recuperação da atual crise econômica (www.recovery.gov)

W3CO World Wide Web

Consortium é umconsórcio fundado

em 1994 por TimBerners-Leec

para criar padrõespara internet

web standards:W2008 9/4/2009 19:03

56 locaweb


Outra questão: PNG ou GIF, qual usar? O ponto forte do GIFé que ele é amplamente suportado. Prova disso é que foiconsiderado por muito tempo a escolha padrão para gráficosna web. Comparado a outros formatos, não é tecnicamentesuperior, mas no início da web era a escolha mais segura.

O PNG, por sua vez, é um formato mais novo, quebasicamente pode oferecer resultados de compressão até 25% melhores, mas pode não ser suportado por navegadoresmais antigos ou ter problemas com recursos mais específicos,como a transparência.

Geradores de (X)HTML e Sistemas Gerenciamento de Conteúdo Alguns desenvolvedores não gostam de escrever códigos

diretamente em HTML e preferem usar ferramentasespecíficas para cirarem conteúdo sem terem de se preocuparcom detalhes. Entre essas ferramentas específicas, há muitasbem interessantes. Entre elas, destaca-se o txt2tags e algunsoutros sistemas para publicação de conteúdo com interfacespróprias que podem ser usados até por quem não temconhecimento de HTML, CSS ou padrões web.

Txt2tags - O txt2tags é um gerador de documentos que adota a ideia deseparar o conteúdo da forma. Trata-se de uma ferramenta muitointeressante, pois permite que páginas web, livros e vários outros tipos dedocumentos sejam criados usando apenas marcações bem simples.

Por exemplo: suponha que se queira criar uma página na internet quecontenha um tutorial mas que, ao mesmo tempo, inclua uma apostila emPDF com o mesmo material. Com o txt2tags, é fácil criar ambos osdocumentos, ao mesmo tempo e com bem pouco trabalho.

Isso porque, com um único arquivo fonte, é possível gerar HTML e PDF evários outros formatos de documentos. A própria página do txt2tags foi

feita a partir da ferramenta e, nela, você encontra uma

Zen Garden \\ No site Zen Garden (www.csszen garden.com), é possível encontrar vários estilosdiferentes que, sem alterar nada do HTML, conseguem apresentar formas bem diferentes, bonitas e

* Um bom título, segundoo W3C, nunca é muitocurto nem muitocomprido. Deve ser claro econter uma informaçãoque possa ser relacionadaao site em questão

para dar mais significado às páginas web, de forma com quetodos possam ter acesso ao conteúdo, inclusive usuários comnecessidades especiais.

Uma dessas recomendações se refere ao título, parte muitoimportante da página pois, além de estar nas janelas e listasde sites favoritos, é o que aparece nos resultados do sites debuscas. Um bom título, segundo o W3C, nunca é muito curtonem muito comprido. Deve ser claro e conter umainformação que possa ser relacionada ao site em questão. Umtítulo que diga "Parte 1", por exemplo, não diz muita coisa.Mas dizer "Parte 1 - O dia em que as coisas resolveramfuncionar" é muita coisa. O importante é chegar a umconsenso simplista, como "Soluções para X e Y".

Um recurso que talvez não tenha toda a atenção quemerece é o ALT. O atributo ALT é definido em uma série detags, como img, area e opcionalmente para input e applet,para exibir um texto equivalente ao objeto mostrado. O textoideal a ser incluído depende muito do contexto.

Este texto alternativo traz os seguintes benefícios, comovocê pode ver a seguir:

• navegadores web estão disponíveis em uma enorme variedade de plataformas, com diferentes capacidades; alguns não conseguem carregar imagens ou apenas um conjunto restrito delas.Com o ALT definido, a descrição da imagem será exibida no lugar daimagem não carregada. • acessibilidade: alguns visitantes podem ser cegos ou ter a visão comprometida. • robôs de sites de pesquisa pertencem às duas categoriasanteriores: para ter o site devidamente indexado como qualquerendereço merece, basta usar o ALT para garantir que o robô não perca aindexação das páginas mais importantes.

web standards:W2008 25/3/2009 14:36

locaweb 57


lista com várias outras páginas que tambémadotaram o sistema. No site, também há muitadocumentação em inglês e em português, comexemplos de uso e tudo mais. Fora isso, é possívelver o txt2tags funcionando online. Dê umaconferida em tudo isso no endereçohttp://txt2tags.sourceforge.net.

Wordpress - Publicar o conteúdo usando blogs éalgo muito comum hoje em dia. Com aplicativoscomo o Wordpress, fica muito fácil e rápido fazer isso,com a vantagem de que o software não exige dousuário conhecimento de HTML, CSS e muito menosde padrões web. O Wordpress é o mais famosoaplicativo de código aberto para a publicação deblogs. Graças à sua versatilidade, tem sido usado comsucesso na criação de sites.

Entre as principais funções do Wordpress, vale a penacitar a capacidade de criar páginas fixas, a variedadede temas e os plugins que podem ampliar muito osrecursos e estender suas funções. Popular ao extremo, o Wordpress possui umaquantidade muito grande de temas, que dá uma boa gama de oportunidadespara deixar o blog ou o site mais bonito.

Drupal - Caso haja a necessidade de criar um site grande, com muitos recursos,como um portal, um site de notícias, uma rede social ou hospedagem de váriosblogs, uma das melhores alternativas que existe hoje é o gerenciador de conteúdoDrupal. Trata-se de um sistema de controle de conteúdo que permite que uma oumais pessoas controlem uma grande variedade de tipos de informação. Mais queisso, o sistema foi desenvolvido para que seja possível adicionar novascaracterísticas e recursos, fato que o leva a ser muitas vezes descrito comoframework de gerenciamento de conteúdo.

Há uma grande quantidade de empresas e instituições usando o Drupal. Umbom exemplo, que confirma a qualidade e flexibilidade do programa, é o site dogoverno dos Estados Unidos, criado com o intuito de divulgar os planos para arecuperação da atual crise econômica. Dê uma olhada nele em www.recovery.gov.

MediaWiki - A mais famosa e acessada enciclopédia do mundo, a Wikipedia, éoferecida a partir do MediaWiki, o que prova que o software é uma alternativamais que interessante para disponibilzar conteúdo. Não apenas pela capacidade depermitir que várias pessoas trabalhem em conjunto na construção do conteúdo,mas por possibilitar que isso ocorra sem que a maioria dos envolvidos conheçaHTML, CSS ou ainda menos padrões web. Com ele, as páginas podem seralteradas por qualquer um, por usuários autenticados ou ainda por uma lista deusuários privilegiados. Determinadas páginas também podem ser "trancadas"pelo administrador. Mudanças feitas nas páginas são guardadas numa espécie decontrole interno de versão e são facilmente acessíveis por meio de um link queaponta para o histórico disponível na página de edição. Sua formatação é feita comtags bem simplistas, como '''palavra''' para gerar negrito ou ''palavra'' para geraritálico. Portanto, são fáceis de aprender, contando inclusive com algumas pequenasferramentas que permitem que o conteúdo seja formatado mesmo que os usuáriosdesconheçam as tags, selecionando o texto e clicando na opção desejada como seestivesse num editor de texto.

ConclusãoAinda hoje, o Internet Explorer, da Microsoft, segue

como o browser mais usado do mundo, porém outrosconcorrentes como o Firefox e o novo Google Chrome têmmostrado para os usuários que existem alternativas - em geral,muitas vezes mais leves, com os mesmos recursos ou até mais ecom um outro diferencial de respeito: igualmente gratuitas. Foraisso, é preciso levar em consideração que muitos usuários deiPhone e outros dispositivos móveis também estão acessandocada vez mais a internet, tornando ainda mais importante aconfecção de sites que possam ser corretamente acessadospelos diversos navegadores.

Isso mostra a importância de seguir padrões nodesenvolvimento de sites. Não dá para negar que aqueles que nãoseguirem estarão limitando o acesso ao conteúdo das páginas. Porisso, mantenha-se atualizado.

Outra questão a ser levada em consideração é quanto àusabilidade do site. Deve-se sempre pensar no público-alvo eem como ele se sente ao acessar o conteúdo, se tem algumadificuldade e até se tem alguma frustração. Muitas vezes um sitedeixa de ser visitado por não oferecer o conteúdo de umamaneira agradável, mesmo que ele seja bom. A receita entãopara se dar bem é bem simples: fique de olho no mercado, façamanutenções constantes, siga as recomendações do W3C paraser visto por todos e faça parte do time dosdesenvolvedores de sucesso. É pegar ou largar.

* Muitas vezes um site deixa de servisitado por não oferecer o conteúdode uma maneira agradável, mesmo queele seja bom. Por isso, deve-se semprepensar em como ajudar o público-alvo

Txt2tags \\ Gerador de documentos separa o conteúdo da forma. Trata-se de uma ferramenta que permiteque páginas web, livros e vários outros tipos de documentos sejam criados usando apenas marcações bem simples

web standards:W2008 9/4/2009 19:03


“Performance versus Escalabilidade”. Eis um assunto muitocontroverso. Por incrível que pareça, pouca gente parece

entender que existem diferenças fundamentais entre elas.Muitos assumem que para ter escalabilidade você precisa de

performance máxima, ou, pior ainda, que performance eescalabilidade são a mesma coisa. Esse assunto foi muito discutido,principalmente porque muitos disseram que “Ruby on Rails nãoescala”. Uma das maiores besteiras do mundo geek, coisa que foiiniciada pelo site TechCrunch no início do sucesso do Twitter, cujofront-end roda em Rails.

No caso específico do Twitter, o que não escalava era o bancode dados. Sim, bancos de dados relacionais, por definição, nãoescalam bem horizontalmente, apenas verticalmente.Escalabilidade vertical significa adicionar mais memória, trocar oprocessador ou melhorar o I/O da mesma máquina. Escalabilidadehorizontal significa colocar mais máquinas em paralelo e a cargase dividir.

O mais importante em um website não é a performance bruta,mas sua capacidade de escalar. Um exemplo simples: se suaaplicação persiste objetos de Sessão no disco local, ela, pordefinição, não escala. Se ela grava em RAM então, não escalamesmo. Pior ainda, muitos filesystems não suportam mais quealgumas dezenas de arquivos por diretório, o que pode levar umsite muito acessado a ficar lento rapidamente. Gravar sessões embanco certamente tem performance bruta menor, porém elaescala trivialmente: basta colocar outra máquina de webserverapontando para o mesmo banco de dados, um balanceador decarga na frente e voilá, escalabilidade.

Performancevs Escalabilidade

A chave para escalabilidade numa aplicação é o conceito de“shared nothing”, ou seja, cada máquina, cada processo, é auto-suficiente, sem depender de outros e sem compartilhar recursos.Ter recursos em memória compartilhada (como no antigo ASPquando se tinha o objeto Application) pode ser conveniente paradesenvolver mas será terrível para escalar.

Aqui, devo fazer umas observação importante: considere umwebsite que leva 3 segundos para carregar completamente.Usando plugins como o Firebug do Firefox, ou o Web Inspector doSafari/Webkit, podemos ver exatamente onde esse tempo estásendo gasto. Num exemplo como o site da Locaweb, porexemplo, o tempo total de carga foi de 3 segundos (o tempopode variar dependendo da velocidade da sua conexão). Dessetotal, apenas 62ms (milissegundos) foram gastos processando ocódigo inicial. Todo o resto (2,038seg) foi gastos no resto da página(stylesheets, javascript, imagens, etc).

Agora, digamos que nosso programador se empenhasse muitona parte da programação e conseguisse incríveis 50% deperformance, diminuindo o tempo de 62ms para 30ms. No tempototal, isso não faz nem cócegas, vai diminuir de 3 segundos para2,070 segundos, ou seja, o usuário sequer vai sentir isso.

Antes de se preocupar com performance bruta do seu código,lembre-se “otimização prematura é a origem de todo o mau”.Primeiro faça sua aplicação funcionar. Depois faça medições(otimização sem medição é perda de tempo), otimize ondeimporta primeiro (procure o plugin YSlow para Firefox, paracomeçar) e só no final disso procure por gargalos de código querealmente tenham impacto significativo.

Entenda as diferenças entre os dois conceitos e saiba qual o papel fundamentalde cada um deles quando o assunto é desenvolvimento e Ruby on Rails

Fabio AkitaGerente de produtos Linux

da Locawebwww.akitaonrails.com

programação

58 locaweb

artigo_akita:W2008 9/4/2009 19:12

205 X 275:Layout 1 19/3/2009 18:09 Page 1

60 locaweb

programação/ajax

Texto: Felipe Magalhães e Vitor Nogueira

OAjax é uma das metodologias mais polêmicas quantoàs necessidades e vantagens de sua utilização. Ogrande atrativo desta técnica de desenvolvimento é a

possibilidade de chamadas assíncronas ao servidor. Trocandoem miúdos, você pode continuar a navegar na página, que todoo conteúdo que for requisitado ao servidor chegará até a páginade maneira que não interfira em sua navegação e sem anecessidade de recarregar a página.

Neste tutorial, será ensinado como realizar uma chamadaassíncrona. Ela populará uma div com o conteúdo proveniente deuma página que será processada separadamente daquela em que ousuário navega inicialmente.

De saída, declaramos a variável que irá realizar as chamadas Ajax.Logo em seguida, criamos uma função para instanciar nesta variávelo objeto XMLHttpRequest, que é o responsável pelas requisiçõesrealizadas em Ajax. Para instanciar o objeto corretamente, nósesbarramos em um problema clássico: a diferença entre os browsers.Em nosso código, utilizamos os blocos try/catch para, por meio detentativas, saber qual é o objeto disponível para ser usado. Caso obrowser não dê suporte a nenhum destes objetos, é emitido umalerta informando que o navegador não oferece suporte a Ajax.

O próximo passo para efetuarmos o carregamento de umconteúdo de forma assíncrona é criar a função que fará a chamadapropriamente dita. Na função chamadaAjax, temos dois parâmetros:o método utilizado para realizar a chamada (GET ou POST) e apágina que será chamada via Ajax. Na linha 26, informamos que a divde id conteudo receberá uma imagem de preloader. Você pode criarseu próprio gif animado para isto. Ou, ainda, utilizar um dos váriossites que geram estes gifs. Como, por exemplo: www.ajaxload.info.Na linha 27, chamamos a função ajaxObj para poder instanciar oXMLHttpRequest. Logo após começamos a trabalhar na chamadaem si. A função onreadystatechange é executada a cada vez que oobjeto muda de estado.

Estado Situação0 A requisição não foi iniciada1 A requisição foi configurada2 A requisição foi enviada3 A requisição está sendo processada4 A requisição foi concluída

Na linha 27, informamosque, se o estado atual for o derequisição, então já temos oconteúdo da página que foichamada via Ajax totalmentecarregado, basta escrevê-lo damaneira mais adequada. Noexemplo, descarregamos estasinformações na div conteudo,utilizando o atributo

Neste tutorial, você aprenderá a criar páginas de carregamento de conteúdoutilizando a técnica de programação Ajax e também o programa da Adobe

Use o Ajax e o Flashe crie telas de load

Ajax-Flash:W2008 25/3/2009 12:13

locaweb 61

programação/ajax e flash

innerHTML. Lembrando que entre as linhas 28 e 32 ainda não foifeita a chamadaAjax, somente configuremos o comportamentodela assim que ela for executada. A mágica começa a acontecer apartir da linha 33, com a função open, que aproveitará osparâmetros metodo e pagina da função chamadaAjax. Na linha 34,informamos o cabeçalho HTTP sobre o tipo de conteúdo e aformatação na qual ele será carregado e finalmente realizamos achamada Ajax na linha 35, usando o método send.

Agora basta criar uma função que seja executada a cadaintervalo de tempo para realizar a chamada Ajax, para istoutilizamos o setInterval. No código, a cada 2 segundos e meio (otempo é dado em milissegundos), realizaremos uma chamada àpágina conteudo.asp através da função que criamos.

Agora, colocamos no onLoad do body da página principal umachamada à função que criamos. Logo depois, uma chamada para afunção que carrega o conteúdo Ajax a cada intervalo de tempo.Para ver o exemplo em Ajax funcionando, basta acessar:www.agenciainteragir.com.br/home/revistalocaweb/flashajax/

page/exemplo.asp.O exemplo em Flash, ensinado a seguir, está em agenciainteragir.com.br/home/revistalocaweb/flashajax/page/index_AScJS.asp.

Agora, você aprenderá a trabalhar com o ActionScript, do Flash,para criar uma aplicação semelhante à que foi ensinada com ametodologia Ajax. Confira o tutorial a seguir.

Utilizando ActionScript para brincar de AJAXPrimeiramente, devemos ter um mínimo de

conhecimento em JavaScript e ter vivência comas classes ExternalInterface (http://livedocs.adobe.com/flash/8/main/ 00002200.html) eLoadVars do ActionScript 2. O AS2 foi escolhidopor haver um número muito maior de pessoasdesenvolvendo nessa versão. Quanto àprogramação Server-side, não importa alinguagem utilizada, o importante é a saída(response.write, no ASP, ou echo, no PHP).

Vamos criar um script, em JavaScript (JS),que será responsável pela escrita do conteúdona página, e outro que será responsável por

emitir alertas ao usuário:A função escreveConteudo() receberá o local

(ID da div, por exemplo) e o conteúdo a serAjax\\ O W3C mantém uma página com dicas de Ajax em http://www.w3schools.com/Ajax/Default.Asp

Ajax-Flash:W2008 25/3/2009 12:13

62 locaweb


escrito nele. Agora, vamos partir para o ActionScript, que será oresponsável por enviar as requisições ao ASP. Abra o Flash. Crie umarquivo ActionScript 2.0, com 1px x 1px. Salve com o nomeAScJS.fla, e abra a janela de ações (F9).

1 – Importamos a classe ExternalInterface e definimos oSystem.useCodepage para não termos problemas com acentos:

2 – Criamos os objetos responsáveis por “chamar” o ASP ereceber sua resposta:

3 - Criamos a ponte entre o JavaScript e o ActionScript, atravésda classe ExternalInterface:

O parâmetro processa é o equivalente em JavaScript do parâmetroprocessaAsp do ActionScript. Quando ele for requisitado em nossapágina, o AS deverá redirecionar a requisição para processaAsp.

4 – Criamos as funções para enviar as informações ao ASP epara tratar a resposta:

a) Enviando os dados...

b) … recebendo a resposta do processamento

Pronto, terminamos o AS. Agora temos que criar os scriptsresponsáveis pelas requisições às funções que foram criadas nele.

O script abaixo será responsável por identificar o SWF atravésde seu ID e assim executar as chamadas corretamente.

O último script será responsável por chamar o métodoprocessa(), que, por sua vez, será responsável por executar afunção relacionada processaAsp() no AS;

Ajax-Flash:W2008 9/4/2009 19:14

locaweb 63


integração ActionScript + JavaScript + Server-side. Criamosassim uma solução próxima ao AJAX no que diz respeito aocarregamento de conteúdo dinâmico, sem que precisemosrecarregar a página toda novamente. Para inserir o SWF na

página, basta executar oscript writeJS() emqualquer lugar do bodydo HTML. Depois deinserido, para rodar, bastainserir a funçãochamarAScJS().

A seguir, você confereo index.asp completo.

* O parâmetro processaé o equivalente em JSao processaAsp doActionScript. Quandorequisitado, o AS o redireciona para oparâmetro processaAsp

Inserir o SWF na páginaOs scripts apresentados acima são básicos, para uma

chamada sem que passemos qualquer parâmetro para oarquivo ASP, somente para nos ambientarmos com a

Ajax-Flash:W2008 9/4/2009 19:14

64 locaweb

Eis o arquivo Server-side (conteudo.asp):

Agora, basta rodar o exemplo e testar. Entretanto, sempre fica adúvida: e se precisarmos passar um parâmetro para o ASP?Se esse for o caso, alteraremos o JavaScript responsável pelométodo que executa a função dentro do SWF:

Agora alteraremos, no ActionScript, a função que estáassociada a esse método:

Note que na linha 2, parametro é a variável que passaremosao arquivo ASP via POST. Podemos alterá-la de acordo com a

necessidade, como, por exemplo, passarum nome de um usuário para comporuma query SQL (carregaConteudo.nome = param).

Podemos passar um número N devariáveis por meio do JavaScript[chamarAScJS (var1, var2, var3, varN)],separando-as com vírgula e repassando-asao método e ao AS [processa (var1, var2,var3, varN) e processaAsp (var1, var2, varN) ].

Agora, o sistema está apto a lidar comrequisições mais complexas, utilizandovariáveis externas para complementar aschamadas ao arquivo ASP.

Para efetuar o download dos arquivosque compõem este tutorial, acesse:www.agenciainteragir.com.br/home/revistalocaweb/flashajax/downloads/flash_ajax.zip .

* Para inserir o SWF napágina, é só executar oscript writeJS() emqualquer lugar dobody do HTML.Depois de inserido,para que seja executado,basta rodar a funçãochamarAScJS()

Adobe \\ Empresa que desenvolve o Flash mantém um site especialmente voltadoa desenvolvedores; o endereço do site é http://www.adobe.com/devnet/flash/


Ajax-Flash:W2008 25/3/2009 12:13

Projeto2:Anuncio_W 18/3/2009 19:29 Página 1

66 locaweb

locavipparceiros/locaweb

J RS AlarmesJ www.rsalarmes.com.br

J Dê Seu LanceJ www.deseulance.com.br

J StrongJ www.strong.com.br

Conheça aqui alguns dos principais clientes vips da Locaweb

J ActivecomJ www.activecom.com.br

* "A Locaweb foi nossaescolha devido aseriedade da empresa eda disponibilidade dosservidores, temos umsistema de rastreamento

real time 24hs que não pode parar,por isso escolhemos uma empresa deconfiança e de muita qualidade" .(Roberto de Souza Pinto | Diretor Alarmes RS)

* "Segurança, qualidade,equipe competente,atendimento proativo eum leque incrível deserviços fazem daLocaweb um ótimo case

e referência em serviços web! Umaparceria de 10 anos, com a certeza deque os melhores anos estão por vir" . (Nilson Cortez Jr., Gerente de TI da Strong – Conveniada da FGV e ESAGS )

Locavip:W2008 9/4/2009 19:17

Revista Locaweb Nº 15

Documents

Transcript of Revista Locaweb Nº 15