Você está na página 1de 68

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
Editorial_Sumario:W2008 9/4/2009 17:24 Page 4

>>>>>>>>>>>>>>>>>>>>>>>>>>>
ao leitor
Locaweb em Revista Edição 15
VP Comercial: Cláudio Gora
Gerente de Marketing: Victor Sebastian Reis da Silva
Coordenação de Comunicação: Alexandre Porto
Você já ouviu falar em
Cloud Computing?
Coordenação Editorial: Déborah De Mari
Editora Europa
Editor e Diretor Responsável: Aydano Roriz
Diretor Executivo: Luiz Siqueira
Diretor Editorial e jornalista responsável:
Roberto Araújo - MTb.10.766 Poucas pessoas sabem o que é computação nas
e-mail: araujo@europanet.com.br
nuvens, mas muitas delas já a utilizam em seu dia a
Editores: Paulo Basso Jr. e Sérgio Vinícius
Revisão: Evelise Paulis dia em ambientes interativos na internet.
Editor de Arte (projeto gráfico): Alexandre Dias (Nani)
Colaboração: Camila Pratti, Leonor Ribeiro, Max Reinhold
Por definição, Cloud Computing é um ambiente de
Jahnke, Eduardo Costa Lisboa e Ronaldo Zitrô hardware distribuído que oferece mais performance,
Publicidade São Paulo: melhor aproveitamento e menor consumo de energia.
E-mail: publicidade@europanet.com.br
Gerente Comercial: Mauricio Dias (0xx11) 3038-5093 Nesta edição, traçamos um panorama completo de
Executivos de Negócios: Alessandro Donadio, Angela
Taddeo, Claudia Alves, Elisangela Xavier, Flavia Pinheiro e como esta tecnologia está revolucionando a interação
Rodrigo Sacomani. entre a web e os computadores e como isso mudará os
Circulação e Promoção: seus negócios.
Gerente de produto: João Alexandre
Desenvolvimento de Pessoal:
Na entrevista desse mês, conversamos com Jon Maddog. O evangelista e defensor
Tânia Marilia Ribeiro Roriz e Elisangela Tokashiki do software livre explica porque está atrás de cérebros privilegiados.
Locaweb em Revista é uma publicação da Editora Confira também o pré-lançamento do Windows 7, dicas para se tornar um expert
Europa Ltda. e do departamento de comunicação e
marketing da Locaweb Serviços de Internet. A em Photoshop, webstandards, como criar telas de load em Flash e Ajax e muito mais.
Editora Europa não se responsabiliza pelo conteúdo dos
anúncios de terceiros. Aproveite esta edição e a próxima edição.
Distribuidor Exclusivo para o Brasil: Claudio Gora
Fernando Chignalia Distribuidora S. A. - editor@locawebemrevista.com.br
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

>>>>>>>>>>>>>>>>>>>>>>>
O que tem nesta edição... * 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
J Capa 26 J Windows 7 38 * 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
J Design 44 J Case 52 * Load no Ajax e Flash....................................................60
* Locavip .................................................................................66

4 locaweb
205 X 275:Layout 1 19/3/2009 17:04 Page 1
Entrevista_Maddog:W2008 9/4/2009 17:32 Page 6

entrevista

Em busca da próxima
geração de experts
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
Texto: Leonor Ribeiro

‘‘
ocê não pode ficar escravo de

V um programa.” É com este tipo de


afirmação que Jon Maddog Hall,
diretor executivo da Linux Internacional
- organização sem fins lucrativos de
companhias que apoiam e promovem o
uso de sistema operacional Linux -, viaja
o mundo ministrando palestras e
debatendo com decisores sobre o uso
do Software Livre em âmbito tanto
corporativo quanto comunitário.
O especialista, uma das figuras mais
conhecidas do mundo do Software
Livre, se tornou um ícone para o
movimento, tanto por seu carisma,
quanto por seu posicionamento
coerente. Confira entrevista concedida à
Locaweb em Revista, na qual Maddog
fala sobre o desenvolvimento do Maddog \\ Especialista
* Todo software deve
criar o novo. De
acredita que nenhum
software livre, seu processo de criação tomar o poder nas programa, seja ele livre ou
coletiva e a sua busca atual pelo futuro ser livre. Você não mãos. Vejo que há proprietário, é à prova de
falhas de segurança
“Einstein” da tecnologia. pode ficar escravo de problemas demais

Locaweb – Como você descreve


um programa, mas o e gente de menos para resolvê-los. E
sinceramente acredito que o próximo
seu trabalho diário para a comunidade contrário: o usuário “Albert Einstein” virá da Ciência da
que visa desenvolver programas de deve determinar o que Computação. Não necessariamente da
código aberto?
Maddog – Atualmente viajo o
fazer, como e quando, Europa ou dos Estados Unidos, também
pode ser que venha da China, Finlândia
mundo conversando com a indústria, o e não o programa ou ou, quem sabe, do Brasil.
governo e entidades educacionais sobre seus desenvolvedores
software livre e de código aberto. Fico Locaweb em Revista – Como você
contente em dizer que já vi muitos Locaweb – Como você acredita que o define o conceito de Software Livre?
resultados tangíveis em alguns lugares Software Livre pode ajudar a encontrar Maddog – O conceito é o mesmo desde
em que estive. Posso ir a um lugar em um a próxima geração de experts? sempre. Software livre é a liberdade de ler o
ano e conversar com eles, e no Maddog – Acredito que o código fonte, de mudar, de distribuir. Ter
próximo ano eles já abriram um desenvolvimento do Software Livre controle sobre o que você está usando. Mais
centro de desenvolvimento ou criaram oferece a abertura necessária para esta importante que qualquer custo, o verdadeiro
um projeto usando software livre. próxima geração. É a possibilidade de valor está na liberdade de escolha.

6 locaweb
Entrevista_Maddog:W2008 9/4/2009 17:32 Page 7

Locaweb – Quando você considera que


um software precisa ser livre?
Maddog – Eu acredito que todo software
deve ser livre, a menos que haja alguma
razão muito especial para que isso não
aconteça. Você não pode ficar escravo de
um programa. É você que tem que
determinar o que fazer, como e quando,
e não o programa.

Locaweb – Quais são as diferenças que


existem no processo de desenvolvimento
de uma aplicação de código aberto e
uma 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 pode
saber como elas foram desenvolvidas.
Aplicações de software livre e de código
aberto são planejadas, implementadas e
entregues em um ambiente onde as
pessoas podem ver e opinar sobre as
trocas realizadas, como também pegar
códigos intermediários para testar. Isso faz

Fotos: Divulgação
com que as aplicações estejam estáveis
quando lançadas.

Locaweb – Software livre é a plataforma


mais segura e confiável? Viajante \\ Maddog
roda o planeta com a
Maddog – Nenhum sistema, seja software tarefa de evangelizar
livre e de código aberto ou qualquer outro, pessoas a respeito da
é completamente seguro e sem falhas. Mas importância do uso
do software livre
saímos na frente em nosso estilo de
desenvolvimento que busca a ajuda
coletiva. Isso significa ter uma comunidade
do software livre pronta para usar sua
habilidade de rapidamente analisar,
consertar e distribuir correções para Ao lado \\ Maddog
problemas de segurança e confiabilidade. ao lado do organizador
Samuel Moreno Rojas
Nesse sentido, pode-se dizer que (à dir), na Campus
conseguimos corrigir mais rapidamente e Party realizada em
tornar seguras as aplicações. Bogotá, na Colômbia,
em junho de 2008

Locaweb – Como você avalia o estilo prazer de torná-lo melhor. Isso nos faz beneficiadas pelo uso do software livre que
de desenvolvimento do Software Livre? especialmente recompensados quando pode ser inteiramente customizado de
Maddog – Nosso estilo é o da ajuda pensamos nas comunidades menos acordo com as necessidades deles. Trata-se
coletiva, ou seja, é o esforço de um grupo favorecidas, que não podem arcar com os de um processo simples e eficiente, que
que melhora o sistema, simplesmente pelo custos de um software proprietário e são auxilia muitas pessoas no planeta.

locaweb 7
Emails:W2008 9/4/2009 17:33 Page 8

opinião/leitores

e-mails J
//Envie seu e-mail
Se você tem alguma dúvida, sugestão ou
crítica, entre em contato com nossa redação
pelo e-mail locaweb@europanet.com.br.

