SlideShare uma empresa Scribd logo
1 de 51
Passado, presente e futuro da Web
Curso Arquitetura da Informação – Faber Ludens @ IMasters
             São Paulo – 29 de janeiro de 2013
                 Reinaldo Ferraz – W3C.br
Um pouco do W3C
O W3C no Brasil
Passado
História da Web




Fonte: Tecmundo

                                Passado
http://www.tecmundo.com.br/infografico/984
7-a-historia-da-internet-pre-decada-de-60-
ate-anos-80-infografico-.htm
1989
Web em 1989




Passado
Web em 1989




Passado
Web em 1989




   http://www.w3.org/History/1989/proposal.html




Passado
Web em 1989




   http://www.w3.org/History/1989/proposal.html




Passado
Web em 1989




   http://www.w3.org/History/1989/proposal.html




Passado
Web em 1989




http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html
Futuro da Web




http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html
http://web.archive.org/web/19961227091242/http://www19.w3.org/
Web em 2001
Web em 2001



                 Web              Motores
               Browsers           de busca




HTML             HTML              HTML           HTML
       hyper              hyper           hyper
       links              links           links




 A                 B                 C             D
A Web começou a criar produtos
Presente
HTML 5 [HyperText Markup Language]
• 1991      – html tag – Tim Berners Lee
  1994      – HTML 2 - já incluia tag <img>
  1997      – HTML 3.2
  1999      – HTML 4.01
  2000      – XHTML 1.0
  2001      – XHTML 1.1 – CSS
  20...     – Ian Hickson (Opera) propõe estender HTML:
              Web Forms 2.0, Web Apps 1.0
  2004      – Apple, Mozilla e Opera criam WHAT WG
              (Web Hypertext Application Technology Working Group)
  2007      – W3C retorna HTML Working Group
  2009      – W3C descontinua XHTML
  2010-2011 – Apple, Google, Microsoft, Mozilla e Opera
              implementam HTML5
                     HTML5 - Futuro da Web                       30
