TUDO O QUE AS a PAGINAS E SERVICOS e PRECISAM PARA $e FICAR PRONTOS PARA A NOVA WEB TUTORIAIS pets ee com recursos avancados APLICATIVOS Um kit de essenciais para a web 2.0 ANUNCIOS Transforme 0s. cliques dos visitantes em dinheiro e programas para levantar a audiéncia HS Novos NegOclos | CARREIRA | SEGURANCA =AHostnet disponibiliza gratuitamente aos seus clientes 0 > #) Instalador Automatico com varios aplicativos da Web 2.0. Blog, album de fotos online, CMS, loja virtual com A meios de pagamento inclusos, curso a distancia, forum e muito mais. Todos os meses, UM NOVO pianos a partirde aplicativo no Instalador da Hostnet facilita o uso ps das ferramentas livres mais populares na internet, aia sem custo adicional. =—_ se Veja a lista completa em http://instalador.hostnet.com wew.hostnet.com Hospedagem de sites e registro de dominios Toda sa com 30a tise anda relatoo de acesso 0 seem tempo real 20G0 para ematis IMAP com anise fio an spam, gerenciador de arquos online. esparo com cetcado seguro SSL suporte 24 horas por tletone em todo Bra Paine! DE PAGARE ce contoie aesemonco com sugesties dos clentes. Profasionats Web constrtor de sites WeDFaci e muto masconteuido SPAY ares erty USTs ECs URN One tery SE enc bY eer es ajato PR a ne Reo) OUT) Ps Pte SILI PRs n cy la) eae ae or a nova web Bele Ure Baie) arg Pelee (8 aL Baten rata eS erecta nt UR ont) a rede DR Cee) CE een eT bere ear ici) 51. Banners que flutuam Tey LS een ie cen) 0 Google Faculdade Impacta: aulas com 0 apoio da web 2.0 [eye ne eet ts LY] PMI oe ot Ty by Broker arrears’ a 61 oc A Ue caonome nn Teeny ay Sale Ey ae e cer UN) i CT RS ee teen Ea cree enc) Cee he ee ea CR Eau} DL cry Peery) Eun pr nee eee Va ameagas da web 2.0 Cn meets Uy SE ea ey 69 sites mais amigaveis internet 2.0 eae) Fyrecadodaredacao” Pad fh a JiR efinitivamente, a web nao é mais a mesma. /As paginas estaticas e pouco ou nada in- terativas ficaram mesmo no passado. Ne- nhum internauta de carteirinha abre mao hoje de interferir na producao de contetido, seja votando nas noticias que aprecia, seja publicando seus videos e blogs ou atuando em projetos colaborativos. Quem desenvolve sites e elabora interfaces para paginas web estd tendo de se adaptar aos novos tempos. ‘As demandas atuais exigem novas ferramentas de trabalho, renovacao de conhecimentos e maneiras diferentes de trabalhar. A Coleco INFO Sites 2.0 trata dessa tendénciae tenta dar uma forca para quem esta nos bastidores da nova web. Em que apostar? No que as empresas esto de olho? Para onde apontam os interesses dos internautas? Como ganhar dinheiro? Quais soos me- thores meios para se destacar entre tanta informacdo e aumentar a audiéncia? Nas paginas a seguir esto respostas a essas e outras diividas que costumam in- quietar quem tem presenga online ou esta envolvido com a produgo de sites, Do ponto de vista pratico, trazemos testes de alguns dos melhores aplicativos que ajudam a transformar boas idéias em paginas web reais e tutoriais que mostram, passo a passo, como realizar alguns projetos en- contrados cada vez mais freqden- temente em sites que representam anova geracao da internet. MARIA ISABEL MOREIRA EDITORA DA COLECAO INFO. coursho INFO uma pubieacio mensal da eatora Abit Para contatar a redacio: atleitorinfogabeiLcom br ‘Para assinar a Colegio: (3347-2121 ~ Grande Sio Paulo {080-701-2828 ~ Demaislcaldades abriLassinaturas@abri.com.r OVA WEB > EpIGAo: Maria Isabel Moreira | EDITOR DE ARTE: Mauricio Medeiros > CAPA: Crystian Cruz e Cellus > COLABORADORES: ‘André Cardozo, Bruno Ferrari, Carlos Machado, Cibele Gandolpho, Eric Costa, Francoise Terzian, Helio Silva, Juliano Barreto, Lucia Reggiani, Marco ‘Aurélio Zanni, Mauricio ‘Grego, Osmar Lazari Ricardo Soares, Rosa Sposito, Toni CCavalheiro (textos), Ulysses Borges de Lima (revisio) 1} Veja os critérios de Svaliaglo da NFO em detalnes na web em ‘wwrwcinteabricom, bbr/sobre/infolab.shi. ‘PA lista das lojas onde os ‘rodutos testados podem Ser encontrados esti em wwrw.info.abril.com. bbr/arquivo/onde.shl.cores A Abit Fundador: Vicor Civita (1907-1990) ‘Presidente Editor: Roberto Chita ‘Vice Presidents: ai Mendes Leal, Mauro Calla Consetvo tao Roberto Civita (President), ‘Thomaz Souto Cora (Vice Presiden), Jose Roberto Guzz0 Diretora de Pubicdade Corprative: Thais Chede Soares B. Barreto Deetor Superintendents: Alexandre Caldini ‘Diretor de Nodeo: Sandra Carvalho Diretora de Redact: Debora Fortes Aedatorchte Mou Grp Bret de rte Cran Cruz ee san ores Ao Lape ane Bart Kats Atma Mara ae Mora Siva Ralero ‘saprios: Bruo Fear e Marc Aue Zan aint de Ar: eleson Baa Designers Cala Heri € Wages Rode. olabradors: Daun Marque ohn CDrorak fea Las Cr (oar de sistemas) Sea remo eee See ee zeae aero peeeroome ee ae eee es Eee eee eeito opcdes para procurar de pessoas Google detém hoje nada menos que 66% do mercado de busca (veja grafico na pa- gina ao lado), segundo os ntimeros do ins- tituto de pesquisas americano Hitwise. A interface espartana ea velocidade so algumas das razdes res- ponsdveis pelo sucesso do Google, masa ferramenta também enfrenta desafios. Um deles é a crescente pratica de webspam, que requer constante atuali- zaco do algoritmo de busca para que a qualidade dos resultados seja mantida. Outro ponto relevante 6 0 aumento das buscas por contetidos especificos, como dudio e video. Nessa area, a empresa anunciou recentemente a busca universal, que comecaacom- binar diversos tipos de contetido nos resultados do Google. Mas esse recurso ainda nao esta em ponto de bala. Por isso, na hora de uma busca especifica, a melhor solucao pode ser um site pouco badalado. ® viDEO, AUDIO E GENTE Um bom representante da nova onda de buscadores € a blinkx (wwwblinko.com). Excelente op¢ao para busca de video, a ferramenta traz resultados de diversos a videos por anoré carooz0 sites especializados, como MSN Video, Google Video e YouTube. Além disso, a blinkx tem uma série de ajustes de interface titeis para acessar o contetido com maior agilidade. Pode-se, por exemplo, ver uma prévia do video buscado na prépria pagina da blinkx, sem a necessidade de ir até a fonte do arquivo. Ainda na area de buscas especializadas, quem faz pesquisas por musica e imagens conta com alia- dos poderosos. A Picsearch (wwwicsearchcom) traz boa variedade de resultados na drea de imagem e possui uma interface mais limpa do que a da busca de imagens no Google. Ja a Gruuve (www.gruuve.com) & bem mais do que uma simples ferramenta de busca especializada em audio. 0 servico funciona também como uma comunidade de aficionados por miisicae permite o upload de arquivos MP3 para montagem de playlists, executadas em modo de streaming. A pipl (wwmpipL.com) mira um nicho mais inusitado: a busca de pessoas. Com base em nome, sobreno- me e localidade, a ferramenta fornece enderecos fisicos e perfis encontrados em sites como Flickr, MySpace, Amazon, Facebook, Linkedin eaté no brasi- blinkx Over 18 miltion hours of video. Search it all. money!leiro Via6, Para chegar a esses resultados, a pipl pes quisa a chamada “web invisivel”, conjunto de infor- ‘mages guardadas em bancos de dados muitas vezes ignorados por servicos convencionais de pesquisa. @ INOVACGES NA INTERFACE Enquanto ferramentas como a Picsearch e a pip! se dedicam a um tipo de busca especifico, outros servicos procuram atrair 0 usudrio com interfaces vadoras. O Quintura (www.quintura.com) aplica o con- de nuvem de tags a sua ferramenta. Quando o usuario faz uma busca, 0 site mostra um grupo de tags relacionadas ao termo pesquisado. Entdo, basta passar 0 mouse sobre as tags para aprofundar gra- dativamente a busca. Os resultados sao atualizados dinamicamente na parte direita da tela. \Veteranissimo na area de buscas, 0 Yahoo! comeca aapostar em uma nova abordagem. Ainda em testes, a Yahoo! Alpha (http-//au.alphayahoo.com) combina numa ‘$6 pagina resultados da web, fotos do Flickr, posts do Yahoo! Respostas, videos do YouTube e definicées da Wikipedia. Cada um desses componentes é tratado RKET SHARE DE BUS ‘Quem manda nas pesquisas — em % como um médulo, que pode ser posicionado ou eli- minado de acordo com a preferéncia dos usuarios. © Yahoo! Alpha também permite a inclusdo de mé- dulos de pesquisa de outros sites, desde que sejam compativeis com o padrao OpenSearch. @Tupo-EM-uM Como nem todo mundo tem os recursos do Yahoo! para investir em desenvolvimento, alguns sites de busca atuam com uma proposta mais simples. Eles combinam diversos servicos de pesquisas ja existentes em um sé lugar. O FindForward (www.ind forward.com), por exemplo, serve como ponto de par- tida para 22 tipos de busca. Entre elas estao opgdes comuns, como Google e Amazon, e buscas curio- sas, Como a que mostra Os sites que estao enviando links para uma determinada pagina da web. Outra ferramenta que combina muitas fon- tes numa sé interface é a Sputtr (www.sputtr.com). A partir da home, é possivel fazer pesquisas em servigos como Flickr, YouTube, Digg e em diversas ferramentas do Google. @ QAOOOOOEVOCI OUSOOOV2@EQ0UEL O@Q@L1S00MUEW4) Sputtr: pesqutendéncias | streaming de video VIDEO ABQ ral: Sabado, 1345. “Comega 0 festival em Cidade Jardim”, anuncia 0 locutor do Jockey Club de Sao Paulo, ao abrir os pareos do fim de semana no hipédromo. iida write “Nao ha saida, s6 ruas, viadutos e avenidas”, canta a banda Isca de Policia durante um show no bar Grazie a Diol, no bairro paulistano da Vila Madalena. Domingo, 9 horas. Com o tema anemias, comega na Rua Bela Cintra, em Sdo Paulo, a primeira aula do curso da Medcel, que prepara Em tempos de caos wareacr aéreo e trabalho 2 ‘ remoto, o streaming de video nunca esteve tao em alta nas empresas POR ROSA SPOSITO 8 | COLECAO INFOdo foi preci lugares citad acompanhai 4. Estava tudo no PC. tras e treinamento: de ser um coadjuvante nas empresas brasileiras. O maior apelo esta numa ganho de tempo e de dinheire pos de caos aéreo e nc Grazie a Dio!: Pee 20 vivo, de Sdo Pree onl > pisar em nenhum dos tré treaming, a transmissao é do tipo multica Pi lado para uma associagao ao broadcast usado pela TV, em 0,0 que aconteceu por que 0s sinais s4o distribuidos para varios recep- hows apales- tore ao mesmo tempo. Da para ser ao vivo, em de video deixou _hordrio marcado, ou sob demanda — no estil n- ado pelo YouTube e pelo Joost. No streaming bi irresistivel: v um delay médio de 20 segundos (na ainda mais em tem convencional, 0 atraso é de 3 segundos), que é do trabalho remoto. npo gasto entre a captura e o envio das ima:10 ro Peo gens para o servidor e a sua transmissao pela web. Também é comum a combinagao dos dois tipos de streaming: os videos transmitidos ao vivo sao gravados e armazenados num servidor, onde ficam disponiveis para acesso a qualquer hora. No Jockey Club de Sao Paulo, as transmissées das corridas de cavalos pela internet tem um papel fundamental dentro do projeto do presidente Mar- cio Toledo de fazer do turfe um esporte popular. “E © principal caminho para trazer novos apostadores para o Jockey”, diz ele. Além de permitir que as apostas sejam feitas pela web, o Jockey transmite as disputas dos pareos ao vivo, nos finais de se- mana e nas segundas-feiras 4 noite, para que o piiblico possa acompanhar 0s resultados. As ima- gens so captadas por 12 cameras espalhadas pelo hipédromo, enviadas para um servidor com placa de captura de video, no qual ¢ feita a codificagao dos sinais — com o Windows Media Encoder. De- pois, seguem para a LocaWeb, por meio de um link dedicado da Telefonica (com backup do Ajato) de 1 Gbps. A LocaWeb distribui a transmissao ao vivo e ainda armazena os videos, gravados automati- camente, que podem ser acessados pelo site ww. jockeysp.com.br. “Esse banco de gravacées das corri- das é importante porque as apostas sao feitas com base em prognésticos”, explica Toledo. Segundo ele, o volume de apostas vem aumen- tado — de junho a agosto de 2007, por exemplo, o crescimento foi de 11%. Num Unico final de sema- na de agosto, o movimento chegou a 2,4 milhdes de reais, somando as corridas de Sao Paulo e do Rio de Janeiro, que também sao transmitidas ao vivo pelo site. Boa parte desse crescimento vem da participago de novos apostadores, atraidos principalmente pela internet. SHOW AO VIVO Para o bar Grazie a Dio!,o streaming de video é uma ferramenta de divulgacao — especialmente para quem mora fora de Sao Paulo, Seu proprietario, 0 italiano Maurizio Longobardi, comecou a gravar, ha pouco mais de um ano, alguns shows realizados no bar para colocar no MySpace. Até que fez uma par- ceria coma Usina3 Interativa, que pretendia langar um portal para a musica independente. Batizado de Podfestival, entrou no ar no inicio de junho do ano passado, coma transmissao ao vivo de um show do Grazie a Dio!, que recebeu até 390 acessos simul- taneos, inclusive de outros paises. Desde entio, todos os shows das tercas-feiras so transmitidos ao vivo pelo www.podfestival.com. “é uma forma de divulgar o bar e os muisicos que se apre- sentam aqui, a um custo relativamente baixo”, dizLongobardi. Para captar as imagens, a Usina3 utiliza uma estacdo mével, composta por trés cAmeras de video profissionais, uma mesa de corte e um micro equipado com placa de captura de video eo software Windows Media Encoder. Do bar, os sinais — digitaliza- dos e comprimidos — sao enviados para um servidor de streaming da Usina3, por meio de uma conexao de 2 Mbps do Net Virtua. Com capacidade para até 2 mil acessos simultaneos, esse servidor faz a distribuigao da transmissao a partir do portal Podfestival. AULAS A QUALQUER HORA Transito congestionado e horas de espera no aero- porto s6 para assistir a um curso ou uma palestra? Problemas como esses também esto levando diver- ‘sas empresas a aderir ao streaming de video — que, de quebra, permite reduzir as despesas com viagens. Aeditora Medcel, por exemplo, que complementa os seus livros com cursos preparatérios para as provas de residéncia médica, trocou a transmissdo via sa- télite pelo streaming das aulas pela internet, para atender aos alunos em boa parte do Brasil. “A transmissio via satélite tem um custo alto e exige que 0 aluno esteja num lugar programado, na hora marcada”, afirma o médico Atilio Blanco Barbosa, presidente da empresa. Mesmo com aulas ‘aos domingos, muitos alunos nao conseguiam com- parecer a uma das unidades da Medcel no pais. Os pedidos de reprise aumentaram e, para nao gastar mais dinheiro com o aluguel de satélite, em 2006 ‘a empresa passou a transmitir algumas aulas pela web. Aproveitou a infra-estrutura de produgao que ja tinha — estidio, auditério e equipamentos - e contratou a WebCasters para fornecer a ferramen- ta usada na criagdo das transmissées via internet (com base no Windows Media Encoder) e a hospe- dagem dos videos em seu servidor de streaming. Hoje, ao comprar os livros preparatérios da Medcel, o aluno recebe login e senha, com os quais pode entrar no site www.medcel.com.br para assistir 4s aulas ao vivo, aos domingos, ou as reprises. Com a ferramenta da WebCasters, 0 professor pode incluir no video recursos como apresentacdes de slides em PowerPoint e até receber perguntas dos alunos, via chat ou e-mail. Outra vantagem, segundo Barbosa, so 0s controles que a ferramenta oferece. “Dé para saber quantos alunos assistiram a aula, em que ho- rério e quanto tempo ficaram conectados.” AS RECEITAS DO OLIVIER No ar desde 2004, 0 Programa do Olivier na Internet (www.olivieranquier.com.br) usa streaming de video para mostrar, Passo a passo, como se preparam receitas — por exemplo, a do legitimo créme brilée. A idéia surgiu do proprio padeiro e apresentador de TV Olivier Anquier, depois que seu programa na GNT acabou. “€ um novo canal de televisdo, independente e interativo”, diz ele - que hoje recebe 88 mil visitas por més em seu site.Secrets Esse tipo de controle e de interatividade também esta disponivel na tecnologia WebMeeting, desen volvida pela Atitude Midia Digital, Desde junho de 2007, 0 sistema vem sendo usado pelo laboratério sanofi-aventis nas palestras mensais, exclusivas para médicos, transmitidas ao vivo dos esttidios da Ati tude, em Sao Paulo, pelo site Cardiometabolismo.com. br. “Fazemos enquetes com os médicos que esto assistindo a transmissao e eles também podem en: viar suas perguntas, que so respondidas ao vivo", diz Andrea Mitelman, gerente de marketing digital da sanofi-aventis. Os trés primeiros eventos tiveram a participagao de 675 médicos. ABSH Continental, fabricante dos eletrodomésti cos das marcas Bosch e Continental, adotou o strea ming de video para dar conta do treinamento de sua rede de assisténcia técnica — cerca de 315 empresas espalhadas pelo pais — sem aumentar as despesas. “Temos um grande ntimero de lancamentos por ano, de produtos nacionais e importados, e por isso o custo do treinamento presencial torna-se proibit vo", afirma Carlos Eduardo Cavalheiro, supervisor de tecnologia e treinamento da empresa. Segundo ele, a despesa média por técnico, num curso presencial 6 de 130 reais por dia. € a BSH tem cerca de 2 500 técnicos cadastrados em todo 0 pais, que precisam ser treinados cada vez que um produto ¢ lancado. Desde 2006, a empresa vem usando a web para transmitir esses cursos. Os videos séo enviados pa- rao servidor do provedor DGL Net, em Campinas,rrr responsavel pelo streaming. Para vé-los, o técni- co pode usar até linha discada. 0 sistema oferece controles que permitem saber quem assistiu a0 treinamento, se chegou ao final, se fez a prova de avaliagao e 0 seu resultado. Atualmente, a empre- sa dispde de 11 videos. Cerca de 1 350 técnicos ja foram treinados por esse sistema. TV NA WEB Aexpansdio da banda larga e a redugao do custo das conexdes tém sido um forte estimulo para a adocao do streaming de video. “Para uma empresa, ¢ a me- thor maneira de se comunicar com varias pessoas a0 mesmo tempo”, afirma José Francisco Neto, sécio da Médulos, que atua nesse mercado desde 1998. Hoje, Qual a velocidade? 0 link de comunicagao para fazer 0 upload dos videos deve ser 10 a 50% maior do que 0 tamanho da transmissao. Para um streaming de 100 Kbps, é preciso pelo menos 110 Kbps. A banda no data center também deve ser suficiente para atender o nimero de usuarios previsto. Um streaming de 100 Kbps, para 100 pessoas, vai exigir 10 Mbps. OLHA A 25 DE MARCO! A regio da Rua 25 de Marco, em S40 Paulo, é um grande shopping a céu aberto, com cerca de 4 mil lojas. que recebem em média 350 mil pessoas por dia. Para mostrar esse movimento, principalmente para quem vem de fora, o portal Vitrine 25 de Marco instalou seis cameras de monitoramento na regio e, hd um ano, vem transmitindo as imagens ao vivo, 24 horas. S6.em marco de 2007, primeiro més de funcionamento das cameras, foram 260 mil acessos.ela tem dezenas de clientes de streaming — entre eles oUnibanco — e umainfra-estrutura que inclui quatro servidores dedicados a distribuicao de video. Na LocaWeb, o ntimero de clientes de strea- ming cresceu 102% em um ano, passando de 340 em setembro de 2007. 0s recursos de video estao embutidos em toda a linha de produtos da empre- sa. Os clientes dos servicos de hospedagem, por exemplo, contam com uma ferramenta online para conversao de formatos e a publicagao de videos para uso em sites e blogs. A Atitude inaugurou um terceiro estudio, em julho passado, para atender ao aumento da procura por ‘suas transmissdes ao vivo. S6 no primeiro semestre de 2007, fez 156 transmissdes desse tipo, a maioria para industrias farmacéuticas e de cosméticos, seus principais clientes. Além dos esttidios e equipamen- tos de produgao, a infra-estrutura da Atitude inclui quatro servidores dedicados — 0 de streaming tem capacidade para até 7 mil acessos simultaneos ~, um link de comunicacao de 8 Mbps, com redundancia. Jéa BroadNeeds, que foi criada em 2002 coma finalidade de transmitir eventos pela internet, teve faturamento de 2,2 milhdes de reais em 2007. As maiores demandas vém das reas de comunicacao, treinamento e eventos, mas 0 uso do streaming vem aumentando também em outras aplicacdes. © banco HSBC, por exemplo, incluiu o recurso de video no portal de investimentos que entrou no ar em julho do ano passado. Todos os dias, antes da abertura do pregdo na Bovespa, o www.hsbcinvesti imentos.com.br exibe um video com dicas voltadas pa- ra.os clientes que negociam ages na bolsa. “Uma pesquisa com esses clientes mostrou que o video tem mais apelo do que a mensagem de texto”, diz Paulo Levy, diretor do portal HSBC Investimentos. Na area de satide, as imagens so ainda mais, eficientes. A sanofi-aventis criou pequenos videos, que funcionam como um manual, para mostrar aos pacientes com diabetes como usar suas canetas para aplicacao de insulina. Eles esto disponiveis no www. diabetesnoscuidamos.com.br. JA 0 site www.diabetv.com.br oferece um canal de televisdo online com programa- ‘cdo dirigida aos diabéticos — cerca de 11 milhdes de pessoas no Brasil. Os programas trazem orientaces de médicos, fisioterapeutas, nutricionistas e até re- ceitas preparadas ao vivo ~ com direito a perguntas, enviadas por chat ou e-mail. @ CAMPANHA POR STREAMING Aagéncia dé publicidade McCann Erickson usa 0 streaming de video em campanhas publicitarias. Foi o caso da Viajante MasterCard, que teve um site proprio (www.brasilquenaotempreco.com. br), onde foi possivel assistir a0s videos das viagens jd realizadas. Em agosto do ano passado, a McCann colocou na web um novo filme publicitario, criado para mostrar os recursos do processador Intel Core 2 Duo. Baseado em tecnologia Flash, o filme tinha 14 minutos de duracdo, producao de cinema e uma série de recursos interativos = que permitiam, por exemplo, escolher 0 caminho que 0 personagem devia seguir. Ceresaplicativos | ruby onrails RUBY AO QUADRADO Um novo padrao para servicos web é uma das novidades do Ruby on Rails 2.0 POR TON! CAVALHEIRO m Java mais facil que 0 Java — essa é uma das frases que se ouvem quando 0 assunto é Ruby on Rails. Combinando rapidez no desenvolvimento com recursos poderosos, esse framework para criagao de aplicativos online ja se tornou um dos pilares da web 2.0. Agora, dois anos depois da versao 1.0, chega 0 Ruby on Rails 2.0, com muitas novidades. A principal é 0 uso do padrao REST (Representational State Transfer) para servicos web em lugar do mais conhecido SOAP. Ha também melhoramentos em varias fungdes existentes e nos recursos de seguranca. Para avaliar as novidades, © INFOLAB testou o InstantRails 2.0, pacote que inclui todos os itens necessdrios para desenvolver no Windows usando Ruby on Rails 2, © SERVICOS WEB ‘ntroca do padro para servicos web SOAP pelo REST 6a mudanca mais radical nesta nova versio do Rails. Embora 0 SOAP ainda seja suportado, ha methoramentos importantes nas fungées de acesso a dados via REST ea ‘maneira como 0 software é configurado ao ser instalado encoraja 0 uso desse padrdo. Em seu blog, 0 dinamarqués David Heinemeier Hansson, criador do Ruby on Rails diz ue 0 SOAP estava se tornando complicado demais e que 0 Uso de REST simplifica algumas tarefas. “A menos que vocé tenha necessidade absoluta de usar SOAP para integracao com outros sistemas, nés desencorajamos fortemente ssa op¢do”, diz ele. Hé um novo componente chamado ActiveResource, que encapsula servicos web e faz com que seja mais facil usd-los como fontes de dados. 44 0 antigo componente ActionWebservice, normalmente usado com SOAP, nao faz mais parte da instalacio padrao, mas ainda ode ser adicionado manualmente. Confira a seguir os destaques dessa nova edicao. @ MAIOR SEGURANCA © Rails 2.0 traz varios aperfeicoamentos na seguranca. Ele passa a suportar, por exemplo, autenticacio basica em HTTP (nome e senha) com criptografia SSL. € uma solucao trivial, mas eficaz, para permitir autenticacao segura de visitantes, 44 deveria estar no Rails ha muito tempo. Ha também suporte para 0 uso de um cédigo especial que impede 0 aplicativo de aceitar requisicbes de fontes desconhecidas. ‘Assim, um ataque ao site realizado por algum script nocivo rodando em outro servidor torna-se mais dificil. Entre os ‘ataques que podem ser evitados por esse método esto ‘aqueles conhecidos como cross site request forgery (CRSF) € ross site forgery (XSF). © CONSULTAS RAPIDAS Ha alguns melhoramentos importantes na maneira como ‘© Rails faz 0 acesso ao banco de dados. Para comecar, a versio 2.0 traz um cache de consultas. Quando uma consulta repetida, 0 resultado ¢ lido diretamente do cache, evitando a necessidade de um novo acesso a0 bbanco de dados. Com isso, hd melhora no desempenho de aplicativos que fazem consultas repetitivas. Além disso, 0 Rails 2.0 traz comaandos de redirecionamento que ppermitem transformar classes de um modelo em rotas a ‘ecursos, ou seja, mapear um objeto a um recurso-alvo. 1sso torna mais facil criar referéncias a registros especificos ‘no banco de dados. Nesta versio, 0s adaptadores para acesso a gerenciadores de bancos de dados comerciais no fazem mais parte da instalacdo padrao. Esto l4 apenas os, adaptadores para MySQL, SQLite e PostgreSQL. Os outros devem ser adicionados manualmente. © SESSOES VAO PARA COOKIES Em vez de guardar os dados da sesso do usuario ‘no servidor, como acontecia na versao 1.0, 0 Rails COLECAO INFO2.0 usa cookies armazenadas no préprio micro do internauta para isso. As vantagens s4o duas. Primeiro, ha um ganho de velocidade. Segundo, o administrador do servidor nao precisa mais se preocupar com a manutencdo do registro de sessdes. 0 método anti de armazenar 0s dados da sesso no servidor, ainda pode ser usado. Fica como op¢ao para aplicacées que exigem um nivel mais alto de seguranca. © VALIDACOES ValidagSes numéricas nunca foram 0 forte do Ruby on Rails. Para testar a validade dos dados digitados num formulario, por exemplo, havia apenas funcdes que ‘obrigavam que o campo recebesse niimeros inteiros e que permitiam o envio de valores nulos. Agora, o programador passa a contar com diversas funcdes para comparacbes entre niimeros e verificacao de paridade, além de uma que permite explicitamente que o usuario deixe campos em branco ao preencher 0 formulario. © DATAS PRECISAS AAlgumas falas do Rails foram corrigidas na versio 2.0. £0 caso das funcdes usadas para calculo de datas, por exemplo. Em muitas operacées, ela produzia resultados errados por considerar que um més tinha 30 dias em vez de determinar a duracao exata dos meses envolvidos. 0 problema foi resolvido nesta versdo. © DEPURADOR DE CODIGO 0 Rails conta, agora, com um novo depurador de codigo, ‘oruby-debug, que pode ser adicionado ao pacote com 0 instalador Gem. Com ele, o programador pode executar 0 COdigo passo a passo, observar 0 contetido de variaveis e analisar falhas no programa. Basta incluir 0 comando debugger no cédigo e iniciar 0 Servidor com a op¢30 -debugger. A ferramenta torna-se disponivel no terminal. {A ferramenta de montagem de programas Rake ganhou varios methoramentos. Entre as novidades ha, por exemplo, varios comandos para criar e alterar bancos de dados (como rake db:create, db:drop e dbireset); um comando que gera documentaco automaticamente com base nos comentarios inseridos no cédigo (rake notes); ‘e um que lista as rotas de acesso a dados (rake routes). Sao acréscimos bem-vindos, que podem tornar mais dgeis, ‘algumas tarefas durante o desenvolvimento. © POLIMENTO Ha uma variedade de outras pequenas novidades que podem facilitar 0 dia-a-dia do programador. 0 suporte a feeds Atom, por exemplo, foi bastante melhorado. ‘Agora, est mais facil criar um aplicativo que envia informagdes via Atom. No Rails 2.0 tornou-se possivel separar a renderizacao da pagina dos gabaritos que formam a interface com o usuario. isso traz maior flexibilidade na hora de desenhar as paginas. Por fim, ‘a nova versdo traz suporte ao padrao JSON UavaScript Object Notation) como alternativa a0 XML para ‘organizar 0 envio de dados. @ Tocaeate a new Rals app. cick the button below to open a consle vindow where you can tun the Ya command. Unies you configs the statu mode, the defen o stata Ras app peace (cameras) (aa) Ca er aN Py PA acote para 4e apiatvos online com Ruby on Rails 20 PRO Novos recersas pt permitem serarc impo e EGromiean abate de figtagio 'Nio hé melhoramentos signficativos no desempenho INSTALAGAO 72 A insalaco inclu o terri apace 0 gerenciador de bancos de ddados MySQL e algumas ferramentas ACESSOADADOS 7,2 E compativel com os ee Sam eee Saueeere prin PROGRAMACAO 8,5 spanaters = nesta versio DOCUMENTACAO 8,0 Ha dtima documentagao aa PRECO (RS) Gratis ONDE ENCONTRAR www.info.abril.com. AVALAGO TECNICA? CusTO/BENEFICOPARA CRIAI JATO aplicativos | django Baseado na linguagem Python, o Django é perfeito para a web 2.0 POR TONI CAVALHEIRO Django nao ¢ uma ferramenta das mais amigaveis, mas quem desenvolve aplicativos para a web com ele garante: depois que o programador pega o jeito, nao ha nada mais rapido para criar um site de contetido. Esse framework para desenvol- vimento de aplicativos na web nasceu na empresa Lawrence. com para gerenciar sites de no- ticias. Hoje, ele é utilizado em sites profissionais de alto tra- fego. 0 jornal The Washington Post, por exemplo, utilizou o Django para criar uma aplica- 40 que permite que os leitores pesquisem os votos dos con- gressistas americanos desde 1991. A AOL do Canada é ou- tro exemplo. Ela empregou o Django ao montar seu site de venda de miisicas online. Com © Django, um bom programa- dor de Python ¢ capaz de de- senvolver um site completo em poucas horas, inclusive com interface administrativa. 0 conceito chave do Django é a reutilizagao: se 0 desenvolve- dor criou um cédigo que fun- ciona, 0 préprio software fara com que ele 0 aproveite em outros trechos do programa. Vejamos, a seguir, uma analise desse framework. oer @ INSTALACAO 0 Django quase nao tem pré-requisitos. Roda tanto no Windows quanto no Linux, ja conta com um servidor web embutido e tem uma seco da documentacao que 6 fala sobre a instalacio. No entanto, apesar de ja estar plenamente funcional, o software ainda ¢ considerado beta fe tem mudado a cada nova versdo. Como a documentacio nem sempre acompanha essas mudancas, pode ser dificil segui-la, 0 que complica a instalacao. Em geral, é preciso instalar 0 interpretador da linguagem Python, a ferramenta de controle de versdes Subversion e o préprio Django. um programa faz a configuracao inicial. @ BANCOS DE DADOS ‘Como o Django foi criado para gerenciar contetido, ele é ‘compativel com a maioria dos gerenciadores de bancos de ‘dados do mercado. 0 software funciona bem com PostgreSQL ‘e MySQL, que vém sendo usados na maioria dos sites, construidos com o Django. Alguns sites de tréfego muito alto ‘empregam 0 Oracle. Também é possivel fazer o Django rodar com 0 SOL Server, da Microsoft, mas com algumas limitagbes. © PAGINAS DINAMICAS 0 Django nio oferece interface web e outros facilitadores para ajudar na criagio do site. Em vez disso, ele conta com um recurso mais profissional e que permite a reutilizacdode cédigo e de bibliotecas em Python ja existentes. 0 pprocesso comeca com a importacio de uma classe de um determinado médulo do Django ou do Python. Para gerar ‘uma pagina HTML, por exemplo, é sé importar a classe HttpResponse do médulo django.nttp. Depo, cria-se uma funcao utilizando essa classe e, na seqiiéncia, associa-se essa funcdo a uma URL. Cada vez que o internauta tentar ‘acessar essa URL, a fun¢do correspondente é processada e a classe HttpResponse gera 0 cédigo HTML. Uma das dificuldades do desenvolvimento na web é definir © ponto exato onde acaba o trabalho do programador ecomeca 0 do designer. Com o Django isso nao é problema: cada profissional pode fazer o seu trabalho simultaneamente e depois reunir tudo para concluir a aplicagao. A ferramenta ainda conta com gabaritos que facilitam bastante a finaliza¢ao de um site. Outro recurso muito itil do Django é a ferramenta que cri sites administrativos. Quem ja desenvolveu alguma aplicag3o mais complexa sabe 0 trabalho que da elaborar ‘a parte de administrac3o. Com o Django isso jd vem pronto, Mas, claro, & preciso conhecer programacao em Python para ativar esse recurso. @ APRENDIZADO Iniciantes em Django podem consultar um livro online Sratuito (wwnudiangobook.com) que possibilita que os pprogramadores conhecam a ferramenta em pouco tempo. E claro que esse livro nao ensina a programar em Python, mas um desenvolvedor experiente nao tera problemas para se adaptar linguagem. Hé também um tutorial online que ‘mostra como dar os primeiros passos com o Django. @ TURMA DO PYTHON Fazendo uma avalia¢ao geral do Ojango, ¢ facil concluir que se trata de uma excelente ferramenta, que traz grande produtividade no desenvolvimento. A inica ressalva ¢ que ela sé vale a pena para quem ja desenvolve em Python. Se ndo for esse o caso, é melhor investir em tum framework mais amigavel, como o Ruby On Ri numa ferramenta comercial. @ ® RUBY ON RAILS © mais conhecido concorrente do Django entre os frameworks da web 2.0 6 0 Ruby on Rails (leia matéria Ruby ao quadrado nna pagina 15). 0 site Measure Map (www.measuremap.com), do Google, or exemplo, foi construido com’ ele. Mais antigo que o Django, ele esta, também, mais maduro. Framework baseado ‘em Python para 0 desenvolvimento de aplicativos online ermitecriar sites de contetdo com rapidez ‘A instalagio ¢ complicada e ‘uso requer conhecimentos sélidos de Python 68 Ainstalacio exige cuidados ‘Por causa dos diferentes, equisits de cada versio 82 (05 templates permitem fenraceter a programacao simultaneamente ‘Alem das diversas classes ‘do Django, ha a biblioteca padréo do Python 68 Ha.um bom tutorial, mas as diflerencas entre verses ‘riam dificuldades PRECO (RS) Gratuito ONDE ENCONTRAR worminfo.abriLcom.be/ ‘download/5028.shtmi AAYALIACAO TECNICA” CUSTOY/BENEFICIO Teen oropee or nammsnene dpecrvon Peas nesta oe esc oe Eres GON Euros pcs Oo, BOCOMRTACAS EAH aS oqueé PRO ‘CONTRA INSTALACAO DESIGN DE INTERFACES PRONTOS a famupaCapacitacao de alto nivel na criacao e desenvolvimento de sites web 2.0. op Flash = Dreamwe FLEX treinamentos oficiais = software e licengas =consultoria cerlificagées ENG mI www.eng.com.br FER sinrranse 93396-3000 tormart +: 3024-4909 trastunt s: 3033-1070 — Adobe’aplicativos’ flash O FLASH Fé 0 PHOTOSHOP Um dos pontos altos da versdo CS3 esta na importacdo de imagens POR ANDRE CARDOZO ennon e McCartney. Bebeto e Romario. Page e Brin, Essas sao algumas das duplas que fizeram historia em suas areas de atuacao. Quando o assunto ¢ aplicativos de desenvolvimen- to, poucas duplas s4o tao importantes quanto a que junta o Photoshop, rei das imagens, e o Flash, que domina as aplicagées interativas. Até pouco tempo em lados diferentes do campo, os dois programas ficaram sob 0 mesmo teto com a compra da Ma- cromedia pela Adobe. 0 resultado dessa uniao é a maior integracdo entre Flash e Photoshop, um dos Pontos de destaque no Flash C53. A nova versao do Flash pode importar direta- mente arquivos PSD do Photoshop, mesmo que tenham diversas camadas. Na importacdo, permite escolher quais camadas serao importadas e como sero inseridas. € possivel ainda criar um movie clip diretamente a partir de uma camada. Anova versio da ActionScript incluida na versio CS3 também ¢ mais robusta e tem orientacao a ob- jetos mais completa. A sintaxe ficou mais parecida grama nessa linguagem. Uma aplicacao pratica da ActionScript 3.0 € o recurso de cépia de animacao para script, que deve ajudar bastante quem traba- Iha sempre com 0 mesmo tipo de animacao. Os componentes prontos do Flash so muito usados principalmente quando nao se tem tempo para criar objetos préprios. Na versdo CS3, a no- vidade € que a personalizacao desses elementos ficou mais facil. Ao dar um duplo clique em um componente do Flash, 0 aplicativo abre o submenu do objeto ja com opgdes de edigao a vista. O Flash CS3 também entrou na era da mobili- dade, Para facilitar a vida dos programadores que criam para plataformas méveis 0 novo Flash inclui © Mobile Device Central, Nessa drea, o desenvolve- dor encontra modelos de celular e informacdes so- bre tamanho de tela, sistema operacional e outras caracteristicas para simplificar seu trabalho. @ coma do Java, o que facilita a vida de quem jd pro- OQueé Programa paar Rd Boa integracio como Photoshop CONTRA ‘Sem grandes avangos na drea de desenho RECURSOS 90 Actionscript 20. mais robusta que a versio anterior wwrenract 8s Prins feramentas sanharam oes de otros Programas da Adobe REGO (RS)® 1538 AVALIACAO TECNICA CUSTO/BENEFICIO COLECAO INFO ponsehaePotognanb Os ccs ites REREETO SOS fa ue oer 0 Bou esereofn ADOBE RAPED HOWEB 2.0 COM 0 3ral aplicativos | 3rdraill A ferramenta da Borland CodeGear agiliza a criacao de aplicativos online POR TONI CAVALHEIRO alvez uma diferenca entre um fra mework gratuito e um comercial seja a amigabilidade. Enquanto alguns produtos pagos oferecem interface completa, que estimula a reutilizacao de cédigo-fonte, os gratuitos, em geral, depen- dem de editores em modo texto e deixam a organizagao da aplicacao a cargo do pro- gramador. 0 3rdRail, da Borland, é um am- biente de desenvolvimento completo para © framework Ruby on Rails, melhorando a produtividade e ajudando a organizar 0 aplicativo para facilitar sua manutencao. PRO ‘Automatiza tarefas e ‘organiza o aplicatvo, faciltando a manutengao ‘CONTRA Faltam recursos para ‘design de interfaces councuiagio Ainstalagd ¢ simples ode incluir Ruby on Rails ‘e MySOL ou Interbase PROGRAMACAO ” Tem editor de codigo pratico Srreiences 8, Falta recursos visuals para design Socunenraeaey 0 Incl times tutorials PREGO (RS) ns AVALIAGAO TECNICA CUSTO/BENEFICIO. @ INSTALACAO Instalar o Ruby on Rails nem sempre é uma tarefa simples. Mas 0 3rdRail resolve 0 problema com louvor. Logo que o instalador ¢ iniciado, surgem opcées para instalar 0 3rdRail, o Ruby on Rails, o InterBase 2007 ou (© MySQL Server 5. Basta ir clicando em Next para ter o ambiente instalado e funcionando sem complicacéo. Um dos raros pontos falhos encontrados pelo INFOLAB esta ina associagao entre a interface e os interpretadores de COdigo, que exigiu configuracao manual. @ BANCOS DE DADOS Como ja ocorre com o Ruby on Rails, o 3rdRail funciona ‘com os principais bancos de dados do mercado. Sempre ‘que se cria um modelo que requer campos e validacdes no banco de dados, o 3rdRail faz a conexao e define as tabelas e campos necessérios. No INFOLAB, esse recurso funcionou muito bem com o InterBase, da Borland. Também funcionou com o MySQL, mas isso exigiu a instala¢ao de uma biblioteca adicional. Uma grande vantagem do 3rdRail é que ele traz modelos prontos que o programador pode usar para iniciar um projeto. Além disso, 0 pacote inclui acessérios para os projetos existentes, incluindo ‘05 controles de versdes CVS e SVN. O uso é facilitado pela tima documentacao, que inclui videos explicativos (em inglés) e tutoriais. © ORGANIZA No lado esquerdo da fela do 3rdRail,o gerenciador de projeto da uma visdo geral do que acontece. Bastam alguns cliques para incluir um novo controle, por exemplo. 0 mesmo vale para todos os outros Componentes da aplicacao, como modelos, visualizagdes e layouts. 0 3rdRail nao oferece um ambiente visual como 0 do Visual Studio .NET. Mas, para ver como © aplicativo esta ficando, basta clicar em Run. © CODIGO-FONTE 0 3rdRail inclui um editor de cédigo-fonte com © pratico recurso de autocompletar. Quando 0 programador comeca a escrever um comando que exige um fechamento de cédigo, como um comando Class, por exemplo, 0 editor automaticamente coloca o End no local adequado. @ COLECAO INFO! 21aplicativos| visual studio O VISUAL STUDIO VAI DELINQ A versao 2008 do pacote da Microsoft usa a linguagem Ling para ‘acesso a dados por Jutiano BarRETO epois de dez anos no mercado, o pacotao para desenvolvimento de apli- cativos da Microsoft est4 ganhando mais uma versao. 0 Visual Studio 2008 traz recursos melhorados para desenvolvimento em Ajax e a pos- sibilidade de acesso a bancos de dados por meio da poderosa linguagem Ling. Também se integra melhor a outros produtos da Microsoft, como o Silverlight ea suite para design Expression. 0 INFOLAB avaliou a edicdo Professional do Visual Studio 2008, langada no Brasil no més passado pela Microsoft. Uma copia de avaliagao do pacote pode ser baixada no endereco www.info.abril.com.br/download/5037, shtml, Confira a andlise a seguir. nataxeol as 22 | COLECAO INFOPoet Ot Dag Het Tash Tot Sit Perera @ DADOS COMO OBJETOS Gragas & adocao da linguagem Ling (Language Integrated Query, ou Linguagem Integrada de Consulta), a manipulacdo de arquivos XML e de bancos de dados no Visual Studio ficou mais facil para quem esta acostumado ‘com linguagens orientadas a objetos. 0 INFOLAB verificou que é possivel criar consultas em C# ou em Visual Basic mesmo sem ter conhecimento de SQL. Além disso, © Ling permite conectar bancos de dados de diferentes tipos, aproveitando-se de estruturas jé existentes e de uma interface em que € possivel arrastar e soltar itens. @ INFORMACOES NA TELA A versio 2008 do pacote de desenvolvimento ‘oferece mais informacao para 0 programador saber onde est acertando ou errando. Ao abrir um arquivo XML, por exemplo, é possivel dividir a tela para ver, ao mesmo tempo, cédigo e resultado final. Cada mudanca ou adigao de informacao é refletida nas duas telas. Outra novidade é a janela que traz estilos CSS para ser usados diretamente Ao selecionar um item da pagina, é possivel observar quais estilos ele est usando e quais sio as propriedades ativadas. ‘A Microsoft langou um pacote de documentos que ajuda os iniciantes a explorar as novidades de sua suite de desenvolvimento. € 0 Visual Studio 2008 Training Kit. O material, em inglés, pode ser baixado de graca no endereco www.info.abril.com.br/download/5073.shtmi, Ferramentas na faixa Além dos pacotes comerciais, a Microsoft oferece ferramentas gratuitas, chamadas de Express, para programacao nas linguagens Visual Basic, C# e C++. Ha também um kit de desenvolvimento para a web. Sao boas ferramentas para aprendizado e pequenos projetos.VISUAL STUDIO 2008 ites Ne on oqueé Pacote para desenvolvimento de apicativos PRO Produz programas para desktop, web e hibridos CONTRA ‘56 funciona em Windows e as aplicagbes para a web dependem do servidor iS RECURSOS 90 +> LINGUAGENS ‘Visual Basic, Visual C# e Visual C++ > WEB ASP.Net usando Ajax + EDITOR DE C0160 Facitaproramagiosugerindocomandos +> ACESSO A BANCO DE DADOS Integracdo entre design e manipulacio de dados através da linguagem Ling INTERFACE a5 +> ORGANIZAGAO As ferramentas sto mostradas de acordo com o tipo de projeto, ea tela exibecBdigo e resultado ‘ao mesmo tempo +> ANUDA E DocuMeNTaChO HA descrigdo dos componentes na interface, tutorials € modelos prontos. COMPATIBILIDADE 6,5 ‘> SISTEMA OPERACIONAL —__Compativel com Windows Vista € XP 3 Sinvoon wes com tse ts? 3he Conte! com as verses 20,3035 da plataforma .Net_ PRECO (RS 958 AVALIAGAO TECNICA? CusTo/BeNeFico ipemge comverin 7m oa romeciog reo amma vo a Couras cmn ecumson won intact Gow CoamouAce GO ae OLECAO INFO @ VISTA E OFFICE Com um editor de cédigos XAML integrado, 0 Visual Studio 2008 oferece ferramentas para criar aplicativos para o Vista e para o Office 2007. 0 pacote é compativel com APIs nativas do sistema e ¢ capaz de atualizar aplicativos em C++, além de criar novos projetos de acordo com as especificacdes do WPF (Windows Presentation Foundation). 0 mesmo vale para o desenvolvimento de aplicacoes para o Office 2007. Por meio do Visual Studio Tools for Office (VSTO) é possivel criar ferramentas especificas para a nova geracao da suite de escritério da Microsoft, incluindo 0 acesso a dados de sistemas SAP, CRM e ERP. @ MAIOR COMPATIBILIDADE Embora tenha sido anunciado ao lado do .NET Framework 3.5, 0 Visual Studio 2008 da suporte as versdes anteriores da plataforma, sendo compativel com aplicativos desenvolvidos nas versdes 2.0 € 3.0. A compatibilidade com Ajax e Silverlight também foi aprimorada. Novas opcées de depuracao e sugestdes de cédigo também foram adicionadas & programacao de projetos ‘em JavaScript. Trabalhos criados na suite Expression, da Microsoft, também recebem tratamento especial do Visual Studio 2008. @Informagoes e dicas a perder de vista. Pay ud Cero S vocé investiu ou pensa em investir no Windows Vista, a nova Colecdo INFO precisa cair em suas maos. Existe um mundo de dicas, truques e macetes 4 sua espera na banca mais proxima. Agora. se voc8 no se adaptou ao novo sistema. nao faca vista grossa. Essa mesma edicdo traz um tutorial completo para quem quer voltar ao Windows XP sem ter que se descabelar. Ja nas bancas. Se preterir. compre pelo site: www.nfoabrilcom.br e. Peto telefon (11) 4003-3222 Se, . Titulo anunciado sujeito a disponibilidade de estoque. eprtora A Abril DUNAaplicativos dreamweaver O DREAMWEAVER ADERE A NOVA WEB Recurso da versao CS3 automatiza as construcées de interfaces em Ajax nome Dreamweaver tornou-se referén- cia na area de web design. Desde sua primeira verso, lancada em 1996, 0 aplicativo da Adobe — originalmente, da Macro- media — vem facilitando a vida de profissionais que montam paginas para a internet. Seu princi- pal mérito é permitir a construcdo de sites com- plexos sem a digitacao de cédigo. Na versao CS3, além de dar suporte as linguagens tradicional- mente mais usadas no mercado, o Dreamweaver incorpora a compatibilidade com Ajax, tecnologia que se firmou com a ascensao da web 2.0. As ferramentas de automacao que ajudam a construir interfaces usando JavaScript e XML esto abrigadas na aba Spry. Entre os 13 componentes ha ferramentas para a construcao de menus que se desdobram ao clique do mouse e painéis retrateis. Os scripts gerados como recurso ficam armazena- dos em arquivos CSS e JS locais. Em funcao disso, nao envolvem processamento no servidor. 26 | COLECAO INFO Varias das novidades do Dreamweaver CS3 re~ ferem-se a tecnologia CSS, sigla de Cascading Style ‘Sheets. Na verso atual, o programa permite a cria- ‘Gao de paginas novas que ja contenham layout CSS. Também é possivel arrastar e soltar definigdes CSS. dentro do arquivo de estilo. Com essa opcao, fica mais facil organizé-los alfabeticamente. A aproximacao com 0 Photoshop ¢ outra novi dade. Gracas a essa integracao, ¢ possivel impor- tar para paginas web do Dreamweaver arquivos do Photoshop, incluindo imagens elaboradas em varias camadas. Outro destaque da nova versao so 0s testes de compatibilidade, que permitem checar se as combinacées de HTML e CSS nas pa- ginas vao funcionar adequadamente nos prin pais browsers. Constatado 0 erro, um caminho é consultar 0 Adobe CSS Advisor, site mantido pela comunidade de desenvolvedores do Dreamwe- aver. As chances de encontrar nessas paginas a solugdo sao grandes. @ oqueét Editor de paginas web PRO ‘Traz componentes Ajax Drontose integrase 20 Protoshon CONTRA Faltam ecorsos especificos para blogs RECURSOS as Gerenciador de c55 tiene erenrace as -Poucos cliques para aplicar recursos complexos PRECO (RS at AVALIACAO TECNICA” CUSTO/BENEFICIO.Praticamente uma oficina do Office. 100 truques do eiecwaeen PUL cao de dicas que —_ i Preece TUL isc c hega as bancas o Curso INFO com um tutorial completo sobre 0 pacote Office 2007. Sao 100 dicas especialmente preparadas para vocé aproveitar ao maximo os recursos do Word, do Excel e do PowerPoint. A edico também ensina como compartilhar gréficos entre os trés programas. E para usufruir de toda essa informacao, vocé sé precisa correr até a banca mais proxima. J& nas bancas. see ae elo telefone: (11) 4003-3222 Titulo anunciado sujeto a dsponibilidade de estoque enon Ttaplicativos | contetido O CMS MANDA NO SITE Joomla!, Drupal e TikiWiki gerenciam o contetido de graca POR LUCIA REGGIANI, COM OSMAR LAZARINI onstruir um portal ou site dindmico, aberto contribuigdo do vi- sitante, nao é tao complicado quanto possa parecer. As fer- ramentas CMS (Content Mana- gement System ou sistema de gerenciamento de contetido) dao conta da complexidade e da interacéo com uma grande variedade de médulos para a implementacao de todo tipo de servico. Ha varias opcées gratuitas e faceis de usar, mas exigem do usuario um conhe- cimento prévio na construgao de sites e tempo para se fami- liarizar com seu funcionamento € ajusta-las ao seu projeto. S6 do gasto com a hospedagem do site é que nao da para escapar. AINFO testou trés ferramentas CMS gratuitas, com recursos semelhantes e produzidas por comunidades de software livre: Drupal, TikiWiki e Joomla!. Con- fira o desempenho de cada uma das soluges na construgao de um site basico, com noticias, forum, chat, blog, RSS, login, enquete e busca. COLECAO INFO tales unare 90908) sou = Pores later = 12eynne ce 206 es “Tambien 60 unico testo as redencino pla redagao 6a retain Ve a par de ceremto oe 1996, sendo apical em oda a pgnas. Seas = _aushdaes evant testo fo superar 086 abo «. sso _auntavemeat fred por wn exper Nos anos tempos, a quando aa tent asa conta aca de cera, No a Ree Ty assodo. os ecroes eet aos runram cra mand Assciogbo una os Esrtors de Tero Faia, AMET, be wave conta oe de Lopatorm, ‘abide posse px parbgrate. Os ets ttsos maaes treram 20% de partcoagio em) anieiahis lotta nage associa. “Oueremes stg o wage 6a quate em tet ttos ‘opel, Flan de Fats Sra, present de associa no Bra Este eto fo — ‘oraue no dev core orice ecole. “Por ium temgn perdemes a cepacade earns ass olerecet um roto abate” F marrsemen | na scat 19 ne de 2007) cow @ JOOMLA!, 0 VISUAL Derivado do Mambo, o Joomla! é um pacote basico que pode ganhar funcionalidades, como comércio eletrénico, por médulos avulsos. Isso se traduz em menos tempo de desenvolvimento, cédigo na medida da necessidade e backup simples. Para instala- lo, é preciso ter acesso a um servidor web com 0 banco de dados MySQL e linguagem PHP habilitados. A instalacdo é simples, mas Fequer mais ajustes finos do que as outras duas ferramentas testadas, principalmente de idioma. O setup de linguagem levou 20 minutos no Joomia!, 60 minutos no Drupal e cinco minutos no TikiWiki. Mesmo assim, a administracao acabou prejudicada pela traducao parcial dos comandos para o portugues. Entre os recursos nativos, destacam-se a identificacao dos usuarios que esto online e em quais paginas. Os add-ons sao acrescidos sem esforgo ~ da para fazer 0 upload do médulo até compactado. 0 Joomla! retine boas vantagens sobre o Drupal e o TikiWiki: administracao visual e design flexivel. A maior parte dos ajustes 6 feita marcando e desmarcando opgées, e 0 médulo é definido ja com sua posico na pagina. Os itens podem ser editados direto no site, desde que o administrador esteja logado.© DRUPAL, 0 VELOZ ‘Quem comeca agora a entrar em contato com a cria¢ao de sites mais sofisticados vai se dar bem com o Drupal. O software oferece assistentes em todas as fases do trabalho, desde a instalacao, bastante simples, até o desenvolvimento ea administracdo. Os textos dos assistentes so detalhados longos, e isso pode aborrecer quem ja ¢ do ramo e quer ir logo ao ponto. Modular e escrito em linguagem de programacio PHP como o Joomla!, 0 Drupal tem mais uma opcao de instalacdo: além de servidor web Apache com banco de dados MySQL, admite servidor Microsoft IIS e banco de dados PostgreSQL. Hd muitos médulos avulsos disponiveis para Drupal, mas nao em tao grande quantidade quanto para Joomlal, deixando o usuario mais dependente de novos desenvolvimentos da comunidade. A administracao assistida é mais confortavel do que a do TikiWiki, mas mais complicada do que a do Joomla!. Em design, o Drupal peca pela dificuldade na operacdo de inserir imagens, 0 que acaba limitando seu uso a sites com predominancia de texto. Nos testes, a ferramenta apresentou o desenvolvimento mais rdpido das trés. Da configuracao até a entrada do site no ar, foram quatro horas de trabalho para o Drupal, oito horas para 0 Joomla! e dois dias para o TikiWiki, incluidos ai os ajustes fins e os procedimentos de debugging. Além da rapidez no setup, 0 Drupal possui recurso para aumento de performance, em que 0 usuario ativa o armazenamento de paginas e 0 pré- processamento de CSS (Cascading Style Sheets). “ment inc tre te cerca see eae ane la eae te cette 9k ures wich Beat agra Sas aks are tee REE lnigpe retteener. oreo eget es ee serve arco ee tc, ert ren doe ore pat seston ee ere teem ce tance re es rote Tee Foo. HEF. 3 eva corer or ce cae pst prio. ALTERNATIVA COM 0 PLONE Ha varias opcdes de sistema para montar sites além do Drupal, do Joomlat e do Tikiwiki. Outra solucdo gratuita de édigo aberto é o Plone, um CMS baseado na plataforma Zope. Entre seus pontos fortes esto 0s recursos avancados de personalizacio, programacio e administracao. Para saber como instalar e configurar 0 Plone, leia a matéria Site bom é com 0 Plone, na pagina 48. COLECAO INFO30 nat, 2 HiPagina inicial @ TIKIWIKI, 0 COMPLETO Do trio de solucbes testadas, o TIkIWIkI é 0 gerenciador de contetido que contém o maior numero de recursos nativos, entre eles boto para imprimir a pagina sem menus e exportacao do conteiido para POF. O volume de recursos tem como ponto negativo o tempo de upload: levou quase trés horas para subir os 3 mil arquivos do TikiWiki, contra 0s 35 minutos do Joomla! e os seis minutos e meio do Drupal O TikiWiki suporta PHP e conversa melhor com MySQL. apesar de suportar outros bancos de dados. A instalacao & simples e indolor. 0 software vem em inglés, mas ¢ nativamente multlingie, facilitando a tradugo para o portugues. Na administracao, o volume de recursos entra como um complicador. A operacao ¢ chatinha, a comecar da definico de 177 permissbes de visualizagao e aco de um site basico para cada usuario, consumindo boa parte do tempo de desenvolvimento. Em design, o TikiWiki é engessado, limitando a personalizacao & mudanca de fontes e cores. Também do possui conexio com e-commerce, o que o indica para intranets. Prd Administracao facilitada por inclu o maior nimero de Design flexivel astente recursos nas ‘conTRA Dieta eo deinages Design engesado Naina deisonas te mstatagho 8,0 85 78 Ainstalacao do idioma é mais Facil, mas com upload —_ preciso criar arquivo de demorada demorado configuragao ApmunistRAGAO 7,7 73 82 Asistia por tutorials Amais compra Amais visual RECURSOS 79 81 80 Admite imagens, mas no Incui todos 0s © gerenciador de contatosé monta graces médulos,exeto nai. ecommerce oesen 8,0 65 85 Pouco altervel, mas com Maxifica apenasas _Flxivel, com abundcia de boa oferta de temas Cores fonts temas PRECO (RS) Gratuite Gratuite ‘Gratuite ‘NVALIAGAO TECNICA” CUSTOVBENEFICIO INDICACAO- ae ‘com mais conteido Intranets colaborativas Sites com design diferenciado texto ‘ONDE ENCONTRAR worwinfoabrilcomb/ __ wwrwinfoabricombr/ _wwwinfoabricom.br/ ownload/ai97shuml__download/3742.shtmi_download/4si9shimt ‘Duo ronotmnCONOGRANGD 05 SEGURTES TENSE ESPECTVON SOS WSTALAAO SN ADNSTNCAD ON RECURS DON OESON COLECAO INFO___ Vocé nunca viu tanta informagao em um sé lugar. TS tutoriais, reportagens e todas as novidades publicadas nos ltimos dois anos da revista estéo no CD INFO 2008. Sao milhares de paginas digitalizadas e prontas para serem facilmente navegadas, E a maneira mais pratica de memorizar esse mundo de informacdes sem perder nenhum detalhe. Ja nas bancas. Se preterit, compre pela site: www info abril com.br = Peto telefone: (11) 4003-3222 Se, i a ee epirorA Mt Abril F.servicos | blogs MAIOR PODER AO Dez opcées para adicionar mae tecarses ao diario virtual s principais sistemas de blog, como 0 estado dos visitantes, fotos e misicas favoritas do Blogger e 0 Wordpress, jd cobrem afun- _ blogueiro, entre muitos outros. Tudo isso ¢ feito cionalidade basica esperada para um _copiando trechos simples de HTML para o modelo diario virtual, Mas, mesmo sem saber nada de de pagina do blog, o que ¢ feito pela propria inter- programacao, é possivel adicionar recursos extras face de administracao. Conheca, a seguir, dez dos interessantes, como tradugao automatica, pais e melhores servicos para adicionar a seu blog. ‘Widgetbox your web. tegretol chk of the wep whe (Get darts tor your prefer tog Mae wget an sre ham ee anon = ‘0 Widgetbox tem opcées interessantes de médulos para blogs, com jogos e suporte a arrecadacao de inheiro pelo site. Um recurso interessante é o Blogify, que transforma um blog em um médulo. €citit para disponibilizar 0s iltimos posts de blogs parceiros em seu diario virtual. Diferentemente do Google Gadgets, 0 Widgetbox exige o cadastro para utilizaco dos médulos. Apesar dessa chatice, isso ¢ til para controlar a freqiiéncia de uso de cada médulo. ‘wwrwwidgetbox.com [mucho cw IBM cosorcxricn] ©] 32 | COLECAO INFO© GOOGLE GADGETS ais que um simples adendo, o Google Gadgets traz uma lista de mais de 38 mil opgdes para incrementar seu blog. Ha opges da casa, como um Google Talk para paginas web 4 visualizador de compromissos na Google Agenda. Mas existem itens para qualquer gosto, como jogos, previsio do tempo, salas de bate-papo, entre outros. E possivel modificar © tamanho do médulo ou sua cor, para combinar com o blog, wn google.com ig/directory2synd=-open mca oc oor] ©) © CLUSTRMAPS Saber a origem dos visitantes pode ser ‘uma boa ferramenta para gerenciar 0 foco dos posts de um blog. 0 ‘ClustrMaps é um servico que mostra, em um mapa-mindi, as localidades dos visitantes de seu blog. O mapa fica em uma verso miniaturizada no Proprio blog, o que é bem bacana. 0 tamanho do ponto vermetho no mapa ¢ proporcional aos visitantes daquela regido do mundo. wor clustrmaps.com fon vecmcalIcustorwencrCio] ©] serene Google seraieieaenes @ GOOGLE READER (Quem usa 0 Google Reader para ler as itimas noticias pode manter uma selecSo delas disponivel em seu blog. O médulo do Google Reader mostra as noticias que so marcadas como Shared (compartilhadas). iso é interessante para publicar apenas as noticias relevantes ao blog, Para quem usa 0 Blogger a instalacao é automatica. btp:/reader google.com me34 (0 servigo de tradugio do Yahoo! é uma opcio interessante para quem quer oferecer seu blog para visitantes de outros paises sem precisar se preocupar com teclar 0 contetido: novamente. A tradugdo segue o estilo dos servicos automatizados, nao funcionando bem com expressées de giria e abreviacées, mas da para quebrar 0 galho. (0s microblogs, como o Twitter, si0. excelentes para posts curtos e répidos, ‘menos elaborados que 0s de um blog normal. Mas é uma boa idéia mostrar 1no préprio blog as novidades do microblog. Para isso, 0 Twitter oferece tum widget que pode ser embutido em tum blog, bastando usar um cédigo HTML curto. Ha varias opcbes de visual do widget, com animacies em Flash (ou mais simplificados, com apenas 0 bisico em HTML. ‘worm, twitter.com/badges (a a nT] COLECAO INFO hae Tart you ogg tog semen ameter BLOG - INFO 257 Lora nto tines? =a Ss Criago do mineiro Manoel Lemos, 0 BlogBlogs é um sistema de indexacio de blogs, nos moldes do MyBlogLog (www imybloglog.com) americano. Um ponto forte é a visualizacao dos usuarios que estio acessando 0 blog ‘naquele momento, desde que eles estejam cadastrados no BlogBlogs. Ossite do servico também mostra (0s iltimos posts, além de um ranking dos didrios virtuais. www. blogblogs.com.br a oS) tm sod =@ RECO O site de noticias Rec6 permite a integracao de blogs, com envio de ‘posts de forma automatizada para votacdo pelos usuarios do Rec6. (0 cédigo HTML pode ser incluido facilmente no modelo de posts para permitir que qualquer deles possa ser enviado ao Recé. wortecé.com.br [uch ew OI csrosexricn] ©] CColoque o nimero de votor da tua noticia em seu blog/site Sienna teem eemee oe Colocar um dos médulos do Flickr no blog é uma forma de mostrar aos Visitantes as titimas fotos, o que pode ser bastante interessante em um dirio de viagens, por exemplo. Os méduls ficam disponiveis na seco Ferramentas do Flickr e contam com varias opgdes de visual, além de configurago detalhada de cores para combinar com o estilo do blog. € possivel também escolher quais fotos poderdo aparecer no médulo, 0 que ajuda a separar as imagens apropriadas para 0 blog. ‘wwe ickecom [Fe Car seu préprio médulo do Flickr Eup Oi tp mse vec ger na? ead © wena © vane r Um dos melhores servicos de analise de trafego em paginas web e blogs é gratuito, cortesia do onipresente Google. 0 Analytics gera relatérios detalhados de trafego, com origens dos visitantes, trafego por data, e muito mais. 0 servico ainda é integrado ao Adwords do Google, 0 que ajuda a quem quer ganhar dinheiro com propaganda no blog. Os relatdrios de trdfego do Analytics podem ser enviados automaticamente por e-mail, mas a tela de administracdo das estatisticas é tao interessante que fica dificil nao a visitar sempre. Leia teste completo em Google faz 0 raio X na pagina XX. COLECAO INFO | 35tutoriais | noticias FA SEU PROPRIO DIGG Montar um site de noticias com votacao nao é dificil com o sistema Pligg m dos atuais padrées em sites de noticias é a votagao e a selecao dos assuntos mais importantes pelos prdprios visitantes das paginas. 0 excelente site Digg, voltado a noticias de tecnologia, foi o precursor dessa tendéncia, com varios seguidores, como 0 Reddit e os brasileiros Linkk e Recé. A vantagem do sucesso das noticias sociais é que ja surgiram alguns sistemas para implementa-las rapidamente. 0 melhor deles é o Pligg, que usa- remos neste tutorial. Antes de montar seu Digg personalizado, é preciso ter uma contaem um provedor web, além de acesso a um banco de dados MySQL. COLECAO INFO DOWNLOAD E UPLOAD Comece baixando o Pligg em www.infoabriL.com.br/ download /4831 shtml. Descompacte o arquivo. Depois, abra o cliente de FTP Filezilla (www.info.abri.com.be/download/4504shtm)). Tecie ‘o endereco, o usuario e a senha que sao utilizados para enviar arquivos ao provedor web. Crie uma pasta, que sera parte do endereco do site com o Pligg. Usaremos o nome pligg para a pasta. Envie, entdo, 0s arquivos descompactados para o provedor web. DDepois de terminado 0 envio, mantenha o Filezilla aberto, Agora, devemos fazer ajustes de permissdes em alguns arquivos. Mude o nome dos arquivos settings. php.default ¢ /libs/dbconnect.php. default, removendo o final default de cada um deles. Depois, clique com 0 botio. direito do mouse na pasta /avatars/ tuser_uploaded e escolha a op¢ao File Attributes. Tecle, em Numeric Value, o valor 777 e clique em OK. Repita 0 procedimento para as pastas backup, ‘cache, templates e templates.c. Clique com 0 botao direito do mouse no arquivo ‘Nibs/dbconnect.php ¢ escolha File Attributes. Tecle 0 valor 666 desta ver, repetindo 0 procedimento para os arquivos /libs/lang.conf e settings.php. Por fim, aplique o valor de (ligeINSTALACAO Agora, acesse a URL onde o Pligg foi instalado, seguida do texto /install/ (por exemplo, www.minhaurl.com.br/plige/install/). Sera aberta uma pagina de instalaco. Acesse a aba Install. Aqui, sera preciso teclar 0 nome, o usuario e a senha do banco de dados MySQL, além de seu endereco, com base nas informagées fornecidas pelo provedor web. Clique em Check Settings para verificar se a conexio a0 MySQL esta funcionando, Clique Mext e Next novamente para que sejam criadas as tabelas necessarias ao funcionamento do Pligg. FAXINA POS-INSTALACAO @ Antes de comecar a mexer no Pligg, é necessdrio apagar alguns arquivos que nao so mais necessarios apés a instalacio, além de mudar algumas permissées. Rode novamente o Filezilla e se reconecte ao provedor web. Clique com o botao direito do arquivo libs/dbconnect.php e use 0 niimero 644 ara as permisses. Apague, entdo, a pasta install. Ha montes e montes de maneiras de personalizar o visual de um site Pligg. Algumas das mudangas mais importantes sio a cria¢do de novas categorias (no item Category Management, se voc? nao trocou ‘nome dele, claro) e 0 uso de médulos (em Module Management, que ja traz opcodes para adicionar videos as noticias, entre ‘muitas outras). Com um pouco de paciéncia e curiosidade, da para mexer bastante no Pligg de fabrica, que ja vem bastante poderoso. Vale a pena também dar uma ‘olhada na documentacao do programa em hhtto/www.plige.com/wiki Faca o login no site Pligg usando 0 Usuario god e a senha 12345. De cara, acesse ‘a secdo Admin, no menu do topo da tela e, clicando no item User Management, troque a senha do usudrio god, que tem acesso total a0 site. Outra providéncia importante é modificar as palavras dos menus do site para o portugues. Isso é feito acessando a secao Admin e o item de menu Modify Language. Note que aqui é possivel mudar todos 0s textos usados no site, inclusive os dos menus. COLECAO INFO | 37tutoriais | video ONTE SEU YOUTUBE Aprenda a criar uma interface de video com menu de acesso por ricaroo soares em jé ndo passou um tempaona frente do PC vendo 0s videos do YouTube? E quem ja no teve vontade de construir uma area de video no préprio site? Se vocé se inclui nessa tiltima turma, este tutorial pode Ihe dar uma boa mao. Ele foi desenvolvido em Flash 8, mas pode ser executado no Flash CS3 (Flash 9.0) com poucas adaptagées nos nomes das opgdes de menu e comandos. Vamos de- senvolver aqui uma interface de video com recursos de menu, utilizando os formatos do Flash 8. Como no YouTube (wwwyoutube.com), o menu aparecera na telaantes da exibicdo de qualquer filme, retornando a ela ao término de qualquer exibig4o ou quando o botiio Parar for pressionado. Antes de comecar a programar a interface, vamos converter os filmes para o formato Flash Video no utilitario Flash Video Encoder, que acompanhaa ver- so Professional do Flash 8. Apesar de o assistente de importacao de video do Flash 8 ter as mesmas ‘0pcdes, 0 Flash Video Encoder permite a conversao em ote, o que facilita muito a vida de quem possui mais de um video para mudar de formato. DLECAO I QA conversio Abra 0 Flash Video Encoder e acione omenu File > Add. Na janela Abrir, selecione 05 dos filmes que sero convertidos em Flash ‘Video. Clique em Abrir. Escotha um video e clique em Settings para configurar. Na primeira tela, clique em Show Advanced Settings. Unifique o tamanho de exibicdo dos videos ‘na tela, redimensionando-os para 320 por 240 pixels, ¢ clique em OK para retornar 4. tela principal. Configure cada filme na fila do Encoder e clique no botdo Start Queue para disparar a conversdo. Ao terminar, feche 0 Flash Video Encoder. oe SELECAO DE ARQUIVOS Vamos ho o player. No Flash 8, rie um novo documento e salve-o como videoplayer-fia. Acione File > Import > Import video para abrir o assistente de importacao de video. Na primeira tela, Select Video, clique no botio Browse para escolher 0 arquivo a ser importado. Escotha qualquer um dos dois arquivos convertidos, clique em Abrir e avance.ACAPA Na terceira tela do assistente, escolhemos uma capa para o tocador. Ficamos com a SteelExternalAll. 0 proceso amarra a aplicagao a um arquivo externo (a capa), criado no diretério de desenvolvimento, nna hora da publicacao. 0 arquivo externo, que tera 0 mesmo nome do preset escolhido mais a extensio sswf, deve ser copiado como filme principal para a mesma pasta no servidor web. Na tela seguinte, cchecamos 0 resumo das opcdes escolhidas e clicamos em Finish. @ovincuwo De volta ao palco, vemos que foi criado tum componente FLvPlayer vinculado ao video “importado”. Selecione o componente, acesse sua caixa de propriedades (Ctrl + F3) e altere ‘nome para me,tocador. Na aba Parameters dessa mesma caixa apague o contetido do campo contentPath, que vinculava o player 0 video. Como o contetido sera assinalado dinamicamente, deixamos esse campo em bbranco e nao importamos o outro video ~ ele serd carregado por cédigo. @saioa DE VIDEO Na segunda tela do assistente, escolhemos um dos quatro modos de entrega do video online. As duas opcdes de streaming exigem que o video seja armazenado em servidor dedicado. A op¢ao de video embutido na linha de tempo carrega ‘© video todo, tornando 0 arquivo final muito grande. Escolhemos para este tutorial 0 download progressivo, pelo qual o Flash layer vai tocando o filme enquanto ‘download prossegue. Avancamos. OXML (0 menu tera texto dindmico carregado por um arquivo XML. Para construi-lo, digitamos no Bloco de Notas o cédigo ja com os textos do titulo, da descri¢ao, do tempo e da data embutidos. Fica assim: «infor COLECAO INFO | 39WeNos vas) = Salve 0 arquivo XML como info.xml. Criaremos agora o menu. No Flash, insira uma nova camada ‘com o nome menu. No primeiro frame, desenhe ou importe o plano de fundo. Com 0 fundo selecionado, vva A caixa de propriedades e altere as dimensdes para 320 por 240 pixels. Depois, copie 0s valores das Ccoordenadas x e y do objeto me. tocador. 'sso criard uma caixa sobreposta a tela do tocador e, nela, faremos 0 menu. Ainda com a caixa selecionada, pressione F8 para torné-la simbolo. Na caixa de didlogo, dé 0 nome menu e escolha tipo movieclip. A partir de agora, esse objeto sera um movieclip, com linha de tempo exclusiva. Na janela de propriedades, dé o nome de instancia me_menu. OTEXTO ‘Acessamos a linha de tempo do menu dando um duplo clique no objeto. Abre-se o programa ‘menu. Crie uma nova camada, que chamaremos de textos e fotos. Nela, com a ferramenta de texto, trace os. campos de titulo, descricao, tempo de exibicdo e data do video. Na janela de propriedades do campo do titulo, altere o tipo de texto para Dynamic ‘Text, atribua um nome de instdncia (titulo) e, no campo Var, atribua ‘onome de variavel (titulod_ txt). Repita 0 processo para os campos de descri¢So, tempo e data, ndo I esquecendo de alterar a numeracio a tera ack dos campos e atribuir 0 tipo de linha i para 0s textos de uma (Single line) ou aa es le varias linhas (Multiple lines). Repita todo 0 processo para o segundo filme AS FOTOS Com a ferramenta de desenho, delimite a drea que conterd as fotos dos filmes e que serao carregadas dinamicamente. Selecione o tracado, converta em simbolo do tipo movieclip (tecle FB), e dé o nome boto. Em seguida, nna caixa de propriedades, dé 0 nome de instncia m¢_fotoO para a foto do primeiro filme. Repita todo 0 processo para a foto do segundo filme. BOTOES INVISIVEIS (() ‘rie uma nova camada de ‘nome botoes invisivels, Da janela Components, arraste vin componente oto da pasta User Interface até o palco. Selecione-o e, na aba Parameters da caixa propriedades, impe o campo Label. clique no boto com 0 botdo direito, escolha Free Transform e ajuste o tamanho para assentar sobre area da tela em que devera ficar para acionar o filme. Transforme o botao em simbolo(F8), dé 0 nome botao invisivel eselecione tipo movieclip. Na caixa de propriedades,altere Color para Alpha, eo percentual para 0%. Altere onome do botdo na caixa de propriedades para botaed. Acesse a biblioteca, localize ‘o movieclip botao_invisivel e arraste mais um para 0 menu. Altere o campo Color para Alpha com 0%, o nome para ‘botaat e posicione-o corretamente.Ona. menu que entram em destaque ‘quando o cursor passa sobre elas. No moviectip menu, crie uma camada e dé a ela o nome destaque. Posicione-a atrs dos botdes textos, & frente apenas do fundo. ‘No primeiro frame dessa camada, desenhe um retangulo de cor azul que emoldure o quadrado que conterd a foto e 0 texto do primeiro filme. Transforme-o em simbolo do tipo movieclip, de nome destaque. Na janela de propriedades do destaque, atribua o nome de instancia transpao, mude o campo Color para Alpha com percentual de 60%. Depois, arraste da biblioteca uma nova instancia do destaque e coloque sob 0 segundo filme. Da ela o nome de instncia transpat e altere Color para Alpha, com 60%. APROGRAMACAO Partimos para a programacao. Primeiro, faca o download do aquivo codigo2S1.zip no endereco ftp.//ftp.info.abril, ‘com.br/codigo251.2ip e descompacte-o. Em seguida, abra a linha de tempo do filme principal e, no primeiro frame, rie uma nova camada. Dé a ela 0 nome script, acione o editor de ActionScript e cole o cédigo. Esse cédigo comentado ‘monta 0 texto e as imagens do menu conforme os dados que recuperou do XML, roda 0 filme de acordo com a interacao do usuario no menu e nos controles do player e mostra ou esconde o menu de acordo com a exibicao do filme. Esta feito. Ao transferir seu trabalho para o site, ndo se esqueca de fazer 0 upload, com o arquivo videoplayer.swf gerado, do XML, dos filmes, das fotos e do SWF criado com a capa (e seus botdes de controle) do player escolhido. Ele é gerado no mesmo diretério de trabalho do arquivo .fla e tem o nome da capa ~ SteelExternalAll.swf, no nosso tutorial. Confira 0 cédigo inteiro, baixando o arquivo em ftp://ftp.info.abril.com.br/iutube251.zip. Para ver o player em acao, acesse COLECAO INFO | 41tutoriais | colaboragao WiKi PRONTO PARA A REDE Crie um site colaborativo para documentacao, projetos e muito mais por eric costa ma boa opcao para manter uma documentacao sobre os processos da empresa, além de fazer controle e gerenciamento de projetos, é usar um wiki. Com a liberdade e a facilidade de edicao desse tipo de sistema, da para compartilhar a criacdo de contetido com todos os envolvidos, mesmo que eles nao sejam escolados em desenvolvimento web. 0 DokuWiki é um wiki feito para esse tipo de servico e que tem instalacao facil. A seguir, vamos mostrar como montar um. servidor de wiki com o DokuWiki. Para isso, também utilizaremos 0 pacote WAMP, que instala, no. Windows, o Apache, o PHP e 0 MySQL de forma pratica. INSTALACAO DO WAMPS ‘Vamos comecar baixando o WAMP em www.ifo, . Comece a instalagaoe siga os passos normais,clicando em Next. Inicialmente, 6 necessério apenas escolher se o WAMP serd executado automaticamente na inicializacSo do Windows. Marque essa ‘pga para que o wiki fique disponivel sempre que o PC que 0 hospeda estiver ligado. Continue clicando em Next para que seja feita a cépia dos arquivos do WAMP para o HO. 0 préximo passo es ainda na instalagéo do WAMP, uma pasta para armazenar as paginas web que sero publicadas. Caso essa ‘maquina faca um backup periédico, crie ou escolha ‘uma pasta que esteja incluida nos diretorios que entram na cépia de seguranca. Caso contrario, simplesmente use a pasta padrao, que é 0 diretorio www dentro da instalacdo do WAMP. Depois, sera preciso definir um 8 Servidor SMTP de e-mail para envio de mensagens para os participantes do wiki. Use o servidor da empresa ou, se nao houver, deixe simplesmente localhost. Neste caso, vocé pode instalar um servidor SMTP na maquina, como o Proxy+ (www.info.abril.com, br/download/1661.shtml) ou nao fazer nada, caso do queira que sejam enviados avisos por e-mail. Continue clicando Next para concluir a instalagio do WAMP. COLECAO INFOTESTE DO APACHE Para verificar sea instalagio do WAMP correu bem, abra um navegador e tecle o endereco http://127.0.0.1. Dever’ ser mostrada uma pagina de apresentacao do WAMP. Aproveite para clicar no fink phpMyAdmin para verificar se 0 PHP esta funcionando corretamente. Com isso, podemos fazer a instalacio do DokuWiki a seguir. agora, acesse a URL http:// nome_da_maquina/dokuwiki/ install.php. Aqui, faremos as primeiras configuracdes do wiki. Comece teclando um titulo para ossite. Depois, marque a opcio Enable ACL, que permite o controle de permissdes para edicao no wiki. Digite um login, nome e senha para © administrador do site. Por fim, defina a politica de acesso do wi A melhor op¢3o ¢ a Public Wiki, que permite a leitura de todos, mas edicdo somente para usuarios autorizados. Clique em Salvar e, depois, no link Your New Dokuwiki. ‘br/download/4920.shtml. Descompacte o arquivo dentro: da pasta de publicac3o do WAMP. Verifique se no ha excesso de subpastas resultantes da descompactagio. Com sso, é minimizado 0 tamanho da URL, que é igual ao caminho completo das pastas até a que contém © arquivo index.php. Vamos utilizar, ness tutorial, onome de pasta dokuwiki. Assim, a URL para acesso ser nttp:// nome _da.méquina/dokuwiki, ‘onde nome.da maquina é 0 nome do PC na rede. COLECAO INFO | 43a4 USUARIOS NO WIKI > Com os grupos prontos, podemos criar usuarios para o wiki, Para isso, clique em User Manager. Na secio add User, tecle o login, a senha, ‘nome e o e-mail do novo usuario, além dos grupos de que ele participa, separados por virgula. Pressione 0 oto Add e pronto. Caso voce tenha configurado um servidor SMTP valido, ‘esse usuario recebera um e-mail de aviso sobre a conta. COLECAO INFO Com o wiki funcionando, vamos criar ‘grupos de usuarios, Para isso, clique em Autenticar, entre com o login e senha do administrador e, depois, clique em Administrar. Entao, acesse olink Access Control List ‘Management. Tecie o nome do novo ‘grupo no terceiro campo da secio Add ‘New Entry. Marque as permissées e clique em Salvar. Todos podem ler, claro, pois usamos a op¢3o Public Wiki. Depois de criar 0s grupos, clique em Administrar. Otvcees Para concluir, podemos fazer alguns ajustes no wiki para faclitar a navega¢o ea administracao. Para isso, clique no botao Administrar e 0 link Configuration Settings. Na seco Editing Settings, marque o item Enable Page Subscription ‘Support para permitir 0 uso de RSS para verificar mudangas nas paginas. Na secio Advanced Settings, escolha DokuWiki Internal, nas op¢des do item Use Nice URLs, para que o DokuWiki crie URLs faceis de lembrar para as paginas do wiki.tutoriais | noticias RSS AVANCADO Sete dicas para fazer de tudo com os canais de noticias por eric costa ualquer site ou blog que se preze tem de contar com um canal RSS, recurso que vem ganhando espaco entre os internautas viciados em noticias e tirando audiéncia das paginas ini is de muita gente. Mas existem varias técnicas e servicos para explorar os canais RSS de forma mais ampla do que a simples divulgacao de noticias e posts. E possivel montar canais unificados, ficar de olho na audiéncia e nos dados demograficos dos usuarios ou até usar o RSS como fonte automatica de news- letters. Confira, a seguir, sete dicas para usar e abusar dos canais de noticias. DE HTML PARA RSS © E possivel montar um RSS automaticamente a partir dos textos e links de uma pagina. Existem varios servicos para fazer essa operacao, basicamente divididos em dois tipos. 05 mais simples, bem representados pelo FeedYes (www feedyes. ‘om), tentam extrair 0 contetdo a partir dos links em uma pagina. Também ha servicos com andlise interna do HTML, como 0 Feed43 (wwwfeed43.com). Nesse caso, 0 usuario devera usar expressdes regulares para extrair 0 contetido adequado. @ CONTROLE DE AUDIENCIA Saber informacdes sobre quem baixa ‘um canal RSS € tao importante quanto as estatisticas de acesso de um site. Se, para paginas, um dos melhores servicos é 0 Google Analytics, para RSS, 0 Google também esta a frente, com o Feedburner (wwwfeedburner.com). Ao cadastrar o canal RSS nesse servico, 0 criador do contetido pode acessar informacdes detalhadas sobre quem I8 o canal, 0 niimero de leitores, pais de origem, qual o programa de RSS usado, entre ‘outras. 0 Feedburner também traz montes de outras fungdes para adicionar informacdes ‘20 canal, como localizacao geografica ‘ou uma imagem de identificacao. Oree2 ecto COLECAO INFO | 45NUVEM DE TAGS © Quem ja conta com um canal RSS em seu site pode aproveité-lo para criar um dos simbolos dda web 2.0; a nuvem de tags, com palavras em tamanho proporcional a sua ocorréncia nas noticias. Para isso, basta usar 0 servigo MakeCloud (wwwmakecloud.com). Ele ¢ bastante direto e dispensa cadastro prévio. Basta copiar ‘endereco do canal RSS e pronto. € gerado um édigo que pode ser adicionado a uma pagina web ou blog e que mostra a nuvem de tags. O servico também pode mostrar quais os tépicos mais recorrentes nas noticias online. 46 @ JUNTANDO TUDO uma opcao interessante para quem tem muitos canais RSS ¢ juntar todos em um s6, facilitando a vida de quem quer saber de tudo. Esse recurso também ¢ interessante para adicionar um quadro de noticias a seu site, mas. no quer ficar restrito a um canal RSS como origem das informacées. Ha varias opcbes para fazer a uniao de varios canais, mas a mais. direta delas é 0 RSS Mixer (www.rssmixer.com). Basta cadastrar os canais desejados e escolher link do resultado final como um canal RSS. MakeCloud Your clouds ready Get he HTM. embed code below an foo ree to nahi an Copy and paste as HTM. code ito ‘rye page to embed he coud @LEITOR NO SITE Uma maneira de manter os visitantes de seu site ou blog atualizados ¢ criar uma seco ‘onde so mostradas as iltimas noticias dos assuntos em discussdo na pagina. Ha varias maneiras de fazer isso. Muitos blogs, como 0 Blogger, contam com o recurso de adicionar um canal RSS diretamente. Mas se esse recurso 1ndo existir para 0 seu caso, é possivel usar 0 Feed Digest (www.feeddigest.com). Ele tem varias opcdes de visual para a secdo das noticias e pode até juntar dados de muitos canais RSS.@50 0 QUE INTERESSA Para quem usa 0 Google Reader (http://reader google.com) para receber canais RSS é possivel criar um canal préprio, apenas com as informagées que forem julgadas mais relevantes. Para isso, ¢ preciso usar o recurso Shared Items, marcando como Shared (ou seja, compartilhada) ‘as noticias que entrarao no canal personalizado. Entdo, clique na opcao Shared Items para que seja mostrado 0 link para o canal RSS das noticias escolhidas. Bao @ NOTICIAS FEITAS A MAO ‘Mesmo quem nao tem site pode criar um canal RSS préprio, entrando com as noticias individualmente. € uma idéia interessante, por exemplo, para manter grupos de trabalho ou estudo atualizados sem a necessidade de elaborar paginas web. Para isso, existe 0 servico FeedXs (wwnufeedys.com). 0 site conta com recursos para fa edicdo das noticias. Também é possivel enviar as utilizando mensagens do MSN Messenger. LISTA VIRA RSS Quer passar as listas de discusséo para o formato dos canais em RSS, mais pratico para aleitura periédica? 0 servico Mailbucket (www.mailbucket.org) faz isso sem precisar de cadastro. Primeiro, escolha um nome curto para seu canal RSS acesse a URL http://www. ‘mailbucket.org/meu canal.xm! (substituindo meu canal pelo nome escothido). Se nao houver noticias, isso significa que o nome esta vago. Dai, basta redirecionar 0s e-mails da lista para meu_canal@ ‘mailbucket.org. Para assinar o canal RSS é sé usar a URL acima, que deixara de ser vaga com as mensagens da lista. COLECAO INFO | 4748 tutoriais | contetido SITE BOME COMO PLONE Veja como instalar e configurar esse gerenciador de contetido por eric costa xistem montes de opgdes para gerenciamen- to de contetido gratuitas e de cédigo aber- to na internet, desde as mais simples, para blogs, até as mais complexas, que integram recursos de forum, cobranca de propagandas, entre outros. Uma opcao interessante para quem quer um pacote pronto, mas com amplas possibilidades de persona- lizagdo e programacao, é o Plone. Esse sistema é um dos mais famosos produtos baseados na plataforma Come ee) Coes CONTA DO ADMINISTRADOR ‘Agora, devemos definir um nome de usuario e senha para 0 administrador do sistema Plone, que sera o ter acesso completo as configuracdes do sistema. Digite essas informagées e clique em Next para comecar a cépia dos arquivos para a pasta escolhida. Depois de terminado esse processo, clique em Finish para concluir a instalacao do Plone. COLEGAO INFO Zope, desenhada justamente para desenvolvimento de gerenciadores de contetido. Conta com recursos avangados, como utilizacao de varios servidores para dividir o tréfego e sistema de cache, que agilizaa carga de paginas e protege contra ataques externos. Apesar disso, instalar e configurar um site Plone nao é compli cado, dispensando até a instalagao prévia de um servi- dor web. Confira 0 passo-a-passo para essa operacao, usando a versio do sistema para Windows. ‘Comece baixando 0 pacote do Plone em wwwinfoabril, com.bedownload/S016.shtml.Trata-se de um executavel ‘que inclui tudo, desde 0 Zope até os plug-ins necessarios para o Plone. Rode o programa baixado para comecar a instalacSo. Clique em Next e, a seguir, serd necessario escother a pasta de destino. Defina o local e clique em Next. PRIMEIRA EXECUCAO Para rodar o Plone, acesse 0 menu Iniciar > Plone > Plone. Sera executado o Plone Controller, um aplicativo que, como 0 ‘nome indica, controla o funcionamento do site Plone. Logo de cara, verifique se a mensagem Plone is running esta presente em sua janela. Caso contrario, pressione Start Plone. Clique, entao, em View Plone para acessar 0 site Plone.SITE PADRAO Osite Plone, em sua configuracao padrao, devera surgir no navegador padrao definido no Windows. Note ue ele jd conta com uma estrutura basica de site de noticias, com acesso a area de usuarios e eventos. Mas ainda esta em inglés e sé conta com o administrador como usuario capaz de atualizar 0 contetido. Vamos modificar isso, Tecle 0 usuario e senha do administrador, definidos na instalagao, e clique em Login. CONFIGURACOES INICIAIS G3 ‘Comece clicando em Site Setup. Acesse link Language. Marque o item Show Country- ‘Specific Language Variations para habiltar as opces de portugués do Brasil e de Portugal separadamente. Escolha em Site Language a opcio Brazilian Portuguese e clique em Save. Com isso, as paginas ficarao em portugués. SERVIDOR DE E-MAIL Antes de criar novos usuarios, devemos configurar o servidor de e-mail para envio. Clique ‘no link E-mail e preencha 0 endereco do servidor de ‘SMTP a ser usado. Caso vocé nao tenha nenhum na ‘maquina do Plone ou na rede, uma opcao basica que funciona ¢ 0 Free SMTP Server (www.info.abril.com.be/ download/5038.shtml). Depois, clique em Remetente do E-maill e preencha os dados para 0s e-mails do Plone. ara adicionar um novo usuario, clique oO em Usuarios e Grupos. Depois, acesse Adicionar Novo Usuario. Tecle, entdo, o nome completo, login e-mail do novo usuario, e pressione Registrar. Ele ‘eceberd uma mensagem com o link para cadastrar sua senha. Clique em Mostrar Todos e marque as, ppermissées do novo usudrio. DADOS DO SITE Para concluir, vamos mudar os dados basicos de nome e descri¢ao do site. Clique no link Site, na barra lateral do Plone. Tecle um titulo e uma descrigéo para o site. Como em todo gerenciador de contetido, o Plone é bem Dratico e parte da diversdo é mexer em suas configuracGes e explorar seus recursos. COLECAO INFO | 49