Locaweb26 PDF

WebDesk :: Many Eyes :: Games sociais :: Google Chrome OS :: CSS para webdesign
tutorial //
a A Internet em Revist
INTUITIVO MODERNO :: Ano 3 :: R$ 9,90 :: Edio 26 :: www.locaweb.com.br
Passo a passo para publicar os seus aplicativos na APP Store e na Android Market, as lojas online de Apple e Google
SIMPLES
negcios //
LOCAWEB :: O PODER DO JOOMLA
FLEXVEL
Incluso digital
acessibilidade //
er O pod do
RPIDO
Capa3.indd 1
A incrvel histria do gerente de TI que fez pessoas quase sem movimentos fsicos postarem poemas na internet
FCIL
Dicas prticas de como colocar o seu site no topo dos principais rankings de mecanismos de busca, como Bing e Google
Flexvel e fcil de usar, o CMS j foi adotado por Harvard e USP, entre outros nomes de peso. Agora, a sua vez de aproveitar os recursos dessa plataforma para criar sites diferenciados
1/24/11 4:25 PM
SEO
mandamentos
::lw_editorial_ao leitor
Aplicativos para Facebook e Orkut mostram-se como uma das principais fontes de renda do momento na internet. E o Brasil est no jogo
O prazer de ajudar
Trabalhar com solues que, de alguma forma, beneciam a vida das pessoas traz uma satisfao mpar. Quem vive ou j viveu esse tipo de experincia, com o gerente de produtos da Locaweb, Lus Carlos dos Anjos, atesta isso com uma alegria diante da qual ningum ca diferente. Anjos, com seu conveniente sobrenome, conta na entrevista desta edio como foi atuar no Teleton, quando a Locaweb, gratuitamente, montou com sucesso a infraestrutura para suportar a demanda de doaes online do programa. Na mesma linha, Victor Aniceto, gerente de TI das Casas Andr Luiz, mostra o incrvel trabalho de incluso digital da instituio. Com recursos de informtica alinhados a um simples pedal de mquina de costura, Aniceto criou um sistema quer permite a pessoas quase sem movimento do corpo postar textos e poemas na internet, revelando sentimentos sem qualquer tipo de intermediao. Por falar em ajudar, Locaweb em Revista traz como reportagem principal deste ms o Joomla, CMS que auxilia pessoas sem experincia com a web a desenvolver sites prossionais. A reprter Andreza Emlia Giraldo Marino foi a fundo no tema para mostrar por que nomes como a Universidade de So Paulo e Harvard, dos Estados Unidos, adotaram o sistema em seus portais. Mais que isso, Andreza mostra aos iniciantes como adotar o Joomla. H ainda uma srie de assuntos inovadores abordados nesta edio, como o Google Chrome OS, novo sistema operacional da gigante de buscas; o Many Eyes, gerador de grcos online34 e locaw eb gratuitos; e a Webdesign Library, maior biblioteca do mundo para designers. Isso sem falar em postagens de aplicativos nas lojas do Google e da Apple, games nas mdias sociais e muito mais. Como esta a primeira revista do ano, temos outra novidade. Locaweb em Revista entrou em 2011 com um projeto grco novo, muito mais moderno e vibrante. Tudo para ajud-lo a ter uma leitura ainda mais prazerosa. Anal, essa a nossa satisfao.
Mate ria_C apa.in dd 34
Nesta edio...
::lw_dicas_seo
Por::Eduardo Costela
Para os mais otimistas, h dvida: os games soc so a salvao da lavoura no futuro prximo das redes soc da internet. E no estamos, ain falando das lavouras virtuais d jogos como o FarmVille, um d mais populares aplicativos do Facebook (www.facebook.com Os nmeros deste mercado, d fato, so bastante expressivos Segundo pesquisa do Instituto Neilsen em parceria com o si All Facebook, nada menos que 53% dos usurios do site de relacionamentos norte-americ jogam ou j jogaram seus games sociais. Ao constar
::lw_c apa_jo omla
FARMVILLE
::10 Mandamentos do SEOIN 28 TUIT I
VO
::Games sociais 46
MOD ERN O
28
locaweb
46
1/24/11 4:13 PM
locaweb
10MandamentosSEO.indd.indd 28
BAR ATO
Games Sociais.indd 46
SIMP LES
::Joomla 34
Claudio Gora editor@locawebemrevista.com.br
::Entrevista .................................................................6 ::Inbox .........................................................................8 ::Notcias ..................................................................10 FCI L ::Portflio .................................................................16 R P ::Espao ABRADI ......................................................18 IDO ::Opinio: Marcelo Tripoli .......................................20 ::Opinio: Lus Carlos dos Anjos .............................22 ::WebDesk ................................................................24 ::ManyEyes ...............................................................26 FLEX ::10 Mandamentos do SEO......................................28 VEL ::Joomla ....................................................................34 ::WebDesign Library ................................................42 ::Games sociais ........................................................46 ::Case: Casas Andr Luiz .........................................52 ::Google Chrome OS.................................................54 ::Como publicar seus aplicativos............................58 ::CSS para webdesign .............................................62 ::Parceiros Locaweb ................................................66
1/24 /11 4:23
PM
WebDesk :: Many Eyes :: Games sociais :: Google Chrome OS :: CSS para webdesign
Locaweb em Revista Edio 26

tutorial //
A Internet em Revista
INTUITIVO MODERNO :: Ano 3 :: R$ 9,90 :: Edio 26 :: www.locaweb.com.br
Passo a passo para publicar os seus aplicativos na APP Store e na Android Market, as lojas online de Apple e Google
SIMPLES
negcios //
FLEXVEL
Incluso digital
acessibilidade //
r O pode do
RPIDO
Capa3.indd 1
A incrvel histria do gerente de TI que fez pessoas quase sem movimentos fsicos postarem poemas na internet
FCIL
Dicas prticas de como colocar o seu site no topo dos principais rankings de mecanismos de busca, como Bing e Google
SEO
mandamentos
VP Comercial e Marketing: Claudio Gora Coordenao de Comunicao: Daniela Veronese Coordenao Editorial: Daniela Pereira Editora Europa Editor e Diretor Responsvel: Aydano Roriz Diretor Executivo: | Luiz Siqueira Diretor Editorial e Jornalista Responsvel: Roberto Arajo - MTb.10.766 araujo@europanet.com.br
Editores: Paulo Basso Jr. e Srgio Vincius Reviso: Marianna Russo Editor de Arte (projeto grfico): Alexandre Dias (Nani) Colaborao: Andreza Emlia Giraldo Marino, Felipe Magalhes, Eduardo Costela, Gabriel Dudziak, Joo Felipe de Lima, Leonor Ribeiro e Yan Borowski Publicidade So Paulo: publicidade@europanet.com.br Diretor de Publicidade: Mauricio Dias (11) 3038-5093 Executivos de Negcios: Alessandro Donadio(coordenador), ngela Taddeo, Claudia Alves,
Flexvel e fcil de usar, o CMS j foi adotado por Harvard e USP, entre outros nomes de peso. Agora, a sua vez de aproveitar os recursos dessa plataforma para criar sites diferenciados
1/24/11 4:25 PM
Elisangela Xavier, Renato Peron, Rodrigo Sacomani e Tatiane Saragossa Criao Publicitria: Joo Paulo Gomes (11) 3038-5103 Trfego: Renato Peron (11) 3038-5097 Circulao e Promoo Gerente: zio S. Vicente Desenvolvimento de Pessoal: Tnia Marilia Ribeiro Roriz e Elisangela Tokashiki Locaweb em Revista uma publicao da Editora Europa Ltda. e do departamento de comunicao e marketing da Locaweb Servios de
Internet. A Editora Europa no se responsabiliza pelo contedo dos anncios de terceiros. Distribuidor Exclusivo para o Brasil: Fernando Chignalia Distribuidora S. A. - Rua Teodoro da Silva, 907 - CEP 20563-900 - Graja - RJ Impresso: Prol Editora Grfica Somos Filiados ANER Associao Nacional dos Editores de Revistas
LOCAWEB :: O PODER DO JOOMLA
Aydano Roriz Luiz Siqueira Rodolfo Carrara Tnia Roriz
Editorial e Sumario.indd 4
1/24/11 4:38 PM
::lw_chat
entrevista::Luis Carlos dos Anjos
Um espetculo real de solidariedade

Fotos: Divulgao
Luis Carlos dos Anjos (dir.), gerente de eventos da Locaweb, homenageado no palco do SBT pelos apresentadores Roberto Justus e Ratinho durante o Teleton
Infraestrutura montada pela Locaweb para atender demanda de doaes pelo sistema online funcionou corretamente durante todo o programa, inclusive nos picos
Luis Carlos dos Anjos, gerente de eventos da Locaweb, conta como foi a experincia de cuidar, com sucesso, da estrutura tcnica das doaes online do evento Teleton
Por::Gabriel Dudziak
No dia 7 de novembro de 2010, por volta das 16h30, Luis Carlos dos Anjos subia ao palco dos estdios do SBT para receber uma justa homenagem. Gerente de eventos da Locaweb, o profissional fora escolhido para representar a empresa na homenagem que o Teleton, com transmisso televisiva naquele dia, prestava aos parceiros. Honraria justa e merecida, pois a empresa fez o sistema de doaes online funcionar sem problemas durante o ano inteiro.
Mas a noite estava longe de acabar. Logo depois de descer, Anjos se dirigiu para a "base" da Locaweb, montada especialmente para aquele final de semana. Afinal de contas, o programa ainda no tinha acabado e o momento mais aguardado da noite, a subida de Silvio Santos ao palco e, consequentemente, o envio de um maior volume de doaes, estava chegando. Portanto, tal qual o show, o trabalho tinha que continuar. Nesta entrevista, Anjos conta como fazer parte dessa iniciativa. De quebra, revela as tticas para segurar a onda no momento em que doaes e mais doaes choveram no site.
locaweb
Entrevista.indd 6
1/24/11 4:31 PM
lw Como SurGiu A iDeiA DA pArCeriA LoCAweB e TeLeToN? lca o sexto ano que fazemos essa parceria. No comeo, o Teleton procurou a Locaweb e ns, alm de fornecermos a infraestrutura, desenvolvemos o projeto e o sistema de doaes online. Hoje, o sistema de responsabilidade de outra companhia, mas a questo da infraestrutura continuou conosco e foi aumentando com o tempo. Em 2010, por exemplo, o investimento foi alto. Passamos a usar servidores em Cloud Computing, com mais capacidade de processamento e funcionando no esquema on demand, para atender a grande quantidade de doaes durante o ano todo e, mais especificamente, nos momentos de pico do programa na televiso. Tudo isso de forma gratuita. A Locaweb no recebe e nunca recebeu nada pelos servios que prestou e presta ao Teleton. lw Como FuNCioNA o meCANiSmo De DoAeS oNLiNe pArA o TeLeToN? lca Quando o usurio entra no site, escolhe se vai doar uma quantia predeterminada ou outro valor. Definida a doao, ele preenche uma ficha de cadastro. Esses dados so enviados diretamente s operadoras de carto. O sistema ento faz uma consulta direta ao mecanismo da empresa e autoriza ou no a doao. Se o processo aceito, o sistema da operadora de cartes devolve uma resposta dizendo que aquela operao pode ser feita. lw QuANDo o SiLvio SANToS SuBiA Ao pALCo e peDiA DoAeS, o voLume De DADoS SuBiA muiTo? voC ACompANHou iSSo TuDo? lca Sim. Ns tnhamos desenhado uma
estrutura capaz de ter uma boa folga no processamento e no ter nenhum tipo de gargalo. Durante todo o programa, nossa capacidade usada ficou no mximo em 60%. J nos ltimos 20 minutos, quando o Silvio entrou no ar, e sabamos que naquele momento chegaria o maior volume de doaes, nossos processadores atingiram 100% da capacidade. Mas, como rodamos toda a hospedagem em Cloud Computing, foi possvel acionar mais uma mquina remotamente para auxiliar no trfego de informaes. Ento, no tivemos problemas nem mesmo nesse momento mais "tenso", por assim dizer.
"
Usamos servidores em Cloud Computing, com mais capacidade de processamento e no esquema on demand, para atender a grande quantidade de doaes durante o ano e, mais especificamente, nos momentos de pico do programa na televiso. Tudo gratuitamente"
grande interao com as outras partes ali envolvidas foi fundamental, j que no adiantava apenas o nosso lado funcionar adequadamente. Ns conseguimos fazer isso e a AACD, por exemplo, se disse muito satisfeita com o trabalho, uma vez que, mesmo em momentos de grande audincia, que nem mesmo eles esperavam, o sistema se comportou bem o tempo todo. lw DiFereNTe preSTAr um Servio SoLiDrio, Como o CASo Do TeLeToN? lca bem diferente. Eu sou a pessoa que representa a Locaweb na hora de receber a homenagem pela parceria l no palco, e essa uma sensao nica. Afinal, foi um trabalho de um ano inteiro, e no s daquelas 24h em que o programa da televiso ficou no ar. A gente costuma visitar a AACD periodicamente para entender o ambiente e ver quais so as necessidades daquelas pessoas, de forma que, quando a gente v aquilo tudo no ar, funcionando... isso mexe muito com o emocional. Ns vemos que elas precisam dessa ajuda, ento, quando a gente pode ajudar ao fazer parte de um trabalho como esse, tudo feito com muito mais prazer.
7
lw Como FormADA A eQuipe De Ti por TrS De umA iNiCiATivA Como eSSA? lca Alm de mim, o Teleton foi acompanhado por um gerente de contas da equipe comercial, uma equipe de operaes responsvel por monitorar exclusivamente o desempenho dos servidores e ficar em contato com o pessoal que desenvolveu a ferramenta de pagamento, alm de um time de suporte preparado para enfrentar qualquer problema. Todos atentos, em contato direto com a equipe do Teleton, mas em especial nos momentos em que j sabamos que haveria pico de doaes. Imagina se o sistema ficasse fora do ar quando algum grande doador quisesse colaborar? No podamos correr o risco de atrapalhar o processo. lw DeNTro DeSSe CeNrio, QuAL Foi o SALDo DA pArCeriA Do LTimo proGrAmA? lca Muito positivo. Nossa misso ali era manter tudo funcionando o tempo todo e em todas as esferas. Tnhamos que fazer tudo correr bem. Por isso, a
locaweb
Entrevista.indd 7
1/24/11 4:31 PM
::lw_inbox
Padro XAML
Comecei a fazer testes com os novos produtos da Microsoft, da linha Expression. Notei que uma das operaes mais comuns a exportao em um formato chamado XAML. Isso teria alguma coisa a ver com XML? Para que serve esse formato? Leandro Leal // Por e-mail O Extensible Application Markup Language ou XAML da Microsoft uma linguagem para descrio de grcos vetoriais baseada em XML. O acrnimo originalmente signicava Extensible Avalon Markup Language, em que Avalon se referia ao WPF (Windows Presentation Foundation), sistema que permite a criao de interfaces elaboradas para desktop. Por meio do plugin Silverlight (www.microsoft.com/silverlight), um subconjunto dessas funcionalidades pode ser estendido rede mundial de computadores. O XAML extensivamente usado no .NET Framework 3.0, servindo como linguagem para denio de elementos de interface de usurio, ligao de dados, eventos e outros recursos. O WPF permite a denio tanto de elementos 2D como 3D, alm de possibilitar rotao, animao e uma grande variedade de outros efeitos.
O canal direto entre voc e a equipe de redao da Locaweb em Revista
3D Pie Chart: muitas vezes, o site tem que mostrar dados ao usurio; os conhecidos como grfico de torta geralmente mostram informaes de forma mais agradvel
Grco em Flash
Eu trabalho em um projeto Flash em que ser necessrio criar alguns grcos interativos. Pensei em fazer isso por meio de um componente. Vocs tm alguma recomendao? O tipo de grco que tenho de fazer do estilo torta. Paulo Ramos // Por e-mail
8
Muitas vezes, o site tem que mostrar dados ao usurio. Grcos redondos, tambm conhecidos como Pie Chart (grco de torta) geralmente mostram estas informaes de forma mais agradvel. Isso pode ser melhor ainda se o grco for 3D e interativo. isso que voc consegue com o componente 3d Pie Chart (www.ashloaded.com/ ashcomponents/3dpiechart), uma boa opo para essa nalidade. Para us-lo, arraste uma instncia do componente para o palco do Flash. Sua congurao bem fcil: na etapa 1, que aparece ao clicar no quadradinho de nmero 1, h a opo Data. Nela, voc insere os valores que daro origem ao grco, separando-os por vrgula. Em Colors, voc dever digitar os valores (em hexadecimais) das cores que comporo cada elemento do grco. Essas informaes tambm devem ser separadas por vrgula. Na etapa 2, ativada pelo quadradinho do nmero 2, h mais algumas opes. As mais importantes
so as que voc ir denir em Options, por exemplo, se quer que as peas estejam em escala (marcando a opo Scaled pieces), se permitir que o usurio rotacione o grco com o mouse (marcando a opo Allow mouse spin) ou se quer permitir ao usurio alterar a posio de uma pea afastando-a ou aproximando-a do grco em questo. Na miniatura do grco que voc est na rea Parameters, ser possvel rotacionar e alterar a posio de uma pea, afastando-a ou aproximando-a do grco. Para isso, clique e mantenha pressionada a tecla Shift. Isto denir a posio e o status inicial deste grco.
Envie seu e-mail

Se voc tem alguma dvida, sugesto ou crtica, entre em contato com nossa redao pelo e-mail locaweb@europanet.com.br.
locaweb
Emails.indd 8
1/24/11 4:32 PM
Data Center LoCaweb. o nmero Da GrenDene.
a Grendene sempre buscou e tem tido sucesso em suas parcerias. muitas empresas esto colaborando conosco h muito tempo. a Locaweb est nos apoiando desde 2003, poca em que nem era a maior empresa de locao e servios de seu segmento. atualmente, 100% de nossos sites na Internet esto hospedados em Servidores Dedicados da Locaweb. Como destaque, salientamos o excelente ps-venda, o rpido e sempre eficiente retorno da equipe de suporte e a qualidade e abrangncia dos servios que a Locaweb disponibiliza.
Luis Cezar tamiosso

Coordenador de Suporte & Servios de TI da Grendene
Grandes empresas, como a Grendene, tm escolhido nosso Data Center, que foi reconhecido como o melhor do brasil pelo Prmio Info. resultado de grandes investimentos em infraestrutura e tecnologia de ponta, a Locaweb traz solues em Cloud Computing, Servios Corporativos e Hospedagem de Sites com a flexibilidade, a alta performance e a excelncia em atendimento que seus negcios merecem.
Pense grande. Pense solues corporativas Locaweb.

Data Center CLouD ComPuting ServiDoreS DeDiCaDoS HoSPeDagem De SiteS
www.locaweb.com.br
kwarup.com
::lw_notcias
As novidades da Locaweb, a maior empresa de servios de internet do Brasil
Central de sugestes:
somos todos ouvidos
Plataforma SaaS de gerenciamento de sugestes permite aos usurios enviarem ideias para a empresa e votarem em propostas que j existem
Ambiente de crowdsourcing auxiliar a empresa a priorizar quais ideias so realmente relevantes para o pblico. Isso far com que os servios fiquem ainda mais eficientes
Basta clicar na aba que foi inserida direita das pginas do site da Locaweb para enviar ideias ou votar em propostas j existentes
Diversas pginas da Locaweb na internet passaro a contar com uma novidade interessante: a Central de Sugestes. Trata-se de uma plataforma SaaS de gerenciamento de sugestes baseada na ferramenta UserVoice (www.uservoice.com), que permite que os usurios no s enviem ideias para os produtos da empresa, como tambm votem em
10
propostas j existentes. Essa iniciativa cria um ambiente de crowdsourcing, que pode ajudar a Locaweb a priorizar quais ideias so relevantes para o pblico.
Quem quiser conferir a ferramenta pode acess-la em sugestoes.locaweb.com.br ou clicar na aba Sugestes, localizada direita das pginas do site www.locaweb.com.br. O mecanismo tem um sistema de single
sign-on, que permite aos usurios usarem seus dados de login j ativos na Locaweb para entrar na Central de Sugestes sem a necessidade de criar uma nova conta e senha, facilitando, assim, o uso do sistema. Se voc tem alguma sugesto ou ideia para melhorar o desenvolvimento dos produtos da Locaweb, esse o lugar. Agora, a palavra com vocs: somos todos ouvidos!
locaweb
Noticias.indd 10
1/24/11 4:55 PM
do Cloud Comput
o Segunda gera ing
vo Locaweb anuncia no mento modelo de gerencia de infraestrutura de TI

A Locaweb inovou mais uma vez e lanou o Cloud Server Pro, a evoluo do Cloud Computing Locaweb, inaugurando a segunda gerao dos servios de Computao em Nuvem no Brasil. Ideal para substituir a infraestrutura fsica de TI por uma soluo virtualizada robusta, segura e escalvel com custo reduzido, a ferramenta pode ser usada para as mais diversas situaes, como lojas virtuais, ERPs, aplicaes web, CRMs, banco de dados, entre outras. Acesse bit.ly/cloudserverpro, assista ao vdeo e conhea as vantagens para quem busca um ambiente PRO!
iamento da o novo servio de gerenc Gesto Personalizada servios novidade um cardpio de Locaweb, que traz como com a rdo aco os de forma modular, de facilitar a que podem ser contratad o vi ser nte. O objetivo do novo ssibilidade necessidade de cada clie po a nte clie tura usada, dando ao s mos e administrao da infraestru sua em r tra cen des ele prefere con ida ativ is qua ar on eci sel de e cer ticada as pela equipe especializada quais delas sero gerenciad o eletrnico rmaes, acesse o endere da Locaweb. Para mais info gestaopersonalizada.
Lder em Hosting
www.locaweb.com.br/
O maior Data Center verde da Amrica Latina
A Locaweb trouxe ao Brasil o que h de mais moderno em tecnologia sustentvel: um novo campus tecnolgico de 55 mil m2, dos quais 35 mil m2 so de rea verde preservada. Construdo para o desenvolvimento da tecnologia de Cloud Computing, o novo Data Center otimiza espao fsico e custos. Ao concentrar dados e aplicaes em um nico provedor, o Cloud Computing aumenta a ecincia e reduz consumo de energia. Acesse bit.ly/datacenterverde.
A Locaweb lder em servios de hosting de infraestrutura no Brasil e na Amrica Latina. Os dados so do relatrio IT SERVICES TRACKER, desenvolvido pela IDC (International Data Corporation) sobre o primeiro semestre de 2010 e divulgado recentemente. As anlises da IDC tambm apontam o Brasil como o mercado de maior potencial emergente do segmento, registrando crescimento de dois dgitos em relao a 2009. Dentro desse cenrio, a Locaweb lder de oferta da rea, com 16,43% de market share. Na Amrica Latina, o market share da Locaweb de 10,1%.
Noticias.indd 11
1/24/11 4:55 PM
::lw_wishlist
O melhor da
O que h de mais interessante nas prateleiras ao redor do mundo
A PowerShot SX30 IS da Canon uma boa opo de compra para quem vai viajar para o exterior. A cmera fotografa em at 14,1 MPixels, grava vdeos em alta denio (720p), equipada com um sistema de estabilizao de imagens e tem um potente zoom ptico de 35x, equivalente a uma objetiva 24-840 mm no padro 35 mm. Para facilitar a vida do usurio, a PowerShot SX30 IS vem com bateria recarregvel e carregador. O novo modelo da Canon tem preo sugerido de US$ 430. Mais informaes:
cultura digital
Powershot turbinada
www.usa.canon.com
Som de primeira
Bem equipado e com preo bastante acessvel, o CMT-LX20i da Sony um bom investimento para quem vai aos Estados Unidos ou Europa. O aparelho, que vem com controle remoto e rdio AM/FM, tem duas caixas de som embutidas nas laterais, CD player, tela em LCD, entrada para iPod/iPhone e sistema BassReex, que d mais potncia aos graves. Com 10 watts RMS de potncia e diversos presets de equalizao, o CMT-LX20i vendido por US$ 80 no exterior. Um belo presente para o seu querido iPhone. Mais informaes:
www.sonystyle.com
12
locaweb
Wishlist.indd 12
1/24/11 4:12 PM
Teclado a energia solar
O novo Solar Keyboard K750, da Logitech, um perifrico inovador. Ao dispensar pilhas, ele alimentado por raios solares. Basta lev-lo at a fonte de luz mais prxima para preencher a carga que, segundo a fabricante, dura at trs meses na escurido. Para tornar o teclado ainda mais prtico, no h necessidade de os ou cabos: s plugar o receptor wireless no computador e pronto, j d para digitar. Prtico e benco para a natureza, o aparelho mais no que os teclados convencionais e chega ao mercado norte-americano por US$ 80. Mais informaes: www.logitech.com
A RS1000, nova cmera digital domstica da Pentax, totalmente personalizvel. Com 14 MPixels de resoluo, display LCD de 3, zoom ptico de 4x e ash integrado, a digital pode ser decorada com faceplates prprios, que podem ser adquiridos no site skinit.com ou produzidos em casa, com uma impressora convencional (inclui um software assistente para imprimir as faces na medida certa). Para ajudar na diverso, um molde para cortar impressos e 11 skins acompanham a embalagem do produto, que chega ao Brasil em 2011 ainda sem preo sugerido. Nos EUA, o equipamento sai por US$ 150. Mais informaes:
Digital com a sua cara
www.pentaximaging.com
Monitor 3D
Para quem pensa em investir em equipamentos 3D, a boa notcia que j est disponvel no Brasil uma nova opo de monitor compatvel com a tecnologia, o W2363D, da LG. O aparelho oferece tela de 23 com resoluo Full HD (1.920 x 1.080 pixels), entrada HDMI e taxa de atualizao de 120 Hz (nativo). Custa, em mdia, R$ 1.200, e pode ser encontrado nas principais lojas eletrnicas, dentro e fora da internet. Mais informaes: lge.com.br
locaweb
13
Wishlist.indd 13
1/24/11 4:12 PM
::lw_wishlist
Netbook estiloso
O design atraente, com curvas e detalhes cromados, e o processador Atom N550 tornam o NF210-A02, da Samsung, uma boa opo de compra. O modelo vem com tela de 10,1, 1 GB de RAM, webcam, HD de 250 GB e bateria que dura at 14 horas (mais que a maioria dos outros netbooks). O NF210 ainda conta com o recurso Fast Start, tecnologia que salva todos os arquivos abertos se o usurio fechar tampa do netbook e recupera tudo, em trs segundos, no momento em que a tampa for aberta novamente. Custa US$ 380 nos Estados Unidos. Mais informaes: www.samsung.com
Ideal para compor ambientes com pouco espao fsico, o dockstation Octiv Mini, da Altec Lansing, traz design diferenciado, oferece alta potncia sonora e pode funcionar como relgio e despertador para iPod Touch ou iPhone (depende da instalao do aplicativo Rock Alarm, gratuito na App Store). Alm de servir como amplicador, o Octiv Mini pode ser usado como recarregador, pois compatvel com toda a linha iPod, exceto o modelo Shufe. O dock custa US$ 50 l fora e est disponvel na maioria das lojas de eletrnicos dos Estados Unidos. No Brasil, ainda no h data para chegar. Mais informaes: www.alteclansing.com
Dock compacto
Notebook 3D feito no Brasil
Equipado com processador Intel Core i7, o notebook Positivo Premium 3D deve sair de fbrica ainda no primeiro trimestre de 2011, com tela LCD de 15,5, 4 GB de memria RAM, HD de 640 GB e a placa de vdeo dedicada GeForce GTS 360M de 1 GB de RAM, que garante alta qualidade e desempenho at mesmo nos jogos mais complexos e pesados. Alm da congurao robusta, a mquina trar leitor de discos Blu-ray integrado, compatvel com sistema 3D. O preo estimado de R$ 6.500. Mais informaes: www.positivoinformatica.com.br
14
locaweb
Wishlist.indd 14
1/24/11 4:12 PM
TV no PC
Alternativa com bom custo-benefcio para sintonizar TV digital em qualquer computador com entrada USB, o Visus Duos oferece um diferencial importante: o pequeno aparelho com tamanho de um pendrive capaz de sintonizar at dois canais de TV digital aberta com resoluo HD e ainda oferece a funcionalidade PIP (Picture in Picture), que divide a tela e apresenta dois programas simultneos. O software que acompanha o equipamento permite ao usurio gravar um programa de TV no HD do computador enquanto sintoniza outro simultaneamente. O pacote, que tem preo sugerido de R$ 250, inclui controle remoto e uma miniantena retrtil. Mais informaes: www.visustv.com
Uma alternativa inusitada e prtica para o iPod nano: us-lo como relgio de pulso. Essa possibilidade tornou-se possvel depois que a Grifn criou uma armao de ao e silicone, leve e exvel, que se ajusta ao equipamento da Apple. O acessrio deixa apenas a tela e a sada para o fone de ouvido acessveis. O resto do aparelho ca protegido. Ao travar o iPod, a tela transforma-se em um relgio; ao destrav-lo, a tela convencional aparece. O acessrio, criado para o iPod nano de sexta gerao, est disponvel nas cores vermelha, roxa, rosa, azul, verde, preta, amarela e laranja. Custa US$ 25 l fora. Mais informaes:
iPod da hora
www.grifntechnology.com
Monitor e TV Led
Para assistir TV ou usar o computador com elegncia, a sugesto o FX2490HD, monitor com tela de 24 Full HD retroiluminada por LED da Samsung. O equipamento conta com sintonizador de TV digital embutido e funo Picture in Picture para exibir contedos simultneos. De quebra, tem acabamento em preto brilhante, base cromada e boa variedade de conexes. So trs entradas HDMI, DVI, vdeo componente, vdeo composto, RF e sadas de udio digital tica e analgica. O aparelho vem com alto-falantes embutidos e processadores de udio DTS e Dolby Digital. Seu preo sugerido de R$ 1.100. Mais informaes:
www.samsung.com/br
15
locaweb
Wishlist.indd 15
1/24/11 4:13 PM
Conra o cliente do ms, destacado pela Locaweb, por produzir solues e produtos diferenciados no ambiente digital
::lw_portflio
G4web
A G4web oferece solues completas para o desenvolvimento de sites e sistemas web, otimizados para distribuio em desktops, notebooks, iPads, iPhones e outros dispositivos mveis. H mais de dez anos como parceira da Locaweb, a agncia cria e desenvolve todas as etapas necessrias para que o cliente tenha uma soluo que atenda s suas necessidades. Entre os trabalhos desenvolvidos, destacam-se ferramentas de anlises de entrevistas em at trs idiomas, site para uma academia destinada melhoria da qualidade de vida de crianas e um portal com gerenciador de contedo unicado.
www.g4web.com.br
Conra alguns clientes da G4web
RED BULL mosqueteiros.redbull.com
GYM FOR KIDS www.gymforkids.com.br
SO FRANCISCO SADE www.saofranciscosaude.com.br
16
locaweb
Portfolio.indd 16
1/24/11 4:17 PM
::espao_abradi
Marcello Barbusci, Planejamento Estratgico Autor do blog tudosobre planejamento.com.br E-mail: marcello.barbusci @wemake.com.br Twitter: @mbarbusci
Diga no ao Wireframe
Com CMSs que nos permitem criar layouts de forma ampla, podemos sair da casinha e dar novas asas imaginao
Pensei muito antes de escrever esse ttulo, pois sabia que seria repudiado pelos Arquitetos de Informao, mas, por outro lado, teria o apoio de designers e criadores. Mas, vamos l... A minha colocao do no ao Wireframe por conta do momento atual e de todas as reunies que participo entre clientes e agncia. Na maioria das vezes, temos de apresentar um projeto com sua mecnica e conceito, seja ele uma ao pontual, como um lanamento de produto/ servio, ou um projeto de longa durao, como um portal. Indiscutivelmente, todas as vezes que tentamos vender um sonho por meio de um punhado de arame entrelaado, temos problemas. A grande verdade que o Wireframe veio para acomodar melhor as ideias criativas e fazer com que 18 elas pudessem se encaixar nos CMS (gerenciadores de contedo), que tinham muitas limitaes. No estou falando de muito tempo atrs, at porque Wireframe e Arquiteto de Informao para web so coisas recentes. No passado, tnhamos CMSs com poucas opes de templates a serem usados e, com isso, a linha criativa foi se adaptando a essas limitaes. Comeamos a ver muitos portais e sites gerenciados com a mesma cara, pois pouco se podia mudar. Por conta disto, amos para as aprovaes com o discurso pronto. Algo do tipo: "Temos essa proposta de layout formatada em cima do Wireframe que voc (cliente) aprovou, mas que pode ser mudado, desde que voc mantenha a mesma estrutura. E a pergunta que o cliente fazia era apenas: Posso mudar de azul para verde, que combina melhor com a minha marca? .Sim, pode, desde que no tenha de trocar a cor em tudo. Como podamos vender um sonho por meio de simples linhas? Ou mesmo um layout com poucas opes para o cliente? Mas hoje os tempos so outros, podemos apresentar o sonho do cliente de uma forma mais agradvel, com imagens que criam possibilidades de deslumbrar novas ideias. Atualmente, temos CMSs que nos possibilitam trabalhar de forma muito ampla no que diz respeito criao de layouts. Temos o WordPress (WP) e o Joomla como os mais populares, porm no menos robustos para tratar de diferentes casos de projetos web. No precisamos abandonar o Wireframe, at porque um documento importante dentro do projeto, mas podemos sim dar, novamente, asas criao.Trocar box de posio menos complexo do que limitar o espao de uma imagem. Vamos liberar a criatividade, pois a tecnologia est pronta para suportar.
locaweb
Coluna ABRADI.indd 18
1/24/11 4:48 PM
::opinio_mercado
Marcelo Trpoli, presidente da agncia de marketing digital iThink e autor do blog ifound.com.br Email: marcelo.tripoli@ ithink.com.br Twitter: @marcelotripoli
Um novo olhar da comunicao

Em tempos de redes sociais, smartphones e internet mvel, preciso criar novas formas de se relacionar com o consumidor
A internet foi a disciplina que mais cresceu em 2010 28,8% no volume de investimentos, segundo o Inter-meios. Ela o nico meio capaz de associar alcance de massa 81 milhes de consumidores com um altssimo poder de segmentao e engajamento. Diante desses fatos, constata-se que aumentar o investimento em meios digitais fundamental. Mas como fazer isso? A pergunta faz sentido e muito mais profunda do que pode parecer. Profunda porque exige uma reviso total do papel da propaganda e do conhecido formato de interrupo que a base das mdias tradicionais. Nesse mundo, onde todos esto conectados e o consumidor tambm um veculo, as marcas no podem mais car apenas empurrando suas mensagens. 20 Anunciantes precisam gerar valor para os consumidores, entregando contedo, servios ou entretenimento, direta ou indiretamente. O projeto Replay, da Gatorade, um grande exemplo dessa nova forma de fazer comunicao. Ao recriar um jogo do futebol americano que terminou empatado h 16 anos, a marca usou a paixo do torcedor para transmitir e viralizar sua mensagem. A prtica do esporte foi estimulada e, por consequncia, o consumo do produto tambm. Tudo isso sem interromper o consumidor. Outro bom exemplo a Kraft, que lanou um guia de receitas completo em forma de aplicativo para iPhone. Mesmo sendo vendido a US$ 1, o contedo conseguiu superar a marca de 1 milho de downloads. Neste novo cenrio, o papel das agncias, anunciantes e veculos se confundem, pois efetivamente acaba a lgica do cada um no seu quadrado. As marcas precisam entender que no iro mais competir pela ateno do consumidor apenas com outras marcas, mas tambm com todo e qualquer tipo de estmulo que cerca uma pessoa. uma batalha feroz por minutos preciosos, travada diariamente durante 24 horas e contra milhares de estmulos que surgem a todo instante. Por isso, cada vez mais importante que durante o processo de criao as marcas procurem territrios intimamente relacionados ao seu DNA e ao interesse do seu target. Gatorade e esporte, Kraft e guia de receitas so timos exemplos dessa relao. Resumo o assunto com uma mensagem otimista: as oportunidades proporcionadas por tecnologias como banda larga, smartphones e redes sociais apenas comearam a ser exploradas. O melhor ainda est por vir.
locaweb
Coluna Marcelo.indd 20
1/24/11 5:08 PM
::opnio_mercado
Luis Carlos dos Anjos, gerente de eventos da Locaweb E-mail: luis.carols@ locaweb.com.br Twitter: @luiscarlosanjos
Onde est o melhor contedo?

A quantidade de informaes disponveis sobre tudo to abundante que, hoje, s precisamos saber onde pesquisar
At a dcada de 1980, sempre que precisvamos de alguma informao, buscvamos naquelas enciclopdias gigantes ou em listas telefnicas, jornais, revistas. At mesmo o telefone, por meio de servios pagos, servia de fonte. O fato que tudo era muito lento e limitado. Na dcada de 1990, comeamos a nos acostumar com as inmeras facilidades em encontrar informaes de maneira rpida, e isso aumenta a cada dia que passa. Atualmente, temos tantas e to boas fontes, que ca at complicado decidir. Se precisarmos aprender um pouco mais sobre um determinado assunto, temos como pesquisar sobre ele na internet, fazer um curso, comprar 22 um livro ou participar de um evento. Um bom exemplo de facilidade em conseguir bom contedo o programa de cursos online que o MIT oferece gratuitamente. uma oportunidade para que pessoas de qualquer lugar do mundo possam adquirir mais conhecimentos por meio de um dos principais institutos de tecnologia do mundo. Aproveitando o tema de capa da edio deste ms, se pesquisarmos no Google por Joomla, teremos mais ou menos 125 milhes de resultados. Para ser mais especco, podemos buscar por Curso de Joomla. Ento, teremos 83.100 resultados, e por a vai. Em uma de suas palestras, a especialista em Marketing Digital Martha Gabriel comenta que se no zermos uma busca bem feita e com muita preciso, nos perderemos entre tantos resultados. Ainda no escopo do Joomla, um lugar para ouvirmos timos especialistas e trocar ideias com outras pessoas que tambm usam esse CMS o Joomla! Day Brasil (www.joomladaybrasil.org), que acontece a cada ano em uma cidade diferente. Para os que preferem buscar o contedo na internet, existem timos sites especializados em Joomla. O www. joomla.com.br o principal site da comunidade brasileira dedicada ao CMS. Existe tambm um que especializado apenas em documentaes, que o docs.joomla.org. O site ocial do sistema o www.joomla.org. Alm de eventos e sites, existem livros, cursos online ou presencial e muitos outros para aprender mais sobre o assunto. Basta saber pesquisar, porque todo o conhecimento que voc precisa est ao seu alcance!
locaweb
Coluna Locaweb.indd 22
1/24/11 4:50 PM
::lw_produtos
Solues desenvolvidas pela Locaweb para melhorar a experincia na rede
O aplicativo roda na nuvem, o que dispensa a manuteno de servidores e equipes de TI; o custo, consequentemente, bastante vantajoso para a empresa
Solicitaes recebidas por e-mail e telefone ou informaes relevantes podem ser armazenadas em tquetes, que podem ser editados e acessados a qualquer momento
WebDesk preciso organizar o atendimento

Fcil, prtico e verstil, o WebDesk da Locaweb a ferramenta ideal para gerenciar de forma ideal o atendimento aos clientes
Atender bem aos clientes no uma tarefa simples. pedido para c, cadastros para l, conversas pelo telefone, e-mail, reclamaes...Tudo isso ao mesmo tempo e com os mais diversos tipos de prossionais trabalhando com diferentes informaes.Acompanhar o ritmo do processo com ecincia para que todos desempenhem os servios corretamente costuma ser um desao enorme. Por isso, vale a pena recorrer a recursos especialmente voltados para esse m, como o WebDesk da Locaweb (locaweb.com.br/webdesk).
Criada no incio de 2010, a ferramenta surgiu a partir de uma pesquisa feita pela Locaweb junto a clientes e desenvolvedores. "Aps essa sondagem, percebemos que o desenvolvimento de uma plataforma que ajudasse no atendimento a clientes era uma demanda muito grande do mercado", conta Dov Bigio, gerente de produtos SaaS (Software como Servio) da companhia. Com esse objetivo traado, a equipe de desenvolvedores e programadores da empresa passou a trabalhar duro na ideia do aplicativo. "Durante o processo
24
locaweb
Produto Webdesk.indd 24
1/24/11 4:16 PM
Servio completo
As empresas que desejam estabelecer uma interao ainda mais prxima com os clientes podem recorrer ao WebChat da Locaweb.
Com a ferramenta, possvel deixar um atendente online responsvel por receber e resolver demandas, sugestes e dvidas em tempo real. No WebChat, cada funcionrio consegue falar com at trs clientes simultaneamente. O recurso tambm fcil
de ser configurado, j que o prprio sistema gera um cdigo javascript, que pode ser inserido em qualquer tipo de pgina, desde blogs bsicos at sites complexos. Veja mais sobre o produto na pgina locaweb.com.br/webchat.
A Locaweb est em contato com os clientes, melhorando o servio de acordo com as demandas para torn-lo mais personalizvel
de criao, focamos tanto na viso de produto quanto na do usurio, para desenvolver uma ferramenta realmente til", diz Bigio. "Alm disso, mantivemos conversas diretas com os clientes, ouvindo sugestes e desenvolvemos, a partir da, as funcionalidades do sistema", relata o gerente de produtos SaaS, completando que, antes mesmo do WebDesk sair, uma srie de empresas o testaram em verses beta. Com funcionamento totalmente online, a ferramenta da Locaweb de atendimento aos clientes proporciona uma srie de facilidades. Por meio de uma interface intuitiva, o servio permite o cadastro e o gerenciamento de informaes e pedidos em tempo real. Dessa forma, qualquer solicitao recebida por e-mail, contato por telefone ou informao relevante pode ser armazenada em tickets, que podem ser editados e acessados por qualquer usurio e a qualquer momento, desde que com a permisso necessria. Alm disso, como o aplicativo roda em Cloud, no h necessidade de as empresas manterem servidores e equipes de TI, o que permite reduo de custos, dimensionamento do servio e acesso por qualquer computador conectado rede.
Clientes satisfeitos
Para a empresa Plusnet, especializada em softwares de venda online, o WebDesk foi a soluo ideal para otimizar a administrao da companhia. "Tnhamos uma ferramenta prpria que j no nos atendia, ento migramos para o produto da Locaweb. Apesar do custo mensal que foi adicionado, nossa despesa diminuiu, uma vez que o WebDesk eliminou nossa preocupao com hospedagem, backup e manuteno", arma Giovani Paini, gerente de TI da empresa. No caso do Docelar Supermercados, que diariamente lida com pedidos, entregas, informaes de liais e transporte, o recurso de atendimento da Locaweb tambm se mostrou essencial. "A ferramenta facilitou o acompanhamento nos chamados abertos pelos usurios de nossas liais e no deslocamento da equipe que realiza atendimento. Alm disso, ela nos permite puxar, a qualquer momento, o histrico dos chamados", diz Ricardo Rocha, gerente de operaes e TI do Docelar.
De empresas de tecnologia a supermercados, passando por universidades e distribuidoras, o fato que o WebDesk uma ferramenta verstil para os mais variados tipos de negcios. "Os prprios usurios, de maneira criativa, enxergaram funes alm das bsicas que zeram o produto evoluir e se adaptar aos consumidores", analisa Bigio. A Locaweb permanece em contato direto com os clientes, melhorando o servio de acordo com as demandas para torn-lo mais personalizvel. "Por enquanto, ainda temos poucas opes de customizao, mas, no futuro, queremos que a ferramenta que com a cara dos usurios", relata Dov. Uma meta que j saiu do papel foi a de reduzir os preos do servio. Desde o primeiro dia de 2011, os planos WebDesk esto mais baratos para novos assinantes ou para quem j tem a ferramenta. mais um motivo para esquecer aqueles bilhetinhos e montanhas de e-mails para organizar melhor o atendimento aos clientes. Eles merecem.
Recursos do WebDesk tornam muito mais simples a organizao de chamadas realizadas pelos clientes; assim, fica mais fcil atend-los com mais qualidade 25
locaweb
Produto Webdesk.indd 25
1/24/11 4:16 PM
::lw_novidade
Fique por dentro de tudo que rola nas entranhas do universo da internet
istema criado pela IBM S oferece vrios meios para a formatao e a visualizao dos dados, entre eles diagramas de rede, grficos de linha e circulares (tipo pizza)
Many Eyes
Ferramenta online permite que qualquer pessoa organize gratuitamente em grcos prossionais o mar de dados disponvel na internet
Um novo jeito de fazer infogrficos

De exportaes brasileiras para a China mdia de gols em Copas do Mundo. De nmero de vezes que a palavra Deus aparece na Bblia ao crescimento populacional dos Estados norte-americanos nos ltimos cem anos. Praticamente tudo o que possvel imaginar pode ser transformado em grcos e tabelas com uma ferramenta que revolucionou o armazenamento, a anlise e a visualizao de dados na web: o Many Eyes (www.many-eyes.com).
A premissa para o incio do projeto desenvolvido pela IBM era a de que no faltavam dados e informaes, seja na web ou fora dela, mas havia, sim, a carncia de modos inteligentes de visualiz-los e, principalmente, de uma ferramenta que permitisse que qualquer pessoa, e no apenas cientistas ou pesquisadores, fosse capaz de montar suas bases de informao. Criado pela brasileira Fernanda Vigas e pelo norte-americano Martin Wattenberg, o Many Eyes pode produzir grcos a partir de qualquer tipo de assunto que possa ser destrinchado em dados. E o melhor: qualquer pessoa pode criar uma conta gratuitamente e iniciar a
26
locaweb
Novidade.indd 26
1/24/11 4:20 PM
Rede social
O aspecto social sempre foi imprescindvel no projeto Many Eyes e o site, de fato, se tornou tambm uma rede social, onde pessoas com interesses comuns se unem e discutem problemas
e solues. Dessa forma, a visualizao inteligente de informao em forma de dados no tem apenas um fim tecnolgico, mas sim um carter social de transformao.
compilao, a visualizao e a anlise de suas informaes. Os usos para a ferramenta so incontveis e vo desde a aplicao pessoal voc pode adotar o site para criar grcos sobre o consumo de energia mensal em casa at a prossional (marqueteiros recorrem ao Many Eyes para analisar discursos de candidatos nas eleies, por exemplo). Quase tudo pode ser traduzido em grcos. Sem intermedirios, qualquer pessoa tem a possibilidade de analisar informaes de forma aprofundada, o que, muitas vezes, ajuda a entender o mundo de forma mais fcil. No exagero dizer que essa ferramenta, sua maneira, redemocratizou o acesso informao. O inuxo de dados parte de diversas frentes, ONGs, mdia, governos e cidados. Grandes jornais dos EUA e at mesmo do Brasil j zeram e continuam fazendo experincias com infogrcos criados a partir do Many Eyes, como New York Times (vizlab. nytimes.com) e do Estado de S. Paulo.
A ferramenta online no esttica. possvel escolher formas de visualizao, diferentes cores e anlise de partes do grfico, com isolamento de informaes
Visualizao
O Many Eyes oferece diversos tipos de formatao para a visualizao dos dados, entre eles diagramas de rede, grcos de linha, circulares (tipo pizza) e de coluna, cada um adequado a um tipo de informao. Os grcos tambm podem ser sobrepostos para depois serem desconstrudos por quem estiver fazendo a anlise. Outra grande vantagem oferecida pela ferramenta que os grcos nem sempre cam estticos. possvel escolher formas de visualizao, diferentes cores e analis-los por partes, isolando uma das informaes.Tudo isso feito online, o que permite diversos tipos de interpretao para uma mesma informao. Para o caso especco de anlise de textos, possvel fazer associao e contagem de palavras, nuvem de tags, nuvens e rvores de palavras, entre outras formas de visualizao. Alm disso, so oferecidos mapas que servem para a apresentao de dados distribuda por pases ou por Estados.
Debate pblico
O Many Eyes uma experincia colaborativa, j que os dados usados para a criao dos infogrcos so fornecidos pelos usurios. O espao tambm se tornou um frum para o debate pblico sobre as informaes ali divulgadas e seus impactos. Segundo os criadores, o objetivo, desde o incio, era o de proporcionar ao pblico um ambiente que possibilitasse a conversa e a troca de ideias baseadas em anlise de dados. A prpria Fernanda Vigas, co-criadora do projeto, arma que a forma como as pessoas enxergam as informaes e conseguem estabelecer relaes entre elas faz toda a diferena para o debate pblico de ideias e para o engajamento dos cidados em sua realidade. O nico porm est na poltica da IBM em relao ao software. Nada livre, os grcos no so exportveis, tudo tem que ser feito e visto dentro do ambiente do site mantido por eles ou em parceria, como no caso do New York Times. Democrtico, mas nem tanto.
27
No exagero dizer que a ferramenta, sua maneira, redemocratizou o acesso informao, j que qualquer pessoa, sem intermedirios, pode analisar os dados de forma aprofundada
locaweb
Novidade.indd 27
1/24/11 4:20 PM
::lw_dicas_seo
28
locaweb
1/24/11 4:13 PM
D um empurro em seu site: faa com que ele aparea em melhor posio em search engines, tais como Google, Bing e Yahoo!, por meio das principais tcnicas de SEO, sigla em ingls para Otimizao para Mecanismos de Buscas
Existem centenas de milhes de sites e blogs na internet. Achar uma pgina especfica num universo dessa magnitude pode ser to difcil quanto encontrar uma agulha em um palheiro. Mas diferentemente da agulha, que precisa contar praticamente apenas com a sorte de quem a procura para ser encontrada, um site pode receber um bom empurro para ficar no topo do monte e assim ganhar a maior visibilidade possvel, destacando-se em meio imensa oferta de caminhos da web.
O empurro que pode fazer com que seu site aparea em melhor posio nos mecanismos de buscas, tais como Google, Bing, Yahoo!, etc., dado pelo uso das tcnicas de SEO, sigla para Search Engine Optimization, ou, em portugus, Otimizao para Mecanismos de Buscas. As formas para se atingir esse objetivo so muitas. Sites dedicados a estudar e discutir SEO listam centenas de aes que podem fazer com que determinadas palavras-chave digitadas em buscas levem determinado website s primeiras posies nas pginas de resultado da busca orgnica excludos, portanto, os resultados que apresentam links patrocinados, ou seja, que pagam para aparecer em local de destaque, em geral, logo no incio da pgina ou tambm nas barras laterais. Mas importante saber que todo o esforo tcnico feito para aumentar a
exposio de um site, da escolha de palavras-chave construo do cdigo-fonte, nada significa se o contedo disponibilizado no for relevante o suficiente para fazer com que a prpria credibilidade da publicao possa mant-la em boa posio. SEO pode trazer o pblico-alvo para a sua pgina, mas as pessoas s ficaro e interagiro com o contedo se o design e a comunicao de marketing da pgina fizerem a sua parte. Caso contrrio, o efeito o abandono da pgina, gerando alta taxa de bounce rate. A otimizao de landing pages to importante quanto o desenvolvimento da estratgia de SEO, explica Martha Gabriel, consultora em marketing digital e autora de trs livros, o mais recente "Marketing na Era Digital" (2010). Para Martha, a estratgia de SEO deve fazer parte de um contexto maior, que envolve os objetivos do negcio. "Antes de qualquer ao de busca, essencial determinar os seus objetivos, pblico-alvo e qual sua funo na estratgia de marketing."
O SEO pode trazer o pblico-alvo, mas as pessoas s ficaro e interagiro com o contedo se o design e a comunicao de marketing fizerem a sua parte. Caso contrrio, haver abandono do site
locaweb 29
1/24/11 4:13 PM
::lw_dicas_seo
De nada adianta conseguir colocar um site em primeiro lugar na pgina de resultados do Google ou de qualquer mecanismo de buscas se, ao clicar no link, o visitante no encontrar de fato aquilo que procura. Por isso, antes mesmo de se preocupar com SEO, necessrio definir muito bem o contedo do site, de preferncia mantendo sempre um assunto especfico por exemplo, um site sobre cinema no deveria apresentar informaes sobre esporte ou culinria, j que no isso que o pblico espera achar ali. Uma vez que o visitante encontra o que procura, ele provavelmente voltar, se tornar leitor fiel. Se for o caso de um site de vendas, a chance de uma compra ser concretizada maior: ou seja, a taxa de converso ser maior se o contedo for relevante.
Essa uma regra que vale no apenas para aes de marketing de busca, mas para qualquer ao de marketing. Sem conhecer o que o pblico-alvo fala, o que deseja, como se comporta, onde faz suas buscas, como faz suas buscas, como influenciado, etc., no se consegue traar uma estratgia de SEO de sucesso. Se o contedo o que atrai determinado pblico para um site, fundamental conhecer esse pblico para criar contedos relevantes.
O bom uso das palavras-chave em todo o site e em seu cdigo a alma do SEO. importante fazer pesquisas e estudos para saber usar as palavras certas. As keywords usadas nos ttulos das pginas (title tags) so de suma importncia, principalmente do ponto de vista dos robs dos mecanismos de buscas. Ttulos, principalmente com negritos e itlicos, e repetio das palavras-chave nos textos tambm so importantes, sempre observando que o bom senso vale mais que tudo no vale sair repetindo a palavra por todo lado, o que prejudica a qualidade do contedo e tem efeito negativo sobre o leitor. O atributo alt nas imagens, o domnio do site e as URLs tambm podem e devem conter palavras-chave teis. Apesar de haver controvrsia a respeito do assunto, bom tambm fazer uma relao inteligente de palavras nas Meta-tags que descrevem cada pgina. Ferramentas como o Google Trends e o Google Adwords Keyword Tools podem ser muito teis na hora de fazer estudos para a escolha de palavras-chave.
30
locaweb
1/24/11 4:13 PM
Acompanhar o progresso de seu site usando um programa de web analytics uma tima maneira de descobrir o melhor caminho a seguir. Por meio de ferramentas como essas, possvel descobrir de onde vem o trfego para seu site, quais as palavras-chave que mais levaram pessoas at l, como as pessoas que chegaram a seu site interagiram com ele e muito mais. De posse desse tipo de informao, fica muito mais fcil repensar palavras-chave, definir linhas para o contedo das pginas,
planejar toda a estrutura e promover melhorias. Existem diversas opes de ferramentas, mas uma das mais populares a gratuita Google Analytics (google.com/ analytics). Desde o incio do planejamento, devem ser estabelecidos os KPI (indicadores de performance) a serem mensurados para avaliar se os objetivos do plano esto sendo atingidos ou no. Como a busca um processo contnuo, a mensurao tambm deve ser constante, estruturada e includa nas atividades frequentes da equipe de marketing/TI, diz Martha Gabriel.
Conselhos e dicas sobre SEO no faltam na web. Esse um universo bastante dinmico e, por isso, muito importante ficar sempre atualizado sobre as novidades e saber como aplic-las na prtica. bom ficar atento e acompanhar quem fornece bom contedo sobre o assunto e, tanto quanto isso, no cair em dicas e frmulas miraculosas que prometem otimizao rpida e fcil. Ter boas fontes imprescindvel. Alguns dos melhores sites sobre SEO so o Search Engine Journal (www.searchenginejournal.com), o Search Engine Land (http://searchengineland.com), o SEOmoz (www.seomoz.org) e os brasileiros MestreSEO (www.mestreseo.com.br) e BrasilSEO (www.brasilseo.com.br). necessrio ter disciplina e estudar o tempo todo. Os buscadores mudam constantemente visando aumentar a relevncia dos resultados para os usurios e o profissional de SEO tem que acompanhar de perto todas as mudanas nos processos de busca, ressalta Martha Gabriel.
31
locaweb
1/24/11 4:13 PM
::lw_dicas_seo
Os links so o caminho pelo qual os robs que vasculham a rede acham novos contedos. Em primeiro lugar, interessante fazer uma boa linkagem dentro de seu prprio website, sempre atentando para a qualidade do contedo, e elaborar URLs que sejam amigveis para estes links, alm de cuidar do texto ncora em que eles vo aparecer. Construir uma rede de links externos a partir da, apontada para seu site, o desafio. Mais que a quantidade de links, o importante a qualidade ou a relevncia deles, ou seja, importante que venham de sites que tenham reputao. claro que, se o contedo oferecido for bom, aparecero links, principalmente se as tcnicas de SEO forem aplicadas e o site tiver exposio. Mas tambm possvel correr atrs destes links, participando de comunidades, blogs e fruns que tratam do mesmo assunto, procurando parcerias sempre tenha em mente que o ideal ter links de sites de contedo relacionado. Mas cuidado: compra de links, assim como troca indiscriminada de links, pode ser ruim e essas prticas so passveis de punio por parte dos mecanismos de buscas.
Quem chega a um site, principalmente aqueles que encontraram tal pgina via mecanismos de buscas, quer algo simples: encontrar o que procura. Por isso, a navegao dentro de um website tanto melhor quanto mais simples for. Tudo precisa ser achado de maneira fcil, com leitura agradvel e o contedo mais relevante possvel. Isso vale tanto para pessoas quanto para os robs dos mecanismos. Se os links esto bem dispostos nos textos, fica
mais fcil encontrar o contedo para index-lo. E vale lembrar que os motores de busca no podem acessar links feitos em imagens, em animaes como as feitas em Flash e nem dentro de Javascripts. Navegao plana e simples a melhor indicao. Alm disso, bom evitar sempre a tentativa de enganar tanto robs como pessoas. No adianta nada, por exemplo, usar pornografia ou temas polmicos para chamar trfego e apresentar contedo que nada tem a ver com aquilo.
32
locaweb
1/24/11 4:13 PM
Como j foi dito, quem vai vasculhar seu site para index-lo e coloc-lo no ranking nas pginas de resultados dos buscadores so robs. Por isso, bom deixar o cdigo-fonte amigvel para eles. Na prtica, isso significa que o ideal fazer a coisa da forma mais simples possvel. Um cdigo que seja fcil de entender para o rob dar mais chance para que a pgina ganhe relevncia. Assim, usar CSS (Cascading Style Sheets), por exemplo, vai diminuir bastante a quantidade de pginas de formatao em HTML e vai limpar o cdigo-fonte.
Deve-se dizer ao Google,Yahoo! e Bing que seu site existe e que pode ser buscado por quem quiser. Apesar de existir a inscrio automtica, muito mais interessante e pode poupar muito tempo ir at as pginas de submisso destes mecanismos de buscas e inscrever suas pginas. Fazer isso no d nenhuma garantia de que seu website vai aparecer melhor ranqueado nas pginas de resultado, mas facilitar o processo para que os robs que fazem a varredura de contedo da web cheguem at elas. No Google, o endereo para isso google.com/addurl/; no Yahoo!, search. yahoo.com/info/submit.html; e, no MSN, http://search.msn.com.sg/docs/submit.aspx.
Elaborar uma boa pgina de mapa do site pode ser de extrema importncia para ajudar os mecanismos de busca a encontrar cada uma das pginas existentes em seu site. Para isso, o ideal que essa listagem tenha uma breve descrio de cada pgina, com palavras-chave muito bem escolhidas, e o link para elas. Se o site for muito grande, bom fazer o site map de cada seo, bem detalhado, e deixar tudo bem disposto em uma pgina ndice.
33
locaweb
1/24/11 4:13 PM
::lw_capa_joomla
INTUITIVO
MODERNO
SIMPLES
BARATO
FCIL
RPIDO FLEXVEL
34
locaweb
Materia_Capa.indd 34
1/24/11 4:23 PM
r e d o Op do
Fcil de usar, exvel e com mecanismos que oferecem mais valor agregado do que alguns concorrentes, como o WordPress, CMS ganha espao no mercado e se mostra uma soluo barata e prtica para a criao de bons sites
Por::Andreza Emlia Giraldo Marino A internet oferece inmeras oportunidades de negcios e contatos. Por meio dela, possvel criar cenrios de aproximao, promoo, exibio, vendas, compras. Na nova realidade mundial, ter um site ou portal tornou-se uma necessidade. No entanto, a estrutura por trs disso, muitas vezes, desanima quem deseja se aventurar na rede mundial. Anal, a forma tradicional de se produzir um site pode ser dispendiosa, j que o mais comum reunir uma equipe de designers e programadores para construir a pgina e publicar o contedo. Assim, os autores e editores cam na dependncia do pessoal tcnico para colocar o material no ar. Acrescentar novos recursos, ento, envolve bastante tempo e dinheiro. Felizmente, de olho na necessidade de ajudar pessoas com pouco ou nenhum conhecimento tcnico a criar sites de forma rpida, eciente e barata, no tardou para surgirem no mercado os gerenciadores de contedo, ou CMS, do ingls Content Management System, como o Joomla e o WordPress. Um CMS serve para publicar e administrar contedo web mais facilmente, inclusive por pessoas no tcnicas, e tudo isso a partir de uma base j pronta, resume Delno
35
o nome vem O nome Joomla vem do
De onde
equivalente fontico da palavra Swahili "Jumla, que significa todos juntos ou como um todo.
locaweb
1/24/11 4:23 PM
::lw_capa_joomla
Grande parte das funes necessrias para fazer um site funcionar comum e previsvel, tais como login de usurios, criao, edio e publicao de contedo, publicao de banners de propaganda
Vieira Coelho, diretor do Portal2Web (www.portal2web.com.br). Grande parte das funes necessrias para fazer um site funcionar comum e previsvel, tais como login de usurios, criao, edio e publicao de contedo, publicao de banners de propaganda, entre outros. Em um CMS, esses recursos j esto pr-programados e prontos para serem usados. Alm disso, o sistema extensvel por meio da instalao de mdulos e componentes que
Pgina do sistema de gerenciamento de contedo: o nome Joomla vem do equivalente fontico da palavra Swahili "Jumla, que significa todos juntos ou como um todo
servem para agregar funcionalidades, eventualmente, no presentes na instalao bsica (pode-se citar, por exemplo, uma galeria de imagens ou frum de discusso). De forma simplicada, pode-se dizer que um CMS um esqueleto de site pr-programado, com recursos bsicos e de manuteno e administrao j disponveis. Mas no pode ser confundido com um modelo de site, pois um sistema que permite a criao, o armazenamento e a administrao de contedo web de forma dinmica, por meio de uma interface de usurio via web. No um mero conjunto de
Entre os vrios CMSs na web, o Joomla, criado em 2005, vem ganhando destaque; ele usado em Harvard
pginas HTML estticas. Entre os vrios CMSs disponveis na web, o Joomla, criado em 2005 (a partir de outro CMS popular, o Mambo) vem ganhando destaque no mercado dominado, h algum tempo, pelo WordPress. Em cinco anos, foram feitos mais de 18,5 milhes de downloads do programa no site www.joomla.org. H uma estimativa da Open Source Matters (www. opensourcematters.org), fundao que cuida dos direitos do Joomla, de que existam entre 1 milho e 5 milhes de sites no mundo rodando com o CMS. Danone e Porsche, por exemplo, so algumas das marcas importantes que adotaram a ferramenta. Alm disso, o Joomla usado em sites como o das universidade de So Paulo (www.usp. br) e Harvard (hgsas.harvard.edu), e tambm no portal do Ministrio da Educao (www.mec.gov.br).
Fcil de usar
De acordo com analistas do mercado de TI e usurios do programa, so
36
locaweb
1/24/11 4:23 PM
6
vrios os fatores que contribuem para a popularizao do Joomla. O primeiro deles a facilidade de uso. Para fazer a instalao, a customizao e a manuteno do CMS, algum conhecimento tcnico necessrio, mas a boa notcia que qualquer pessoa disposta a estudar o assunto de forma simples pode ter uma base, j que h muita informao disponvel. De quebra, o conhecimento prvio no requer noes de programao, que a parte mais difcil do processo. Os templates, por exemplo, podem ser comprados ou encomendados. H at a opo de baixar alguns gratuitos. Para a criao de contedo, por sua vez, basta algum treinamento no uso do frontend (o site propriamente dito). Assim, leigos em webdesign podem criar, editar e publicar artigos quando desejarem e sem entender nada de HTML e linguagens de programao. Achvamos o WordPress um pouco limitado (ou no o conhecamos bem), ento comeamos a pesquisar sobre outros CMS, e a maior referncia que tivemos, na internet, foi o Joomla, declara Aparecida Carvalho, que atua no atendimento e no planejamento da Via Verstil Comunicao, em Itana (MG). Existem muitas comunidades e fruns que tratam desse sistema e isso foi decisivo para ns, uma vez que ramos praticamente leigos, completa. O fato de ter uma comunidade crescente e atuante conta muitos pontos ao Joomla. Imagine milhares de desenvolvedores em todo o mundo (quase trs mil e o nmero no para de crescer) em busca de alternativas para resolver problemas. Esse o conceito do trabalho colaborativo de um software open source. Acredito que o custo de customizao e a exibilidade so as principais vantagens, mas gostaria de destacar a estabilidade de uma aplicao feita com Joomla. So muitos olhos atentos procurando e corrigindo erros, comenta Leandro Yukio, scio-fundador da Venda de Sites (www.vendadesites.com. br), em So Paulo, que usa a ferramenta em boa parte dos seus projetos. J adotamos o WordPress em alguns casos, mas optamos
motivos
Facilidade de uso e rapidez Independncia da equipe tcnica Reduo dos custos Extensa comunidade Grande nmero de desenvolvedores e extenses Diversidade de aplicaes
para usar
, Sim m
existe contras
inistrio da M Educao: um dos motivos de boa
parte dos grandes sites do Brasil usarem o sistema que basta algum treinamento no uso do frontend para que qualquer um o opere sem dificuldades
PT: o Joomla est presente em pginas que demandam muitas atualizaes e tm muitas visitas, como o do partido dos trabalhadores
cita Yukio, do Venda de Sites.
Um ponto negativo do Joomla a documentao das extenses listadas no diretrio oficial (extensions.joomla. org). raro encontrar uma extenso com uma boa documentao. Normalmente, quando estamos procurando uma, temos de fazer o download e instalar em um site teste para v-la em funcionamento e entender suas vantagens ou limitaes,
Como no poderia deixar de ser, o uso de um CMS apresenta algumas desvantagens. Em todo framework, trabalhar com um modelo implica em aceitar algumas caractersticas, restries ou limitaes. Por exemplo, o Joomla foi escrito em PHP e usa o banco de dados MySql, fatos que podem ser um problema para alguns usurios. A aparncia do site, apesar da relativa facilidade da customizao, tambm fica de certa forma limitada pelo sistema de templates do CMS. O mesmo pode ser dito com relao a fatores como usabilidade e acessibilidade.
locaweb
37
1/24/11 4:23 PM
::lw_capa_joomla
pelo Joomla por ele ter uma carteira diversicada de clientes. O CMS provou ser mais exvel para atender necessidades distintas com um baixo custo de customizao, diz.
+ de 7 mil extenses
Por ter uma base herdada do Mambo, o Joomla conta com vrios mdulos e componentes disponveis. Mesmo assim, os entusiastas da ferramenta no param de criar extenses. Calcula-se que existam cerca de sete mil no mercado, e surgem mais ou menos dez novas por dia. O melhor de tudo que o Joomla uma soluo de cdigo aberto disponvel gratuitamente para todos. Existem milhares de componentes, como galerias de fotos (RSGallery2 e zOOm Gallery), sistemas de traduo (JoomFISH) e gerenciadores de formulrios disponveis para o sistema. Grande parte deles gratuita, livre ou
extenses listadas no diretrio oficial (extensions.joomla.org). raro encontrar uma extenso com uma boa documentao
LEANDRO YUKIU::sScio fundador da Venda de Sites
ponto negativo do Joomla Um a documentao das
ambos, licenciada sob a GNU GPL. Alguns possuem licena comercial, mas elas geralmente so de baixo custo, salienta Rnio Le Snchal Braga, programador h 20 anos e proprietrio da empresa Projurdico. Braga atua no desenvolvimento de programas para a rea jurdica e contratado pela Ordem dos Advogados do Brasil (OAB) de Gois, para quem mantm o portal da instituio (www.oabprevgo. org.br). Segundo suas estimativas, desenvolveu mais de 800 sites, todos
com a plataforma CMS Joomla. Outro trunfo da ferramenta saber como fechar as contas e ganhar o cliente. A relao custo-benefcio tima. Minhas propostas cam um tero mais baratas que as dos meus concorrentes, que desenvolvem os sites em outras plataformas, livres ou no, conta Coelho, do Portal2Web. Leandro Yukio concorda. A cada novo projeto, durante a fase de estudo pr-implementao, confrontamos o esforo de customizao com o Joomla versus a instalao sem o uso de CMS.
Por ter uma base herdada do Mambo, o Joomla conta com vrios mdulos e componentes disponveis. Mesmo assim, os entusiastas da ferramenta no param de criar extenses
Pgina da Porsche: estima-se que existam entre 1 milho e 5 milhes de sites no mundo rodando com o CMS; Danone e Porsche, por exemplo, so alguns dos usurios 38
locaweb
1/24/11 4:23 PM
Nova
verso
Outdoor Photographer: com a rpida adoo do CMS, muitos comeam a compar-lo com o famoso WordPress
O Joomla 1.6, nova verso do CMS, acaba de sair do forno. E uma dica para quem est comeado a trabalhar com o sistema investir um tempo para implementar templates ou extenses inditas e oferec-las para download. Imagino que uma boa extenso nativa para a verso 1.6 teria grande visibilidade, visto que a maioria das existentes foi feita para a verso anterior. Essa uma forma de promover o nome de um desenvolvedor ou at mesmo de uma empresa, sugere Yukio.
Na maioria dos casos, o sistema de cdigo aberto a melhor opo. A partir da, seguimos com a escolha do template e eventuais extenses. Esse processo diminui custos e prazo de entrega, aumentando nossa vantagem competitiva, explica. O professor do Instituto de Educao, Cincia e Tecnologia Fluminense (IFF) Newton Carlos Corra Manhes usa o Joomla como contedo de uma de suas disciplinas de primeiro ano. Oriento os alunos para que eles possam gerar recursos nanceiros por meio da criao, da venda e da manuteno de pginas para empresas, diz. Enfatizo tambm a importncia da escolha de uma empresa de hospedagem sria e responsvel, o que fundamental para no correr riscos. Dono tambm da Escola Tcnica New Informtica, em Campos dos Goytacazes (RJ), Manhes adotava como CMS o PHPNuke, mas o trocou pelo Joomla por decincias nos quesitos segurana, quantidade de mdulos compatveis, facilidade de uso, integrao com outros produtos e estabilidade.
O novo WordPress?
Sempre que um queridinho da TI surge, existem usurios deslumbrados pelo novo e aqueles que defendem ferozmente o que foi destronado. H quem diga, ento,
que o Joomla ser maior que o WordPress, badalada ferramenta que permite criar blogs num piscar de olhos, entre outras aplicaes. Como de se esperar, o assunto polmico e cheio de analogias. Comparar WordPress com Joomla, de certa forma, como comparar um morango com uma mousse de morango. WordPress um gerenciador de contedo especco para blogs, enquanto o Joomla um gerenciador de contedo de carter geral, analisa Marcelo Andrade, nos comentrios do site BR-Linux.org. possvel criar um blog com uma instalao do Joomla padro. H muito material disponvel sobre como fazer isso, embora no seja a aplicao mais adequada.
Joomla
Curiosidad e
O ambiente colaborativo do Joomla to saudvel que existe at uma data para discutir, trocar experincias e disseminar conhecimentos sobre o uso e dese de CMS. Em setembro de 2010, foi realizado nvolvimento Day Brasil, no Rio de Janeiro. O pblico-a o Joomla! lvo era composto de entusiastas, profissionais de internet e empresrios que apostam em ferramentas livres. O even to no teve fim lucrativo e tudo foi revertido Fund ao OpenSource Matters, responsvel pela manuteno do Joomla.
39
locaweb
1/24/11 4:23 PM
::lw_capa_joomla
O melhor de tudo que o Joomla uma soluo de cdigo aberto disponvel gratuitamente para todos. Existem milhares de componentes, como galerias de fotos, sistemas de traduo e gerenciadores
Para quem, como o WTC, est convencido dos pontos positivos do Joomla e deseja comear a trabalhar com o CMS, o primeiro passo acessar www.joomla.org
Em contrapartida, criar um gerenciador de contedo de cunho geral com WordPress invivel, sentencia. O confronto entre Joomla e WordPress o mesmo que muitos fazem com o CorelDraw e o Photoshop. uma comparao injusta, j que cada um foi desenvolvido para uma nalidade, apesar de serem dois CMSs, destaca Braga, da Projurdico. O Joomla serve para todos os tipos de aplicao. J zemos projetos de site pessoal, para igreja, grupo de escoteiro, multinacionais, departamentos jurdicos, universidades, restaurantes e at revenda de pneus. O sistema no tem limite, ao contrrio do WordPress. Delno Vieira Coelho tambm acredita nos poderes do Joomla, mas reitera que cada software tem suas indicaes mais adequadas. Se um site apenas para publicar informaes e notcias ou um blog, e a facilidade de uso e de congurao importante,
40
no perca mais tempo lendo artigos comparativos por a. O WordPress o mais indicado, acredita. Agora, se o cliente quer um site com forte apelo visual, efeitos e recursos web 2.0 ou alto nvel de personalizao e aderncia identidade visual, muito provvel que o Joomla seja o CMS apropriado. Segundo Leandro Yukio, portais de notcia, sites institucionais e intranets so exemplos de aplicaes em que o Joomla tem grande aderncia. Mas por causa da vasta lista de extenses disponveis, esse CMS torna-se um forte candidato
para aplicaes complexas, que vo desde uma loja virtual a uma rede social, salienta. Para o empresrio, o WordPress uma ferramenta fantstica, que tambm pode ser usada para construo de sites completos, mas sua aplicao tpica continua sendo blogs. Isso pode ser comprovado navegando pelo diretrio ocial de temas. Grande parte dos temas listados segue o padro visual e funcional de um blog. Portanto, a principal vantagem do Joomla sobre o WordPress seu carter genrico.
notcias ou um blog, e a facilidade de uso e de configurao importante, o WordPress o mais indicados para a tarefa
DELFINO VIREIRA COELHO::Diretor do Portal2Web
um site apenas para Se publicar informaes e
locaweb
1/24/11 4:23 PM
s em Feito mla
o Jo H uma estimativa
da fundao Open Source Matters (www. opensourcematters.org), que cuida dos direitos e interesses do Joomla, de que existam entre 1 milho e 5 milhes de sites no mundo usando o CMS. Veja alguns exemplos importantes*: Universidade de So Paulo www.usp.br World Trade Center SP www.worldtradecentersp.com.br Universidade Federal do Tocantins - www.uft.edu.br Clube da Comdia www.clubedacomedia.com.br Partido dos Trabalhadores www.pt.org.br Museu do Futebol www.museudofutebol.org.br Universidade Estcio de S www.estacio.br Instituto Reinaldo Passadori www.passadori.com.br Danone www.danone.com.br Porsche Brasil www.porsche.com.br Prefeitura Municipal de Fortaleza - www.fortaleza. ce.gov.br Ministrio da Educao e Cultura - www.mec.gov.br MTV Networks Quizilla (Social networking) www.quizilla.com Universidade Harvard gsas.harvard.edu Revista Outdoor Photographer - www. outdoorphotographer.com
Museu do Futebol usa Joomla: editores alteram artigos dos autores; permisso de publisher libera itens para acesso
.org e *Fontes: Empresas citadas, Joomla ro.com.br). Blog do Masiero (www.masie
Todos esses prossionais querem dizer que a escolha do CMS deve ser feita por meio da anlise dos requerimentos e da aplicao de cada projeto. Uma simples comparao de especicaes tcnicas pode no fornecer subsdios para escolha. o famoso cada caso um caso.
Como usar o Joomla

Para quem est convencido dos pontos positivos do Joomla e deseja comear a trabalhar com o CMS, o primeiro passo acessar o endereo www.joomla.org. aconselhvel ler algum tutorial, mas, basicamente, a instalao feita pelo upload dos arquivos/diretrios do Joomla para o diretrio onde pretende hospedar o seu site e pela execuo de um script PHP (pelo seu browser) que vai criar, automaticamente, as tabelas de banco de dados usados pelo sistema. A partir da, o script ir solicitar o nome de usurio e as senhas necessrias para acessar o host/database. O Joomla foi escrito em PHP e usa o banco de dados MySql, portanto, o local onde voc ir hospedar o seu site dever ter suporte a esses softwares. Aps o upload e a execuo do script, a administrao do site feita pelo navegador.
O Joomla usa diferentes grupos de usurios, com nomes de fcil entendimento e nvel de permisses crescente. O acesso ao frontend dado a usurios registrados, autores, editores, publisher. J o acesso ao backend (a interface web de administrao) permite o controle do manager, administrador e superadministrator. Os usurios com acesso ao frontend podem criar contedo diretamente no prprio site, pois, ao se logarem, o Joomla oferece a opo de criao de contedo. Assim, os autores dos sites podem ser treinados para contribuir com artigos diretamente, sem depender do trabalho de nenhum webdesigner. Os editores, por sua vez, tambm podem alterar artigos de todos os autores. E quem tiver permisso de publisher pode liberar os artigos para acesso ao pblico. Com o backend, que uma interface web separada do site propriamente dito, os usurios administradores podem criar novas sees e categorias, arquivar artigos, instalar novos mdulos ou componentes, trocar o template visual do site, entre outras tarefas. Pronto! Agora, basta incrementar o site aos poucos, de acordo com sua demanda! E descobrir se ele realmente ser o queridinho do futuro entre os CMSs.
locaweb
41
1/24/11 4:23 PM
::lw_design
Aqui, voc encontra os desenhos, tendncias e inovaes grcas da web
e completo
42
locaweb
Webdesign Library.indd 42
1/24/11 5:40 PM
tudo free!!!!!!!
Alm de dividir informao e ajudar a disseminar conhecimento pelo mundo digital, o Web Site Library separa contedos para
facilitar a vida dos usurios. Confira mais detalhes do acervo, que pode ser baixado e usado sem nenhum custo. Pode ser o que falta para dar "um up" em seu website ou projeto digital.
Stock Photos - www.webdesign.org/webdesign-basics/stock-photos/page-1.html Free Stuff - www.webdesign.org/free-stuff/ fonts/page-1.html
Maior acervo de webdesign do mundo est ao alcance de poucos cliques. Saiba como usar essa maravilha
Por::Leonor Ribeiro Webdesign no uma cincia fria e sim uma forma de arte. Nesse contexto, h milhes de aspectos a serem considerados quando um prossional comea a desenvolver um novo site. preciso pensar no tema, de que tipo de contedo ser recheado, se o visual adequado, que tipo de sensao provoca em quem navega e por a vai. Atributos de negcio tambm entram nessa equao, entre eles se haver ou no uma loja virtual e qual a melhor estrutura e-commerce para suport-la, alm de como otimizar o site para que que melhor posicionado nos mecanismos de busca. Ou seja, o cu o limite quando o tema webdesign. De olho nessas caractersticas do mercado, foi criado o Web Design Library (www.webdesign.org). A proposta da inovadora plataforma disseminar o pensamento e a pesquisa sobre design, segundo a definio de seus prprios fundadores. O resultado final o maior acervo de recursos para webdesign do mundo. A proposta ousada, j que alm de oferecer tutoriais prticos sobre os principais temas e tendncias do meio, a
ferramenta apresenta fundamentao terica sobre usabilidade, teoria da cor e outros temas que frequentemente trazem dvidas aos desenvolvedores. Mais do que isso, o Web Design Library oferece anlises aprofundadas das principais tendncias sobre o mercado. Quem acessa o site informa-se sobre o que realmente importante no setor, de acordo com avaliao de especialistas consagrados. No acervo, os usurios tambm encontram as ltimas novidades sobre software ou hardware que, alm das caractersticas e atributos, passam por julgamentos apurados a respeito de qual o melhor momento para adot-los. Os nmeros so superlativos e crescem exponencialmente. Atualmente, existem mais de cinco mil tutoriais.
De acordo com os prprios fundadores, o Web Design Library foi criado com a inovadora proposta de disseminar o pensamento e a pesquisa sobre design no mundo. O resultado final um dos maiores acervos de recursos para webdesign do planeta
O site Giraffe considerado um case de sucesso para o Web Design Library; dentro de seu ramo (rea de restaurantes), a pgina uma das que mais se destacam no projeto 43
locaweb
1/24/11 5:40 PM
::lw_design
istema se baseia na S filosofia simplista do Google e prximo do
browser, sendo que existem dois tipos de abas: as do navegador e as de aplicativos Digital Invaders: cada um dos assuntos abordados recebe ateno especial, seja Photoshop, seja grficos 3D, que ensina como criar um espao abstrato nas imagens
E este nmero se atualiza diariamente, assim como os artigos que abordam os fundamentos do webdesign. Sem contar os que tratam de ferramentas e solues, como Photoshop, Corel Draw, Adobe Illustrator e Flash, alm de dados sobre programao e grficos/objetos 3D, entre outros. Os contedos so apresentados de maneira didtica e categorizados em uma interface simples e atrativa.
De olho nos dispositivos mveis

Quem acessa a seo Webdesign, por exemplo, tem contato com novidades importantes, como um guia completo para desenvolvimento de websites para plataforma mvel, de tablets a celulares. Outros conceitos da moda, como Web 2.0, ajudam os profissionais de criao a se familiarizarem com tcnicas que permitem que seus trabalhos estejam conectados com o que h de relevante e atual no assunto. H tutoriais mais especficos que ensinam como fazer um website para restaurantes ou ainda como
44
Quem acessa a seo Webdesign, por exemplo, tem contato com novidades importantes do mundo digital e do design web, como um guia completo para desenvolvimento de websites para plataforma mvel, de tablets a smartphones
definir as cores de acordo com as questes psicolgicas do usurio final. E, para quem est em busca de oportunidades de trabalho e tambm de sugestes profissionais, h sees exclusivas. E as informaes vo de dicas para encontrar um profissional mais adequado quando uma vitrine de templates desenvolvidos por
designers conectados rede do Web Desing Library est exposta at a criao de uma loja virtual. Se a busca for por outros temas, por sua vez, o cardpio igualmente variado. Entre os tutoriais, o usurio encontra uma seleo feita especialmente pelos editores do site, alm de artigos e entrevistas relacionadas ao tema. Cada um dos assuntos abordados recebe ateno especial, seja Photoshop, que pode abordar guias completos para modificao das cores de uma imagem, seja grficos 3D, que ensina como criar um espao abstrato nas imagens. H ainda contedos para download gratuito que incluem cliparts, sons, elementos de flash, objetos 3D, fotos, logotipos, fontes e at mesmo pincis diferentes para Photoshop.
De onde vem todo esse contedo

Para manter esse estgio, o Web Design Library conta com um conselho editorial formado por especialistas altamente qualificados. De quebra, apoiado por mais de
locaweb
1/24/11 5:40 PM
500 voluntrios independentes, que se dispem a contribuir periodicamente com materiais e referncias, alm de proporcionar aos usurios uma viso privilegiada das melhores solues, bem como as propostas mais inovadoras desta indstria. A iniciativa de fundar a "biblioteca" online foi da New York Corporation International Friendship, instituio que se dedica a projetos humanitrios para crianas e adolescentes e que, hoje, presidida por Felix Shteyn, ucraniano que tambm integra o conselho editorial do acervo. Entre suas atribuies, est a promoo de prmios para solues de webdesign que incrementem o desenvolvimento da indstria. O Web Design Library tambm colaborativo. Nele, alm de entrevistas com os especialistas do meio e notcias sobre os principais eventos do setor e suas influencias diretas com o meio digital lanamentos, tendncias , h espao para contribuies de usurios, que vo de tutoriais novos
a fruns de discusso. Alm disso, h uma vitrine para trabalhos, que se abre para apresentao de casos de sucesso, indicao de websites do dia e tambm do ms. Tudo isso selecionado pelo conselho editorial do site e apresentado de forma didtica e intuitiva. Para participar e aproveitar as maravilhas oferecidas pela ferramenta basta se inscrever e se preparar para contribuir periodicamente. O bacana que qualquer contedo postado pode ser selecionado de acordo com seu produtor. Ou seja, alm de gerar material para outros pares o acessarem online, quem opta por integrar a plataforma tambm conta com um espao individualizado com as ltimas produes. Trata-se de uma exposio global e organizada, tima para a carreira. Segundo indicadores web analytics, os principais usurios do acervo ainda se dividem entre profissionais norte-americanos e indianos. Brasileiros ainda no representam volume expressivo de
Sucesso
Cada website considerado um caso de sucesso apresentado pelo Web Design Library e categorizado de acordo com temas e estilos. O bacana que h brasileiros que tambm esto listados. Confira alguns dos que j so referncia: Animais e Pets :: Flash www.pegadaecologica.org.br Restaurantes :: Grunge www.giraffe.net Educao :: Cartoon www.thedigitalinvaders.com Arte e Fotografia :: Minimalista catrabbit.com.au
Casos de
usurios, mas h trabalhos que j foram selecionados para integrar o mural de casos de sucesso. Listado entre as referncias mais importantes do meio, o acervo oferece contedo tanto para o profissional em incio de carreira quanto para aqueles que desejam se manter atualizados. Fique de olho e aproveite.
Web Design Library: segundo indicadores web analytics do site, os principais usurios do acervo digital ainda se dividem entre profissionais norte-americanos e indianos
Para participar e aproveitar as maravilhas oferecidas pela ferramenta, basta se inscrever e se preparar para contribuir periodicamente. Qualquer contedo postado pode ser selecionado
locaweb 45
1/24/11 5:40 PM
::lw_games_sociais
A fazenda de ouro da internet

Aplicativos para Facebook e Orkut mostram-se como uma das principais fontes de renda do momento na internet. E o Brasil est no jogo
Games sociais
Para os mais otimistas, no h dvida: os games sociais so a salvao da lavoura no futuro prximo das redes sociais da internet. E no estamos, ainda, falando das lavouras virtuais de jogos como o FarmVille, um dos mais populares aplicativos do Facebook (www.facebook.com). Os nmeros deste mercado, de fato, so bastante expressivos. Segundo pesquisa do Instituto Neilsen em parceria com o site All Facebook, nada menos que 53% dos usurios do site de relacionamentos norte-americano jogam ou j jogaram seus games sociais. Ao constar que o Facebook j tem mais de 500 milhes de usurios ao redor do mundo, no d para ignorar esse mercado e seu potencial.
Esses nmeros explicam o motivo pelo qual qualquer um que tenha uma conta no Facebook sabe do que se trata o FarmVille. Mesmo quem no brinca toma contato com o aplicativo graas movimentao dos amigos que jogam. Maior fenmeno dos games sociais at o m de 2010, o joguinho em que o objetivo fazer prosperar uma fazenda j teve 83 milhes de inscritos e, no incio de 2011, ainda contava com quase 60 milhes. J seria sucientemente
FARMVILLE
46
locaweb
1/24/11 4:30 PM
inusitado
impressionante, mas a chegada de sua verso na cidade, o CityVille, mostra que no h limites para os jogos sociais. Lanado em dezembro de 2010, o game amealhou nada menos que 90 milhes de usurios em cerca de um ms a expectativa de que atinja, no mnimo, 125 milhes em um futuro breve. Por esse e por outros motivos, a Zynga, empresa que produziu tanto o FarmVille como o CityVille, alm de outros games bem sucedidos como Maa Wars, FrontierVille e Cafe World, est avaliada em incrveis US$ 5,4 bilhes. A Playsh, de jogos como Pet Society e My Empire, foi comprada recentemente pela Eletronic Arts por US$ 400 milhes, enquanto a Playdom, que desenvolveu World Series of Poker, Social City e Sorority Life, entre outros, foi adquirida pela Disney por US$ 760 milhes.
Perl
A criao de games para redes sociais no barata, mas os ganhos atuais e as previses para o futuro compensam. O mercado j comparado ao da indstria de filmes
20 milhes de usurios cadastrados em seus jogos. A diferena que, por aqui, o grande lo continua a ser a rede social mais popular do Pas, o Orkut (www.orkut.com). Apesar de todo o crescimento recente do Facebook e do Twitter, (www.twitter. com) o Orkut ainda tem mais usurios do que essas duas redes sociais juntas. O Orkut virou uma parte da cultura do Brasil e ainda vai car por a mais um tempo. O Facebook certamente oferece uma plataforma muito mais sosticada para a criao de aplicativos, mas, se voc quer atingir a massa, tem de ser no Orkut, arma Robinson Melgar, game analyst da Vostu.
Mercado brasileiro
Em compasso com a tendncia mundial, os games sociais crescem em ritmo acelerado no Brasil. Produtoras como Mentez e Vostu armam ter, cada uma, pelo menos
A expanso dos games em redes sociais poderia estar associada ao grande nmero de adolescentes, principalmente do sexo masculino, presentes na rede. Engana-se, porm, quem acredita nisso. Uma pesquisa encomendada pela desenvolvedora de jogos PopCap Games nos EUA e no Reino Unido mostrou que o usurio mdio de games sociais mulher e tem 43 anos. Segundo os dados, 55% dos adeptos desse tipo de aplicativo so mulheres, contra 45% de homens. No Facebook, isso ainda mais relevante: 69% dos jogadores na rede de Mark Zuckerberg so do sexo feminino. Alm disso, as mulheres so mais viciadas: 38% das que jogam dizem entrar nas pginas dos games mais de uma vez por dia, enquanto 29% dos homens fazem o mesmo. Em relao a games de console, o universo masculino dominante. Uma das explicaes para isso que as mulheres preferem jogar com conhecidos.
CAFE WORLD
CITYVILLE
locaweb
47
1/24/11 4:30 PM
::lw_games_sociais
Apesar de o Facebook estar crescendo no Brasil, a supremacia do Orkut evidente. Segundo pesquisa do Ibope, 91% dos internautas brasileiros usam a rede social ligada ao Google, enquanto apenas 14% esto no Facebook. Esse nmero aumenta para 40% quando levada em considerao apenas a classe A. Nem mesmo ao somar os usurios do Twitter (13% dos brasileiros com acesso internet) seria possvel fazer frente rede social lder. No Orkut, os jogos sociais que fazem sucesso, muitas vezes, so adaptaes de games que j existem no Facebook. o caso do Colheita Feliz, da Mentez, jogo com maior nmero de adeptos, com cerca de 20 milhes de usurios. O jogo muito semelhante ao FarmVille. Nele, o fazendeiro tambm tem de zelar por seus animais e plantaes para prosperar. Outro game popular no Orkut o Mini Fazenda, desenvolvido pela
Nada menos que 53% dos cadastrados no Facebook jogam games sociais. Ao constar que a rede j tem mais de 500 milhes de usurios, no d para ignorar esse mercado
Vostu, que tambm segue a mesma linha de FarmVille e Colheita Feliz, com pequenas variaes. "O mercado brasileiro de internet muito grande. O nmero de usurio de internet passou dos 80 milhes e continua crescendo. Como j est provado que possvel lucrar com esses jogos no Brasil, acho que ainda h muito espao a ser aproveitado", avalia Melgar, que disse acreditar que o desenvolvimento de games no Pas pode evoluir muito e at mesmo fazer frente aos jogos criados no exterior. "No Brasil, h excelentes programadores, designers, ilustradores e todos os tipos de prossionais que precisam ser envolvidos no desenvolvimento de um game social. H cada vez mais brasileiros envolvidos no processo de criao dos jogos. Em um jogo como o Pet Mania, por exemplo, h elementos pensados especicamente para o pblico brasileiro. Os personagens podem jogar capoeira."
Receita
O desenvolvimento de games para redes sociais no barato, mas os ganhos atuais e as previses de gerao de receita para o futuro compensam. O mercado j est sendo comparado ao da indstria de lmes, com a diferena de que, no universo dos jogos, o produto pode ser melhorado medida que os usurios
MINI FAZENDA
MAFIA WARS
48
locaweb
1/24/11 4:30 PM
E nos celulares?
interagem com ele. Em uma palestra sobre o futuro dos jogos sociais em 2010 nos Estados Unidos, John Pleasants, CEO da Playdom, revelou que o desenvolvimento de um game chega a custar entre US$ 100 mil e US$ 300 mil sem contar a verba de marketing, que pode chegar a 50% do valor da produo. Mas os lucros, uma vez que o jogo se torna um hit nas redes de relacionamento, so muito maiores. Existem pelo menos duas formas principais de gerao de receitas nos games sociais. A mais comum a venda de benefcios. Usa-se uma moeda virtual no jogo, mas esses crditos so gerados a partir de pagamento real. Assim, uma pessoa pode, por exemplo, comprar um trator para cuidar de sua fazenda ou adubo para suas plantaes. Segundo Pleasants, cerca de 2% dos jogadores de fato aplicam dinheiro nos jogos. Esses usurios, em geral, gastam cerca de US$ 20 por ms. Se um jogo tem 30 milhes de usurios ativos por meses seguidos, como aconteceu com o FarmVille, signica que cerca 600 mil jogadores gastariam U$ 20 nele por ms, o que daria um retorno mensal de US$ 12 milhes somente com o aplicativo. Na realidade brasileira, fazer com que as pessoas paguem para obter mercadorias virtuais no to simples, mas, para Robinson Melgar, esse panorama est mudando. Aqui, diferente porque no somos um pas rico como os EUA. No Brasil, h essa cultura da pirataria, de no pagar por nada, mas o nosso mercado est cada vez mais assimilando esse conceito. D para ver isso pelo sucesso da App Store e da venda de moeda virtual em jogos como o Mini Fazenda e o Club Penguin da Disney, analisa. Outra fonte de renda interessante est na publicidade ingame, ou seja, em anncios que aparecem dentro dos jogos. Um exemplo foi a ao da General Mills, fabricante de alimentos, que inclui plantaes de bluberries orgnicos com a sua marca no FarmVille. No Colheita Feliz, houve recentemente uma ao do chocolate Bis, que envolvia o internauta na produo do Bis Limo. No projeto, a empresa distribuiu a moeda usada no jogo para que usurios plantassem os limes usados no chocolate. Foi um sucesso.
Apesar de j existirem verses para smartphones em especial para iPhones de diversos jogos estabelecidos em redes sociais, a adeso de usurios nessa plataforma ainda no grande. Mesmo com telas cada vez maiores e com tecnologia touchscreen, dificuldades ainda so enfrentadas. Um problema que a maioria dos jogos feita em Flash, e os telefones celulares, em geral, so lentos nessa plataforma ou, muitas vezes, nem a oferecem caso do iPhone. Ainda assim, surgem algumas solues alternativas. A Zynga enxergou uma forma de fazer com que o Mafia Wars pudesse ser jogado at mesmo nos celulares mais simples. Via SMS, os usurios podem lutar contra oponentes ou visitar o hospital. No Japo, os games sociais em celular so uma verdadeira febre e, claro, uma mina de ouro. L, as redes sociais so muito acessadas o Mixi, uma verso local de Facebook, tem 25 milhes de usurios.
SORORITY LIFE
PET SOCIETY
locaweb
49
1/24/11 4:30 PM
J tem revist as
A mais conceituada revista de jardinagem e paisagismo Alimentao saudvel para uma melhor qualidade de vida
O fu t
Os melhores roteiros dentro e fora do Brasil, com todas as dicas
A bblia da Fotografia para profissionais e amadores
O que h de novo e melhor no design brasileiro e mundial
Agora com uma revista grtis s sobre iPad e iPhone
Preview de jogos, games detonados, dicas e truques
Revista exclusiva do fascinante universo Nintendo
A mais respeitada publicao de games do mundo
u turo chegou
iPhone e iTouch
Cada revista tem a sua biblioteca, com a edio do ms e as anteriores. Voc pode comprar apenas um exemplar ou fazer assinatura, semestral ou anual.
st as da Editora Europa tambm no iPad,

1
Sumrio ilustrado e deslizante no rodap. Com um toque de dedo, voc vai direto para a pgina escolhida.
fantstico! Voc pode folhear, literalmente, a revista. Na horizontal, vendo pginas duplas. Na vertical, pgina por pgina.
5
Se preferir, pode ampliar qualquer texto ou detalhe de uma imagem, sem perda de qualidade.
O futuro chegou!
D at para buscar um assunto do seu interesse, digitando apenas uma palavra-chave.
Sempre um passo frente.

www.europanet.com.br
::lw_case
Aes criadas pelos clientes da Locaweb para melhorar a internet e o mundo
Incluso real por caminhos
Com auxlio de uma equipe de TI, portadores de decincia fsica das Casas Andr Luiz ganham voz e postam poemas na internet
Uma mente saudvel, lcida e virtuosa aprisionada em um corpo que no funciona da maneira como deveria. Como um processador em boas condies, funcionando a pleno vapor e capacidade, mas sem os perifricos necessrios. Essa era a vida de Jos Roberto Bueno, deciente fsico capaz de mover apenas o pescoo e a ponta do p direito, at conhecer Victor Aniceto, gerente de Tecnologia da Informao das Casas Andr Luiz. "Quando o Bueno me viu, primeiro perguntou meu nome e depois j questionou se era eu quem iria colocar os poemas dele na internet. E eu respondi que sim", lembra Aniceto.
A partir da, Aniceto passou a trabalhar com a equipe das Casas Andr Luiz para fazer algo muito maior do que atender a um desejo. Ele precisava dar um jeito de ajudar todas os pacientes sem voz, seja por decincia, preconceito ou falta de oportunidade, a serem ouvidos. Aniceto no precisava, mas se jogou de cabea no projeto. As equipes de fonoaudiologia e pedagogia da instituio j tinham ensinado a todos os pacientes com alguma diculdade de fala como usar o sistema Bliss de comunicao alternativa, um mecanismo baseado em smbolos que identicam aes, substantivos, sentimentos e por a vai. Levar tudo isso para dentro do ambiente virtual, no entanto, era outra histria. A ideia era permitir que todos pudessem postar o que quisessem na rede, sem interpretao do que diziam. Era preciso criar um Bliss informatizado.
do pessoal da fonoaudiologia, escaneamos a prancha na qual os pacientes escolhiam os smbolos e colocamos isso em um aplicativo Win32
Victor Aniceto::gerente de Tecnologia da Informao das Casas Andr Luiz
a ajuda da equipe Com de desenvolvimento e
52
locaweb
Case.indd 52
1/24/11 4:43 PM
Como ajudar
Fotos: Divulgao
Alm de interessados em uma eventual parceria para expandir o alcance da ferramenta criada na instituio, as Casas Andr Luiz recebem doaes. possvel contribuir financeiramente por meio
de doao online, boleto bancrio ou se tornando scio da instituio. Tambm so aceitas doaes de mveis e inscrio para voluntariado. Mais informaes: www.casasandreluiz.org.br.
Pelo menos 30 pacientes usam o sistema e postam diariamente na internet seus pensamentos, poemas, dvidas e o que mais tiverem vontade. Os comentrios so motivo de alegria
Ferramenta de incluso social permite que cada paciente use uma parte do corpo com o mnimo de movimento para expressar sentimentos na internet, sem interpretao do que dizem
"Com a ajuda da equipe de desenvolvimento e do pessoal da fonoaudiologia, escaneamos a prancha na qual os pacientes escolhiam os smbolos e colocamos isso em um aplicativo Win32", relata Aniceto. "O sistema ento passou a funcionar da seguinte maneira: o cursor se movia automaticamente pelas imagens e cabia ao usurio clicar, de alguma forma, no smbolo que ele queria escrever", completa.
Soluo no pedal da mquina de costura

O problema, porm, era descobrir exatamente de que forma seria dado o clique, j que os pacientes tinham movimentos limitados. No caso de Bueno, a primeira tentativa foi fazer com que ele acionasse o dispositivo com a cabea, mas esse mtodo logo
se provou improdutivo e cansativo. A soluo veio de forma inusitada. "Certo dia, estava passando pelo centro de Guarulhos e vi, em uma loja de eletrnicos, um pedal de mquina de costura. Comprei o pedal na hora, adaptei o mecanismo, coloquei uma entrada P2 na ponta e pronto: tudo funcionou de forma fantstica", conta o gerente de TI das Casas Andr Luiz. Para Bueno, o sistema passou a funcionar com um movimento da ponta do p. Para lcio, outro paciente das Casas Andr Luiz, foi o polegar. E para todos os pacientes, pouco a pouco, o mecanismo se tornou um objeto de grande felicidade. Hoje, pouco mais de trs anos depois do encontro de Bueno e Victor, pelo menos 30 pacientes fazem uso do sistema e postam diariamente na internet seus pensamentos,
poemas, questionamentos e o que mais tiverem vontade. Tudo isso pode ser visto no site das Casas Andr Luiz (www.casasandreluiz.org.br), hospedado nos servidores Locaweb. No nal do dia, os comentrios nos blogs so lidos para cada um dos autores e se tornam objeto de orgulho e motivao para viver cada dia com um pouco mais de alegria. Aps o sucesso da aplicao, Ancieto arma que tem planos de levar a ferramenta para alm dos muros da avenida Andr Luiz, sede da instituio, mas que, por ora, no tem meios de tornar esse sonho realidade. Falta dinheiro e falta equipe. Segundo Aniceto, o time de TI composto apenas por ele e mais trs funcionrios. "O sistema est a. Quem precisar, quiser conhecer e nos ajudar a faz-lo evoluir, ou mesmo criar um projeto em parceria, ser muito bem-vindo", arma, completando que esse certamente o grande projeto de sua vida e que no h dinheiro que pague a satisfao de ter feito a diferena na vida dessas pessoas.
53
locaweb
Case.indd 53
1/24/11 4:43 PM
::lw_avaliao
review :: google chrome os
De olho no Google Chrome OS

Com lanamento previsto para o primeiro semestre de 2011, sistema operacional da gigante de buscas aposta no carter minimalista, com ausncia de botes na interface e todos os aplicativos rodando na nuvem
Por::Felipe Magalhes ficasse disponvel para download e fosse oferecido apenas em hardwares especficos, contudo, j possvel baix-lo em chromeos.hexxeh.net/vanilla.php. Esta verso roda apenas em USB e atualizada quase diariamente. Existe ainda uma pgina (chromeos.hexxeh.net) com explicaes sobre como rodar o Chrome OS via USB em plataformas Windows, Mac e Linux.Vale a pena conferir. Assim que o sistema operacional iniciado, apresentada a tela de login, na qual voc deve informar o e-mail e a senha da conta do Google. De cara, possvel ver que a interface do ambiente realmente se baseia na filosofia simplista da empresa e bastante semelhante ao navegador. Nela, h dois tipos de abas: uma para o browser e outra para os aplicativos. Essa linha de pensamento vem sendo adotada pelo Google desde que a empresa notou que as pessoas passam a maior parte do tempo diante do computador na internet. Dessa forma, os sistemas operacionais atuais no so correspondem s necessidades do pblico, j que falta uma integrao maior. No Chrome OS, o usurio no tem mais a obrigao de se importar com instalaes e configuraes, j que
Anunciado em julho de 2009, o Google Chrome OS ainda no saiu do forno para os consumidores, mas a Locaweb em Revista baixou o sistema ainda em fase de desenvolvimento para tirar as primeiras impresses do ambiente operacional antes do lanamento oficial, previsto para os prximos meses. O Chrome OS embarca a ideia de uma interface totalmente baseada no navegador Chrome, ou seja, minimalista, como a maioria das ferramentas que o Google se prope a fazer. A ideia inicial era de que o sistema no
ara baixar as verses P disponveis para download, cuja atualizao quase diria, preciso inserir login e senha da conta de e-mail do Google
Sistema se baseia na filosofia simplista do Google e prxima do navegador; h apenas dois tipos de abas, a do browser e a que acessa os aplicativos na nuvem 54
locaweb
GoogleChromeOS.indd 54
1/24/11 4:28 PM
As extenses do Chrome tambm podem ser instaladas no modo navegador do Google Chrome OS, j que as funes de ambos os aplicativos esto interligadas
Pesquisas revelam que os consumidores no querem mais esperar muito pelo carregamento do sistema operacional e precisam ter as informaes acessveis de qualquer lugar
todos os aplicativos, em tese, estaro fora da mquina. Para seguir essa tendncia, o Google realizou pesquisas e notou que as reclamaes e pedidos dos consumidores, em geral, eram duas: ter de esperar muito pelo carregamento do sistema operacional, do navegador e do cliente de e-mail (para aqueles que o usam); e a necessidade de ter os dados acessveis de qualquer lugar, evitando, assim, a realizao de backups e tornando as experincias mais dinmicas. Por isso, o carregamento do Chrome OS se d de forma bem rpida. A prpria ausncia da estrutura para suportar instalao de drivers e aplicativos contribui para que o sistema rode rapidamente. Um olhar mais crtico // Dentro do ambiente, as abas do navegador so as mesmas do Chrome, com as mesmas caractersticas e funcionalidades. As abas dos aplicativos, por sua vez, funcionam como atalhos para funcionalidades do sistema, os quais podem ser acrescentados ou removidos vontade, de acordo com a necessidade do usurio. No canto superior esquerdo da interface, existe um boto com o cone do Chrome que, quando clicado, traz a lista de servios e aplicaes disponveis, chamado de App Menu. Entre as aplicaes, esto Google Docs, Calendar, Books e servios de outras empresas, como Hotmail, Pandora, Lala e Hulu. importante notar que o foco dos sistema operacional a filosofia de Cloud Computing, ento toda
e qualquer aplicao executada no est no hardware, mas sim na web. Assim, voc sempre precisar de uma conexo ativa para fazer uso do Chrome OS. Uma das diferenas que o sistema usa em relao aos atuais disponveis no mercado o uso das janelas. Enquanto os concorrentes mais famosos apresentam trs botes na barra de ttulo da janela, para maximizar ou restaurar, minimizar e fechar, o Chrome OS quebra um pouco esse paradigma e exibe apenas o boto de fechar. Para minimizar a janela, por exemplo, o processo simples. O Google apostou na intuitividade para resolver a questo: basta clicar em qualquer ponto da barra de ttulo para que a janela seja minimizada na parte inferior da tela. A partir da, ela aparece da direita para a esquerda,
locaweb
55
1/24/11 4:28 PM
::lw_avaliao
review :: google chrome os
dia e por ms e, nesse ltimo caso, as datas do ms atual com afazeres cadastrados ficam destacadas com o fundo em azul. So oferecidos botes para a navegao por dias ou meses, bem como a possibilidade de cadastrar uma nova tarefa. O fato que todas as principais funcionalidades do Google Calendar (ou Google Agenda) eso presentes. Quem faz uso do Google Talk para desktop tambm se acostuma facilmente ao aplicativo disponvel Todas as funes de agenda e calendrio disponveis nas ferramentas online j na interface do OS, com o qual oferecidas pelo Google esto presentes no ambiente operacional da empresa possvel buscar, adicionar ou convidar uma pessoa, alm de listar os principais contatos ao contrrio, por exemplo, do Windows, no qual os cones online. Caso voc queira conversar com algum, a janela que representam as janelas minimizadas so colocados da de interao abre em uma aba posicionada direita de esquerda para a direita. "Contacts". possvel tambm realizar chamadas de voz e Caso deseje mover a janela, o esquema o mesmo, bate papo em grupo. H ainda a possibilidade de adicionar bastando um clique-e-arraste. Para restaurar uma janela um atalho no painel de aplicaes. Para isso, basta usar o minimizada para o tamanho normal, basta clicar em sua menu de recursos do Chrome (com o cone de uma folha barra minimizada. J o recurso de maximizar no existe, em branco). pois as aplicaes exibidas em janelas fora do esquema de abas usado pelo Chrome OS no demandam um espao Segurana e jogos // Quanto questo de segurana, muito grande e funcionam apenas como auxiliares ao as atualizaes do Chrome so automticas e os aplicativos sistema, como a calculadora ou a lista de contatos. existentes rodam no esquema de sandbox. Ou seja, cada A calculadora, por sinal, outro aplicativo diferente um em seu ambiente para no haver situaes conflitantes das convencionais. Enquanto voc digita os nmeros e por causa da caracterstica multitarefa que, na verdade, operadores matemticos, o resultado aparece no canto direito da mesma linha e atualizado a cada caractere inserido. Aqui, fica uma dica: como o sistema segue o padro dos Estados Unidos, quando se tenta realizar um clculo com nmero decimal usando vrgula como separador, ele apresenta apenas o numeral existente depois da vrgula. Faa, ento, o uso de ponto como separador decimal. Caso voc queira saber como realizar operaes mais avanadas na calculadora do Chrome OS, mas ainda no tem acesso ao sistema, use a pesquisa do Google. A calculadora aceita os mesmos comandos que a busca, por exemplo, o uso de sqrt para as operaes de raiz quadrada. Outra aplicao que abre em janela menor e bem interessante a agenda, que na realidade conecta Google Talk mais um dos softwares do Google embarcados no Chrome OS; aplicativos rodam no esquema de sandbox o Google Calendar. As visualizaes disponveis so por
56
locaweb
1/24/11 4:28 PM
A ideia do Google desembarcar o novo ambiente operacional primeiramente nas plataformas PC, notebooks e netbooks, pois o Android j se consolidou na rea de tablets
O App Menu lista as aplicaes instaladas no Chrome OS, como Google Docs, Calendar, Books e servios de outras empresas, entre eles Hotmail, Pandora e Hulu
apenas a tarefa do Chrome. Existem tambm parceiras com empresas que executam aplicativos na nuvem para alguma necessidade especfica para softwares proprietrios. Para os viciados em jogos de computador, o esquema do novo OS segue o mesmo tom das outras aplicaes. Assim, s ser possvel rodar games inseridos no ambiente online, executados por meio do navegador. Promoo e Android // O Google tem apostado bastante no novo sistema, tanto que foi capaz de lanar aes promocionais impressionantes, como a frmula matemtica do Chrome OS (goo.gl/u76IM). Em novembro de 2009, a Dell foi mais uma empresa a dar apoio soluo da gigante das buscas ao preparar uma verso do ambiente para rodar a partir de um pendrive de 8 GB no seu netbook modelo Mini 10v. Acer; Intel e Samsung tambm manifestaram interesse em realizar parcerias. Em dezembro do ano passado, foi divulgado o lanamento do netbook CR-48, o primeiro que vir preparado especialmente para o Chrome OS. O Google ir distribuir algumas unidades desse equipamento, que possui conexo Wi-Fi no padro 802.11n e 3G integrados, webcam, tela de 12 polegadas, teclado de tamanho convencional contudo sem a tecla Caps Lock e touchpad. A mquina pesa 1,72 kg e sua bateria dura oito horas. A ausncia do Caps Lock mais uma das peripcias justificveis da empresa, que alega no ser comum ter de digitar uma
palavra toda em maisculas. Nesse caso, basta usar o Shift, visto que, em geral, palavras totalmente em maisculas no so extensas. Ainda de olho na popularizao do Chrome OS, o Google possui a plataforma Google App Engine, que visa hospedar gratuitamente aplicaes de desenvolvedores interessados, assim como o Gears, que permite que um site ou servio seja executado de maneira offline, sincronizando as informaes assim que houver uma conexo disponvel com a internet. Tambm por isso, o Google est na defesa do HTML 5, pois com as funcionalidades que esto por vir, o trabalho de se desenvolver aplicaes para essa plataforma pode ficar menos trabalhoso e resultar em sadas mais ricas. Em relao definio de qual espao o Chrome OS ocupar com o sucesso do Android sistema operacional mobile da empresa , a ideia desembarcar o novo ambiente primeiramente nas plataformas de PC, notebooks e netbooks. Afinal, o Android est consolidado na rea de tablets, mas isso tambm no motivo para acreditar que o Google v empacotar o Chrome OS e guard-lo no poro. Mesmo porque os tablets, ao menos por enquanto, oferecem uma experincia de uso mais prxima de um aparelho smartphone do que um computador, tanto pelo espao em tela quanto pela interao. De um lado, temos mouse e teclado fsico; e do outro, teclado virtual e superfcie sensvel a toque.
57
locaweb
1/24/11 4:28 PM
::lw_desenvolvimento
tutorial :: aplicativos
Como publicar seus aplicativos

Aprenda o caminho das pedras para inserir seus trabalhos nas duas maiores lojas online do mercado, a Android Market e a App Store
Por::Max Reinhold Jahnke Os aplicativos desenvolvidos so os mais variados possveis e vo de jogos e programas de entretenimento a softwares corporativos, usados por executivos para gerenciar tarefas e compromissos do dia. E o curioso que, cada vez mais, esses aplicativos so usados de maneira inteligente e inusitada. o caso das empresas de automveis que os distribuem, nos quais determinados modelos de carros podem ser customizados, ou dos bares que adotam um sistema de cardpio, no qual o cliente pode fazer o pedido por meio de um tablet. Uma das situaes mais interessantes do comeo da App Store, e que se repetiu no Android Market, foi a presena de programadores independentes e pequenas empresas no desenvolvimento de aplicativos. Atualmente, grandes softhouses dominam esse nicho de mercado, mas a variedade de modelos de negcios disponveis ainda deixa muito espao a ser explorado.
A venda de aplicativos para celulares existe h anos, mas foi a Apple, com sua App Store e o sem-nmero de aplicativos para os iPods, iPod Touch e iPhone, a responsvel pela popularizao do atual modelo de negcios. Hoje, a quantidade de dinheiro movimentada ao redor do mundo no setor to alta (na casa dos bilhes de dlares ao ano) que uma legio de empresas migrou para esse mercado, a comear pelo Google que, com o desenvolvimento da plataforma Android, voltou fortemente o foco para a Android Market, nica loja do mundo que bate de frente com a App Store.
AdMob (www.admob.com) A uma das maiores empresas de propaganda para plataformas Conceituada pelo desenvolvimento de aplicativos para dispositivos mveis no Brasil, a agncia Maya (www.maya.im) trabalha com as plataformas Apple e Google 58
mveis do mundo. A companhia exibe bilhes de anncios mensais
AppStore.indd 58
1/24/11 4:46 PM
s o r t s i Reg
e n i l n o
Caio Begotti conta que, s de ter publicado dois aplicativos simples, recebeu propostas de trabalho tanto como freelancer quanto como funcionrio formal. Mais um sinal de que h grande procura por profissionais
Por onde comear // Segundo Caio Begotti,
linguista e desenvolvedor independente que trabalha com a App Store, os interessados em desenvolver produtos para a loja da ma devem estudar a plataforma iOS, nome do sistema operacional do iPhone, iPod Touch e iPad. Tutoriais para inciantes, vdeos, documentao das APIs e diversas outras informaes tcnicas podem ser encontradas no iOS Dev Center, oferecido pela Apple. O endereo developer.apple.com/ devcenter/ios/index.action. As duas principais dificuldades para quem deseja comear a trabalhar com o iOS so, de acordo com Begotti, a necessidade de possuir um Mac, que costuma ser bem caro, e o uso da linguagem Objective-C, que pouco difundida e tem fama de ser de difcil aprendizado. "Entretanto, o SDK da Apple conta com recursos fartos, o que acaba compensando as dificuldades causadas pelo aprendizado da linguagem", revela o desenvolvedor independente. O Google tambm tem um site que rene informaes a respeito de desenvolvimento para Android. Na pgina, possvel encontrar material tanto para inciantes quanto para programadores avanados. "A linguagem adotada para o desenvolvimento na plataforma do Google a Java, muito difundida e com excelente documentao. Alm disso, h uma grande comunidade de programadores ao redor do mundo trabalhando com o sistema", afirma Girino Vey, cientista da computao que trabalha com o Android Market.
Em contrapartida, o kit de desenvolvimento para Android ainda tem poucos recursos se comparado com o da Apple. "Mas ao contrrio do que acontece com o SDK da empresa de Steve Jobs, o do Google est disponvel para Windows, Mac OS e Linux", salienta Vey. O primeiro passo para desenvolver para Apple ou Google depois de bolar um aplicativo funcional realizar um cadastro na loja virtual de interesse. A App Store apresenta um processo burocrtico, lento e caro, enquanto que no Android Market o mecanismo mais barato e rpido. Entrar para a loja da Apple pode ser muito frustrante devido burocracia. A empresa chega a fazer exigncias enfadonhas, como solicitar o envio de um fax, em pleno sculo 21, para a matriz norte-americana, contendo dados do carto de crdito.
r eloper Cente Android Dev edor lv vo n se de mo Inscrio co droid.com/ developer.an index.html le loja do Goog Inscrio na / d.com market.androi up gn si publish/ loja Inscrio na da Apple ams ple.com/progr developer.ap
Alm disso, h muitas reclamaes de que a Apple Brasil praticamente no existe para o desenvolvedor brasileiro. Dessa forma, todo o processo de cadastro realizado aos trancos e barrancos, j que preciso negociar diretamente com a Apple dos Estados Unidos.
O processo para adicionar um aplicativo na App Store (store.apple.com/br) burocrtico, mas o melhor caminho para quem deseja entrar no mercado de desenvolvimento
locaweb
59
AppStore.indd 59
1/24/11 4:46 PM
::lw_desenvolvimento
tutorial :: aplicativos
De quebra, a inscrio no sistema da ma cara. O plano padro custa US$ 99 por ano, enquanto o plano para empresas sai pela bagatela anual de US$ 299. A criao de uma conta de desenvolvedor no Android Market, por sua vez, pode ser inteiramente feita pela web. O custo do processo de US$ 25, valor que pode ser transferido por meio da ferramenta Google Checkout. O mecanismo simples e rpido. E ao contrrio do que acontece na loja da Apple, a conta de desenvolvedor de Android no expira depois de um ano.
Envio do aplicativo e processo de aprovao // No Android Market, no h
Aplicativos simples, como o Trapalho, desenvolvido por Caio Begotti apenas para aprender a programar com a SDK do iPhone, podem fazer sucesso e abrir portas
burocracia para colocar o aplicativo venda. Basta compilar a aplicao, acessar a conta no sistema, preencher algumas informaes (ltimas modificaes, nmero de verso, screenshots, preo) e fazer o upload. O aplicativo estar disponvel para a distribuio logo em seguida, seja ele gratuito ou pago. Com a Apple, as coisas no so assim to simples. O princpio o mesmo, basta compactar o aplicativo, fazer upload na App Store e adicionar uma descrio, que deve ser acompanhada de um cone grande, um pequeno e um screenshot. Porm, aps o envio, a aplicao ainda
Apesar de o nmero de usurios do Android ter passado recentemente os de iOS, segundo a empresa Maya, no Brasil a demanda ainda maior por aplicativos iPhone e semelhantes
ser avaliada. Se tudo estiver de acordo com as exigncias da turma de Jobs, em uma semana o aplicativo deve ser aprovado e, ento, adicionado loja. Caso haja algum problema, como um bug, ou se o aplicativo no cumprir tudo o que diz fazer, pode haver rejeio. Nesse caso, h a necessidade de adequ-lo s exigncias da Apple e envi-lo novamente, recomeando todo o processo, o que poder atrasar o lanamento. Esse passo pode ser refeito quantas vezes forem necessrias. Muitos desenvolvedores reclamam que o processo de aprovao obscuro e subjetivo. Alguns acusam a Apple de paranoia. A empresa defende-se ao afirmar que seleciona apenas aquilo que existe de melhor para os seus clientes. Dessa forma, para no ter o aplicativo negado, sempre bom seguir com cuidado as guidelines. Ao analisar os softwares oferecidos pela loja do Google, pode-se dizer que a Apple, muitas vezes, tem razo.
O Xoom o primeiro tablet a ter um processador Dual-Core. Ele traz o Honeycomb, Android feito para esse tipo de aparelho 60
AppStore.indd 60
1/24/11 4:46 PM
as No jas
l
Apple e Google so excelentes opes de negcio no mundo mobile, e o mais interessante que a escolha no exclusiva. O desenvolvedor pode iniciar com uma empresa e depois aprender tambm a outra plataforma
H muitos aplicativos de pssima qualidade na Android Market, muitos deles desenvolvidos com o intuito nico de ganhar dinheiro fcil, sem fornecer funcionalidades interessantes. H, inclusive, alguns que tentam explorar falhas do sistema operacional e prejudicar o usurio. Por causa desse problema, algumas grandes empresas, como a Amazon, pretendem lanar suas prprias lojas. E com poltica de qualidade exigente, semelhante a praticada pela Apple. Desenvolvimento corporativo: Existe uma grande demanda por aplicativos corporativos. A grande dificuldade aqui, porm, montar um bom portflio e uma equipe de vendas e de desenvolvimento capacitada. O mercado corporativo procura empresas com experincia na rea e que esto aptas a darem a soluo no tempo contratado.
Alm dos produtos da Apple e dos vrios modelos de smart phones que rodam Android, o mercado de aplicativos ganhou espao com a chegada do iPad e de tablets similares. Tudo indica que novidades viro por a e que o setor crescer ainda ma is.
Remunerao // Existem basicamente

trs maneiras de se conseguir remunerao nesse mercado. Confira: Venda na loja: Esse um modelo ainda pouco explorado por aqui, pois o brasileiro no tem o hbito de comprar aplicativos. Tambm h o problema da falta de visibilidade dentro de um mercado com milhares de aplicativos novos sendo lanados frequentemente. Alm disso, 30% da remunerao fica para as lojas e ainda sobra o imposto para o programador pagar. Publicidade: Essa, provavelmente, a forma mais fcil de comear a ganhar dinheiro. Se o aplicativo for popular e tiver vrios downloads, h a possibilidade de alugar espaos publicitrios e faturar dinheiro com isso. Hoje, existem empresas que pagam por view, isso , de acordo com a quantidade de vezes que o anncio aparece ou por cliques em banners. As mais famosas so iAD e AdMob.
Mercado de trabalho // De acordo

com o International Data Corporation (IDC), o nmero de downloads de aplicativos foi de, aproximadamente, 10,9 bilhes em 2010 e pode crescer para quase 76,9 bilhes em 2014, em uma movimentao de US$ 35 bilhes. Empresas do mundo inteiro querem aproveitar o calor desse mercado, e o Brasil no est de fora. Maya, LiveTouch e FingerTips so alguns dos grupos nacionais de mdio porto que j atuam no mercado de mobile. Essas companhias tm dificuldade para contratar profissionais e sempre oferecem vagas para desenvolvedores. Se voc deseja entrar nesse mercado, entrar em contato pode ser uma excelente oportunidade para comear uma carreira no desenvolvimento de aplicativos para dispositivos mveis. O processo burocrtico e fechado da Apple, somado taxa anual cobrada, acaba desanimando os iniciantes. Porm, a empresa construiu uma imagem slida, cativando clientes do mundo inteiro com a oferta de aplicativos de alta qualidade. Dentro desse cenrio, mesmo com algumas desvantagens, essa plataforma se mostra como a mais interessante no incio. Vale arriscar.
nes i l e d i Gu p Store
Ap
r dentro dos s Para ficar po com as linhae documentos as pelo tim ad ot ad gerais da App o de aprova se: es ac , re to S ple.com/ developer.ap lines.html appstore/guide m/ ple.co developer.ap delines.html ui /g re to apps
locaweb
61
AppStore.indd 61
1/24/11 4:46 PM
::lw_programao
tutorial :: CSS para webdesigners
CSS para webdesigners

Domnio de Meta-tags e CSS tornou-se fundamental para os profissionais atenderem os requisitos exigidos pelos novos dispositivos mveis do mercado
Por::Joo Felipe Lima
Meta-tags adequadas e CSS (Cascading Style Sheets) pode ser fundamental para dar um up na carreira.
Logo no primeiro momento em que se pensa em desenvolver para todos os dispositivos mveis disponveis atualmente, a dvida que martela a cabea dos webdesigners antenados : como realizar o teste para que o site funcione perfeitamente para todos os dispositivos? A questo que o procedimento no fisicamente possvel, j que a quantidade de aparelhos a serem atendidos muito maior do que o nmero de simuladores existentes. Evidentemente que, durante os testes iniciais, de posicionamento, realizados apenas para o desenvolvimento da ideia, aceitvel redimensionar o navegador. A partir da, entretanto, a abordagem tem de ser mais dinmica.
Aumento da rede 3G no Brasil e no mundo, desenvolvimento de smartphones cada vez mais smarts, sucesso de tablets como iPad, da Apple, e Galaxy S, da Samsung... , o tempo em que se desenvolvia um website com a simples preocupao do navegador usado pelo internauta ficou na saudade. O advento das novas mdias com suas diferentes telas e resolues ampliou consideravelmente o horizonte de criao online e passou a oferecer diversas possibilidades de desenvolvimento. Desprez-las um retrocesso profissional e, dentro desse cenrio, o domnio de
Primeiras visualizaes dos dispositivos mveis // Ao realizar os primeiros acessos de um

dispositivo mvel ou tablet, comum perder um valioso tempo de navegao ao realizar uma srie de zooms nas pginas no preparadas para o acesso desse tipo de meio de comunicao. Ao fazer o primeiro teste de uma pgina HTML com um simples texto, a exibio em um dispositivo mvel com o navegador Safari Mobile, por exemplo, muito diferente da pgina divulgada em um desktop ou notebook. Basicamente, o texto fica simplesmente ilegvel sem o uso de zoom, como ilustra a imagem abaixo:
Safari Mobile, por exemplo, um dos navegadores do mercado que necessitam de desenvolvimento especfico para rodar pginas legveis 62
Quando o acesso ao site realizado por meio de um dispositivo diferente de um desktop ou notebook, o tamanho da tela reduzido. Afinal, o habitual desenvolver com vista na resoluo mdia de 1024 x 600 pixels,
locaweb
CSS para Webdesign.indd 62
1/24/11 4:40 PM
enquanto os dispositivos mveis trabalham com variveis totalmente diferentes. S para citar alguns exemplos, o Nokia N-Series trabalha com 240 x 320 pixels, enquanto o iPhone roda em 320x480 pixels e os BlackBerry giram entre 160 x 160 pixels e 324 x 352 pixels. No exemplo supracitado, o navegador entendeu que o site conta com o tamanho de uma pgina web normal, com cerca de 980 pixels, mesmo no ocupando esse espao. Para esse e outros problemas, preciso usar Meta-tags. Especificamente nesse caso, vamos usar a Meta-tag Viewport. Para isso, preciso adicion-la da seguinte forma:
Aps o uso da Meta-tag Viewport, possvel ler o texto simples sem a necessidade de zoom. Assim, o navegador entende que a pgina desenvolvida tem 320 pixels
<meta name="viewport" content="width=device-width"/>
Aps a insero dessa Meta-tag, confira o resultado que aparece na tela acima direita. A captura mostra que a informao est legvel. O procedimento adotado apenas informou ao navegador que a pgina desenvolvida tem 320 pixels, e no 980 pixels, como o aplicativo deduziu no primeiro momento. Em vez de apenas informar o tamanho real (320 pixels), o qual atenderia apenas o caso do iPhone, mais simples usar essa tcnica, que deixa de forma dinmica o tamanho do dispositivo que ir acessar a pgina. Essa Meta-tag responsvel por controlar as dimenses lgicas e dimensionamento da janela do navegador. Com suporte para Safari Mobile, navegador do Android, Opera mini e Mobile, webOS (Palm), Internet Explorer Mobile e o browser do BlackBerry, ela atende
Propriedade do Viewport Exemplo de uso
O advento das novas mdias com diferentes telas e resolues ampliou consideravelmente o horizonte de criao online e passou a oferecer novos campos de desenvolvimento
a quase todos os meandros do mercado atual. Seu uso, portanto, fundamental durante configuraes e customizaes para os dispositivos mveis.
As propriedades desta Meta-tag // Caso a ideia seja abordar realmente todos os dispositivos mveis, existe a possibilidade remota de adotar a Meta-tag Viewport. Todavia, ela no suportada por alguns aparelhos celulares, especialmente os mais antigos.
Descrio
width height initial-scale minimum-scale maximum-scale user-sc alable
width=320 width=device-width height=480 height=device-height user-scalable=no initial-scale=2.0 maximum-scale=2.5 minimum-scale=0.5
Largura lgica da janela em pixels (device-width) Altura da janela em pixels (device-height) Especifica se o usurio vai poder realizar o zoom (0-10,0) o valor referente ao zoom out (0-10,0) o valor referente ao zoom in (0-10,0) o multiplicador que define a escala 63
locaweb
1/24/11 4:40 PM
::lw_programao
tutorial :: CSS para webdesigners
criado especificamente para as novas mdias, provavelmente muitos dos contedos originais para desktop e notebook vo receber a propriedade:
display:none;
Essa propriedade faz com que o elemento HTML no seja renderizado. Assim, a classe no exibida. No desenvolvimento de sites para dispositivos mveis, importante ficar atento ao fato de que no ser usada apenas uma coluna, diferentemente do que realizado normalmente. O espao Pginas separadas em mdulos, ao terem um CSS especfico para sites, passam a exibi-los um abaixo do outro em dispositivos mveis, como mostra este exemplo para leitura de forma horizontal reduzido e transformado apenas em leitura vertical. Assim, pginas separadas em mdulos, ao Nesse caso, mais recomendvel usar outra Meta-tag, a terem um CSS especfico para sites, passam a exibi-los HandheldFriendly, adotada pelos primeiros aparelhos que um abaixo do outro em dispositivos mveis. surgiram no mercado. A captura de tela acima esquerda mostra como fica um site mobile e como a pgina original para <meta name="HandheldFriendly" content="true"/> desktop ou notebook. Ciente de que todos os elementos HTML Poder do CSS // Ciente do poder do CSS e da possuem um estilo incorporado, existe uma tcnica para compatibilidade do documento com dispositivos mveis, desenvolvimento desktop e notebook chamada CSS us-lo, sem dvida alguma, a melhor maneira de comear Reset. Esse recurso faz com que todos os navegadores a desenvolver para multiplataformas. Afinal, com os trabalhem com os atributos iniciados com o mesmo diferentes tamanhos de tela atualmente disponveis, no se valor, evitando, assim, alguns possveis problemas de pode exibir exatamente o mesmo contedo para todos. E compatibilidade entre browsers. Existem inmeras a que o CSS facilita a vida dos webdesigners. maneiras de se realizar o CSS Reset. Como exemplo, Para se dar bem ao trabalhar com o CSS em um vamos adotar a apresentada por Eric Meyer. arquivo externo, alm do arquivo usado para desenvolver aconselhvel aproveitar o momento da o site para desktop e mobile, preciso usar outro CSS execuo desse CSS Reset em dispositivos mveis especfico para dispositivos mveis. Existe uma tcnica que para realizar configuraes iniciais de seu projeto. faz com que esse documento seja chamado apenas pelos Entre elas, destacam-se o tamanho da fonte, que, aparelhos correspondentes, que a seguinte: para os novos aparelhos, tem de ser um pouco maior. A customizao do CSS Reset fica a critrio de seu <link rel="stylesheet" href="styles/styleMobile.css" type="text/css" projeto. Confira o exemplo: media="handheld" /> Aqui, o caminho do CSS pode ser alterado no atributo href. O atributo mdia, por sua vez, responsvel pela distino do documento em questo para os dispositivos mveis. Na elaborao desse CSS
64 /* CSS Reset */ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
locaweb
1/24/11 4:40 PM
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family:Arial, sans-serif; /* Configurao inicial para dispositivo mvel. */ font-weight: inherit; font-style: inherit; font-size: 14 px; /* Configurao inicial para dispositivo mvel. */ outline: 0; padding: 0; margin: 0; border: 0; } :focus { outline: 0; } body { background: white; line-height: 1; color: black; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
CSS3 + HTML5 // Quando o objetivo abordar apenas dispositivos mveis novos, o desenvolvimento tende a cair em CSS3 + HTML5, j que eles contam com os navegadores mais novos em relao aos de desktop e notebook. Essas linguagens tm uma evoluo enorme em relao a suas antecessoras e, caso o objetivo do site seja atender apenas novos dispositivos, a melhor maneira de desenvolver ser explorar esses novos recursos e as facilidades dessas linguagens. J existem desenvolvedores, inclusive, que usam as ferramentas apenas para o site especfico de dispositivos mveis, por obterem inmeras facilidades. Infelizmente, porm, usar CSS3 + HTML5 para todos os ambientes, seja dispositivos mveis, desktops ou notebooks, ainda no aconselhvel, ao menos por enquanto. Mesmo assim, interessante estudar e ficar sempre por dentro do assunto, pois essas tecnologias certamente vo vingar no futuro.
ebOS, da Palm, e W Opera mini e Mobile, entre outros, esto entre os navegadores cuja Meta-tag Viewport oferece suporte. Seu uso fundamental durante configuraes e customizaes para os dispositivos mveis
locaweb
65
1/24/11 4:40 PM
Empresas e prossionais liberais que oferecem servios de desenvolvimento de sites
::lw_parceiros
Fbrica do Design www.fdd.com.br
GV8 Sites e Sistemas www.gv8.com.br
Click Evolue www.clickevolue.com
Balaio www.balaiodesign.com.br
Designlndia www.designlandia.com.br 66
Indstria Virtual www.industriavirtual.com.br
locaweb
Parceiros.indd 66
1/24/11 4:18 PM
Coisas assim no so fceis de encontrar

Contrate um plano de hospedagem de sites na Locaweb e ganhe a primeira anuidade de um novo domnio.
E mais: a Locaweb oferece diversos benefcios e servios gratuitos para tornar seu site mais conhecido na Internet. Conra:
Locaweb.com.br/DominioGratis
Vlido para registros de domnios solicitados no momento da contratao do plano de hospedagem.
An_Hospedagem1ano_205x275_f.indd 1
5/13/10 3:54 PM
kwarup.com

Locaweb26 PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Locaweb26 PDF

Transféré par

Droits d'auteur :

Formats disponibles

WebDesk :: Many Eyes :: Games sociais :: Google Chrome OS :: CSS para webdesign

LOCAWEB :: O PODER DO JOOMLA

::lw_c apa_jo omla

::10 Mandamentos do SEOIN 28 TUIT I

Claudio Gora editor@locawebemrevista.com.br

Locaweb em Revista Edio 26

LOCAWEB :: O PODER DO JOOMLA

Aydano Roriz Luiz Siqueira Rodolfo Carrara Tnia Roriz

Um espetculo real de solidariedade

O canal direto entre voc e a equipe de redao da Locaweb em Revista

Envie seu e-mail

Data Center LoCaweb. o nmero Da GrenDene.

Luis Cezar tamiosso

Pense grande. Pense solues corporativas Locaweb.

As novidades da Locaweb, a maior empresa de servios de internet do Brasil

o Segunda gera ing

vo Locaweb anuncia no mento modelo de gerencia de infraestrutura de TI

O maior Data Center verde da Amrica Latina

Teclado a energia solar

Digital com a sua cara

Notebook 3D feito no Brasil

Conra alguns clientes da G4web

RED BULL mosqueteiros.redbull.com

GYM FOR KIDS www.gymforkids.com.br

SO FRANCISCO SADE www.saofranciscosaude.com.br

Um novo olhar da comunicao

Onde est o melhor contedo?

Solues desenvolvidas pela Locaweb para melhorar a experincia na rede

WebDesk preciso organizar o atendimento

Um novo jeito de fazer infogrficos

o nome vem O nome Joomla vem do

inistrio da M Educao: um dos motivos de boa

cita Yukio, do Venda de Sites.

ponto negativo do Joomla Um a documentao das

um site apenas para Se publicar informaes e

Como usar o Joomla

Aqui, voc encontra os desenhos, tendncias e inovaes grcas da web

Stock Photos - www.webdesign.org/webdesign-basics/stock-photos/page-1.html Free Stuff - www.webdesign.org/free-stuff/ fonts/page-1.html

istema se baseia na S filosofia simplista do Google e prximo do

De olho nos dispositivos mveis

De onde vem todo esse contedo

A fazenda de ouro da internet

A bblia da Fotografia para profissionais e amadores

O que h de novo e melhor no design brasileiro e mundial

Agora com uma revista grtis s sobre iPad e iPhone

Preview de jogos, games detonados, dicas e truques

Revista exclusiva do fascinante universo Nintendo

A mais respeitada publicao de games do mundo

st as da Editora Europa tambm no iPad,

D at para buscar um assunto do seu interesse, digitando apenas uma palavra-chave.

Sempre um passo frente.

Aes criadas pelos clientes da Locaweb para melhorar a internet e o mundo

Incluso real por caminhos

a ajuda da equipe Com de desenvolvimento e

Soluo no pedal da mquina de costura

De olho no Google Chrome OS

Como publicar seus aplicativos

mveis do mundo. A companhia exibe bilhes de anncios mensais

Envio do aplicativo e processo de aprovao // No Android Market, no h

Remunerao // Existem basicamente

Mercado de trabalho // De acordo

CSS para webdesigners

Primeiras visualizaes dos dispositivos mveis // Ao realizar os primeiros acessos de um