Ferramentas e Tecnologias da Web 2.

0
Denis Lacerda Paes Instituto Federal de Educao, Cincia e Tecnologia Catarinense Campus Cambori (IFC) Rua Joaquim Garcia S/N Caixa Postal n 2016 CEP 88.340-055 Cambori SC Brasil
denis_paes@hotmail.com

Abstract. This paper presents an introduction of Web 2.0, which is considered the second generation of the Internet, mainly characterized by the shift to the Internet as platform, in which users are consumers and producers of information. Web 2.0 provides several features and technologies for the development of Web applications, so as to provide different tools that best meets the needs of users. Resumo. Este artigo apresenta uma introduo da Web 2.0, que considerada a segunda gerao da Internet, caracterizada principalmente pela mudana para uma Internet como plataforma, na qual, os usurios so consumidores e produtores de informaes. A Web 2.0 disponibiliza diversos recursos e tecnologias para o desenvolvimento de aplicaes Web, para assim oferecer ferramentas que melhor atendem as necessidades dos utilizadores.

1. Introduo
O conceito de Web 2.0 surgiu para designar a segunda gerao de comunidades e servios da Internet, que veio para substituir a que anterior ficou conhecida como Web 1.0. O termo apareceu em uma conferncia de brainstorming entre as empresas americanas O'Reilly e MediaLive International, no ano de 2004. Na qual a Internet passava por uma evoluo decisiva, com o surgimento e popularidade de paginas Web como, por exemplo, MySpace, youTube e Blogger. O termo Web 2.0 no se refere a uma mudana nas especificaes da Web, e sim na forma que ela compreendida pelos usurios e desenvolvedores, seu objetivo tornar o ambiente online mais dinmicos. OReilly (2005), define que:
Web 2.0 a mudana para uma Internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais importante desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais so usados pelas pessoas, aproveitando a inteligncia coletiva.

Segundo Santarosa e Conforto (2012), O perfil do usurio da Web alterado com a conquista de novos instrumentos para gerar conhecimento, criar comunidades e

interagir. Os usurios da Web 2.0 passam de consumidores para produtores de informao, assim, eles tm o poder de participao atravs da gerao de opinies, de comentrios e de contedo, contribuindo cada vez mais para o aumento de conhecimentos. De acordo com Leite (2011, p. 43), um dos princpios fundamentais que abarca a Web 2.0 trabalhar a prpria Web como plataforma, isto , viabilizando funes online que antes s poderiam ser conduzidas por programas instalados em um computador. Seguindo estes princpios surge inmeras possibilidade para desenvolvimento de aplicaes. Sendo que essas aplicaes no requerem ser instaladas, mas sim simplesmente ser acessadas atravs de um navegador, para utilizar de algum tipo de servio.

2. Web 2.0
A primeira gerao da Internet que ficou conhecida como Web 1.0, tinha como principal caracterstica a enorme quantidade de informao e a que todos podiam acessar, porm, no possibilitava o usurio agregar seus conhecimentos, o papel do utilizador era de mero espectador, no tendo autorizao para alterar seu contedo. Alm de proporcionar um ambiente de navegao pouco atrativo. Assim, a grande mudana da Web 1.0 em relao Web 2.0 consiste na passagem de um utilizador consumidor para um utilizador consumidor e produtor de informaes, respectivamente. Outro aspecto que esto disponveis diversas ferramentas e tecnologias que tornam a navegao na Web mais interativa, agradvel, disponibilizando de diferentes servios cada vez mais importantes, seja para trabalho, estudo ou lazer.
Tabela 1. Diferenas entre Web 1.0 e Web 2.0

WEB 1.0 Utilizador informao. consumidor

WEB 2.0 da Utilizador consumidor e produtor da informao.

Menor nmero de ferramentas e Grandes nmeros de ferramentas e possibilidades. possibilidades ilimitadas. Para ter um espao na rede na O utilizador tem vrios servidores maioria dos servidores preciso para disponibilizar suas pginas de pagar. forma gratuita. Dificuldades inerentes Facilidades de criao e edio de programao e a aquisio de pginas online; software especfico para criao de pginas na web; Sites estticos e no interativos Aplicativos so fechados Sites dinmicos e criativos. Disponibilidade de API para agregar contedos e servios.