HTML5 - Futuro da Web   31
<SCRIPT LANGUAGE="JavaScript">
<!-- www.ruajava.kit.net -->
<!-- Begin
var now = new Date();
var month_array = new
Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Out
ubro","Novembro","Dezembro");
document.write("<form name=date_list><table bgcolor=silver><tr><td>");
document.write("<select name=month
onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
 if (now.getMonth() != i)
 {document.write ("<option value="+i+">"+month_array[i]);}
 else
 {document.write ("<option value="+i+" selected>"+month_array[i]);}
}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year
onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=1950;i<3000;i++)
{
 if (now.getYear() != i)
 {document.write("<option value="+i+">"+i);}
<input type="date">

<input type=“datetime">

<input type=“datetime-local">
number   email   url
HTML5 - Futuro da Web   35
HTML5 - Futuro da Web   36
Web em 2001
Web em 2011
Web em 2001



                 Web              Motores
               Browsers           de busca




HTML             HTML              HTML           HTML
       hyper              hyper           hyper
       links              links           links




 A                 B                 C             D
Web em 2011


        Web browsers                                         Mashups de
                                       Motores
            dados                                               dados
                                       de busca
          linkados                                            linkados

                          HTTP                     HTTP


        dados           dados           dados           dados          dados
RDF +                                                                            URI
HTML5
        dados           dados           dados           dados          dados

              link de        link de          link de        link de
              dados          dados            dados          dados




          A              B                C              D              E
Futuro
http://www.wired.com/magazine/2010/08/ff_webrip/all/1
Long Live the Web – Scientific American
  http://www.scientificamerican.com/article.cfm?id=long-live-the-web
Vídeo – The social Web of things
http://www.youtube.com/watch?v=i5AuzQXBsG4
Vídeo – Milestone Village
http://www.youtube.com/watch?v=DiWNm7D34rY
Princípios do W3C




Web para todos,
  em qualquer
 dispositivo, em
 qualquer lugar,
    segura e
    confiável!

                   Foto: everystockphoto.com - woodleywonderworks
Obrigado!


  Reinaldo Ferraz
 W3C Escritório Brasil
     www.w3c.br
 Twitter: @w3cbrasil

    reinaldo@nic.br
Twitter: @reinaldoferraz

Mais conteúdo relacionado

Destaque

Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Instituto Faber-Ludens
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Instituto Faber-Ludens
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de OrganizacãoJumpEducation
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulaçãoInstituto Faber-Ludens
 

Destaque (9)

Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012
 
Arquitetura da Informação na Movile
Arquitetura da Informação na MovileArquitetura da Informação na Movile
Arquitetura da Informação na Movile
 
Por um Design Livre - CIRS
Por um Design Livre - CIRSPor um Design Livre - CIRS
Por um Design Livre - CIRS
 
Por um Design Livre - CICI 2011
Por um Design Livre - CICI 2011Por um Design Livre - CICI 2011
Por um Design Livre - CICI 2011
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de Organizacão
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 

Semelhante a Passado, Presente e Futuro da Web

28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...
28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...
28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...Rio Info
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012Reinaldo Ferraz
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
 
Web 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresasWeb 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresasReinaldo Ferreira
 
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011Reinaldo Ferraz
 
Seminario Web30 Universidade Fernando Pessoa
Seminario Web30 Universidade Fernando PessoaSeminario Web30 Universidade Fernando Pessoa
Seminario Web30 Universidade Fernando PessoaReinaldo Ferreira
 
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalWeb semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalRichard Duchatsch Johansen
 
Web 2.0: conceito, tendências e desafios
Web 2.0: conceito, tendências e desafiosWeb 2.0: conceito, tendências e desafios
Web 2.0: conceito, tendências e desafiosMauricio Garcia
 
API's do HTML5 - Davidson Alencar - WebBR2013
API's do HTML5 - Davidson Alencar - WebBR2013API's do HTML5 - Davidson Alencar - WebBR2013
API's do HTML5 - Davidson Alencar - WebBR2013Davidson Alencar
 
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTLições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTAndré Luís
 
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...Leandro Borges
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoDavid Robert Camargo de Campos
 
Web 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaWeb 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaElvis Fusco
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleFelipe Bazon
 
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...Renato Bongiorno Bonfanti
 

Semelhante a Passado, Presente e Futuro da Web (20)

28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...
28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...
28/09/2011 - 16h às 18h - Convergência Digital - plataformas e conteúdo - Car...
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
 
O HTML 5 e o futuro da web
O HTML 5 e o futuro da webO HTML 5 e o futuro da web
O HTML 5 e o futuro da web
 
Mobile Web e HTML5
Mobile Web e HTML5Mobile Web e HTML5
Mobile Web e HTML5
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
Web 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresasWeb 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresas
 
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
 
Seminario Web30 Universidade Fernando Pessoa
Seminario Web30 Universidade Fernando PessoaSeminario Web30 Universidade Fernando Pessoa
Seminario Web30 Universidade Fernando Pessoa
 
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalWeb semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
 
Seminário Web 3.0
Seminário Web 3.0Seminário Web 3.0
Seminário Web 3.0
 
Web 2.0: conceito, tendências e desafios
Web 2.0: conceito, tendências e desafiosWeb 2.0: conceito, tendências e desafios
Web 2.0: conceito, tendências e desafios
 
Internet e Web NÃO SÃO as mesmas coisas
Internet e Web NÃO SÃO as mesmas coisasInternet e Web NÃO SÃO as mesmas coisas
Internet e Web NÃO SÃO as mesmas coisas
 
HTML5 CSS3
HTML5 CSS3HTML5 CSS3
HTML5 CSS3
 
API's do HTML5 - Davidson Alencar - WebBR2013
API's do HTML5 - Davidson Alencar - WebBR2013API's do HTML5 - Davidson Alencar - WebBR2013
API's do HTML5 - Davidson Alencar - WebBR2013
 
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTLições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
 
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...
Do Gopher, Web Crawler, Google, pagerank, sitemaps, ontologia, ao Big Data, W...
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenho
 
Web 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e TecnológicaWeb 2.0 - Uma Visão Corporativa e Tecnológica
Web 2.0 - Uma Visão Corporativa e Tecnológica
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o Google
 
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...
Road Show TI SENAC - Web Semântica - Pessoas e Máquinas Pensando Juntas - SEN...
 

Mais de Instituto Faber-Ludens

Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisInstituto Faber-Ludens
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Instituto Faber-Ludens
 

Mais de Instituto Faber-Ludens (7)

7Masters Acessibilidade Por Que Sim
7Masters Acessibilidade Por Que Sim7Masters Acessibilidade Por Que Sim
7Masters Acessibilidade Por Que Sim
 
Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos Móveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Camiseta 2012 by Pianofuzz
Camiseta 2012 by PianofuzzCamiseta 2012 by Pianofuzz
Camiseta 2012 by Pianofuzz
 
Apresentação Institucional 2011-2
Apresentação Institucional 2011-2Apresentação Institucional 2011-2
Apresentação Institucional 2011-2
 
Instruções Projeto Final
Instruções Projeto FinalInstruções Projeto Final
Instruções Projeto Final
 
Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011
 

Passado, Presente e Futuro da Web