SlideShare une entreprise Scribd logo
1  sur  51
Télécharger pour lire hors ligne
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
Passado
Fonte: Tecmundo
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
Passado
http://www.w3.org/History/1989/proposal.html
Web em 1989
Passado
http://www.w3.org/History/1989/proposal.html
Web em 1989
Passado
http://www.w3.org/History/1989/proposal.html
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
http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html
Futuro da Web
http://web.archive.org/web/19961227091242/http://www19.w3.org/
Web em 2001
Web em 2001
Web
Browsers
Motores
de busca
A B C D
HTML HTML HTML HTML
hyper
links
hyper
links
hyper
links
A Web começou a criar produtos
Presente
30HTML5 - Futuro da Web
• 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
HTML 5 [HyperText Markup Language]
31HTML5 - Futuro da Web
<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
35HTML5 - Futuro da Web
36HTML5 - Futuro da Web
Web em 2001
Web em 2011
Web em 2001
Web
Browsers
Motores
de busca
A B C D
HTML HTML HTML HTML
hyper
links
hyper
links
hyper
links
Web em 2011
RDF +
HTML5
URI
Web browsers
dados
linkados
Motores
de busca
A B C D
link de
dados
Mashups de
dados
linkados
dados
dados
dados
dados
dados
dados
dados
dados
E
dados
dados
link de
dados
link de
dados
link de
dados
HTTP HTTP
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

Contenu connexe

Similaire à Passado, presente e futuro da Web

Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0 Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0 Serpentina
 
workshop Cultura online @ CM Santarém [Versão 2]
workshop Cultura online @ CM Santarém [Versão  2]workshop Cultura online @ CM Santarém [Versão  2]
workshop Cultura online @ CM Santarém [Versão 2]Serpentina
 
Convergência e interoperabilidade 1 sem - 2013
Convergência e interoperabilidade   1 sem - 2013Convergência e interoperabilidade   1 sem - 2013
Convergência e interoperabilidade 1 sem - 2013Filipi Tieppo Barbaro
 
Convergência e interoperabilidade 1 sem - 2013 - fei
Convergência e interoperabilidade   1 sem - 2013 - feiConvergência e interoperabilidade   1 sem - 2013 - fei
Convergência e interoperabilidade 1 sem - 2013 - feiDanilo Goulart Silva
 
Cibergeografia MidiáTica Brasileira
Cibergeografia MidiáTica BrasileiraCibergeografia MidiáTica Brasileira
Cibergeografia MidiáTica Brasileiraguestc118eb
 

Similaire à Passado, presente e futuro da Web (7)

Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0 Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0
 
workshop Cultura online @ CM Santarém [Versão 2]
workshop Cultura online @ CM Santarém [Versão  2]workshop Cultura online @ CM Santarém [Versão  2]
workshop Cultura online @ CM Santarém [Versão 2]
 
Entendendo o web scapping
Entendendo o web scappingEntendendo o web scapping
Entendendo o web scapping
 
Passado, Presente e Futuro da Web
Passado, Presente e Futuro da WebPassado, Presente e Futuro da Web
Passado, Presente e Futuro da Web
 
Convergência e interoperabilidade 1 sem - 2013
Convergência e interoperabilidade   1 sem - 2013Convergência e interoperabilidade   1 sem - 2013
Convergência e interoperabilidade 1 sem - 2013
 
Convergência e interoperabilidade 1 sem - 2013 - fei
Convergência e interoperabilidade   1 sem - 2013 - feiConvergência e interoperabilidade   1 sem - 2013 - fei
Convergência e interoperabilidade 1 sem - 2013 - fei
 
Cibergeografia MidiáTica Brasileira
Cibergeografia MidiáTica BrasileiraCibergeografia MidiáTica Brasileira
Cibergeografia MidiáTica Brasileira
 

Plus de Reinaldo Ferraz

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Reinaldo Ferraz
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoReinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Reinaldo Ferraz
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webReinaldo Ferraz
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributesReinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIAReinaldo Ferraz
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEOReinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websitesReinaldo Ferraz
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalReinaldo Ferraz
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaReinaldo Ferraz
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasReinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEOReinaldo Ferraz
 

Plus de Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 

Passado, presente e futuro da Web