O'Reilly (2005), estabelece alguns conceito para descrever as novas prticas de comunicao atravs da internet. As principais caractersticas da Web 2.0 so; Web como plataforma: as aplicaes no sero instaladas nos computadores, mas sim, usados diretamente da Internet; Inteligncia Coletiva: os usurios da Web 2.0 tm a possibilidade tanto de apenas receber o contedo de sites como tambm de gerar seu prprio contedo; Gesto da Base de Dados: o principal interesse ter usurios que a enriqueam a base de dados, j que isto agrega grande valor comercial ao produto; Experincia do usurrio: proporciona uma experincia mais agradvel e atrativa com a interface grfica; Diversos dispositivos: a utilizao dos produtos da Web 2.0 no limitada apenas aos computadores, mas tambm a dispositivos mveis.

2.1. Tecnologias da Web 2.0 A Web que conhecemos so consequncias da utilizao de diversas tecnologias disponveis. Com elas so possvel desenvolver aplicaes interativas, dinmicas, oferendo aos usurios um produto de melhor qualidade. A seguir so descritas algumas das principais tecnologias utilizadas no desenvolvimento de aplicaes na Web 2.0. 2.1.1. CSS O CSS (Cascading Style Sheets), traduzido para o portugus como folha de estilo em cascata, um mecanismo simples para adicionar estilo (por exemplo, fontes, cores, espaamentos) aos documentos Web (W3C, 2013). O CSS uma linguagem de estilos para customizao de elementos, seja ele HTML, XHTML ou XML. Com o seu uso possvel estilizar praticamente qualquer coisa em uma aplicao Web. A ltima verso do CSS a trs, na qual se define estilos para pginas Web com efeitos de transio, imagem, dentre outros, que proporciona um estilo novo s pginas em todos os aspectos de design do layout. Alguns dos benefcios da utilizao do CSS so: Em vez de colocar a formatao dentro do documento, o desenvolvedor cria um link (ligao) para uma pgina que contm os estilos; Realizar manuteno e alterao se torna mais vivel, basta modificar apenas um arquivo que a alterao torna-se idntica para todas as outras pginas.

 Com recursos mais avanados de CSS pode-se conseguir um design sofisticado sem utilizao de imagens e tabelas; Maior eficincia no gerenciamento do layout; Os browsers (navegadores) carregam mais rpido; Utilizando o CSS no desenvolvimento de aplicaes Web, fornece uma gama de possibilidade e facilidade no trabalho dos desenvolvedores, alm de proporcionar aos usurios um produto de melhor qualidade. 2.1.2. XML O XML (eXtensible Markup Language) uma linguagem de marcao, sendo uma recomendao da W3C (World Wide Web Consortium), a principal organizao de padronizao e interpretao de contedos para a Web, sendo assim, o XML vem se tornando um padro para armazenamento e interoperabilidade entre sistemas de informao. Saldanha (2008, p. 10), define o XML como:
Uma linguagem extensvel, que possibilita a criao de marcaes (tags) sem qualquer limitao. Isso faz com que o XML seja ideal para estruturao de dados organizados de forma hierrquica, o que de grande importncia nos dias de hoje, onde as informaes necessitam ser bem estruturadas para que aplicaes distintas possam entend-las.

