Web 2.0Web 2.0Bruno PeixotoBruno Peixoto

Flavio AbeFlavio Abe

Henrique NettoHenrique Netto

Tópicos

-Introdução;

-Web 1.0 vs. Web 2.0;

-Web 2.0 e o design;

-Conclusões.

1

Introdução

- A Internet era usada por pesquisadores e professores a fim de publicar seus trabalhos.

- Surge o HTML como linguagem de marcação.

- Não havia controle sobre o modo como os sites eram exibidos.

2

3

Exemplo de site usando a formatação padrão: http://shakespearelang.sourceforge.net/

Introdução

- Surge o desejo de se ter mais controle sobre a formatação das páginas.

- O padrão HTML ganha tags visuais.

- Perde-se a distinção entre forma e conteúdo;- Mais tarde surge o CSS, linguagem para descrever a formatação de documentos.

4

- Essas novas tecnologias são a chave para que as páginas passem a oferecer interatividade, prover funcionalidades para os usuários e diferentes níveis de personalização.

- Essa mudança na Web reflete uma mudança ainda mais importante em seus usuários, que deixam o papel apenas de consumidores e passam também a produzir conteúdo e informações.

5

Introdução

- Inicialmente as páginas eram estáticas;- Um autor publicava conteúdo para os leitores.

- Serviços passam a ser oferecidos pela Web.

- Como suporte a páginas mais dinâmicas, surgem linguagens como PHP, ASP e JavaScript.

6

Introdução

Introdução

- De onde surgiu o termo Web 2.0.

7

Introdução

- De onde surgiu o termo Web 2.0.

7

Web 1.0 vs. Web 2.0

8

Web 1.0 vs. Web 2.0

8

DoubleClick Google AdSense

Ofoto Flickr

Akamai BitTorrent

mp3.com Napster

Britannica Online Wikipedia

personal websites blogging

evite upcoming.org and EVDB

domain name speculation search engine optimization

page views cost per click

screen scraping web services

publishing participation

content management systems wikis

directories (taxonomy) tagging ("folksonomy")

stickiness syndication

9

Web 1.0 vs. Web 2.0

9

Web 1.0 vs. Web 2.0

10

Web 1.0 vs. Web 2.0

Netscape vs. Google

-NETSCAPE: produto principal = Web Browser (navegador)

-GOOGLE: produto principal = Serviço da Web

10

Web 1.0 vs. Web 2.0

Netscape vs. Google

-NETSCAPE: produto principal = Web Browser (navegador)

-GOOGLE: produto principal = Serviço da Web

-Netscape:Desktop, Proprietário, Ferramenta.(mais tarde, servidores)

-Google:Serviço Web, “Gratuito”,Banco de Dados + Ferramentas.

10

Web 1.0 vs. Web 2.0

Netscape vs. Google

- Exemplos de site Web 1.0:

11

Web 2.0 e o design

- Exemplo de site web 1.0:

12

Web 2.0 e o design

Web 2.0 e o design

13

Web 2.0 e o design

14

Web 2.0 e o design

15

Web 2.0 e o design

Exemplo de site Web 2.0: http://www.flickr.com/

16

Web 2.0 e o design

Exemplo de site Web 2.0: http://www.last.fm/

•Web 1.0 reading, Web 2.0 writing

•Web 1.0 companies, Web 2.0 communities

•Web 1.0 client-server, Web 2.0 peer to peer

•Web 1.0 HTML, Web 2.0 XML

•Web 1.0 home pages, Web 2.0 blogs

•Web 1.0 portals, Web 2.0 RSS

•Web 1.0 taxonomy, Web 2.0 tags

•Web 1.0 wires, Web 2.0 wireless

•Web 1.0 owning, Web 2.0 sharing

•Web 1.0 IPOs, Web 2.0 trade sales

•Web 1.0 Netscape, Web 2.0 Google

•Web 1.0 web forms, Web 2.0 web applications

•Web 1.0 screen scraping, Web 2.0 APIs

•Web 1.0 dialup, Web 2.0 broadband

•Web 1.0 hardware costs, Web 2.0 bandwidth costs 18

Em resumo...

19

Conclusão