O documento discute a evolução da Web, distinguindo as eras Web 1.0 e Web 2.0. A Web 1.0 era estática, com páginas criadas por autores para leitores. A Web 2.0 é dinâmica, com usuários que também produzem conteúdo por meio de blogs, wikis e marcação social. Ela permite mais interatividade, personalização e serviços na web.

1. Web 2.0 Bruno Peixoto Flavio Abe Henrique Netto

2. Tópicos Introdução; Web 1.0 vs. Web 2.0; Web 2.0 e o design; Conclusões. WWW 1

3. 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. WWW 2 WWW

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

5. 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. WWW 4 WWW

6. 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. WWW 5 WWW Introdução

7. 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 . WWW 6 WWW Introdução

8. Introdução - De onde surgiu o termo Web 2.0. WWW 7 WWW

9. Introdução - De onde surgiu o termo Web 2.0. WWW 7 WWW

10. Web 1.0 vs. Web 2.0 WWW 8 WWW

11. Web 1.0 vs. Web 2.0 WWW 8 WWW 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

12. WWW 9 Web 1.0 vs. Web 2.0 WWW

13. 9 Web 1.0 vs. Web 2.0 WWW

14. Netscape vs. Google WWW 10 Web 1.0 vs. Web 2.0 WWW

15. NETSCAPE: produto principal = Web Browser (navegador) GOOGLE: produto principal = Serviço da Web Netscape vs. Google WWW 10 Web 1.0 vs. Web 2.0 WWW

16. 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. Netscape vs. Google WWW 10 Web 1.0 vs. Web 2.0 WWW

17. - Exemplos de site Web 1.0: WWW 11 Web 2.0 e o design WWW

18. - Exemplo de site web 1.0: WWW 12 Web 2.0 e o design Web 2.0 e o design WWW

19. WWW 13 Web 2.0 e o design WWW

20. WWW 14 Web 2.0 e o design WWW

21. WWW 15 Web 2.0 e o design Exemplo de site Web 2.0: http://www.flickr.com/ WWW

22. WWW 16 Web 2.0 e o design Exemplo de site Web 2.0: http://www.last.fm/ WWW

23. 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 Em resumo... WWW 18 WWW

24. Conclusão WWW 19 WWW