Como aproveitar de todas as informaes e dados que esto disponveis na Internet, sendo que ela conecta diferentes tipos de computadores e plataformas de hardware e software, neste cenrio surge necessidade de utilizar XML. A utilizao do XML uma soluo para guardar dados de uma pesquisa no banco de dados, guardar dados simples como configuraes de um software, guardar textos ou em qualquer situao onde precisamos guardar dados de forma bem estruturada. Neste contexto atual da Web indispensvel o uso do XML, na qual, ela utilizada para compartilhar dados e informaes entre diferentes aplicaes. Por exemplo, no desenvolvimento de aplicaes Web so utilizadas diferentes linguagens de programao, diferente banco de dados, nesse cenrio est sua principal caracterstica, que a portabilidade, pois assim, um banco de dados pode escrever um arquivo XML, com todas as suas informaes pertinentes, para que outro banco consiga l-lo, indiferentemente do tipo de banco de dados que est sendo utilizado. 2.1.3. AJAX O AJAX (Asynchronous Javascript and XML) no uma nova tecnologia nem uma nova linguagem de programao. AJAX so tcnicas que visam utilizar recursos e tecnologias Web j existentes de forma a otimizar a experincia dos usurios e tornar os servios disponveis na Web mais interativos. O Javascript entra nessa histria como a linguagem

de programao usada para realizar essas requisies e o XML como o formato para a troca das mensagens (UOL HOST, 2013). O AJAX utilizado para permitir que uma pgina j carregada possa acessar novos dados no servidor sem que para isso todo o contedo precise ser recarregado, a cada interao do usurio, tudo isso de forma assncrona. A UOL HOST (2013) explica o funcionamento do AJAX como um padro prestabelecido;
[...] normalmente comea com o carregamento de uma pgina em HTML que possui um script em Javascript monitorando algum evento importante, como o clique de um boto, por exemplo. Quando o usurio clica nesse boto disparado uma chamada em AJAX que envia uma requisio para o servidor, usando XML, para requisitar novas informaes. O servidor, ento, formata a resposta usando alguma linguagem de programao, como PHP ou ASP.Net, por exemplo, e a retorna para o browser, usando tambm o formato XML. Nesse momento a funo em javascript recebe esse contedo, extrai a informao desejada e atualiza a pgina.

Atravs de rotinas similares a essas possvel aperfeioar diversos aspectos de um projeto, por exemplo, validar entradas de formulrios enquanto o usurio ainda est digitando, como CPF ou CEP, recuperar dados detalhados do servidor, atualizar dinamicamente os dados em uma pgina ou submeter formulrios parciais. Com essas tcnicas melhora significativamente a experincia do usurio, quando esta utilizando as aplicaes Web. 2.1.4. API API (Application Programming Interface) ou interface de programao de aplicativos um conjunto de rotinas e padres estabelecidos por um software para a utilizao das suas funcionalidades por aplicativos que no pretendem envolver-se em detalhes da implementao do software, mas apenas usar seus servios (Wikipdia, 2013). A API a matrix de uma aplicao ou de algum tipo de servio, tendo como principal objetivo disponibilizar seus recursos para serem utilizados por outras aplicaes, proporcionando uma interao com as informaes e dados dos usurios, por exemplos, quando utilizada a API de uma rede social. A prtica de disponibilizar a API de uma aplicao permitiu o surgimento de uma arquitetura aberta para compartilhamento de contedo e dados entre diferentes aplicaes e sites. Desta forma, o contedo que criado em um lugar podem ser dinamicamente publicado e atualizado em vrios outros locais na Web. As API geralmente retornam as informaes por XML (eXtensible Markup Language) ou JSON (JavaScript Object Notation), podendo assim, as informaes serem recuperadas e utilizadas por qualquer sistema, indiferentemente da linguagem de programao que foi desenvolvido. Existem diversos servios que disponibilizam seus cdigos para serem acessados por outras aplicaes. Entre as APIs mais utilizadas destacam-se;

 Redes Sociais: Twitter, Facebook, LinkedIn, Flickr; Armazenamento de Arquivos: Dropbox, SkyDrive; Localizao: GoogleMaps, Correios;

2.2. Ferramentas da Web 2.0 Na Internet est disponvel uma infinidade de ferramentas que podem contribuir com os usurios, essas ferramentas so desde para o entretenimento ou at mesmo para contribuir com as atividades do indivduo no dia-a-dia, como, as ferramentas de apoio ao ensino, rea essa conhecida como tecnologia na educao, que est em grande crescimento, mudando o paradigma de como o estudante se comporta dentro de sala de aula.

Figura 2. Ferramentas e aplicaes da Web 2.0.

