Post on 06-Jun-2015
description
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