Estouro browser um arquivo PDF, mas de informações. Você deve $message .= '\n';}
no ASP teria de ser sem o Adobe configurar o arquivo php.ini para if (@mail($mailto,
Quando tento fazer uma Acrobat Reader estar que o comando funcione.. Abra o $subject, $message)) {
operação de divisão de instalado. É possivel? Será que php.ini com um editor de sua header("Location:
números recuperados de um não existiria um plugin do preferência e procure pela seção $redirect");
formulário em páginas ASP, dá produto que permita a [mail function]. Indique na variável } else {
um erro indicando estouro. As visualização no navegador? SMTP o endereço de seu servidor echo('<p>O e-mail não
demais operações são Willimar - Por e-mail de SMTP e em sendmail_ from o pode ser
realizadas normalmente, mas a seu e-mail, que irá aparecer no enviado.</p>');}
divisão não. O que acontece? A única maneira de fazer campo From da mensagem. Salve ?>
Marco Aurélio - Por e-mail com que o navegador o documento e os seus aplicativos
possa exibir arquivos PDF é a PHP já estarão prontos para enviar Cor
Certifique-se de alterar inclusão do Acrobat Reader, que e-mails. Para enviar os dados de hexadecimal
todos os dados instala automaticamente um um formulário, você pode usar o Em diversos sites, há
recuperados de um formulário plugin para essa finalidade. Mas código abaixo. Ele recebe as indicações para usar um valor
para o formato numérico. Use a não existe nenhum motivo para informações e manda por e-mail, hexadecimal quando se indica
função CDbl para essa finalidade. não utilizar essa ferramenta, uma redirecionando para uma página uma cor no HTML. Não sei o
Por exemplo, para converter um vez que ela é gratuita e pode ser de agradecimento se tudo correr que é hexadecimal, o que
campo chamado Frete, use: baixada livremente no site da bem e mostrando um erro se devo colocar?
Adobe. A URL que você deve usar houver algum problema. José Aparecido - Por e-mail
Frete = CDbl(Request. para fazer o download do
Form("Frete")) aplicativo é www.adobe.com/ <?php As cores, nos documentos
products/acrobat. $mailto = HTML, são representadas
Verifique se você está pegando "seu@email.com.br"; por números hexadecimais.
todos os valores postados pelo E-mail com $subject = "Seu Diferentemente do sistema decimal
formulário, pois esse erro também o PHP assunto aqui."; ao qual estamos acostumados, no
pode ocorrer quando se tenta Qual deve ser o código PHP $redirect = sistema decimal não existem 10,
dividir duas variáveis que não para o envio do conteúdo de "obrigado.html"; mas 16 algarismos. Assim, além do
foram declaradas. um formulário por e-mail? foreach($HTTP_POST 0 ao 9, são usadas também as
João Camilo - Por e-mail _VARS as $key => letras A, B, C, D, E e F, equivalentes
PDF no $value) { aos números 10, 11, 12, 13, 14 e 15
Browser O PHP usa a função $message .= $key . ': do sistema decimal.
Eu estava querendo abrir no mailto para fazer o envio ' . $value; As cores HTML usam o
sistema RGB. Para formar uma
cor HTML, são usados três
números hexadecimais, o
primeiro com a quantidade de
vermelho, o segundo com verde e
o terceiro com azul. Tudo isso
precedido pelo sinal #. A cor
marrom, por exemplo, é
representada por #8E236B.
Mas não é necessário entender os
números hexadecimais para
poder encontrar a cor HTML que
você deseja. Existem diversas
ferramentas que auxiliam nessa
PDF \\ No site da Adobe, você pode baixar o Acrobat Reader gratuitamente para visualizar arquivos PDF no browser tarefa, como tabelas de cores.

8 locaweb
Noticias_Parte1:W2008 9/4/2009 17:44 Page 10

lançamento

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

11º Encontro de
Profissionais de Internet
Estão abertas as como tecnologia, tendências Cloud Server e Gateway de ANOTE NA AGENDA
inscrições para a 11ª e comunicação. Pagamentos, ou em desconto 11º Encontro de
edição do Encontro de Os interessados podem em serviços ativos na empresa. Profissionais de Internet
Profissionais de Internet, que será entrar no site www.locaweb. Este ano participam, como Data:
realizado nas cidades de Belo com.br/encontro e se inscrever patrocinadores, Microsoft e 14 de abril
Horizonte, Salvador, Curitiba, pelo valor de R$50, que será Google, além das revistas Info Horário:
Porto Alegre, Rio de Janeiro e revertido posteriormente em Exame e WWW. 8 às 18 horas
São Paulo durante este primeiro descontos na contratação de A grade de palestras Local: Hotel Ouro Minas -
semestre de 2009 e terá início hospedagem de sites, Mobimail, encontra-se no site Av.Cristiano Machado, 4.001 –
dia 14 de abril no Hotel Ouro Email Marketing, Cloud Mini, www.locaweb.com.br/encontro. Palmares – Belo Horizonte – MG
Minas, em Belo Horizonte.
Com o objetivo de agregar
conhecimento de novas
tendências da web e estreitar o
relacionamento com
profissionais de internet, o
evento inclui palestras com
profissionais da Locaweb e
convidados abordando temas

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

10 locaweb
Noticias_Parte1:W2008 9/4/2009 17:44 Page 11

notícias

ACONTECEU
h LOCAWEB OFERECE ESPAÇO E BANDA
ILIMITADOS EM PLANOS DE HOSPEDAGEM Barcamp Locaweb Ruby
Atenta à qualidade on Rails reuniu cerca de 80
nos serviços aficcionados pela tecnologia
prestados e com
foco em inovação
tecnológica, a
Locaweb, líder
em serviços
hospedados de TI,
revoluciona o
mercado de
hospedagem de
sites e oferece Mais espaço \\ Locaweb passa a oferecer banda
ilimitada em planos de hospedagem de websites
espaço e
transferência sem limites. A mudança será aplicada a todos os
clientes, independente do plano contratado.
A Locaweb também aumentará a quantidade de domínios e Barcamp \\ Evento realizado em março deste ano e idealizado por Fábio
caixas postais dos planos, sem nenhum acréscimo no valor dos Akita teve muita troca de idéias com os entusiastas do Ruby on Rails
serviços. “Desenvolvemos uma nova política para garantir que a Nem mesmo a chuva e o trânsito, que praticamente parou a
expansão do espaço não seja utilizada de forma abusiva, pois cidade de São Paulo, impediram o sucesso do 1º. Barcamp da
nosso objetivo é garantir que o site cresça juntamente com o Locaweb, evento que teve como objetivo de reunir
profissionais interessados em aproveitar um ambiente
cliente, sem restrições”, conta Gilberto Mautner, presidente da
informal para conversar sobre tecnologia. O encontro, que
empresa. Para saber mais sobre o assunto, acesse o site da aconteceu dia 17 de março, no Café Zim em São Paulo,
Locaweb, em www.locaweb.com.br. euniu cerca de 80 participantes para discutirem a plataforma
Ruby on Rails.
A idéia surgiu quando Fábio Akita, gerente de hospedagem
da Locaweb e referência nacional em tecnologia Ruby on Rails,
CUPONS DO BUSCAPÉ DE R$ 200
h
AGORA PARA TODOS OS PLANOS
sentiu a necessidade de reunir essa “comunidade” para a troca de
idéias e experiências pessoalmente.
Desde março, cupons do BuscaPé oferecidos para novos clientes de
hospedagem passam a ter valor de R$ 200 em todos os planos, RoR \\ Tecnologia Ruby
superior ao valor do maior cupom antes oferecido. on Ralis foi amplamente
debatida pelos cerca de
Com essa alteração no valor, o BuscaPé também fez algumas oitenta participantes do
mudanças nas regras de uso dos cupons em sua Central de Negócios, 1º BarCamp, realizado em
que detalhamos no Wiki Locaweb: http://wiki.locaweb.com.br/pt- São Paulo, no mês de março
br/Cupom_Central_de_Negócios_BuscaPé

Buscapé \\ Cupons do site de comparação de preço e parceiro da Locaweb


passaram a ter valor de R$ 200 para clientes do serviço de hospedagem da empresa

locaweb 11
Noticias_Parte2e3_WishList:W2008 25/3/2009 11:10 Page 12

notícias/wishlist

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

L Shuffle
A Apple lançou a nova versão
de iPod Shuffle, que chega ao
Brasil em maio. Entre as
novidades, está a redução de
tamanho e, finalmente, um
recurso que anuncia as
músicas que o player toca.
Com 4 GB, trata-se do menor
toca-MP3 da família iPod.
Preço: US$ 80

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

12 locaweb
Noticias_Parte2e3_WishList:W2008 9/4/2009 17:47 Page 13

notícias/wishlist

L Superzoom
A Sony apresentou a
câmera digital DSC-HX1,
que traz um superzoom
de 20x. Com ela, dá para
retratar paisagens em
superwidescreen de
até 224º horizontal ou
154º vertical.
Preço: ainda não há
valor estimado

L Samsung touchscreen
A empresa coreana anunciou o lançamento de dois modelos
de celulares de uma vez, todos voltados ao mercado europeu e
com tela de 2,8 polegadas touchscreen. Os celulares S5600 e
S5230 têm 12.9 mm de espessura, câmera de 3 Mpixels e
suporte a bluetooth.
Preço: ainda indisponível

L Tela grande
O LG Vu é um celular que tem como
maior atrativo a sua excelente tela de
3 polegadas com touchscreen. Voltado
ao mercado americano, o telefone tem
acesso à TV digital, câmera de 2 Mpixel
com foco automático e gravador de
vídeos. É 3G e tem bluetooth.
Preço: US$ 550

locaweb 13
Noticias_Parte2e3_WishList:W2008 25/3/2009 11:10 Page 14

notícias/wishlist

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

L Celular Nokia
A Nokia apresentou na Mobile World Congress 2009
o celular 8208. Trata-se de um telefone dual-slider
que 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 ArcMouse
A Microsoft Brasil lança no País o Arc
Mouse, periférico que pode ser
dobrado e ter seu tamanho total
reduzido em 40%, o que oferece L
praticidade no transporte. Possui duas
opções de cores: preto e vermelho. O
produto tem tecnologia a laser e
conexão wireless de 2.4GHz.
Preço: R$ 269

14 locaweb
Noticias_Parte2e3_WishList:W2008 25/3/2009 11:10 Page 15

notícias/wishlist

L Caixas de Som
O M3400 é uma caixa de
som multimídia com alta
performance de áudio. O
produto é voltado para
quem deseja potencializar
tanto o som de filmes como
o emitido por jogos e
músicas. As caixas contam
com controle remoto com
fio e ainda possuem saída
para fone de ouvido.
Preço: R$ 452

L 5 em 1
MP5 Super Cam TV tem apenas
75 gramas, possui uma tela LCD de
2,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 canais
L
VHF e UHF.
Preço: R$ 394

L Home-theater
Chegou ao mercado o Philips
HTS3566D, com 1000W RMS, recurso
DoubleBASS (que oferece melhor e
mais prolongada experiência em
graves) e Clear Voice, para vozes
mais claras em filmes e músicas. O
modelo conta com FullSound, para
levar a experiência sonora do CD
para o MP3, aprimoramentos HDMI
1080p, para imagens com alta
definição e mais nítidas, e hi-speed
USB 2.0, que reproduz mídias de
unidades flash USB.
Preço: R$ 1.499

locaweb 15
Noticias_Parte2e3_WishList:W2008 25/3/2009 11:10 Page 16

notícias/wishlist

L G-Shock faz 27 anos


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

L DJ Profissional
O Hercules DJ Control Steel é um deck de mixagens
ideal para DJs que usam o PC como equipamento de
trabalho. Possui uma conexão USB e acompanha o
software VirtualDJ 5 DJC Edition, que permite fazer
mixagens a partir de formatos digitais de músicas.
Preço: US$ 300

L Projetores de imagem
A Agis anunciou dois novos modelos de
projetores. O primeiro, MP624, tem entrada
HDMI, resolução XGA de 1.024 x 768 pixels e
taxa de contraste de 2.500:1. O segundo, por
sua vez, chama-se MP512ST, tem entrada
HDMI, resolução SVGA de 800 x 600 pixels e
tem como destaque a lente de proximidade
ST (Short Throw).
Preço: a partir de R$ 2,5 mil

16 locaweb
Noticias_Parte2e3_WishList:W2008 9/4/2009 17:50 Page 17

notícias/wishlist

L Carro-DVD
Opção ideal para os apaixonados por
quatro rodas, o DVD player da Azzurro
tem um design bem diferente, que
promete fazer presença na decoração de
sua sala ou escritório. Ele é montado
dentro de uma réplica do carro tradicional
Mini-Couper, sucesso de vendas na
Inglaterra. O player permite a reprodução
de mídias DVD e CD e tem
compatibilidade com
músicas MP3.
Preço: R$ 850

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

L Blu-ray rápido
A Sharp lançou um aparelho
Blu-ray com leitura de mídia
em até 10 segundos. Trata-se
de BD-HP21U, o primeiro a
ser comercializado no Brasil e
com função Quick Start, que
permite assistir a conteúdo
da mídia com mais agilidade
e tem baixo consumo de
energia (23W) e reproduz
mídias DVD.
Preço: R$ 1.999

locaweb 17
Noticias_Parte 4_Agenda:W2008 9/4/2009 17:54 Page 18

//CONGRESSO
TV 2.0
notícias/circuito Evento TV 2.0, criado pela revista
Teletime, promoverá discussão
sobre os próximos formatos de

Sua leitura
mídias digitais, em especial
sobre o papel da TV nos próximos
anos e décadas.
Local: Amcham, São Paulo
Quando: 14 abril

sobre internet
Confira os principais lançamentos de livros que tratam de
//CICLO
Software Innovation
O 1º Seminário Software
Innovation – uma versão
ampliada do Seminário de SaaS,
temas ligados ao mundo da tecnologia da informação realizado no ano passado – vai
mostrar as tecnologias
DOMINANDO JAVA envolvidas, as soluções de
SERVER FACES negócios, as métricas, o futuro
EDSON GONÇALVES dos softs, cases de sucesso em
Dominando JavaServer Faces e diversas áreas, como vendas,
Facelets utilizando Spring 2.5, marketing, relacionamento com
Hibernate e JPA é um livro focado em clientes, comunicação, gestão
dar ao leitor a base necessária para empresarial e aplicações.
aprender e integrar, as tecnologias Local: Amcham, São Paulo
propostas, com um exemplo simples Quando: 6 e 7 de maiol
e completo de um site de comércio
eletrônico plenamente confiável e //SEMINÁRIO
bastante funcional. 2º Wireless Broadband
Preço: R$ 89 A nova edição do evento de
Editora: Ciência Moderna Wireless broadband será
Inf.: www.lcm.com.br inteiramente focada na oferta de
banda larga por tecnologias sem
fio, com a chegada das redes 3G
JAVA EM REDE ASPECTJ no país e a introdução do WiMax
DANIEL GOUVEIA COSTA VICENTE GOETTEN para serviços residenciais e
Com esta obra você aprende a JUNIOR, DIOGO VINÍCIUS corporativos. O seminário que é
trabalhar com programação WINCK referência para os players da
distribuída na internet por Nesta obra o leitor vanguarda das tecnologias
meio desta robusta e aprenderá os princípios da móveis no Brasil, no momento
confiável linguagem. programação Java. ideal da expansão deste mercado
Preço: R$ 66 Preço: R$ 47 no Brasil.
Editora: Brasport Editora: Novatec Local: Hotel Paulista Plaza,
Inf.: www.brasport.com.br Inf.: www.novatec.com.br São Paulo, SP
Quando: 1 de Julho

Tutoriais e videoaulas online


O ambiente online é
bastante propício
para videoaulas, já
que permite ao
aluno acompanhar
as lições quando
quiser e onde
desejar. Aqui, a cada
edição da Locaweb em
Revista, você vê o que XP Mais Leve Troque Cor de Olhos
Duração: 1min52s Duração: 6min29s
há de melhor em Preço: Grátis Preço: Grátis
cursos na internet URL: http://tinyurl.com/dmfgfx URL: http://tinyurl.com/c7ndtt

18 locaweb
PreviewCMS:W2008 25/3/2009 11:00 Page 20

p[r]eview
CMS: Ferramentas
para turbinar seu blog
Encontrar um recurso que atenda a todas as necessidades e otimize o
tempo é fundamental para garantir a continuidade de seu empreendimento
Produtividade, empreendimento num futuro
eficiência e bem próximo.
durabilidade. Esta é a Nesse caminho, é
máxima que rege 10 entre importante considerar quais
10 empreendedores que são as soluções que apoiaram
buscam se destacar e vencer o desenvolvimento de um
no mundo competitivo em blog em sua fase inicial até o
que vivemos. Isso não é momento em potencial que
diferente no universo ele atingir a marca de projeto
online, especialmente de grande porte. Por isso, a
quando o tema em pauta é pergunta fundamental é:
a blogosfera. No mar de como escolher uma boa
blogs que hoje ferramenta? Mais do que
movimentam a internet, é isso: quais os parâmetros
imperativo definir caminhos para avaliar o recurso?
Dois vezes um \\ Blog de diálogos usa a ferramenta CMS do Blogger, ideal
para se destacar e também Felizmente, existe uma para quem tem pouco conhecimento de internet e de programação web
garantir o crescimento. resposta clara para isso: usar
Assim, torna-se um sistema de gerenciamento em. Afinal, uma decisão 3. Gere feeds em diversos
importante avaliar quais de conteúdo, ou em inglês, equivocada pode gerar formatos: assim, você deixa a opção nas
ferramentas são fundamentais Content Management System retrabalho e muita mãos do leitor e ele pode ler seus artigos
para atender aos seus (CMS), cujo objetivo é dor de cabeça. em qualquer agregador que preferir;
objetivos e ainda otimizar seu exatamente o de estruturar Nesse caminho, vale
tempo. Nesse meio onde e facilitar a criação, destacar algumas 4. Gere feeds individuais para as
tudo evolui a passos de administração, distribuição, funcionalidades fundamentais categorias e artigos específicos:
gigante, é necessário levar publicação e disponibilidade para qualquer blog: isso garante audiência, mesmo quando
em consideração sua atual da informação. seu leitor prefere acompanhar apenas
necessidade e ainda projetar Por isso, o primeiro 1. Permita comentários: isso é uma parte do seu blog;
o que será necessário daqui a conselho é: dedique tempo básico. Um blog sem comentários não é
um ano. Afinal, crescer no desenvolvimento e um blog; 5. Permita classificar conteúdo via
sempre é importante e, projeto de seu blog. Teste tags: fundamental se você quiser ficar
muitas vezes, algo não tão todas as possibilidades, 2. Permita a organização dos conectado com o presente;
fundamental no momento definindo com cuidado quais assuntos: ainda que seja um blog
acaba sendo primordial são as funcionalidades que especializado em um tema, é importante 6. Pingback e trackback: garante que
para a continuidade do você considera fundamentais garantir ao usuário a melhor localização; você seja conhecido na blogosfera;

20 locaweb
PreviewCMS:W2008 9/4/2009 17:53 Page 21

review/CMS

* Dedique tempo
desenvolvendo e
projetando seu
7. Garanta flexibilidade: seu blog 9. Seja fácil de usar: não adianta disponíveis. A ordem é blog. Teste todas
precisa estar preparado para as ter inúmeros recursos quando não se testar, testar e testar. Mas as possibilidades
evoluções do meio digital. sabe aplicá-los. é preciso entender um definindo as
pouco de cada uma delas. A
8. Seja semanticamente correto: Definidas as funcionalidades, é seguir, confira algumas opções
funcionalidades
um bom atalho para estar sempre no preciso olhar com cuidado e escolha a que melhor que considera
topo dos mecanismos de busca; para as ferramentas CMS atende às suas expectativas: fundamentais

Drupal GeekLog
Excelente opção se pretende integrar outras funcionalidades, O GeekLog possui os recursos básicos de um blog, mas pode ser
como um fórum. A desvantagem é o excesso de funcionalidades, estendido. A simplicidade pode ser uma vantagem para quem
que pode deixar o usuário perdido. Fora isso, a ferramenta não foi está iniciando e deseja um blog realmente muito leve e rápido. A
originariamente criada para blogs; desvantagem é a falta de recursos mais elaborados.

Blogger Joomla
Este recurso é um administrador para quem não tem muito O Joomla tem uma enorme comunidade que trabalha para o
conhecimento de internet e muito menos de programação seu desenvolvimento, o que garante uma atualização constante.
web. É fácil de operar e tem acesso e administração por meio Além disso, o CMS é fácil de instalar, tem um módulo de
do site do blogger. administração muito completo.

locaweb 21
Online:W2008 9/4/2009 18:05 Page 22

online PARA PROCURAR NA REDE


iSofa.tv: isofa.tv
YouTube: www.youtube.com
Terra TV: terratv.terra.com.br

Novas fronteiras
para vídeos online
Embora liderado pelo pioneiro YouTube, mercado de vídeo online cresce, se
diversifica e abre novos espaços a serem explorados pelos internautas
Um bilhão de conteúdo tradicionais e para explorar outras
internautas. Este é o internautas comuns que possibilidades. Com as novas * Com as novas
número estimado de postam vídeos em sites de ferramentas de criação e ferramentas de
pessoas que assistirão a vídeos online. canais de distribuição de criação e canais
vídeos online até 2013, Mais do que isso, fazer vídeos, somados à ampliação de distribuição de
segundo pesquisa realizada vídeos com seu celular, do acesso à banda larga,
vídeos, pode-se
pela ABI Research. Ou seja, é câmera digital ou mesmo pode-se facilmente passar de
fácil perceber que esse com uma câmera de vídeo espectador passivo para facilmente passar
mercado está em plena profissional está cada vez produtor de conteúdo. de espectador
expansão e abrindo mais fácil. Porém, se você Exemplo desta tendência para produtor
oportunidades para os mais acha que serviço de vídeo é crescente são serviços como o
de conteúdo
variados tipos de usuários, só o YouTube, está na hora de ISofa.tv, projeto brasileiro
como produtores de navegar mais pela internet desenhado pelos especialistas Bruno Pinaud, Erwin Julius,
André Popp, Alexandre Braga,
Alexandre Souza e Ricardo
Câmara. Lançado em 2008, o
ISofa.tv permite ao usuário
programar sua própria estação
de TV, criando seu canal de
vídeos com a programação
que desejar. Dessa forma,
basta selecionar o tema
favorito e se acomodar
literalmente no sofá enquanto
os melhores vídeos ficam
passando em sequência.
Com interface amigável e
característica única de oferecer
o vídeo em tela aberta, o
iSofa.tv tem batido
periodicamente a audiência
de concorrentes diretos e
Supremacia \\ O iSofa.tv, que tem interface amigável e oferece vídeos em tela cheia, é um dos principais concorrentes indiretos, como TerraTV e
do YouTube, o grande difusor de vídeos online na internet; império do site começa a ser ameaçado por outras páginas Globo.com, apresentando

22 locaweb
Online:W2008 9/4/2009 18:05 Page 23

online/vídeos

altos índices de permanência mês -, segundo dados do usuários. Outros dados é o que não falta e há opções
do usuário na página e um YouTube, percebe-se que o apontam que 20% das para todos os gostos. Desde
grande número de page usuário está cada vez mais pessoas buscam esses sites aqueles que desejam assistir
views. Outra boa nova é que sofisticado. Ele já não quer para procurar anúncios de apenas a trailers e filmes de
mesmo sendo um projeto mais ficar perdido entre produtos, serviços ou filmes, Bollywood até aqueles que
100% nacional, o iSofa.tv já milhões de links para achar por exemplo. desejam aprender como
recebeu visitas de mais de um vídeo sobre um assunto Em outras palavras, espaço publicar um vídeo online. O
140 países, teve notas específico ou ao menos segredo do sucesso das novas
publicadas na imprensa em
mais de 12 idiomas e 600 sites
relevante. Em vez disso, busca
por sites especializados em
* Atualmente, o e demais plataformas,
apontam especialistas, é que
usuário prefere
e, de quebra, foi recomendado distribuição de vídeos os segmentados se focam em
pelo New York Times. online que tratam de temas
acessar sites atender nichos pouco
As opções não param por diferenciados e específicos. especializados em explorados por sites maiores.
aí. No mercado brasileiro, no Uma análise sobre o distribuição de Selecionamos alguns
qual 55% da audiência assiste conteúdo disponível revela vídeos online que projetos para que você
a vídeos online pelo menos um certo equilíbrio entre conheça mais detalhes
uma vez ao dia - com uma ofertas profissionais e
tratam de temas do que há disponível no
média diária de 72 minutos ao amadoras, cada uma delas diferenciados variado “cardápio” online.
dia e cerca de 36 horas por com 40% da preferência dos e específicos 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)

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

locaweb 23
Keep it Simple:W2008 9/4/2009 18:14 Page 24

keepitsimple
Serviço da Locaweb oferece
sistema completo e gratuito
de e-mail, fácil de
usar e bastante seguro

ESTE MÊS
Serviço: MobiMail

MobiMail
Site: www.locaweb. com.br/produtos/mobimail.html

O novo e-mail da Locaweb


Conheça a ferramenta que dará mais facilidade automática, a um clique do usuário. Devido
aos dados estarem na web, é possível
e agilidade às suas mensagens eletrônicas compartilhar compromissos ou agendas
com outros usuários, além de estarem ao
Texto: Sérgio Vinícius PushMail. O painel de controle foi facilitado alcance do cliente 24 horas por dia, sete
pela ferramenta de instant messaging, que dias por semana.
faz parte da plataforma, são outros Quanto ao painel de controle e
Locaweb colocou no ar a solução de destaques do serviço. ferramenta de mensagens instantâneas, os

A e-mail MobiMail (www.locaweb.


com.br/produtos/mobimail.html), já
inclusa nos planos de hospedagem e
A sincronização - via PushMail - garante
que mensagens, contatos e outros dados
estejam disponíveis na web, de forma
destaques ficam, respectivamente, com o
gerenciamento simples e ágil das contas do
usuário e o protocolo Jabber, que garante
serviços de e-mail da empresa. Trata-se de segurança e é multiplataforma.
uma plataforma de mensagens * Painel de controle tem O MobiMail foi criado a partir do zero, o
eletrônicas que oferece flexibilidade e gerenciamento simples e que garantiu um desenvolvimento pleno,
mobilidade total para que os clientes ágil das contas do sem o reaproveitamento de outras
gerenciem mensagens, contatos e estruturas, que poderiam apresentar falhas.
usuário; ferramenta de
compromissos de onde estiverem. O sistema MobiMail funciona sobre clusters
Entre diversos atrativos, o MobiMail
instant messenger de servidores redundantes. Isso garante
chama a atenção por fatores como funciona com o robusto operação mais segura contra falhas, com
mobilidade e compartilhamento, via protocolo Jabber facilidade de acrescentar capacidade de

24 locaweb
Keep it Simple:W2008 9/4/2009 18:14 Page 25

facilidades/locaweb

* O sistema funciona sobre clusters de servidores redundantes. Isso garante operação


mais 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
tráfego - já que basta acrescentar mais Aparecerá um novo campo para fornecer o domínio (parte após a @ do seu e-mail) e a sua senha.
servidores. É o conceito de computação em
nuvem, inplementado no MobiMail.
4 Servidor, preencha este campo com o endereço
disponível na página de Resumo do Domínio do seu Painel. Clique em Avançar e na tela seguinte, selecione os

Mobilidade Aperte Próximo, selecione os itens que deseja


5 itens que deseja sincronizar.

Como um dos pontos fortes do


MobiMail é justamente sua tendência à
5 sincronizar e aperte Salvar. (Atenção: Caso as
opções Contatos e Calendários sejam habilitadas, os 6 Após realizar o passo acima cuidadosamente, clique
em Concluir .
mobilidade, a seguir você confere como contatos e agendamentos salvos no dispositivo serão
configurar e sincronizar os três principais sobrescritos no momento da sincronização.) Acesse o aplicativo Mensagens para
ambientes operacionais de aplicativos
móveis para trabalhar em conjunto com o Retorne para a tela incial com o botão Home e
7 visualizar seu e-mail.

MobiMail. Antes de iniciar o processo de


configuração, recomenda-se a realização do
6 aperte o ícone Mail para visualizar suas mensagens.
Raio-X
backup dos dados. Caso haja algum Windows Mobile Confira outras características do MobiMail:
problema inesperado, você não terá Clique em Iniciar> Programas > e
problema com perda de dados. 1 selecione Activesync. Cliente de e-mail
Serviço permite acesso via plugin MAPI pelo Outlook do
iPod e iPhone Selecione Menu e depois clique na opção Office. Com isso, há o mesmo grau de integração de

1 Clicar em Ajustes e depois em Mail,


Contatos, Calendários.
2 Configurar Servidor.
mensagens, contatos e calendário que um servidor
Exchange oferece.

Em Endereço do servidor, preencha com o endereço Segurança

2 Clicar em Adicionar Conta e selecione


Microsoft Exchange.
3 disponível na página de resumo do domínio do seu
Painel do MobiMail.
Há a possibilidade de acesso criptografado por SSL a POP,
IMAP e SMTP. Isso garante o tráfego seguro de
mensagens entre seu terminal e o servidor de e-mail
hospedado na Locaweb.
Preencha o campo com os seus dados Clique em Avançar e preencha os dados com nome
3 e aperte Próximo. 4 de usuário (parte antes do @ no seu email), Webmail
São duas novas interfaces de webmail. Há o tema
MobiMail, que tem tecnologia Ajax, com drag and drop,
operação via teclado. O tema Clássico é voltado para
quem já está familiarizado com a plataforma Locamail.

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

Comunicação
O instant messaging (protocolo XMPP) permite a
comunicação instantânea criptografada entre os
membros do domínio. Para aprender a configurar o
instant messaging via Jabber, deve-se acessar
http://wiki.locaweb.com.br/pt-
br/Instant_Messaging_via_Jabber.

Demo
Para saber como é a interface do webmail na plataforma
MobiMail, acesse http://exemplo.mobimail.com. O login
Página do MobiMail \\ Em www.locaweb.com.br/produtos/mobimail.html, é possível conferir detalhes da conta é exemplo. A senha, exemplo.
sobre o novo serviço de e-mail da Locaweb; ponto forte do MobiMail é a compatibilidade com aplicativos móveis

locaweb 25
materia de capa:W2008 9/4/2009 18:39 Page 26

26 locaweb
materia de capa:W2008 9/4/2009 18:39 Page 27

capa/cloud_computing

Conheça em detalhes a revolução da internet que


irá mudar o jeito como os computadores interagem
e entenda como isso irá melhorar sua vida
Texto: Camila Pratti (em português) está tão em alta que foi apontada em
Ilustração: Alexandre Dias (Nani) relatório do grupo de pesquisas Gartner como uma das
três mais importantes tendências emergentes até os
alma, pode deixar a galocha e a capa de chuva no próximos cinco anos.

C armário, porque o assunto aqui nada tem a ver


com meteorologia, muito menos com viagens de
avião. A nuvem, em questão, refere-se à computação - é a
Mas afinal como funciona esta tal cloud computing?
Vamos explicar usando uma historinha verossímil.
Imagine que você está no supermercado, em algum
tão falada cloud computing. A computação em nuvem lugar do Brasil, escolhendo os ingredientes para o jantar,
quando toca o telefone e do outro lado da linha o seu
chefe 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 de
dados produzida por sua empresa nos últimos dez anos.
São arquivos confidenciais que só você e o seu chefe têm
acesso, 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 notebook
com acesso à internet, pela qual confere todas as
informações de que precisa, produzidas em seu PC. “Mas
como isso é possível?” Esqueceu que está em tempos de
cloud computing? Um modelo no qual, sem aplicativos,
os computadores são totalmente dedicados à web,
sendo servidos via rede e processados por servidores
dedicados e potentes.
Sendo assim, é possível conferir toda a sua produção
realizada no computador, de qualquer lugar do mundo.
Basta pensarmos, por exemplo, nas contas de e-mail

locaweb 27
materia de capa:W2008 9/4/2009 18:39 Page 28

em nuvpe m
capa/cloud_computing uitet u r a ntada por
Arq et é re se
re
te, a intern
n daí o
ologia,
Graficame rama de tecn
iag u
nuvem e m d ue se torno
cl o ud co mputing, q red e de
termo a uma
baseadas em web como Locamail, Hotmail, Gmail,
la r ao se r associado tilizad a para
Yahoo, entre outros. Estes serviços nos permitem popu s ou virtuais u
físico tação .
servidores

b
de compu
ambiente

we
consultar, por meio da internet, nossas mensagens,
aloca r u m
armazenadas em um servidor alheio, a qualquer

ca
momento, de qualquer lugar. O mesmo se aplica a
Ama
zon

Lo
sites de armazenamento e compartilhamento de fotos
ou vídeos como Flickr e YouTube.

Do computador pessoal para o mundo


Apple
Em casa, ou melhor, em nosso home office,
oogle
realizamos trabalhos no computador pessoal,
produzimos relatórios e apresentações, entre muitos
G
outros projetos. Para executar estas tarefas, usamos os

o
ho
aplicativos instalados em nosso PC.

Ya
Já no ambiente corporativo, as aplicações são disponíveis
em servidores e podem ser acessadas em ambiente offline, por
meio de qualquer máquina ligada a uma rede, não necessitando
estar conectada à internet. O modelo empresarial permite ao
usuário compartilhar arquivos pela rede, ação não muito comum
no ambiente doméstico. Mesmo assim, nem todos os arquivos propõe a utilização dos mais variados aplicativos, por meio da
podem ser compartilhados e em muitos casos é necessário ter a internet, independente de lugar ou plataforma utilizada.
licença dos softwares para cada máquina.
E onde entra cloud computing ou computação em nuvem US$ 42 bilhões até 2012
nessa história? Da constante necessidade de atualização de dados Pesquisa realizada pela consultoria IDC prevê que gastos com
em tempo real e pela adoção de práticas propostas pela Web 2.0, serviços de computação em nuvem tripliquem até 2012, atingindo
tendência que incentiva a troca de informações e a colaboração US$ 42 bilhões. Esta alta se deve à necessidade das empresas
dos internautas com sites e serviços virtuais, dinamizando a reduzirem custos com TI, cada vez mais relacionada ao atual
organização do conteúdo online. Estamos falando de redes sociais, cenário mundial de crise econômica. E ao fato de a solução cloud
comércio eletrônico, entre outros. estar ligada a corte de gasto.
Outra mudança significativa é no conteúdo que circula pela Realizada com 696 executivos de TI e CIOs, na Ásia/Pacífico
rede. Antigamente eram trocadas imagens estáticas, planilhas e, (exceto Japão), a pesquisa mostrou que 11% dos entrevistados
hoje, muitos arquivos pesados de música e vídeo, por exemplo. usam soluções de cloud computing, enquanto 41% estão
Juntando tudo na panela e refogando, temos a solução que avaliando a implantação ou já têm projetos pilotos com a solução.
Mais de 50% dos participantes disseram que
o corte de custos é o principal motivo da
decisão de contratar serviços de
computação em nuvem. Há ainda 17% que
avaliaram a tecnologia como promissora e
importante otimizador de recursos de TI,
mas que ainda não existem serviços que a
tornem muito atraente.

* Entre os usuários da
computação em nuvem,
17% avaliam a
tecnologia como
importante otimizador
de recursos de TI e que
ainda há espaço para
Página do IDC \\ Pesquisa realizada pela consultoria prevê que gastos com serviços de computação em
serviços que a tornem
nuvem tripliquem até 2012, atingindo US$ 42 bilhões; seria uma das maiores ascensões da história online muito mais atraente
28 locaweb
materia de capa:W2008 9/4/2009 18:39 Page 29

capa/cloud_computing

De acordo com declaração de Chris Morris, diretor de pesquisa


de serviços e analista sobre cloud computing da IDC, os * A ideia é que no futuro as empresas
fornecedores de TI que não seguirem esta tendência dificilmente de tecnologia ofereçam hardwares
conseguirão manter a competitividade no mercado, bem como as (processamento e armazenamento)
receitas. Apesar disso, Morris reforça que os serviços e soluções de e softwares totalmente online
baixo custo, isolados, não garantem sucesso. Isso porque, na
opinião do diretor, a maioria das empresas que adotam cloud Na proposta do cloud computing, este pode ser aperfeiçoado
computing exige acordos de níveis de serviço - SLAs. sem atrapalhar o seu dia a dia. Um bom exemplo são as
atualizações realizadas em contas de e-mail que proporcionam
Backup para quê? maior capacidade de armazenamento de arquivos e mensagens.
Pelo andar da carruagem e pelo investimento pesado, a ideia é Enquanto as alterações são feitas, o internauta continua acessando
que no futuro as empresas de tecnologia ofereçam hardwares a sua conta normalmente.
(processamento e armazenamento) e softwares totalmente Claro que tudo isso é maravilhoso, mas ainda há muito que ser
online. O que isso quer dizer? Quer dizer que, como na história aperfeiçoado e estudado. Por exemplo, para atrair clientes, as
que contamos anteriormente, os usuários poderão acessar empresas precisam garantir a segurança das informações, já que
todos os trabalhos produzidos em um 100% dos dados estarão na web. E há muitas
computador, de qualquer outro. De aplicativos de corporações que trabalham com planilhas
edição de texto e de imagem, planilhas até
Curiosidade orçamentárias e dados bancários extremamente
apresentação ... enfim, tudo. O envolvimento entre a conexão e sigilosos, por exemplo.
E quem nunca quis jogar o computador a arquitetura de redes já deu Outra questão é a dependência do usuário em
pela janela, ao menos uma vez na vida, por ter alguns frutos, bem antes da relação à empresa prestadora do serviço, já que os
computação em nuvem. O
perdido ou por algum documento importante ter softwares são rodados localmente. Cabe ao cliente
primeiro resultado foi batizado de
sido corrompido durante o trabalho que atire Arquitetura Cliente-Servidor, que, escolher dentro das opções de serviços de cloud
o primeiro PC. como o próprio nome diz, era o computing a que mais lhe agrada, mas não decidirá
Calma! Com a nova tecnologia é muito provável acesso do computador ao sobre as atualizações.
que não seja mais necessário realizar backups, por conjunto de programas e O conceito de cloud computing ainda apresenta
informações do servidor. Depois
exemplo, pois as informações seriam salvas dentro chuvas e trovoadas para alguns especialistas. Tanto
veio a Computação Distribuída, em
de um servidor remoto. Outra vantagem é que as seguida a Grid Computing, solução que algumas personalidades do mundo da
máquinas poderão ser mais velozes, ficando a cargo criada por Ian Foster e Carl tecnologia, ao explicarem em um vídeo (em inglês)
da banda larga deste servidor. Kesselmans, em 1990, para intitulado “What is Cloud Computing?” o conceito
resolver o problema de múltiplos e desta solução, apresentam visões bem diferentes
simultâneos acessos a diversos
Custo nas nuvens? recursos de processamento,
sobre o assunto. Para conferir, acesse
Com a tecnologia cloud computing, não haverá armazenamento e programas. www.youtube.com/ watch?v=6PNuQHUiV3Q.
mais necessidade de altos investimentos em
infraestrutura para aumentar os recursos de
processamento e armazenamento - é o
chamado gerenciamento inteligente.
Para mais processamento, a solução é fazer
um upgrade de capacidade, sem a necessidade
de adquirir equipamentos ultrapotentes para
esse fim. Sendo assim, a parte mais pesada fica
na internet ou, melhor, na nuvem. Por isso,
bastam um bom navegador e conexão à
internet adequada para que o seu computador
tenha um desempenho de alta performance.
Isso também pode ser feito para aumentar
o armazenamento e upgrades de softwares.
Imagine que você deseja atualizar um
software. No modelo tradicional seria
necessário reinstalar o programa em
sua máquina. E em alguns casos uma
instalação pode afetar a rotina do usuário Site da Amazon \\ Companhia que detém a maior loja virtual da web é uma das maiores entusiastas da
por um período. cloud computing; empresa realiza alianças e testes para fomentar essa nova tendência do mundo digital

locaweb 29
materia de capa:W2008 9/4/2009 18:39 Page 30

capa/cloud_computing

Apesar de ainda estar um pouco “nublado” para


muita gente, já existem bons serviços no mercado
e muitos usuários já estão aderindo às novas
soluções, como apresentamos a seguir.

Alta performance
Atualmente, a tecnologia cloud computing
permite maior flexibilidade na administração do
servidor e recursos de processamento, disco,
memória e banda exclusivos para as aplicações
de cada usuário.
Antenada nesta tendência, a Locaweb investiu
R$ 3 milhões e lançou seus primeiros planos em
setembro de 2008. Hoje, a empresa já registra
mais de 1 mil usuários instalados e ativos, 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
sendo que mais de 90% na modalidade
‘gerenciado pelo cliente’. “Além do custo de um ambiente de alta performance
otimizado e garantia de disponibilidade, somos * A Locaweb investiu e tecnologia de ponta. Na hora de
o primeiro Data Center nacional a utilizar a
R$ 3 milhões para contratar o serviço, o usuário pode
tecnologia de cloud computing", afirma oferecer serviços de optar por Gerenciamento pela
Gilberto Mautner, CEO da Locaweb. cloud computing desde Locaweb ou pelo Cliente.
O Cloud Computing Locaweb oferece a infra- o ano passado, Gerenciamento pela Locaweb: para
estrutura para hospedar sites e suas aplicações usuários que desejam administrar o
com alta performance e tecnologia de ponta.
primeiros planos de desenvolvimento web, sem a
Disponibiliza recursos de processamento, computação em nuvem obrigação ou responsabilidade com
memória e disco dedicados na nuvem, dentro de foram lançados em configurações, atualizações, segurança
um ambiente de hardware distribuído e setembro de 2008 e manutenção do servidor. A Locaweb
autogerenciado, que previne falhas e fica responsável pela posse da senha
realoca automaticamente os de administração. Em servidores com Plataforma Windows, o
componentes da nuvem. Locaweb: usuário não terá acesso de administrador, sendo assim, o acesso via
números relevantes Terminal Service não é permitido, o acesso aos arquivos são
Produtos Locaweb • Mais de 1 mil clientes liberados apenas via FTP. Para servidores em Plataforma Linux, o
A Locaweb apresenta soluções instalados e ativos com a acesso root é permitido, mas o acesso via SSH é liberado e o cliente
divididas em três produtos: tecnologia cloud computing poderá acessá-lo por meio de um usuário fornecido pela Locaweb.
Dedicated Cloud, Cloud Server e Para este tipo de gerenciamento, recomenda-se que a empresa
• 232 clientes optaram pela
Cloud Mini. Confira abaixo do que se modalidade ‘gerenciado pelo tenha profissionais com bons conhecimentos para administrar sua
trata cada uma destas plataformas. cliente’ apenas em fev/2009 própria aplicação e experiência em linguagem de programação.
O Dedicated Cloud é uma Gerenciamento pelo Cliente: ideal para quem busca total
nuvem dedicada a usuários controle do ambiente lógico do servidor, ambiente de segurança
corporativos. Por meio desta solução, é possível criar e configurar
quantos servidores forem necessários em uma infraestrutura de
Hosted IT. Possibilita ao usuário ter um parque de cloud completo,
dentro de um ambiente de alta performance e tecnologia de
ponta. O produto atende demandas robustas e missões críticas,
voltada a clientes corporativos, grandes empresas interessadas em
ter 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 recursos
exclusivos e custo otimizado. É uma boa opção para empresas que
buscam servidores dedicados de baixo custo, com planos a partir
de R$ 149,00 ao mês. Esta solução permite definir capacidades de
processamento, disco, memória, banda e ajuste a qualquer Cloud Server \\ Serviço tem recursos exclusivos e custo otimizado; trata-se
momento, além de autonomia e recursos de uso exclusivo, dentro de boa opção para empresas que buscam servidores dedicados de baixo custo

30 locaweb
materia de capa:W2008 9/4/2009 18:39 Page 31

capa/cloud_computing

desde backup e restore de configurações do sistema Disponibilidade: permite o autogerenciamento do sistema,


operacional e softwares, sem qualquer interferência
6 principais com prevenção de falhas e realocação automática do servidor
ou atuação da Locaweb em configurações ou
vantagens do CC entre os componentes do cloud, garante 99,9% de
manutenção dos softwares/aplicativos. Com Possibilidade de utilizar disponibilidade de hardware.
exceção da instalação básica do sistema 1 aplicações da internet, sem
que estejam instaladas no
operacional, as demais instalações de qualquer Performance: balanceamento dinâmico, otimização contínua e
computador do usuário;
tipo de aplicativo ficam sob a responsabilidade automatizada dos recursos disponíveis e sistemas sempre
exclusiva do usuário, já que terá total acesso à Permite acesso a diversos atualizados garantem performance de ponta. Os recursos
máquina e a senha de administração. É adequado 2 aplicativos independente
do seu sistema operacional
contratados de processamento, disco, memória e banda são 100%
que o gerenciamento seja feito por profissionais garantidos durante todo o tempo. Para saber mais sobre o serviço,
com bons conhecimentos em administração de ou de hardware; acesse www.locaweb.com.br/produtos/cloud-server
sua própria aplicação, de sistema operacional, de Backup, controle de
segurança, de banco de dados e de rede.
A arquitetura inteligente em cloud possibilita o
3 segurança, manutenção, entre
outros, são de responsabilidade da
Por fim, o Cloud Mini é uma plataforma Linux
com autonomia total na administração do servidor.
dimensionamento e a configuração e empresa fornecedora do serviço; De novembro do ano passado, quando a Locaweb
reconfiguração de servidores de forma simples e lançou o serviço, até a primeira semana de fevereiro
Redução de custos com
ágil, o que reduz significativamente as
interrupções de serviço e custos de operação.
4 infraestrutura. No
modelo tradicional são altos os
deste ano foram vendidos mais de 380 servidores. A
solução de alta performance e tecnologia de ponta
Sendo as aplicações transferidas de maneira custos de energia, pessoal e tem custo baixo e é voltada ao público que possui
transparente e ininterrupta para serem hardware e o espaço nos data conhecimento técnico e procura autonomia na
processadas onde há mais capacidade disponível. centers é limitado; administração Linux (acesso root) e flexibilidade para
Já o Painel de Controle permite que o próprio Facilidade em compartilhar migrar de plano à medida que precisar. Os planos
usuário faça o gerenciamento e adicione recursos
sem depender de interrupções ou alterações
5 dados, já que todos os
usuários acessam as aplicações e
custam entre R$ 59,00 e R$ 99,00 mensais.
Por R$ 59,00, o Cloud Mini oferece 300 MB de
manuais, sendo as operações automatizadas. os dados da nuvem - internet; RAM, armazenamento de 20 GB, 2 Mbps de banda
Os recursos contratados de hardware são ou transferência mensal de 300GB, além de outros
Simplifica muito as
alocados nas camadas de memória,
processamento e disco. O isolamento é igual ao
6 operações ao usuário. benefícios. O plano de R$ 99,00 conta com 600 MB
de RAM, armazenamento de 30 GB, 4 Mbps de
de um servidor dedicado, com todas as vantagens banda ou transferência mensal de 300GB, além de
de escalabilidade, disponibilidade e performance permitidas outros benefícios. Em ambos os planos, a solução, disponível na
pela arquitetura em cloud e a um custo reduzido. O plano da plataforma Linux, permite gerenciamento pelo usuário. A solução,
Locaweb garante ainda itens como: disponível na plataforma Linux Ubuntu, permite gerenciamento de
aplicações; instalação de softwares, exceto sistema operacional e
Escabilidade: possibilita ajustar a capacidade alocada de processamento, disco, configurações de regras das ferramentas de segurança pelo
memória ou banda on-line, bastando um reboot. Também facilita adaptar o usuário. Disponibilidade de hardware de 99,9%. Mais informações
contrato do usuário a qualquer momento, conforme as suas necessidades, sem podem ser obtidas em http://www.locaweb.com.br/cloudmini.
imobilizar investimentos em equipamentos próprios. 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
Cloud Mini \\ Plataforma Linux com autonomia total na administração do servidor; desde novembro, • Transferência mensal de 600 GB
quando a Locaweb lançou o serviço, até fevereiro deste ano, foram vendidos mais de 380 servidores • R$ 99/mês

locaweb 31
materia de capa:W2008 9/4/2009 18:39 Page 32

capa/cloud_computing

Software como serviço


Diretamente relacionado ao conceito de cloud computing está * Relacionado ao conceito de cloud
o de Software as Service (SaaS) - Software como Serviço. Com este computing está o de Software as
modelo, não é necessário adquirir licença de uso do software para Service (SaaS) - Software como
instalação e nem a compra de servidores para a execução. Para usar Serviço; trata-se de um modelo com o
o serviço, o usuário paga um tipo de assinatura pelo tempo de uso.
Vamos a um exemplo. Uma empresa com 15 funcionários
qual não é necessário adquirir licença
trabalha com um software de design gráfico para desenvolver de uso do software para instalação e
produtos de comunicação. Como se trata de pequeno porte, o nem a compra de servidores
custo com o preço da licença de uso deste software, além de
equipamentos ou mesmo hardware para executá-lo, pesaria muito oferecer soluções que atendam a todas as pessoas envolvidas no
no orçamento da empresa. processo de desenvolvimento de uma aplicação, retirando muitas
Sendo assim, a melhor opção seria contratar uma das barreiras que evitam a integração entre equipes e diferentes
fornecedora que oferece este tipo de software, trabalha com o tecnologias. “O objetivo é entregar para nossos clientes uma
modelo SaaS e pode disponibilizar o serviço por meio da solução capaz de apoiar todos os envolvidos no processo de
tecnologia cloud computing. O valor desembolsado pela desenvolvimento de uma aplicação desde a análise de requisitos e
pequena empresa seria apenas referente ao número de arquitetura até a homologação, instalação e manutenção. Isso
usuários e ao tempo de uso do serviço. Assim, hardware, considerando que essa plataforma é interoperável com outras
instalação, atualização e manutenção são de responsabilidade tecnologias usadas para desenvolvimento de software do
da empresa fornecedora do serviço. Preço bem inferior do que mercado”, diz Carlos Zimmermann, gerente de produtos para
no caso da necessidade de investir em infraestrutura. desenvolvimento da Microsoft Brasil.
Grande parte do desenvolvimento de aplicativos está dispersa
Grandes empresas investem ou dependente de diversas áreas nas empresas. Isso gera diversos
em cloud computing desafios que podem impactar em perda de produtividade, controle
Além da Locaweb, outras gigantes da tecnologia começaram e previsibilidade nos ciclos de desenvolvimento de um software.
a investir ou mesmo se preocupar com a questão da Com o Visual Studio 2010, o plano da MS é gerar uma solução que
computação em nuvem. Companhias como Microsoft, IBM e dá suporte à equipe envolvida no processo de desenvolvimento
Unisys, cada uma em seu campo de atuação, investem e para colaborar de forma efetiva.
estudam os efeitos da cloud computing. Entre os destaques do Visual Studio, focado em cloud
No caso da Microsoft, por exemplo, sua preocupação aparece computing, pode-se destacar:
nas novas versões de seu Visual Studio e da ferramenta .Net
Framework, que entram no mundo da computação de nuvem. Ferramentas de modelagem
No final do ano passado, a Microsoft apresentou algumas das O Visual Studio Team System Architecture Edition fornece um novo conjunto de
novidades que fazem parte da próxima geração do Visual Studio ferramentas UML (Unified Modeling Language). Estas ferramentas, que
2010 e .Net Framework 4.0. A ideia era mostrar a permitem aos desenvolvedores visualizarem os produtos de seu trabalho em
desenvolvedores detalhes das plataformas,
que chegam ao mercado com foco na
tendência cloud computing.
O ponto cenrtal do Visual Studio 2010 é

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

32 locaweb
materia de capa:W2008 9/4/2009 18:39 Page 33

capa/cloud_computing

diagramas padronizados, ajudarão a preencher a lacuna entre modelos de alto


nível e o código da aplicação, enfatizando os benefícios do uso de UML e Camiseteria: redução de custos
soluções DSL (Digital Subscriber Line), voltadas à transmissão digital de
dados. Adicionalmente, a edição “architecture” fornecerá ricas ferramentas que O website Camiseteria (www.camiseteria.com) aposta na interatividade para propor a
democracia fashionista, na qual o usuário que participa como membro da comunidade pode
permitirão aos clientes entender melhor seus sistemas atuais, fornecendo enviar desenhos para possíveis estampas de camisetas. Esses são votados por outros
capacidade de visualizar e integrar a infraestrutura atual facilmente com novos integrantes e os melhores são transformados em camisetas, vendidas pela internet.
sistemas na camada de modelagem. Sendo assim, para melhorar sua performance, o Camiseteria optou pelo serviço de cloud
computing da Locaweb há aproximadamente cinco meses.
Ciclo de testes
Os recursos de testes do Visual Studio 2010 foram aperfeiçoados, já que as
ferramentas necessárias para a integração de testes por todo seu ciclo de vida
de desenvolvimento foram unificadas. Ferramentas de testes estão
generalistas e suportam planejamento de testes e gerenciamento de casos de
teste, assim como ferramentas avançadas para testes manuais farão parte do
Visual Studio Team System 2010.

Colaboração
Há mais recursos na escalabilidade do Team Foundation Server (TFS). Isso
inclui aprimoramentos que permitem às equipes configurarem e adotarem
qualquer forma de processo de desenvolvimento. No sistema de Camiseteria optou pelo serviço cloud computing da Locaweb há cinco meses.
gerenciamento de código fonte, o TFS oferece ferramentas de visualização para “Cloud Computing é uma plataforma de computação que permite a expansão de
o rastreamento de alterações em desvios e no conjunto de produção. O Visual recursos como CPU, memória, espaço em disco e banda, conforme a demanda por esses
Studio 2010 também passa a incluir conjuntos baseados no fluxo de trabalho recursos for crescendo. Serve para melhorar o gerenciamento e otimização dos custos dos
que detectam erros antes de esses afetarem o restante da equipe ou, pior recursos de computação”, explica Fabio Seixas, membro-fundador da Camiseteria.
Segundo Seixas, a maior vantagem é a facilidade do gerenciamento da expansão dos
ainda, ingressar na produção. Por fim, os administradores contarão com uma recursos e, a princípio, não vejo desvantagens. “Optamos por esta modalidade para ganhar
implantação e gerenciamento de TFS significativamente mais simples. mais 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. “Acho
um 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 de
empresas, Seixas explica. “Na verdade, ainda não deixamos tudo em um lugar só. Os dados
são replicados em outras localidades para garantir segurança.”

enfrentando questões como: excesso de informação e dados;


elevados custos de energia; exigências reguladoras cada vez mais
complexas; e concorrência de economias mais rigorosas. Nesse
cenário, cloud computing está surgindo como um passo
importante para todas as indústrias. Esse modelo de computação
permite que empresas e consumidores acessem remotamente um
amplo conjunto de recursos de computação, que podem ser
Microsoft \\ Empresa investe em ferramentas para desenvolvimento de cloud
computing e corre atrás do Google, empresa que investe, e muito, na tecnologia aproveitados on demand para fornecer a nova geração de serviços
que consumidores demandam, como por exemplo, registros
IBM e as nuvens médicos online e gerenciamento móvel do portfólio de acões.
Se a Microsoft se preocupa com o software, a IBM vai além. Em Além disso, aprimora a eficiência energética, devido ao seu
setembro do ano passado, a companhia inaugurou quatro centros princípio de infraestrutura compartilhada, e permite a organizações
de cloud computing em mercados emergentes: em São Paulo rastrearem informações da melhor maneira, pagarem pelo o que
(Brasil); Bangalore (Índia); Seoul (Coréia); e Hanoi (Vietnã), locais usam e acessarem mais aplicativos ou serviços de computação e
onde existe uma demanda crescente por mão-de-obra capacitada armazenamento de dados de forma on demand.
e modelos de computação baseados em internet que ajudem as Há cerca de um ano a IBM tem construído infraestruturas
empresas a se destacarem em ambientes altamente competitivos. de cloud computing para clientes de todo o mundo e
Esses, com os já existentes em outros países emergentes e em também mantido projetos em seus ambientes de cloud
mercados mais maduros, somam um total de 13 centros, formando computing. Os centros estão disponíveis para clientes de
a maior rede especializada em cloud computing do mundo. diferentes indústrias, como bancos, telecomunicações,
Atualmente, empresas de todos os tamanhos estão governo, educação e serviços de hosting.

locaweb 33
materia de capa:W2008 9/4/2009 18:39 Page 34

capa/cloud_computing

elemento-chave para evoluir para o ‘New


Enterprise Data Center’ e uma ferramenta
poderosa para operações eficientes em
economias em crescimento.”
Mais recentemente, a IBM anunciou
novos componentes de hardware, software
e serviços com o objetivo de atender às
demandas por cloud computing. Em 2008,
a IBM inaugurou o primeiro Centro de Cloud
Computing da Europa, em Dublin, Irlanda;
um centro em Beijing, China; um em
Johanesburgo, África do Sul; um em Tóquio,
Japão; e um em Raleigh, Estados Unidos. No
ano passado, a IBM forneceu serviços de
cloud computing para clientes como a Wuxi
City of China; Sogeti, a Divisão Local de
Serviços Profissionais da Capgemini;
Página da IBM \\ Empresa aposta que países emergentes, devido às questões econômicas, podem ser os instituições e universidades do governo do
maiores beneficiados com cloud computing; Brasi seria um dos mais beneficiados com a tendência online
Vietnã; iTricity, um fornecedor de serviços
No Vietnã, universidades, ministérios do governo e empresas de de hosting baseados em serviços de utilidade pública, sediado na
telecomunicações são líderes na adoção de novas tecnologias Holanda; e a Universidade de Pretoria, na África do Sul.
como cloud computing, que ajudam a criar novos serviços. Na
Coréia, o novo centro oferecerá mão-de-obra capacitada e projetos Unisys vê cloud computing com foco na segurança
piloto para diversos setores da indústria. Na Índia, clientes como as A “consumidorização” da tecnologia e as fronteiras cada vez mais
empresas de médio porte, universidades, companhias de difusas entre o uso pessoal e profissional dos computadores,
telecomunicações e entidades do governo poderão acessar os telefones celulares sofisticados e outros dispositivos estão
recursos do centro para desenvolver aplicativos e infraestruturas obrigando as empresas a repensar a maneira como avaliam os
cloud, e entregar novos serviços para seus clientes. No Brasil, os riscos e protegem os dados, de acordo com especialistas Unisys.
clientes usarão o novo centro para gerar negócios como os Ao mesmo tempo, uma sociedade cada vez mais móvel e o uso
programas de colaboração em escala massiva. À medida que os mais popularizado de sites de relacionamento criam novos riscos
usuários de Internet no Brasil adquirem mais mobilidade, cloud potenciais à segurança, pois a “consumidorização” da tecnologia
computing vai tornando operações Web cada vez mais eficientes. continua mudando a maneira como as pessoas trabalham e vivem.
A IBM tem mais de 200 pesquisadores dedicados em tempo Essas tendências convergentes levarão as organizações
integral e anunciou $100 milhões em investimentos em cloud a examinar de maneira mais integrada a sua postura de
computing. A empresa mantém o Blue Cloud, um conjunto de segurança em todos os canais dentro e fora dos seus limites
solução de hardware, software e serviços. “Cloud computing está estendidos, além de pensar em novos usos para soluções
surgindo como uma mudança fundamental na maneira de avançadas como a biometria.
gerenciar e fornecer Tecnologia da Informação”, diz Willy Chiu, vice- Nesse cenário, a empresa vê os seguintes problemas como
presidente de IBM High Performance On Demand Solutions. “É um prioridades da tecnologia de segurança:

1. A mobilidade dos consumidores, as redes de relacionamento e a cloud


computing passarão a ser fatores mais significativos na maneira como as
organizações determinam seus investimentos em segurança.

2. Sistemas de segurança mais velozes e inteligentes que


correlacionam e interpretam informações de várias fontes (inclusive
convergindo segurança física e de dados) ganharão predominância com as
pressões econômicas destacando a necessidade de acabar com o isolamento
entre os sistemas de informação.

3. Os persistentes problemas para as instituições financeiras


IBM \\ Em www.ibm.com/developerworks/websphere/zones/hipods, há uma provavelmente restringirão os recursos e criarão a possibilidade de aumento
página com os principais projetos da IBM referentes à cloud computing dos riscos de esquemas de fraudes financeiras.

34 locaweb
materia de capa:W2008 9/4/2009 18:39 Page 35

capa/cloud_computing

Parceiros em Cloud Computing


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

KAIZEN
Site: www.kaizen.com.br
Armazenamento/Storage: 7,5 TB
Processamento: 132GHz
Memória: 192 GB RAM
Cloud 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
Unisys \\ Unisys acredita que cloud computing levará as organizações a examinar Armazenamento/Storage: 500 GB Processamento: 24,4 GHz
de maneira mais integrada a sua postura de segurança em todos os canais Memória: 22 GB RAM Cloud Servers: 8 Cloud Servers alocados

4. Organizações de todo o mundo aumentarão a implementação de PREFEITURA DE LUCAS DO RIO VERDE


Site: www.lucasdorioverde.mt.gov.br
tecnologias de identificação biométrica à medida que a aceitação dos
Uso: Aplicações digitais de serviços municipais, certidões negativas online, alvará
consumidores também aumenta. digital, dentre outros. Utiliza a solução de Cloud Server 1

Mobilidade e redes de relacionamento CALÇADOS PICADILLY


A “consumidorização” cada vez maior da tecnologia cria Site: www.varejopicadilly.com.br
Utiliza a solução de Cloud Server 1
mais pontos de acesso para proteção de dados, exigindo uma
visão mais ampla dos riscos e incentivando uma maior
colaboração dos profissionais de segurança entre várias custos das operações, sem deixar de proporcionar aos usuários
empresas públicas e privadas. e parceiros acesso a novos tipos e fontes de informação para
“Um exemplo da mudança de aspecto da adoção de tecnologia apoiar a tomada ágil e compartilhada de decisões. Avanços na
é a administração Obama, que é versada em tecnologia. Sua analítica de gestão coordenada de riscos também melhorarão
dependência das redes de relacionamento, e-mail e mensagens de as ferramentas de combate a fraudes mais sofisticadas antes
texto para comunicar-se diretamente com o cenário mundial que elas ocorram ou causem uma grande violação de
significa uma adoção ainda mais rápida e novos usos dessas segurança. As instituições financeiras, por exemplo, colaborarão
tecnologias, o que traz consigo riscos diferentes”, afirma Chris Hoff, de maneira mais ágil entre si e com órgãos públicos e outras
arquiteto de segurança da divisão de Sistemas e Tecnologia da organizações para identificar melhor as fraudes na origem.
Unisys e especialista em mobilidade, virtualização e
cloud computing. “Uma sociedade mais conectada
aumentará o foco na maneira como várias empresas
* Avanços como cloud computing, em que os
serviços de processamento são fornecidos pela
podem trabalhar juntas para compartilhar
informações e atenuar melhor as ameaças
internet a uma ampla gama de usuários,
emergentes à segurança física e de dados.” democratizarão ainda mais a tecnologia
Além disso, avanços como a cloud computing, em que os
serviços de processamento são fornecidos pela internet a uma “Os avanços tecnológicos em analítica de tempo real para
ampla gama de usuários, democratizarão ainda mais a tecnologia e compartilhar mais facilmente os dados e detectar padrões de
exigirá mais reavaliações de riscos. À medida que as fronteiras de fraudes já proporcionam maiores oportunidades de
troca de informações e colaboração vão ficando cada vez mais colaboração”, explica Sid Pearl, diretor de soluções de segurança
amorfas, as empresas precisarão ainda mais de uma visão integrada da divisão Global Industries da Unisys. “O atual cenário
das suas vulnerabilidades de segurança e de novas maneiras de econômico diz que os investimentos em TI estão sendo
proteger todas as suas operações virtuais. avaliados com mais rigor e a segurança ainda é uma prioridade.
As pressões orçamentárias podem, na verdade, incentivar um
Sistemas de segurança compartilhamento maior de informações, pois os bancos e
Os especialistas em segurança da Unisys veem redes de outras organizações percebem as vantagens de ROI que podem
segurança de dados mais velozes e inteligentes à medida que as resultar do trabalho com outras organizações, sem deixar de
empresas enfrentam pressões cada vez maiores para reduzir os manter as formas de proteger seus sistemas próprios.”

locaweb 35
artigo_joaquim:W2008 9/4/2009 18:52 Page 36

opinião/articulista

e-business
Joaquim Torres
Diretor de Produtos da Locaweb
@jocatorres
joaquim.torres@locaweb.com.br

Ouça o
seu cliente
Na web, é possível saber exatamente o que falam de você, de sua empresa ou
de seu projeto com simples cliques e buscas em ferramentas especializadas
Que é importante ouvir o seu cliente, acho que não anteriomente. O termo em inglês é “word of mouth” que é
preciso nem dizer. Afinal, “quem manda é o cliente” não é uma referência à passagem de informação entre pessoas, por
um mote novo no mundo dos negócios. É tão importante ouvir o qualquer meio de comunicação disponível. Recentemente
cliente que existem departamentos inteiros dedicados a esse fim, tenho ouvido bastante o termo “word of mouse”, que serve
os SACs (Serviço de Atendimento ao Cliente) e similares. para dizer que o tradicional boca-a-boca foi amplificado pelo
A internet está nos dando a oportunidade de ouvir o seu mouse. Com a internet o marketing boca-a-boca foi
cliente quando ele não fala diretamente com você ou com amplificado consideravelmente e, o que é melhor, é possível
algum funcionário da sua empresa. Como? Espionando e-mails vê-lo acontecendo.
e ouvindo ligações VoIP? Não… Há formas muito mais simples e Pois bem, como podemos ouvir o que o nosso cliente está
eficientes de se “ouvir” o que o cliente fala para outras pessoas. dizendo sobre nós para outras pessoas e sem infringir qualquer
Primeiro vale relembrar um conceito de marketing bastante lei? Basta usar a busca em blogs e sites sociais.
poderoso, o marketing boca-a-boca, que comentei aqui Nos blogs, as pessoas costumam expressar sua opinião sobre
produtos e/ou empresas. Utilize ferramentas como Technorati
ou Google Blog Search para encontrar o que estão falando
sobre você.
Contudo, postar em blogs pode ser demorado e buscar em
blogs pode ser difícil. Daí vem as redes sociais. Você deve estar
pensando em Orkut, Facebook, e sistemas similares, né? Bem, se
você tem uma conta lá, talvez dê para achar alguma informação
útil sobre a sua empresa, mas a busca de informações nesses
sites de redes sociais é um pouco difícil.
Você conhece o Twitter? É uma empresa nova, começaram
em março de 2006 e em maio de 2007 viraram uma empresa
independente. Eles se definem como um sistema em tempo
real para troca de mensagens. É uma mistura de micro-blogs
com mensagem instantânea, só que público. E o mais bacana,
Technorati \\ Ferramenta é bastante útil para que você descubra o que as dá para pesquisar sobre o que as pessoas estão falando sobre a
pessoas estão falando sobre sua empresa, seu projeto e meça sua reputação sua empresa em search.twitter.com. Divirta-se.

36 locaweb
205 X 275:Layout 1 19/3/2009 17:19 Page 1
windows7:W2008 25/3/2009 15:38 Page 38
windows7:W2008 25/3/2009 15:38 Page 39

pré-lançamento/windows7

Windows 7:
Vista Reloaded
Conheça a próxima versão do o Windows será instalado, ela segue até o primeiro boot. Só então
outras perguntas, também simples, são feitas, como o tipo de rede
sistema operacional da (doméstica, pública ou de trabalho).

Microsoft, que promete fazer os Durante a instalação, aparece a janela de inserção da chave
serial, que pode ser deixada em branco, permitindo ativar o
usuários esquecerem do Vista Windows mais tarde pela internet.
Ao escolher a opção Upgrade, o instalador oferece a opção de
e até mesmo do bom WinXP procurar na Internet e baixar atualizações antes de iniciar a
instalação. Ele também verifica a compatibilidade com o sistema e
Texto: Eduardo Lisboa e Max Jahnke o hardware do computador. Caso falhe, ainda é possível forçar a
Ilustração: Alexandre Dias (Nani) instalação direto pelo boot do CD.

Windows 7 é o novo sistema operacional da Microsoft, Novidades

O que apesar de ainda estar em desenvolvimento, foi


liberado para download para que o público pudesse
testar e mandar as impressões para a Microsoft, dando a
O 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 de
oportunidade para que algumas alterações fossem feitas e o lidar com símbolos matemáticos.
sistema operacional fosse melhor recebido. Depois da instalação e boot super-rápidos, o que chama a
Muitas novidades e melhorias foram acrescentadas. O sistema atenção é a beleza do desktop, graças às janelas com bordas
inicia, desliga e volta do stand-by muito mais rápido; a interface cuidadosamente desenhadas e efeitos de transparência, efeitos 3D
além de responder muito mais rapidamente está
mais bonita e fácil de usar. Como exemplo, de dez a
quinze segundos são necessários para o Windows 7
voltar 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 Windows
Vista, e, afirma a Microsoft, mantém compatibilidade
de aplicativos, drivers e hardware que o Windows
Vista suporta, então não haverá problemas de como
houve quando muitos usuários tentaram deixar de
usar o Windows XP e passar a usar o Windows Vista.

Instalação
O Windows 7 é bem simples de instalar. Ao iniciar
o CD, seja direto do Windows ou por boot, são
apresentadas duas opções: Upgrade ou Custom.
Entretanto, a opção Upgrade só pode ser iniciada de
dentro de um sistema Windows já funcionando.
A opção Custom tem uma abordagem bem Respostas dos Usuários\\ No Windows 7, a quantidade de interrupções está sensivelmente
direta. Após perguntar o idioma e em qual partição menor, mas não foi removida; dá a possibilidade de o usuário escolher quais mensagens quer receber

locaweb 39
windows7:W2008 25/3/2009 15:38 Page 40

pré-lançamento/windows7

durante a minimização, Explorer, por exemplo, aparece uma lista das páginas visitadas
maximização e troca de janelas. A
Requisitos recentemente. Já no ícone do Windows Explorer, uma lista das
barra de tarefas também foi Hardware recomendado pastas acessadas frequentemente é mostrada.
remodelada, ficando maior e mais pela Microsoft:
• Velocidade do processador:
bonita e com a capacidade de
1 GHz (32-bit ou 64-bit);
Sensibilidade a toque e multitoque
mostrar previews das janelas • Memória (RAM): 1 GB; O mais interessante recurso do Windows 7 é a sensibilidade a
abertas, deixando o uso do sistema • Placa gráfica: Compatível toque e multitoque, que permite que a interface com o
operacional mais confortável. com DirectX 9.0; computador seja mais intuitiva. É possível arrastar as janelas
• Memória da placa gráfica: apenas segurando a borda dela com o dedo. Para redimensionar,
128MB (para o Windows Aero);
Barra de tarefas • Espaço em disco: 16G.
basta segurar com dois dedos e esticar ou diminuir, de acordo
A barra de tarefas foi com o tamanho desejado.
completamente replanejada, Hardware usado nos testes:
parecendo um híbrido entre barra • Processador: Core 2 Duo Movimentos do mouse
de tarefas do KDE e do dock do T5800 2 GB; • Aero Snap - ao arrastar uma janela ao topo do desktop, ela é
• Memória: 2GB;
Mac OS. Ela está mais larga, possui redimensionada para tomar o desktop todo; arrastando a janela para o lado
• Placa gráfica: Intel Media
ícones grandes e também tem um Accelerator 4500MHD; esquerdo ou direito, faz com que a janela ocupe respectivamente a metade
estiloso efeito de transparência, • Memória da placa esquerda ou direita do desktop. Isso facilita a comparação de duas janelas e ao
quando o Aero está ativado. gráfica: 128MB; tirar a janela maximizada do topo do desktop ou do lado esquerdo ou direito,
Cada janela é agrupada em • Espaço reservado: 20G. ela volta ao tamanho que estava antes.
um ícone de acordo com o
aplicativo relacionado. Por exemplo, ao deixar o cursor do mouse • Aero Peak - do lado direito da barra de tarefas, logo depois da área de
parado sobre o ícone do Internet Explorer, miniaturas das janelas notificação, há um novo botão que, quando clicado, minimiza todas as janelas.
ou até mesmo abas são exibidas. O preview do Media Player Mas, ao deixar o mouse sobre ele, todas as janelas ficam transparentes,
mostra, além da miniatura, botões para parar ou trocar de música, mostrando a área de trabalho e os gadgets.
além do artista que está tocando no momento.
Isso mostra que além de representar janelas, a barra também é • Aero Shake - um outro recurso acessível via mouse é a possibilidade de
capaz de exibir diferentes formas de interação, dependendo do minimizar rapidamente várias janelas deixando apenas uma delas visível, um
aplicativo. Ao colocar o mouse sobre uma das miniaturas, todas as recurso muito útil quando se precisa focar em apenas um programa ou ter
outras janelas ficam semitransparentes ou mostram apenas a acesso a arquivos que estão no desktop. Para ter acesso a esse recurso, basta
moldura, facilitando ainda mais a busca pela janela. arrastar o título da janela com o mouse de um lado para o outro. Isso fará com
Outra novidade interessante é a Jump List. Um clique com o que todas as outras janelas rapidamente sejam minimizadas, deixando o
botão direito sobre um ícone faz com que um pequeno menu ambiente limpo. Quando a janela é chacoalhada novamente, todas as outras
surja, que dependendo do contexto. Ao clicar no ícone do Internet janelas voltam à posição original.

Impressões anotadas
A Microsoft ficou atenta às reclamações contra
o Windows Vista e estrategicamente disponibilizou,
durante algum tempo, o Windows 7 Beta para
download gratuitamente. Desta forma foi possível
saber quais impressões os usuários tiveram do novo
sistema operacional e fazer modificações no
sistema para atender o gosto do público.
As críticas mais comuns ao Vista foram
lentidão e reclamações contra o excesso de pop-
ups que frequentemente interrompia o trabalho
do usuário. No Windows 7 esses problemas
diminuíram muito. A inicialização, finalização e o
resumo depois do stand-by estão muito mais
rápidos, a interface também responde
rapidamente. A quantidade de interrupções
também está sensivelmente menor, mas não foi
Novidades \\ Efeitos de transparência do Aero que deixam o Windows 7 com um visual bem removida, porém dá a possibilidade de o usuário
estiloso; a aparência está mais bonita do que nas versões anteriores do sistema operacional da MS escolher quais mensagens quer receber. No

40 locaweb
windows7:W2008 25/3/2009 15:38 Page 41

pré-lançamento/windows7

Barra de Tarefas
Ao lado, a Taskbar:
o botão direito
faz com que um
menu surja. Na
ponta, a nova
taskbar e o recurso
de mostrar
miniaturas
das janelas

Windows Vista é possível apenas ligar //CURIOSIDADE


ou desligar este recurso, conhecido Jornalistas da ZDNet,
da Austrália, saíram às
como User Account Control. ruas em fevereiro de
2009 e mostraram o
Existem quatro níveis de notificação: KDE 4.2 com efeitos 3D
do Compiz, equivalente
do Linux ao Aero, como gratuitamente. Seus principais aplicativos são: Windows Live
• Sempre notificar - este nível é o mais alto e sendo o Windows 7 e Messenger, Photo Gallery, Mail, Writer, Movie Maker entre outros.
os entrevistados não
pede confirmação tanto para instalar programas perceberam a Especialistas afirmam que essa atitude tem por fim evitar que a
quanto para para quaisquer mudanças feitas no diferença. Ainda Microsoft seja processada por atitudes monopolistas.
disseram que o novo
Windows pelo usuário. Esta opção é Windows era mais
Outro fato interessante é que a versão europeia do Windows 7
recomendada caso o usuário instale programas rápido e estável, alguns poderá vir com alguns outros navegadores concorrentes e pedir,
rotineiramente e visite sites não confiáveis. inclusive afirmaram durante a instalação ou configuração, que o usuário escolha entre
que estavam dispostos
a fazer um upgrade. os navegadores disponíveis e desabilitar qualquer recurso
• Padrão - notifica apenas quando houver integrado ao Windows do Internet Explorer, caso o usuário escolha
instalações de programas, mas sem pedir confirmação para qualquer alteração um navegador concorrente.
nas configurações do Windows. Esta opção é recomendada caso os programas A Microsoft anunciou no Engineering Windows 7 blog que os
instalados e os sites visitados sejam confiáveis. usuários poderão desabilitar várias funções do Windows 7,
incluindo o Internet Explorer. Entretanto, o navegador ainda está
• Alterações no Windows - pede confirmação para quando forem feitas bastante integrado ao sistema; no Painel de Controle, dentro de
mudanças na configuração do Windows. Esta opção não escurece o desktop ao "Opções de rede e Internet", existem opções para alterar
abrir a janela de confirmação. E também permite que o programa interaja com diretamente as configurações do navegador.
esta janela, clicando no botão "Sim", por exemplo. Outra curiosidade é que o preview de janelas da barra de
tarefas, do Internet Explorer, permite ver cada aba separadamente,
• Nunca notificar - não pede confirmação nem para instalar programas nem enquanto nos outros navegadores, como Google Chrome, Apple
para alterar as configurações do Windows. Esta opção, apesar de não ser Safari, Mozilla Firefox e Opera, apenas a aba focada é mostrada.
recomendada, pode ser usada para permitir o uso de programas não
certificados pelo Windows 7, por não suportarem o User Account Control. Conclusão
A recepção dos usuários tem sido positiva apesar de ainda
Alguns usuários do Windows 7 também foram capazes de estar em desenvolvimento e incompatível com muitos
perceber algumas falhas de segurança: escreveram um exploit programas e drivers ainda utilizados no Windows XP. O
prova-de-conceito e reportaram os problemas à Microsoft, que Windows 7 está causando uma ótima impressão: ter permitido
corrigiu as falhas numa versão que ainda não está disponível para que os usuários testassem a versão beta foi uma excelente
download. Um defeito que chamou atenção de alguns usuários foi atitude da Microsoft.
a corrupção de arquivos de mp3, cuja correção foi disponibilizada. Essa atitude de liberar o sistema para download durante sua
Sabe-se também que o governo do EUA está de olho no fase beta traz maior flexibilidade no desenvolvimento, através
Windows 7, procurando por atitudes monopolistas. Então, a do contato direto com os usuários, além de permitir à Microsoft
Microsoft tem um grande desafio, pois será muito difícil adicionar poder oferecer um sistema de acordo com o gosto do público.
novas características que os consumidores sem ir contra o Com a instalação do pacote Windows Live, a experiência se
regulamento antitruste. torna muito mais rica, pois, além dos programas serem
O Windows 7 também possui alguns programas a menos: o integrados, possibilita que recursos online sejam acessados
Messenger e o Movie Maker não vêm mais instalados; agora fazem pelo desktop, servindo como ponte para os serviços da rede
parte do pacote Windows Live e podem ser baixados Live, como o Messenger e o Hotmail.

locaweb 41
artigo_marcelo_mercado:W2008 9/4/2009 18:55 Page 42

opinião/articulista

e-business
Marcelo Trípoli
Presidente da agência de
marketing digital iThink e autor
do blog ifound.com.br
@marcelotripoli
marcelo.tripoli@ithink.com.br

Qual o último
CD que você comprou?
Do mesmo modo que o mundo digital mudou a indústria de música, outros
segmentos devem seguir pelo mesmo caminho. Quem descobrir quais se dará bem
O mundo digital revolucionou a indústria da música e Live Nation, que assinou um acordo de US$ 120 milhões com a
mudou, definitivamente, a experiência de consumo desse Madonna? Essa empresa é organizadora de shows e, embora assine
mercado. Quem não se lembra, por exemplo, de quando a banda contratos com artistas semelhantes a uma gravadora normal, atua
Radiohead lançou o álbum In Rainbows de uma forma diferente e mais como promotora do que como proprietária das músicas. Sua
inusitada ao colocar as faixas na Internet para download? Essa principal atividade é produzir, divulgar e vender shows. Em 2008,
iniciativa, muito bem aceita pelos fãs, teve uma particularidade por exemplo, a empresa vendeu 50 milhões de ingressos e o seu
interessante: o comprador tinha a opção de pagar o quanto site, LiveNation.com, teve 70 milhões de visitantes. Agora, constrói a
quisesse e se quisesse. primeira plataforma vertical integrada dos artistas para os fãs.
Os mais generosos, de acordo com a empresa de pesquisas de O foco das mudanças da indústria da musica não é apenas o
mercado comScore, foram os norte-americanos, que pagaram, em público de classes altas. De acordo com pesquisas recentes, o
média, US$ 8 pelo álbum da banda de rock inglesa. Durante os número de celulares com mp3 vendidos para o público de baixa
29 dias analisados pela pesquisa, 1,2 milhão de pessoas de todo renda é maior do que o número de celulares sem esse recurso.
mundo visitaram o site para realizar downloads. No total, 38% das Outro fator relevante nesse contexto é o fato de as lojas de música
pessoas que baixaram o álbum pagaram pela obra, enquanto online oferecerem preços competitivos. Em comparações recentes
62% adquiriram as músicas gratuitamente. feitas pelo IDG Now!, a maioria dos álbuns comercializados pela
Esses números podem, à primeira vista, apresentar um cenário rede (em sites brasileiros) custou mais barato que as mídias físicas,
negativo para a banda. Mas, estimativas apontam que, com a ação, vendidas com caixa e encarte nas prateleiras das lojas.
o Radiohead faturou £ 3 milhões, o equivalente a US$ 10 milhões. Essa é apenas uma das mudanças. Mas, muito em breve, outras
O download das músicas durou, aproximadamente, três meses e, devem ocorrer, principalmente com relação às medidas restritivas.
logo depois, a banda fez um lançamento físico do álbum, com Afinal, em 2008 houve 40 bilhões de downloads ilegais em todo o
faixas extras. Rapidamente, o CD ganhou o primeiro lugar nas mundo, totalizando 95% das operações realizadas, de acordo com
paradas dos Estados Unidos e do Reino Unido e vendeu mais de levantamento IFPI Digital Music Report.
100 mil cópias. Preocupações à parte, a tendência é que as transformações
Ao fazer as contas, a gravadora Warner Chappell considerou esse protagonizadas pelo mercado de música digital, que faturou
modelo de negócio um “sucesso comercial”. Mas, o curioso é que 3,7 bilhões de dólares em 2008, sejam vivenciadas por outras áreas
esta ação não era necessariamente uma novidade. Diversas de consumo. E aqui fica um desafio: quem puder visualizar como a
iniciativas esporádicas do tipo já haviam sido feitas. tecnologia mudará as formas de se fazer negócios, terá, com
Vamos a mais algumas informações: quem nunca ouviu falar na certeza, boas oportunidades. Esse é o futuro!

42 locaweb
205 X 275:Layout 1 19/3/2009 17:16 Page 1
photoshop:W2008 9/4/2009 18:57 Page 44

designweb

Seja um
expert no
Photoshop
Conheça as melhores dicas de
desenvolvimento, plugins, filtros e sites e
arrase em seus projetos digitais com o software
Por Ronaldo Zitrô dicas. Com elas você poderá adicionar
efeitos, melhorar o seu trabalho e dar
aquele “toque final” para entregar uma
rabalhar com Photoshop é uma verdadeira obra de arte.

T arte. Dominar o aplicativo é fácil,


mas há tantas opções e
funcionalidades que até mesmo o mais
Não importa se você quer tratar uma
foto da modelo famosa ou mostrar outro
visual para a sua namorada. É fácil
caprichoso artista digital levará anos transformar loiras em morenas com o
para explorar todo o potencial do Photoshop, e você não precisa sujar suas
aplicativo da Adobe. Seja você um mãos com tinturas. Confira o exemplo a
veterano equipado com um tablet ou seguir, com uma imagem de divulgação
um aspirante que acaba de passar pelo da atriz Hayden Panettiere, que pode ser
processo de instalação, confira as nossas adquirida em http://tiny.cc/oi1bH:

44 locaweb
photoshop:W2008 25/3/2009 11:18 Page 45

projetos

das condições e qualidades das fotos


utilizadas, mas a “receita de bolo” é
praticamente a mesma na maioria dos
casos. Lembre-se: olhos escuros são mais
difíceis de trabalhar, enquanto os mais
claros (azuis, verdes e acinzentados) são
bastante fáceis. Para começar, você
precisa de duas imagens: um close-up
de um olho, e uma segunda imagem
que servirá como reflexo.

1 Abra as duas imagens dando


um duplo clique sobre elas.

2 Crie um novo layer na imagem


“olho”, e copie a imagem
“reflexo” nesse layer.
Hayden Panettiere \\ Com o Photoshop é possível realizar alterações de todos os tipos, como cor de
cabelos, em qualquer foto de pessoa; acima, um exemplo de mudanças na bela atriz do seriado Heroes
3 Redimensione a imagem
“reflexo” para que se encaixe

1 Abra a imagem original. Vamos


chamá-la de “loira.jpg”
cabelo da pessoa fotografada. É fácil,
rápido e eficiente.
dentro da íris (a parte redonda e
colorida dos olhos), no tamanho
que mais agradar.

2 Duplique a imagem em um
novo layer. Basta teclar CTRL+J
(PCs) ou Command+J (MACs).
Imagens como
reflexos em olhos
Criar reflexos em imagens e fotografias 4 Nas opções de layer, selecione
“Blending Options”, mantenha
de olhos é fácil, e o resultado o “General Blending” como

3 Clique em “Image”, depois


“Adjustments”, em seguida
“Hue/Saturation” e utilize os valores -
normalmente impressiona. Tudo depende “Normal” e deixe a Opacidade
(Opacity) em 65%. Esse número

180 -100 e -35, nessa ordem.

4 Abra as opções de layer e


selecione “darken”. Dê OK e
retorne à imagem.

5 Com a ferramenta de borracha


(ou de path, para os mais
pacientes), apague todos os
elementos do layer superior,
exceto cabelos e sombrancelhas.
Recomendo a utilização de pincéis
pequenos, perfeitos para
pequenas curvas.

Veja o efeito final. Com mais treino, é


possível alterar a transparência da opção
“darken” do layer superior, obtendo Receita \\ Criar reflexos em imagens e fotografias de olhos é fácil, e o resultado normalmente impressiona;
diferentes efeitos de luminosidade no tudo depende das condições e qualidade das fotos, mas lembre-se, olhos escuros são mais difíceis de trabalhar

locaweb 45
photoshop:W2008 25/3/2009 11:18 Page 46

projetos

7 Com a ferramenta de borracha,


selecione um pincel (brush)
com formato spray, tamanho
grande (neste caso utilizamos 200) e
comece 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 de
105mm aproximadamente no
centro da íris.
Fundo \\ O Photoshop permite que o usuário inclua fotos dentro de fotos e imagens diversas em qualquer parte
de uma figura; no exemplo acima, a atriz Hayden Panettiere, do seriado Heroes, aparece dentro de seu olho
10 Entre nas opções de layer e
vá para “Blending Options”.
pode ser alterado de acordo com
* Com treino, é possível Selecione o Blend Mode “Screen” em
a cor do olho, para melhor alterar a transparência da 80%. Este número também pode ser
adequar a imagem ao reflexo. alterado “a gosto”, para deixar o efeito
opção “darken” do layer de luz mais (ou menos) aparente.
superior, obtendo
5 Ainda nessa janela, entre em
“Inner Shadow”, ative a opção e diferentes efeitos de
11 Para finalizar, dê OK e aprecie
utilize os números: 50 (Distance), 0 luminosidade no cabelo a sua obra.
(Choke) e 38 (Size).
da pessoa fotografada. É Efeito de pintura
uma tarefa fácil, rápida
6 Dê OK, retornando à
imagem “olho”. e bastante eficiente
Mostraremos agora como aplicar um
efeito rápido para estilizar uma imagem. O

Repositórios de Guias & Tutoriais


Adobe Photoshop Tutorials PSD Vault
http://www.tutorialized.com/tutorials/Photoshop/1 http://www.psdvault.com/photo-effect/design-a-
Centenas? Não, milhares de links selecionados com guias para dark-and-misty-mountain-with-distant-city-scene-
aprender novas técnicas e efeitos no Photoshop. Eles servem in-photoshop/
para praticamente qualquer versão do aplicativo, somando uma Transforme qualquer cenário em um ambiente
verdadeira bíblia do design. Altamente recomendado. macabro com esse guia que ensina o passo-a-passo e
ainda fornece as imagens para você aprender a
Photoshop Roadmap modificar a sua cidade favorita. Execução fácil, com
http://www.photoshoproadmap.com/Photoshop-tutorials resultado impactante.
Perfeito para quem trabalha com publicidade, oferece guias e
informações para elaborar efeitos modernos, atuais e ousados. Photoshop Tutorials
De opções para texturizar fontes até efeitos de cenários e http://photoshoptutorials.ws/photoshop-
explosões, são dez guias para estudar e guardar. tutorials/photo-manipulation/combine-photo-
elements-to-create-a-surreal-photo-
Tutorial9 manipulation.html
http://www.tutorial9.net/photoshop/energize-your-graphics- Deixe os artistas modernos no chinelo com este guia
with-abstract-energy-lines/ que ensina a criar fotomontagens com efeitos especiais.
Um tutorial com efeitos de luz, energia e linhas, imitando Com esse passo-a-passo, fica fácil combinar diferentes
efeitos utilizados nos dias de hoje em peças impressas. Fácil de imagens para elaborar uma peça bastante ousada, com
executar, auxilia na criação de media cards e anúncios. elementos abstratos e um visual de cair o queixo.

46 locaweb
photoshop:W2008 25/3/2009 11:19 Page 47

projetos

* Com 146 plugins e


filtros separados em oito
pacotes, o site Cybia
Digital oferece efeitos de
contorno, transparência,
edição de cor, emboss, Efeitos \\ O efeito de estilizar uma imagem é rápido e torna a figura com traços similares aos de pinturas; esse
troca de cores e texturas efeito é especialmente inidicado a quem precisa transformar imagens de pessoas e animais em desenhos

efeito é similar ao de pinturas, tornando


fácil a tarefa de transformar imagens de
pessoas e animais em desenhos.
de “Sketch” com os números “25” e
“5”, nessa ordem. 6 Passe esse layer para o nível
superior, ficando novamente
com a foto original visível.

1 Abra a imagem original com um


duplo clique sobre ela.
4 Dê OK na janela e retorne à
imagem que você está
alterando no Photoshop. 7 Clique nas opções do layer, vá
para “Blending Options” e em
“Blend Mode”, selecione “Color”.

2 Duplique o layer com CTRL+J


(PCs) ou Command+J (Macs). 5 Transforme o layer inferior
clicando nele com o botão
direito, e depois “Layer from 8 Entre em “Image”, vá para
“Shadows/Highlights” e coloque

3 No novo layer, abra a aba de


efeitos selecione “Stamp” dentro
Background.” Essa tarefa é simples
de ser realizada.
o número superior em 50%.
Dê OK e aprecie o efeito final!

Repositórios de Filtros & Plugins


THE WORKS 3D Sphere Generator, Color Bar Generator, Scanlines Xero Plugins Xero Graphics
Cybia Digital Resource Studio Generator, Pinch, Tiler, Superformula, Smart De-Interlacer e http://www.xero-graphics.co.uk/freeware.htm
http://www.cybia.co.uk/theworks.htm Com 146 plugins e Pinocchio. Website é atualizado com frequência, e novidades Uma compilação com 41 plugins especiais para Photoshop,
filtros separados em oito pacotes (AlphaWorks, ColourWorks, sempre são disponibilizadas. incluindo Serious Fog, Nostalgia, Porcelain, LineArt, Pulsar, Bad
EdgeWorks, ScreenWorks, EmbossWorks, SwapShop, Dream, Softener, Seasoner e Alien Mist. Efeitos visuais
MasterBlaster e Mezzy), oferece efeitos de contorno, VIRTUAL PHOTOGRAPHER avançados, com poucos cliques e configuração fácil.
transparência, edição de cor, emboss, troca de cores e texturas. OptikVerve Labs
http://www.optikvervelabs.com/default.asp Perfeito Filter Factory
DEEP PAINT 2.0 para quem trabalha com edição de fotos, oferece 50 http://www.photoshop-filters.com/html/filter_factory.htm
Right Hemisphere efeitos pré-definidos para aplicar combinações de Mais de 400 filtros e plugins gratuitos para Photoshop, muitos
http://www.download.com/Deep-Paint/3000-2193_4- texturas, modificações de cor, P&B, foco suave, contraste deles com efeitos dignos das melhores publicações do mercado.
127819.html e efeitos artísticos. Tratamento de fotos, sobreposição de imagens, efeitos gráficos,
Com uma interface intuitiva, este pacote permite pintar e mosaicos e muito mais.
texturizar modelos 3D de maneira interativa. Dá a liberdade Mehdi Plugins
para clonar efeitos fotográficos passo a passo, tem diversos http://www.mehdiplugins.com/ The Plugin Site
pincéis editáveis, funções de pintura e efeitos visuais incríveis. Uma infinidade de plugins gratuitos (como Blots 2, http://www.thepluginsite.com/resources/freeps.htm
Curves, Edges Fix, Fur 2, Gradient Smithy, Melt 1.1, Uma coleção de links especiais, classificados por quantidade e
Filtros Richard Rosenman Seamless Border 2, Absolute Color, enter outros) para qualidade, que relata os melhores lugares para baixar novos
http://www.richardrosenman.com/software/downloads/ aplicar efeitos visuais de variados tipos: simples, avançados filtros e plugins para Photoshop. A coleção é imensa, e ainda
Um pacote com oito plugins e filtros, incluindo o e até mesmo fractais. indica quais downloads são compatíveis com Windows e Mac..

locaweb 47
linux-windows:W2008 25/3/2009 12:33 Page 48

programação/hospedagem

Hospedagem
Linux X Windows
Conheça os recursos, vantagens e desvantagens oferecidos por ambos os
sitemas operacionais antes de escolher em qual deles hospedar o seu site
Texto: Eduardo Lisboa e Max Jahnke periódicas. Antes de fazer a sua opção, vale a pena saber os
recursos, vantagens e desvantagens de ambos os lados. Isso é
o hospedar um website na internet, a primeira fundamental para que, futuramente, você não enfrente

A pergunta que vem à mente é: qual sistema


operacional usar? Os mais habituais, sem dúvida
alguma, são o Windows e o Linux. O primeiro conta com
problemas quando determinada ferramenta não estiver
disponível ou não for totalmente suportada.

ferramentas interessantes em sua última versão que são Segurança


capazes de surpreender até mesmo o mais experiente O item mais importante de um sistema é a sua segurança.
dos administradores. Já o Linux, como é sabido, apresenta Dentro desse cenário, tornou-se comum apontar que o
diversas distribuições diferentes, cada uma com um perfil de Windows é mais inseguro que o Linux. Ocorre, entretanto, que
público distinto. Enquanto algumas delas são dedicadas a ambos os OS são tão seguros quanto se desejar. Afinal, uma boa
rodar em servidores, outras são mais adequadas para o proteção é muito mais fruto de uma administração competente
ambiente doméstico. que de um recurso embarcado em qualquer software. Por isso,
Às vezes, a decisão sobre qual sistema escolher é baseada vale muito a pena contratar uma companhia especializada para
na opinião de um amigo ou um profissional de confiança, hospedar o seu site, de preferência de renome, com uma
mas nem sempre acaba dando certo. Isso porque, mesmo política de segurança bem séria, a fim de evitar que qualquer
para quem conhece bem os sistemas, é fundamental ataque comprometa seus sistemas.
entender os propósitos de quem deseja implementar a Há quem prefira, no entanto, sustentar a hospedagem dentro
solução e, mais do que isso, realizar suas manutenções da própria empresa em vez de contratar um grupo especializado.
Esse trabalho geralmente é conferido a um
funcionário que, muitas vezes, cuida também da
infraestrutura (acesso ao servidor, quem, onde,
como, quando) e da aplicação da página. Ao
concentrar estas três funções em uma única
pessoa, a empresa eleva muitas vezes as chances
de as falhas aumentarem, pois é improvável que
um profissional, por mais competente que seja,
consiga dar conta de tantos recursos ao mesmo
tempo de maneira apropriada.

* Tornou-se comum apontar


que o sistema operacional
da Microsoft é mais inseguro
que o Linux. Ocorre,
entretanto, que ambos
os OS são tão seguros
Windows \\ Se a prioridade for a funcionalidade e a segurança do sistema, ao usar .NET, Frontpage
Extensions ou um eventual acesso a uma base em Access, o mais seguro é usar o sistema da Microsoft quanto se desejar
48 locaweb
linux-windows:W2008 9/4/2009 18:59 Page 49

programação/hospedagem

Acesso Linux
É fácil encontrar
Depois da segurança, é importante analisar o sistema de módulos específicos
acesso. O método mais comum é via FTP. Tanto o Windows no webmin para
quanto qualquer distribuição de Linux oferece suporte a esse baixar e adicionar,
como um
serviço. A vantagem do FTP é que ele não distingue o sistema configurador de
operacional do cliente ou do servidor, então não faz diferença se o servidor IRC e
cliente está em um sistema e o servidor em outro. tarefas de backup
Como se não bastasse, trata-se de uma ferramenta muito
simples de ser manuseada. Prova disso é que o próprio Windows
Explorer contém um cliente de FTP embutido, embora existam
outras alternativas interessantes, como o
CuteFTP e o Filezilla - este último
disponível também para Linux.
Outro método de acesso bastante
conhecido é o SSH, semelhante ao telnet,
mas com criptografia, o que o torna bem
mais seguro. O SSH permite que sejam
executados comandos, o que pode ser útil
em diversas situações, sobretudo se o
webmaster for familiarizado com os
comandos do Linux. Outra vantagem do
SSH é que ele conta com o SFTP,
ferramenta que funciona como o FTP, mas
com criptografia.

Tipos de arquivos
Além do HTML, JavaScript e Cold
Fusion, existem outras tecnologias que,
de certa maneira, funcionam melhor
em uma plataforma do que em outra. O Webmin \\ Interface web do Linux semelhante ao Painel de Controle do Windows, na qual é possível
configurar desde contas de usuários do sistema até procedimentos de boot e desligamento
Linux, por exemplo, geralmente oferece
suporte a PHP e scripts CGI (que podem utilizar qualquer PostGRESQL. A escolha do SGBD mais adequado depende
linguagem de programação, apesar de a mais comum ser marjoritariamente de como e por quem a aplicação será escrita
PERL), além de Ruby On Rails. Para os fãs de Python, ainda Em certas linguagens, existem intermediários entre o SBGD e a
existe o Django, framework equivalente ao Ruby On Rails. aplicação, como é o caso do Hibernate, do Java. Já em outras, o
O suporte a Cold Fusion, ASP e ASP.Net costuma ser mais acesso é feito diretamente ao SGBD e, se ele for alterado, todo o
aplicado no Windows, enquanto Ruby, Perl e PHP são código com os comandos executados no servidor (SELECT, SHOW,
característicos do Linux. De acordo com sua necessidade, porém, é USE, etc) terá de ser mudado. Nesse caso, é importante estudar
possível fazer com que o Windows suporte as linguagens mais qual SGBD será o escolhido e, a partir daí, não mexer mais nele.
comuns do Linux e vice-versa. O OS da Microsoft pode, inclusive,
usar o famoso Apache, servidor web muito conhecido e usado por Desempenho
quem escolhe o Linux como servidor. Para fazer essas mesclas Costuma-se dizer é que o Linux tem desempenho superior ao
entre os sistemas, vale a pena consultar a empresa de do Windows. Isso porque o sistema de código aberto é muito
hospedagem a ser contratada, pois as implementações podem ser mais flexível quando se trata de personalização. No quesito
bastante trabalhosas. E isso é mais uma vantagem de contar com otimização, por exemplo, quase tudo pode ser compilado ao
um grupo especializado e de confiança para hospedar o seu site. adicionar ou remover recursos que influenciam diretamente no
desempenho do sistema.
Bases de dados Entretanto, o Windows 2008 chegou para mudar esse
No Windows é possível acessar nativamente arquivos do panorama. Isso porque o OS possui a opção "Server Core", na qual
Microsoft Access com completa confiabilidade. A Microsoft estritamente o básico é instalado. Ao fazer o login, apenas um
também oferece o Microsoft SQL Server para quem precisa de um terminal é aberto para o administrador, mas ainda dentro da
Sistema Gerenciador de Banco de Dados (SGBD) completo. No interface gráfica.
Linux, as alternativas mais comuns são o MySQL Server e o Para quem gosta de usar comandos e até escrever

locaweb 49
linux-windows:W2008 9/4/2009 18:59 Page 50

programação/hospedagem

verdadeiros programas usando o bash do Linux, o sistema da Configuração


Microsoft agora oferece o Windows PowerShell - item Enquanto no Windows tudo é apontar e clicar, no Linux o
opcional que não é instalado por padrão e depende do mais comum é editar diretamente os arquivos de
framework .NET. O site da Microsoft oferece um documento configuração. Entretanto, isso tem mudado. Existem diversas
bastante completo com dicas para otimizar diversos serviços alternativas gráficas para configurar o sistema sem ter de
do Windows. O endereço é tinyurl.com/6b99qn. recorrer ao terminal. Uma das alternativas mais antiga e
No caso de ser uma máquina da própria empresa a conhecida é o webmin, interface web semelhante ao Painel
hospedar o site, a dica mais óbvia é de Controle do Windows, na qual

* Uma boa proteção é muito de usuários do sistema até


não usá-la como um desktop é possível configurar desde contas
comum nem instalar nela
quaisquer serviços que não façam
mais fruto de uma administração procedimentos de boot e
parte da infraestrutura do website. competente que de um desligamento. Como a
Uma máquina dedicada é muito recurso embarcado em qualquer ferramenta é totalmente modular,
mais segura e estável. software. Por isso, vale muito é fácil encontrar módulos
Custo
a pena contratar uma específicos para baixar e adicionar,
como um configurador de
Além dos custos de companhia especializada para servidor IRC, tarefas de backup, ou
infraestrutura e equipamento, ao hospedar o seu site servidor Asterisk.
hospedar seu site na própria Outro recurso interessante do
empresa é necessário atentar para os gastos com aquisição de webmin é o de clonar módulos. Caso haja duas instâncias do
licenças, no caso do Windows, e de treinamento e suporte, no Apache rodando, por exemplo, é possível clonar o módulo e
caso do Linux. Existem diversas distribuições que oferecem depois usar um para cada instância antes de configurar os
suporte e treinamento junto à caixinha do sistema, como a Red serviços de forma separada e independente.
Hat, com o Red Hat Enterprise Linux; a Novell, com o Suse Linux; Para quem instala o Windows Server Core, há ainda outras
e a Mandriva. Tem também o Ubuntu, da Canonical, e diversas ferramentas interessantes. É o caso do "Server Core Configurator
outras distribuições que, apesar de não terem suporte comercial by Guy Teverovsky", disponível em tinyurl.com/32lwbq. Também é
"oficial", contam com o serviço realizado por terceiros. Consulte possível administrar o Windows Server Core remotamente por
isso direitinho antes de escolher a distribuição. meio da ferramenta Windows Remote Shell (WinRS). Para isso,
No caso do Windows, o custo com licenças pode ser muito basta rodar o comando winrm quickconfig.
elevado se o projeto for subdimensionado e um aumento do
parque de máquinas for necessário. Por isso, fazer um Conclusão
contrato com uma empresa de hospedagem costuma ser A escolha do sistema operacional (e se a hospedagem será da
uma opção muito menos onerosa, já que os gastos com própria empresa ou terceirizada) deve ser feita com muito carinho;
infraestrutura e segurança são transferidos para terceiros, pois o barato pode sair caro. É preciso definir as linguagens de
sobrando apenas a preocupação de criar e manter o site. programação que serão usadas, os recursos necessários e também
ter familiaridade com o sistema escolhido. Um bom
administrador pode se beneficiar do Linux, por ser mais
flexível, mas também pode comprometer toda a
segurança se não souber o que fazer.
O Windows se dá muito melhor com suas
próprias tecnologias do que uma tentativa
experimental no sistema de código aberto. Se a
prioridade for a funcionalidade e a segurança do
sistema, ao usar .NET, Frontpage Extensions ou um
eventual acesso a uma base em Access, o mais
seguro é usar o sistema da Microsoft.
Caso a opção seja por PHP, Java, Python
ou Ruby, por sua vez, o Linux oferece muitas
ferramentas para ajudar tanto na administração
dos serviços quanto na programação das
linguagens, como editores visuais. Fora isso,
Hospedagem em Windows \\ Hospedagem no sistema operacional é indicado para oferece a conhecida flexibilidade de se otimizar
webmasters que tem total domínio dos programas e linguagens proprietárias da Microsft praticamente todo o sistema.

50 locaweb
artigo_rene_design:W2008 25/3/2009 16:16 Page 51

opinião/articulista

design
René de Paula Jr.
User Experience Evangelist
Microsoft Brasil
rene.de.paula@microsoft.com
Blog: O UAU Nosso De Cada Dia
http://blogs.msdn.com/
renedepaula

Ilustração//Alexandre Dias (Nani)


Pensando fora da ilha
As redes sociais estão criando um mundo fechado, praticamente à parte
do restante da internet e isso é uma coisa um tanto quanto preocupante
Você não deve se lembrar dos velhos tempos da America passam um tempo recorde em redes sociais, algo como 23% do
On Line, imagino. A história é a seguinte: havia internet tempo. As mensagens dentro das redes sociais já superam o uso de
antes da web. Sim, não é lenda não. Devo ter provas materiais, email. Eu imagino que pra muita gente internet = rede social. O cara
inclusive, disquetes enfiados em alguma gaveta. Siiiiim, disquetes! nem precisa sair das suas “comus”.
De onde vinham os tais disquetes? Era assim: nos idos de 95 Será que as redes sociais estão com síndrome de AOL ou são as
você podia comprar (a peso de ouro) uma placa de fax-modem, pessoas que gostam de mundinhos fechados? Difícil dizer.
uma inovação fabulosa que permitia você mandar... (adivinhe: e- Se você trabalha com opensocial e foca em algumas redes
mails? Não!) fax direto do Word, por exemplo. Se você fosse muito sociais, tudo bem, você está em casa. Mas e quem trabalha com e-
geek, ia usar a mesma placa para se conectar a BBS e outras commerce, os experts em conteúdo, os publicitários, etc. etc. etc.?
esoterices do gênero (eu não era tão geek ainda). Vão ter que criar “embaixadas” nas redes sociais?
Pois bem: junto com o fax-modem importado vinha um monte Eu espero que não, e prefiro pensar de outra maneira. Meus
de disquetes promocionais, e me lembro da Compuserve e America amigos são meus amigos, isso é algo que transcende uma rede
On Line. Como esses serviços não rolavam no Brasil, nunca testei, social ou outra. Eu não quero ser forçado a criar do zero minha lista
mas sei como eram. de amigos, ter que aprovar um a um, etc. Eu quero poder levá-los
Era assim: você instalava um monte de software (um discador, comigo e tê-los não só na web, mas nas aplicações também,
um browser proprietário) e, por uma assinatura mensal, você inclusive aplicações mobile. É por isso que eu gosto do que está
entrava no mundo encantado da AOL. Tinha tudo: notícias. A coisa sendo proposto no Live Services, que permite que você use as API’s
era tão fechada que um browser web normal não conseguia do Live para – em qualquer aplicação, seja web ou não – poder
acessar conteúdo da AOL, e o browser da AOL não navegava pela importar seus contatos, poder incluir chats, poder compartilhar
web. Milhões de pessoas vivendo numa galápagos digital. Ok, isso informações, sincronizar arquivos etc. Tudo isso contando com toda
mudou e a AOL se abriu pra web. Mas o sonho das galápagos a infra parruda do Mesh, Silverlight, futuramente do Azure, etc.
digitais parece viver para muitíssimo, como aquelas tartarugas Se pensarmos que no Brasil a plataforma Live tem mais de 40M
gigantes de casca grossa. E isso me preocupa. de ID’s ativos e que mais de 80% dos brasileiros têm Live Messenger,
Preste atenção nos eventos sobre web por aí. Preste atenção nas essa história fica mais interessante ainda: é uma mão-na-roda para
revistas. Nos artigos de jornal. De uma hora pra outra parece que você não ter que ir até as montanhas, mas trazer uma montanha
internet é só web (e você sabe que não é), e que web é só redes inteira até você.
sociais (e espero que você saiba que não é). Visite dev.live.com e comece a pensar fora da ilha, quero dizer,
Hoje mesmo li uma pesquisa que mostra que os brasileiros fora da caixa ☺. Ou se esconda no conforto do casco de tartaruga.

locaweb 51
Case:W2008 25/3/2009 10:59 Page 52

portfólio

caseslocaweb
Moda na internet
Empresa de moda ViaUno, parceira da Locaweb, renova cara da página
eletrônica constantemente, de acordo com lançamentos de coleções

Assim como a moda, o quando você receber este atualizações no layout ou na essas mudanças, a ViaUno se
site da ViaUno exemplo, já haverá outro estrutura da página, sempre preocupou em optar por uma
(www.viauno.com.br) é atrativo principal no site. com acessos em ascensão. empresa que, sem burocracias,
frequentemente atualizado ou Por necessitar de “Em primeiro lugar, resolvesse os pedidos do cliente
sofre mudanças. Durante o flexibilidade e agilidade na migramos para a Locaweb o mais rápido possível.
fechamento desta edição da atualização do site, a ViaUno devido à segurança e “Antes de ser cliente
Locaweb em Revista, estava no optou, há mais de cinco anos, confiabilidade que a empresa Locaweb, nós passávamos por
ar a Coleção Outono Inverno pelos serviços da Locaweb. oferecia na época da adoção e um problema grave. Sempre
2009. Muito provavelmente, Desde então, foram dezenas de que mantém até hoje”, diz Joel que necessitava de alguma
Costa, gerente de TI da ViaUno. alteração, a empresa de
“Desde então, nunca tivemos hospedagem dizia que abriria
problemas. Mesmo com as um chamado, que levaria uns
frequentes alterações de dias para alterar meu plano ou o
design, não me lembro de um que quer que fosse”, diz Costa.
único dia em que o nosso site “Entretanto, na internet, é
ficou fora do ar.” necessário agilidade. Em tudo o
A página é alterada de que precisei da Locaweb até
acordo com a campanha de hoje, a empresa foi ligeira e
moda que a ViaUno lança. Com competente. Sem burocracia,
isso, há alterações no número resolveram meus problemas.”
de fotos que são enviadas ao A seguir, você confere um
servidor. E também nas raio-X do atual - pelo menos até
requisições, no espaço o fechamento desta edição -
gadbrivia \\ Empresa é a responsável por criar o desenho da página da ViaUno; ocupado em disco, no número site da ViaUno, apresentando a
site passa por transformações completas regularmente, de acordo com coleções de acessos ao site. Com todas coleção Outono/Inverno 2009.

52 locaweb
Case:W2008 25/3/2009 10:59 Page 53

portfólio

J O site

2 3

4 5

1 PRINCIPAL página da coleção da moda que


J A página principal da ViaUno é atualmente está sendo disponibilizada
extremamente simples e muito bem pela empresa.
resolvida. Há uma bela figura que toma
conta da maior parte da tela - e que 3 BUSCA
remete à coleção Inverno 2009, com J A seção de busca, fica do lado direito
motivos asiáticos espalhados pela da tela, também no canto superior. Ao
imagem. A partir desta figura, ao seu digitar qualquer ocorrência, o usuário é
redor, é possível realizar a navegação para levado a mais conteúdo da página, que
o site inteiro, que apresenta diversas pode mostrar informações gerais sobre a
coleções e outras informações sobre a empresa, coleções anteriores, canais de
empresa de moda. contato. Próximo ao campo de busca,
percebe-se que há um espaço para
2 MENU SUPERIOR usuários da ViaUno. mude de ideia, o visitante pode clicar no página. Uma das principais é no rodapé
J Na parte superior esquerda da página, botão “Alterar preferência”. Ele será enviado direito, que conta com letras estilizadas e
há uma parte do menu de navegação do 4 IDIOMAS a uma página com o mapa múndi e então garrafais. Ao entrar na seção, o usuário
site. O importante canal de comunicação J Na parte inferior da homepage, é poderá clicar na região que mais se adequa confere detalhes da moda Outono/Interno
com o visitante - o fale conosco - ocupa possível escolher o idioma no qual às suas preferências. 2009. Do lado direito da tela, é possível
lugar de destaque na página e mostra o deseja-se que a página seja apresentada. navegar de acordo com a oferta dos
quanto a ViaUno encara com seriedade a Há opções em Português, Inglês e Epanhol. 5 COLEÇÃO produtos oferecidos, sejam eles sapatos,
visita de internautas em sua página. Além Desde a página de introdução, o usuário já J A coleção do momento - Inverno 2009 tamancos, sandálias e outros produtos
do fale conosco, é possível acessar a pode definir qual a língua que prefere. Caso - pode ser acessada de város pontos da voltados para os pés dos visitantes.

locaweb 53
web standards:W2008 9/4/2009 19:03 Page 54

programação/webstandards

Webstandards
e os padrões web
Veja o que o World Wide Web
Consortium (W3C) recomenda para
deixar seu site antigo com um
formato compatível com os principais
navegadores usados atualmente
Texto: Eduardo Lisboa

esde que Tim Berners-Lee inventou a World Wide

D Web e escreveu a primeira especificação do HTML,


muita coisa mudou na internet. Várias extensões
foram adicionadas à linguagem e recursos extras como
JavaScript e CSS trouxeram beleza e
dinamismo para as páginas, mas também
diversos problemas.
No início, o HTML era muito simples:
servia apenas para definir a estrutura do
texto, como títulos, parágrafos, criar listas e
dar ênfase em palavras ou frases. Com o
desenvolvimento da linguagem, porém,
outras marcações (tags) foram criadas para
permitir que o resultado final se tornasse
mais atraente. O problema é que esse
crescimento não foi controlado, o que
acabou 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 os
sites construídos em tabelas, método de
desenvolvimento que cria diversas Ferramentas \\ Ferramentas como o gerenciador de conteúdo Drupal (acima) e validadores de CSS são
recomendadas pelo World Wide Web Consortium para padronizar o seu site de maneira fácil e inteligente
dificuldades para os navegadores
interpretarem corretamente o HTML e acaba com a
estruturação do conteúdo. Havia também tags específicas * O W3C recomenda que a versão
para definir a formatação, como a tag font, hoje considerada HTML seja a Strict, o que significa
ultrapassada, e outras suportadas apenas por navegadores que devem ser usados apenas
específicos, como a tag blink, que funcionava no navegador
Netscape, mas não no Internet Explorer.
elementos para definir a estrutura e
A partir daí, outras inconsistências surgiram durante a que toda a formatação e estilo do
guerra dos navegadores, mesmo porque as empresas texto sejam definidos pelo CSS
54 locaweb
web standards:W2008 9/4/2009 19:03 Page 55

programação/webstandards

passaram a adicionar características e recursos aos seus programas MathML; Link Checker, que procura por links quebrados; e CSS
para demonstrar avanço e não se preocuparam em corrigir bugs. Validator, que valida documentos de folha de estilo CSS. Essas
Como se não bastasse, também deixaram de lado qualquer tipo de três ferramentas ainda podem ser usadas em conjunto com o
padrão, dificultando a interoperabilidade dos navegadores e Log Validator, que, além de reuni-las, define por prioridade
impedindo que os usuários trocassem de navegador. quais erros devem ser corrigidos primeiro.
Esse cenário só começou a mudar quando o World Wide O fato é que, com criatividade, verdadeiras obras de arte
Web Consortium (W3C), consórcio fundado em 1994 por Tim podem ser feitas apenas com HTML e CSS. Ao separar o conteúdo
Berners-Leec para criar padrões para internet, publicou uma (HTML) do formato (CSS) em arquivos distintos fica muito mais
especificação com o objetivo de padronizar uma determinada fácil usar o mesmo estilo em diversas páginas, pois qualquer
parte do desenvolvimento web. Afinal, o W3C tem como alteração só precisará ser feita em um único arquivo.
fundamento o fato de que a internet só atingirá todo o seu Muitos exemplos disso podem ser encontrados na
potencial quando as tecnologias básicas que a sustentam internet, e um site que merece destaque é o Zen Garden
forem compatíveis. Assim, surgiram os seguintes conceitos, (www.csszen garden.com), que há alguns anos convida
que devem ser seguidos por todos os profissionais web: artistas gráficos para desenvolver um novo layout para o site.
Lá, é possível encontrar vários estilos diferentes que, sem
(X)HTML & CSS alterar nada do HTML, conseguem apresentar formas bem
Para a criação de sites, o W3C recomenda que se use diferentes, bonitas e inspiradoras. Não deixe de espiar.
HTML 4.01 ou XHTML 1.1 - esta última é uma linguagem de
marcação de texto que segue a syntax do XML, mas que Recomendações do W3C
ainda não é bem suportado por nenhuma versão do Internet Vale a pena ressaltar que as recomendações do W3C vão
Explorer. Por isso, quem a usa deve trabalhar de um jeito que além de especificações de sintaxe, desenvolvimento de
o resultado final seja compatível com o HTML tradicional. extensões e novas linguagens. Também há várias sugestões
De qualquer forma, tanto no HTML 4.01 quanto no XHTML
1.1 existem subversões. Confira: W3C
O World Wide Web
Consortium é um
• Strict - permite apenas o uso de elementos e atributos para estruturar o consórcio fundado
texto e proíbe o uso de todos que foram marcados como ultrapassados, em 1994 por Tim
Berners-Leec
como as tags de formatação; para criar padrões
• Transitional - permite o uso de tags de representação e formatação, para internet
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 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. Assim, o formato
fica separado do conteúdo, e o
desenvolvimento e a manutenção do site
tornam-se bem mais simples. Uma das
grandes vantagens dessa abordagem é a
possibilidade de se usar temas nos sites, o
que se traduz em opções variadas para os
usuários trocarem o layout ou até mesmo
atender às necessidades de deficientes
visuais, aumentando a fonte ou o contraste e
assim facilitando o acesso ao conteúdo.
O site do W3C conta com uma série de
ferramentas, disponíveis em www.w3.org/
QA/Tools. As três mais conhecidas e usadas
são: MarUp Validator, que verifica as tags de EUA \\ Prova da confiabilidade do Drupal é o fato de ele ter sido recentemente usado para criar o site do governo
documentos HTML, SGML, XHTML e até dos Estados Unidos que divulgou os planos para a recuperação da atual crise econômica (www.recovery.gov)

locaweb 55
web standards:W2008 25/3/2009 14:36 Page 56

programação/webstandards

para dar mais significado às páginas web, de forma com que Outra questão: PNG ou GIF, qual usar? O ponto forte do GIF
todos possam ter acesso ao conteúdo, inclusive usuários com é que ele é amplamente suportado. Prova disso é que foi
necessidades especiais. considerado por muito tempo a escolha padrão para gráficos
Uma dessas recomendações se refere ao título, parte muito na web. Comparado a outros formatos, não é tecnicamente
importante da página pois, além de estar nas janelas e listas superior, mas no início da web era a escolha mais segura.
de sites favoritos, é o que aparece nos resultados do sites de O PNG, por sua vez, é um formato mais novo, que
buscas. Um bom título, segundo o W3C, nunca é muito curto basicamente pode oferecer resultados de compressão até
nem muito comprido. Deve ser claro e conter uma 25% melhores, mas pode não ser suportado por navegadores
informação que possa ser relacionada ao site em questão. Um mais antigos ou ter problemas com recursos mais específicos,
título que diga "Parte 1", por exemplo, não diz muita coisa. como a transparência.
Mas dizer "Parte 1 - O dia em que as coisas resolveram
funcionar" é muita coisa. O importante é chegar a um Geradores de (X)HTML e Sistemas
consenso simplista, como "Soluções para X e Y". Gerenciamento de Conteúdo
Um recurso que talvez não tenha toda a atenção que Alguns desenvolvedores não gostam de escrever códigos
merece é o ALT. O atributo ALT é definido em uma série de diretamente em HTML e preferem usar ferramentas
tags, como img, area e opcionalmente para input e applet, específicas para cirarem conteúdo sem terem de se preocupar
para exibir um texto equivalente ao objeto mostrado. O texto com detalhes. Entre essas ferramentas específicas, há muitas
ideal a ser incluído depende muito do contexto. bem interessantes. Entre elas, destaca-se o txt2tags e alguns
Este texto alternativo traz os seguintes benefícios, como outros sistemas para publicação de conteúdo com interfaces
você pode ver a seguir: próprias que podem ser usados até por quem não tem
conhecimento de HTML, CSS ou padrões web.
• navegadores web estão disponíveis em uma enorme
variedade de plataformas, com diferentes capacidades; alguns Txt2tags - O txt2tags é um gerador de documentos que adota a ideia de
não conseguem carregar imagens ou apenas um conjunto restrito delas. separar o conteúdo da forma. Trata-se de uma ferramenta muito
Com o ALT definido, a descrição da imagem será exibida no lugar da interessante, pois permite que páginas web, livros e vários outros tipos de
imagem não carregada. documentos sejam criados usando apenas marcações bem simples.
• acessibilidade: alguns visitantes podem ser cegos ou ter a Por exemplo: suponha que se queira criar uma página na internet que
visão comprometida. contenha um tutorial mas que, ao mesmo tempo, inclua uma apostila em
• robôs de sites de pesquisa pertencem às duas categorias PDF com o mesmo material. Com o txt2tags, é fácil criar ambos os
anteriores: para ter o site devidamente indexado como qualquer documentos, ao mesmo tempo e com bem pouco trabalho.
endereço merece, basta usar o ALT para garantir que o robô não perca a Isso porque, com um único arquivo fonte, é possível gerar HTML e PDF e
indexação das páginas mais importantes. vários outros formatos de documentos. A própria página do txt2tags foi
feita a partir da ferramenta e, nela, você encontra uma

* Um bom título, segundo


o W3C, nunca é muito
curto nem muito
comprido. Deve ser claro e
conter uma informação
que possa ser relacionada
ao site em questão

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

56 locaweb
web standards:W2008 9/4/2009 19:03 Page 57

programação/webstandards

lista com várias outras páginas que também


adotaram o sistema. No site, também há muita
documentação em inglês e em português, com
exemplos de uso e tudo mais. Fora isso, é possível
ver o txt2tags funcionando online. Dê uma
conferida em tudo isso no endereço
http://txt2tags.sourceforge.net.

Wordpress - Publicar o conteúdo usando blogs é


algo muito comum hoje em dia. Com aplicativos
como o Wordpress, fica muito fácil e rápido fazer isso,
com a vantagem de que o software não exige do
usuário conhecimento de HTML, CSS e muito menos
de padrões web. O Wordpress é o mais famoso
aplicativo de código aberto para a publicação de
blogs. Graças à sua versatilidade, tem sido usado com
sucesso na criação de sites.
Entre as principais funções do Wordpress, vale a pena Txt2tags \\ Gerador de documentos separa o conteúdo da forma. Trata-se de uma ferramenta que permite
citar a capacidade de criar páginas fixas, a variedade que páginas web, livros e vários outros tipos de documentos sejam criados usando apenas marcações bem simples
de temas e os plugins que podem ampliar muito os
recursos e estender suas funções. Popular ao extremo, o Wordpress possui uma * Muitas vezes um site deixa de ser
quantidade muito grande de temas, que dá uma boa gama de oportunidades visitado por não oferecer o conteúdo
para deixar o blog ou o site mais bonito.
de uma maneira agradável, mesmo que
Drupal - Caso haja a necessidade de criar um site grande, com muitos recursos, ele seja bom. Por isso, deve-se sempre
como um portal, um site de notícias, uma rede social ou hospedagem de vários pensar em como ajudar o público-alvo
blogs, uma das melhores alternativas que existe hoje é o gerenciador de conteúdo
Drupal. Trata-se de um sistema de controle de conteúdo que permite que uma ou Conclusão
mais pessoas controlem uma grande variedade de tipos de informação. Mais que Ainda hoje, o Internet Explorer, da Microsoft, segue
isso, o sistema foi desenvolvido para que seja possível adicionar novas como o browser mais usado do mundo, porém outros
características e recursos, fato que o leva a ser muitas vezes descrito como concorrentes como o Firefox e o novo Google Chrome têm
framework de gerenciamento de conteúdo. mostrado para os usuários que existem alternativas - em geral,
Há uma grande quantidade de empresas e instituições usando o Drupal. Um muitas vezes mais leves, com os mesmos recursos ou até mais e
bom exemplo, que confirma a qualidade e flexibilidade do programa, é o site do com um outro diferencial de respeito: igualmente gratuitas. Fora
governo dos Estados Unidos, criado com o intuito de divulgar os planos para a isso, é preciso levar em consideração que muitos usuários de
recuperação da atual crise econômica. Dê uma olhada nele em www.recovery.gov. iPhone e outros dispositivos móveis também estão acessando
cada vez mais a internet, tornando ainda mais importante a
MediaWiki - A mais famosa e acessada enciclopédia do mundo, a Wikipedia, é confecção de sites que possam ser corretamente acessados
oferecida a partir do MediaWiki, o que prova que o software é uma alternativa pelos diversos navegadores.
mais que interessante para disponibilzar conteúdo. Não apenas pela capacidade de Isso mostra a importância de seguir padrões no
permitir que várias pessoas trabalhem em conjunto na construção do conteúdo, desenvolvimento de sites. Não dá para negar que aqueles que não
mas por possibilitar que isso ocorra sem que a maioria dos envolvidos conheça seguirem estarão limitando o acesso ao conteúdo das páginas. Por
HTML, CSS ou ainda menos padrões web. Com ele, as páginas podem ser isso, mantenha-se atualizado.
alteradas por qualquer um, por usuários autenticados ou ainda por uma lista de Outra questão a ser levada em consideração é quanto à
usuários privilegiados. Determinadas páginas também podem ser "trancadas" usabilidade do site. Deve-se sempre pensar no público-alvo e
pelo administrador. Mudanças feitas nas páginas são guardadas numa espécie de em como ele se sente ao acessar o conteúdo, se tem alguma
controle interno de versão e são facilmente acessíveis por meio de um link que dificuldade e até se tem alguma frustração. Muitas vezes um site
aponta para o histórico disponível na página de edição. Sua formatação é feita com deixa de ser visitado por não oferecer o conteúdo de uma
tags bem simplistas, como '''palavra''' para gerar negrito ou ''palavra'' para gerar maneira agradável, mesmo que ele seja bom. A receita então
itálico. Portanto, são fáceis de aprender, contando inclusive com algumas pequenas para se dar bem é bem simples: fique de olho no mercado, faça
ferramentas que permitem que o conteúdo seja formatado mesmo que os usuários manutenções constantes, siga as recomendações do W3C para
desconheçam as tags, selecionando o texto e clicando na opção desejada como se ser visto por todos e faça parte do time dos
estivesse num editor de texto. desenvolvedores de sucesso. É pegar ou largar.

locaweb 57
artigo_akita:W2008 9/4/2009 19:12 Page 58

opinião/articulista

programação
Fabio Akita
Gerente de produtos Linux
da Locaweb
www.akitaonrails.com

Performance
vs Escalabilidade
Entenda as diferenças entre os dois conceitos e saiba qual o papel fundamental
de cada um deles quando o assunto é desenvolvimento e Ruby on Rails
“Performance versus Escalabilidade”. Eis um assunto muito A chave para escalabilidade numa aplicação é o conceito de
controverso. Por incrível que pareça, pouca gente parece “shared nothing”, ou seja, cada máquina, cada processo, é auto-
entender que existem diferenças fundamentais entre elas. suficiente, sem depender de outros e sem compartilhar recursos.
Muitos assumem que para ter escalabilidade você precisa de Ter recursos em memória compartilhada (como no antigo ASP
performance máxima, ou, pior ainda, que performance e quando se tinha o objeto Application) pode ser conveniente para
escalabilidade são a mesma coisa. Esse assunto foi muito discutido, desenvolver mas será terrível para escalar.
principalmente porque muitos disseram que “Ruby on Rails não Aqui, devo fazer umas observação importante: considere um
escala”. Uma das maiores besteiras do mundo geek, coisa que foi website que leva 3 segundos para carregar completamente.
iniciada pelo site TechCrunch no início do sucesso do Twitter, cujo Usando plugins como o Firebug do Firefox, ou o Web Inspector do
front-end roda em Rails. Safari/Webkit, podemos ver exatamente onde esse tempo está
No caso específico do Twitter, o que não escalava era o banco sendo gasto. Num exemplo como o site da Locaweb, por
de dados. Sim, bancos de dados relacionais, por definição, não exemplo, o tempo total de carga foi de 3 segundos (o tempo
escalam bem horizontalmente, apenas verticalmente. pode variar dependendo da velocidade da sua conexão). Desse
Escalabilidade vertical significa adicionar mais memória, trocar o total, apenas 62ms (milissegundos) foram gastos processando o
processador ou melhorar o I/O da mesma máquina. Escalabilidade código inicial. Todo o resto (2,038seg) foi gastos no resto da página
horizontal significa colocar mais máquinas em paralelo e a carga (stylesheets, javascript, imagens, etc).
se dividir. Agora, digamos que nosso programador se empenhasse muito
O mais importante em um website não é a performance bruta, na parte da programação e conseguisse incríveis 50% de
mas sua capacidade de escalar. Um exemplo simples: se sua performance, diminuindo o tempo de 62ms para 30ms. No tempo
aplicação persiste objetos de Sessão no disco local, ela, por total, isso não faz nem cócegas, vai diminuir de 3 segundos para
definição, não escala. Se ela grava em RAM então, não escala 2,070 segundos, ou seja, o usuário sequer vai sentir isso.
mesmo. Pior ainda, muitos filesystems não suportam mais que Antes de se preocupar com performance bruta do seu código,
algumas dezenas de arquivos por diretório, o que pode levar um lembre-se “otimização prematura é a origem de todo o mau”.
site muito acessado a ficar lento rapidamente. Gravar sessões em Primeiro faça sua aplicação funcionar. Depois faça medições
banco certamente tem performance bruta menor, porém ela (otimização sem medição é perda de tempo), otimize onde
escala trivialmente: basta colocar outra máquina de webserver importa primeiro (procure o plugin YSlow para Firefox, para
apontando para o mesmo banco de dados, um balanceador de começar) e só no final disso procure por gargalos de código que
carga na frente e voilá, escalabilidade. realmente tenham impacto significativo.

58 locaweb
205 X 275:Layout 1 19/3/2009 18:09 Page 1
Ajax-Flash:W2008 25/3/2009 12:13 Page 60

programação/ajax

Use o Ajax e o Flash


e crie telas de load
Neste tutorial, você aprenderá a criar páginas de carregamento de conteúdo
utilizando a técnica de programação Ajax e também o programa da Adobe
Texto: Felipe Magalhães e Vitor Nogueira De saída, declaramos a variável que irá realizar as chamadas Ajax.
Logo em seguida, criamos uma função para instanciar nesta variável
Ajax é uma das metodologias mais polêmicas quanto o objeto XMLHttpRequest, que é o responsável pelas requisições

O às necessidades e vantagens de sua utilização. O


grande atrativo desta técnica de desenvolvimento é a
possibilidade de chamadas assíncronas ao servidor. Trocando
realizadas em Ajax. Para instanciar o objeto corretamente, nós
esbarramos em um problema clássico: a diferença entre os browsers.
Em nosso código, utilizamos os blocos try/catch para, por meio de
em miúdos, você pode continuar a navegar na página, que todo tentativas, saber qual é o objeto disponível para ser usado. Caso o
o conteúdo que for requisitado ao servidor chegará até a página browser não dê suporte a nenhum destes objetos, é emitido um
de maneira que não interfira em sua navegação e sem a alerta informando que o navegador não oferece suporte a Ajax.
necessidade de recarregar a página. O próximo passo para efetuarmos o carregamento de um
Neste tutorial, será ensinado como realizar uma chamada conteúdo de forma assíncrona é criar a função que fará a chamada
assíncrona. Ela populará uma div com o conteúdo proveniente de propriamente dita. Na função chamadaAjax, temos dois parâmetros:
uma página que será processada separadamente daquela em que o o método utilizado para realizar a chamada (GET ou POST) e a
usuário navega inicialmente. página que será chamada via Ajax. Na linha 26, informamos que a div
de id conteudo receberá uma imagem de preloader. Você pode criar
seu próprio gif animado para isto. Ou, ainda, utilizar um dos vários
sites que geram estes gifs. Como, por exemplo: www.ajaxload.info.
Na linha 27, chamamos a função ajaxObj para poder instanciar o
XMLHttpRequest. Logo após começamos a trabalhar na chamada
em si. A função onreadystatechange é executada a cada vez que o
objeto muda de estado.

Estado Situação
0 A requisição não foi iniciada
1 A requisição foi configurada
2 A requisição foi enviada
3 A requisição está sendo processada
4 A requisição foi concluída

Na linha 27, informamos


que, se o estado atual for o de
requisição, então já temos o
conteúdo da página que foi
chamada via Ajax totalmente
carregado, basta escrevê-lo da
maneira mais adequada. No
exemplo, descarregamos estas
informações na div conteudo,
utilizando o atributo

60 locaweb
Ajax-Flash:W2008 25/3/2009 12:13 Page 61

programação/ajax e flash

innerHTML. Lembrando que entre as linhas 28 e 32 ainda não foi page/exemplo.asp.


feita a chamadaAjax, somente configuremos o comportamento O exemplo em Flash, ensinado a seguir, está em agenciainteragir.
dela assim que ela for executada. A mágica começa a acontecer a com.br/home/revistalocaweb/flashajax/page/index_AScJS.asp.
partir da linha 33, com a função open, que aproveitará os
parâmetros metodo e pagina da função chamadaAjax. Na linha 34,
informamos o cabeçalho HTTP sobre o tipo de conteúdo e a
formatação na qual ele será carregado e finalmente realizamos a
chamada Ajax na linha 35, usando o método send.

Agora basta criar uma função que seja executada a cada


intervalo de tempo para realizar a chamada Ajax, para isto
utilizamos o setInterval. No código, a cada 2 segundos e meio (o
tempo é 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 uma


chamada à função que criamos. Logo depois, uma chamada para a
função que carrega o conteúdo Ajax a cada intervalo de tempo. Agora, você aprenderá a trabalhar com o ActionScript, do Flash,
Para ver o exemplo em Ajax funcionando, basta acessar: para criar uma aplicação semelhante à que foi ensinada com a
www.agenciainteragir.com.br/home/revistalocaweb/flashajax/ metodologia Ajax. Confira o tutorial a seguir.

Utilizando ActionScript
para brincar de AJAX
Primeiramente, devemos ter um mínimo de
conhecimento em JavaScript e ter vivência com
as classes ExternalInterface (http://livedocs.
adobe.com/flash/8/main/ 00002200.html) e
LoadVars do ActionScript 2. O AS2 foi escolhido
por haver um número muito maior de pessoas
desenvolvendo nessa versão. Quanto à
programação Server-side, não importa a
linguagem 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údo
na página, e outro que será responsável por
emitir alertas ao usuário:
A função escreveConteudo() receberá o local
Ajax\\ O W3C mantém uma página com dicas de Ajax em http://www.w3schools.com/Ajax/Default.Asp (ID da div, por exemplo) e o conteúdo a ser

locaweb 61
Ajax-Flash:W2008 9/4/2009 19:14 Page 62

programação/ajax e flash

O parâmetro processa é o equivalente em JavaScript do parâmetro


processaAsp do ActionScript. Quando ele for requisitado em nossa
página, o AS deverá redirecionar a requisição para processaAsp.

4 – Criamos as funções para enviar as informações ao ASP e


para tratar a resposta:

a) Enviando os dados...

escrito nele. Agora, vamos partir para o ActionScript, que será o


responsável por enviar as requisições ao ASP. Abra o Flash. Crie um
arquivo ActionScript 2.0, com 1px x 1px. Salve com o nome
AScJS.fla, e abra a janela de ações (F9).

b) … recebendo a resposta do processamento

Pronto, terminamos o AS. Agora temos que criar os scripts


responsáveis pelas requisições às funções que foram criadas nele.
O script abaixo será responsável por identificar o SWF através
de seu ID e assim executar as chamadas corretamente.
1 – Importamos a classe ExternalInterface e definimos o
System.useCodepage para não termos problemas com acentos:

2 – Criamos os objetos responsáveis por “chamar” o ASP e


receber sua resposta:

O último script será responsável por chamar o método


processa(), que, por sua vez, será responsável por executar a
função relacionada processaAsp() no AS;

3 - Criamos a ponte entre o JavaScript e o ActionScript, através


da classe ExternalInterface:

62 locaweb
Ajax-Flash:W2008 9/4/2009 19:14 Page 63

programação/ajax e flash

* O parâmetro processa
é o equivalente em JS
ao processaAsp do
ActionScript. Quando
requisitado, o AS
o redireciona para o
parâmetro processaAsp

Inserir o SWF na página integração ActionScript + JavaScript + Server-side. Criamos


Os scripts apresentados acima são básicos, para uma assim uma solução próxima ao AJAX no que diz respeito ao
chamada sem que passemos qualquer parâmetro para o carregamento de conteúdo dinâmico, sem que precisemos
arquivo ASP, somente para nos ambientarmos com a recarregar a página toda novamente. Para inserir o SWF na
página, basta executar o
script writeJS() em
qualquer lugar do body
do HTML. Depois de
inserido, para rodar, basta
inserir a função
chamarAScJS().
A seguir, você confere
o index.asp completo.

locaweb 63
Ajax-Flash:W2008 25/3/2009 12:13 Page 64

programação/ajax e flash

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

* Para inserir o SWF na


página, é só executar o
script writeJS() em
qualquer lugar do
body do HTML.
Depois de inserido,
para que seja executado,
basta rodar a função
chamarAScJS()
necessidade, como, por exemplo, passar
um nome de um usuário para compor
uma query SQL (carregaConteudo.
nome = param).
Podemos passar um número N de
variáveis por meio do JavaScript
[chamarAScJS (var1, var2, var3, varN)],
separando-as com vírgula e repassando-as
ao método e ao AS [processa (var1, var2,
var3, varN) e processaAsp (var1, var2, varN) ].
Agora, o sistema está apto a lidar com
requisições mais complexas, utilizando
variáveis externas para complementar as
chamadas ao arquivo ASP.
Para efetuar o download dos arquivos
que compõem este tutorial, acesse:
www.agenciainteragir.com.br/
home/revistalocaweb/flashajax/
downloads/flash_ajax.zip .

Agora, basta rodar o exemplo e testar. Entretanto, sempre fica a


dúvida: e se precisarmos passar um parâmetro para o ASP?
Se esse for o caso, alteraremos o JavaScript responsável pelo
mé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 passaremos Adobe \\ Empresa que desenvolve o Flash mantém um site especialmente voltado
ao arquivo ASP via POST. Podemos alterá-la de acordo com a a desenvolvedores; o endereço do site é http://www.adobe.com/devnet/flash/

64 locaweb
Projeto2:Anuncio_W 18/3/2009 19:29 Página 1
Locavip:W2008 9/4/2009 19:17 Page 66

parceiros/locaweb

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

* "A Locaweb foi nossa


escolha devido a
seriedade da empresa e
da disponibilidade dos
servidores, temos um
sistema de rastreamento
real time 24hs que não pode parar,
por isso escolhemos uma empresa de
confiança e de muita qualidade" . J RS Alarmes
(Roberto de Souza Pinto | Diretor Alarmes RS) J www.rsalarmes.com.br

J Dê Seu Lance J Activecom


J www.deseulance.com.br J www.activecom.com.br

* "Segurança, qualidade,
equipe competente,
atendimento proativo e
um leque incrível de
serviços fazem da
Locaweb um ótimo case
e referência em serviços web! Uma
parceria de 10 anos, com a certeza de
que os melhores anos estão por vir" .
J Strong
(Nilson Cortez Jr., Gerente de TI da Strong – J www.strong.com.br
Conveniada da FGV e ESAGS )

66 locaweb