Segundo Leite (2011 apud COBO; PARDO, 2007, p. 45), sugere classificar a Web 2.0 em quatro linhas fundamentais, so elas:
Social Networking (Redes sociais) que descreve todas as ferramentas desenhadas para a criao de espaos que promovem ou facilitem a construo de comunidades de intercmbios sociais; Contedos que fazem referncia s ferramentas que favorecem a leitura e a escrita online, assim como sua distribuio e intercmbio;

Organizao Social e inteligncia da informao as ferramentas e recursos para marcar, organizar e indexar, facilitando a ordem e armazenamento da informao, assim como de outros recursos disponveis na rede; Aplicaes e servios (Mashups) esta classificao inclui inmeras ferramentas, softwares, plataformas online e diversos recursos criados para oferecer servios aos usurios.

O conceito das ferramentas da Web 2.0, consiste em possibilitar que o usurio alm consumir passa a produzir conhecimentos, permitindo assim, em qualquer lugar capturar, armazenar, organizar, pesquisar, recuperar e transmitir a informao de nosso interesse com extrema eficcia. Como destacado por Leite (2011), essas ferramentas da Web 2.0 nos permitem analisar, avaliar e transformar essa informao em conhecimento, colocando-as a bom uso em nossos processos tanto de entendimento e compreenso da realidade como de tomada de deciso e ao.

3. Consideraes finais
A Web 2.0 caracteriza principalmente com a mudana de como o usurio interage com a Internet, ou seja, ela tornou a navegao na Web um ambiente mais social e acessvel a todos os utilizadores, um lugar onde cada um tem o poder de controlar, acessar e alterar a informao de acordo com as suas necessidades. As tecnologias disponveis na Web 2.0 propiciam diversos recursos para os desenvolvedores utilizarem em seus projetos no desenvolvimento de aplicaes Web, tornando suas aplicaes mais dinmica, interativas, agradveis e de fcil usabilidade. Com isso, surgem a cada dia inmeras ferramentas que utilizam dos recursos da Web 2.0, ferramentas essas para dar apoio aos usurios na hora de se relacionar, estudar, consultar e armazenar informaes. Portanto, as ferramentas e tecnologias disponveis na Web 2.0 vieram para apoiar e facilitar no s os desenvolvedores de aplicaes Web, mas tambm os seus utilizadores.

Referncias
LEITE, B. S. Uso das tecnologias para o Estudo das cincias: A Web 2.0 como ferramenta de aprendizagem. 2011. 288 f. Dissertao (Mestrado) - Curso de Ensino de Cincias, Universidade Federal Rural de Pernambuco, Recife, 2011. OREILLY, T. What Is Web 2.0 Design Patterns and Business Models for the Next Generation of Software. Disponvel em: < http://oreilly.com/web2/archive/what-isweb-20.html >. Acesso em: 13 nov. 2013 SALDANHA, R. B. Desenvolvimento de uma Ferramenta Colaborativa Fundamentada nos Conceitos de web 2.0. 2008. 78 f. Monografia (Graduao) - Curso de Cincia da Computao, Faculdade Farias Brito, Fortaleza, 2008.

SANTAROSA, L.; CONFORTO D. Sincronismo, colaborao e acessibilidade na Web 2.0. In: SIMPSIO BRASILEIRO DE INFORMTICA NA EDUCAO, 23.,2012, Rio de Janeiro. Anais... Porto Alegre: UFRGS, 2012. P. 10. UOL HOST. O que o AJAX e como ele pode ajudar nos seus projetos. Disponvel em: <http://www.uolhost.com.br/blog/o-que-e-o-ajax-e-como-ele-pode-ajudar-nos-seusprojetos#rmcl>. Acesso em: 13 nov. 2013. W3C. Cascading Style Sheets (CSS). Disponvel em: <http://www.w3.org/Style/CSS>. Acesso em: 13 nov. 2013. WIKIPDIA, a enciclopdia livre. API. Disponvel http://pt.wikipedia.org/wiki/API>. Acesso em: 13 nov. 2013. em: <