O W3C Futuro da Web HTML5 Web Semntica

Maro/2011 SENAC Ribeiro Preto Road Show TI 2011

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http://www.w3.org/History/1989/proposal.html (URI + HTTP + HTML)

W3C - Futuro da Web - HTML5 - Web Semntica

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http://www.w3.org/History/1989/proposal.html (URI + HTTP + HTML)

o W3C em 1994 (h16 anos)

01/10/1994 no MIT, Laboratrio de Cincia da Computao

W3C - Futuro da Web - HTML5 - Web Semntica

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http://www.w3.org/History/1989/proposal.html (URI + HTTP + HTML)

o W3C em 1994 (h16 anos)

01/10/1994 no MIT, Laboratrio de Cincia da Computao

Web Semntica
1a. Conferncia Internacional WWW 25 a 27/05/1994 http://www.w3.org/Talks/WWW94Tim/

W3C - Futuro da Web - HTML5 - Web Semntica

O Consrcio World Wide Web (W3C)

um consrcio internacional organizaes filiadas, uma equipe em tempo integral, participao do pblico

W3C - Futuro da Web - HTML5 - Web Semntica

O Consrcio World Wide Web (W3C)

um consrcio internacional organizaes filiadas, uma equipe em tempo integral, participao do pblico para colaborativamente desenvolver padres universais para a Web.

W3C - Futuro da Web - HTML5 - Web Semntica

Misso do W3C

Conduzir a World Wide Web para que atinja todo seu potencial, desenvolvendo protocolos e diretrizes que garantam seu crescimento de longo prazo.

W3C - Futuro da Web - HTML5 - Web Semntica

O W3C desenvolve padres

Conduzir a World Wide Web para que atinja todo seu potencial, desenvolvendo protocolos e diretrizes que garantam seu crescimento de longo prazo.
Desde sua fundao, o W3C publicou mais de uma centena de padres, denominados Recomendaes do W3C Web Standards Padres Web
W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

Web para todos

W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

10

Web para todos

Tornar os benefcios da web (seu valor social: comunicao humana, comrcio, compartilhar conhecimentos) disponveis a todos, independente de

Hardware Software Infra-estrutura de rede Idioma

W3C - Futuro da Web - HTML5 - Web Semntica

Cultura Localizao geogrfica Habilidade fsica Habilidade mental

Metas W3C

11

Web para todos Web em qualquer dispositivo

W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

12

Web em qualquer dispositivo

Possibilitar que o acesso de qualquer tipo de dispositivo seja to simples, fcil e conveniente quanto de um computador convencional

Computadores Desktops Netbooks Telefones PDAs

W3C - Futuro da Web - HTML5 - Web Semntica

TV digital Sistemas de interao por voz Aparelhos domsticos web ubqua

Metas W3C

13

Web para todos Web em qualquer dispositivo Web base de conhecimento

W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

14

Web base de conhecimento

No apenas um grande livro hiperlinkado onde pessoas possam pesquisar, navegar, visualizar e ler informaes Possibilitar que computadores interpretem, estabeleam inferncias e relaes na web Interoperabilidade Web Semntica

W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

15

Web para todos Web em qualquer dispositivo Web base de conhecimento Web confivel e segura

W3C - Futuro da Web - HTML5 - Web Semntica

Metas W3C

16

Web confivel e segura

Uma web em que as transaes sociais e comunicaes com terceiros sejam estabelecidas em relaes de confiana, por pessoas, organizaes ou servios

Ambiente mas colaborativo responsvel seguro Confiana e Confidncia

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web No apenas repositrio de documentos com o propsito de exibio, mas de automao, integrao e reuso em sistemas diferentes No apenas apresentar dados, interpret-los Compartilhar informaes (interpretaes) com organizao em escala e completa integrao de recursos
W3C - Futuro da Web - HTML5 - Web Semntica

17

Futuro da Web

18

Web sinttica

Regras e formalidades

Web semntica

Interpretaes, inferncias e relaes

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

19

Web de dados (2006) URI - RDF Web Social (2003)

Web ( 1992) HTTP - URI HTML/CSS/JavaScript

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

20

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

21

RDF + HTML5

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]

22

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
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) prope estender HTML: 2004 Apple, Mozilla e Opera criam WHAT WG
(Web Hypertext Application Technology Working Group) Web Forms 2.0, Web Apps 1.0

23

2007 W3C retorna HTML Working Group 2009 W3C descontinua XHTML 2010-2011 Apple, Google, Microsoft, Mozilla e Opera implementam HTML5
W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language] Maio/2011 Last Call
Processo W3C padronizao : Working Draft (Rascunho de Trabalho) Last Call Candidate Recommendation (Candidato a Recomendao): Chamada para implementao Proposed Recommendation (Proposta de Recomendao): Chamada para reviso de proposta de recomendao W3C Recommendation (Recomendao W3C): Publicao da recomendao

24

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language] Novos elementos (semnticos) Formulrios Geolocalizao <canvas> <video> <audio>
W3C - Futuro da Web - HTML5 - Web Semntica

25

Futuro da Web
HTML 5 [HyperText Markup Language]
Novos elementos (semnticos)

26

<article> <section> <header> & <footer> <hgroup> (agrupamento <h1> <h2> ) <aside> <figure> (agrupamento imagens e legendas)
Lista completa: http://www.w3.org/TR/html-markup/
W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]
HTML4 + CSS

27

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language] Novos elementos (semnticos) HTML5 + CSS

28

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]
http://www.whatwg.org/demos/company-home/

29

Novos elementos (semnticos) HTML5 + CSS

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]

30

Formulrios
http://diveintohtml5.org/examples/input-type-number-min-max-step.html http://diveintohtml5.org/examples/input-type-date.html

<form> <label for="CEP">CEP: <input type=text id="CEP" required pattern="\d{5}-?\d{3}" /> </label> <input type="submit" value="Enviar" /> </form>
W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]

31

VDEO
<video id='VideoResource' style='border: black 1px solid; margin-left: 4px; margin-top: 4px; margin-bottom: 0px;' poster='/2009/04/coffee.png'> <source src="http://media.w3.org/2009/02/ThisisCo1961_tiny.mp4" type="video/mp4"/> <source src="http://media.w3.org/2009/02/ThisisCo1961_tiny.ogv" type="video/ogg"/> <text lang='en' type="application/ttaf+xml" src="/2009/02/ThisIsCoffee61_captions.xml"></text> <div style='width: 320px; height: 240px; color: white'> <p>No Video Support.</p> </div> </video>
http://www.w3.org/2010/Talks/0430-www2010-plh/video-player.xhtml

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]

32

VDEO

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]

33

Codecs/ container Theora+Vorbis+ Ogg H.264+AAC+ MP4 WebM

IE

Firefox

Safari

Chrome

Opera

iPhone

Android

3.5+

5.0+

10.5+

9.0+ 9.0+

4.0+

3.0+ 6.0+

10.6+

3.0+

2.0+ ?

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language]
http://szenesprachenwiki.de/words/canvas

34

<canvas>

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
HTML 5 [HyperText Markup Language] http://www.whatwg.org/ http://www.whatwg.org/demos/company-home/ http://www.w3.org/2009/03/web-demo.xhtml http://www.w3.org/html/wiki/Demos http://www.w3.org/html/planet/ http://www.w3.org/html/logo/ http://www.w3.org/TR/ttaf1-dfxp/

35

http://acessodigital.net/video-html5/video-acessibilidade-br.html

http://www.w3c.br/cursos/html5/banco.htm
W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

36

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

37

Conectividade CSS3 Acesso de dispositivos Grficos 3D e Efeitos Multimdia Performance e Integrao Semntica Offline e Armazenamento

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

38

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

39

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
ID ISBN 0-00-6511409-X Author id_xyz Title The Glass Palace Publisher id_qpr 2000 Year

40

ID id_xyz

Name Ghosh, Amitav

Homepage http://www.amitavghosh.com

ID id_qpr

Publishers name Harper Collins

City London

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

41

Exportar dados como um set de relaes

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web

42

W3C - Futuro da Web - HTML5 - Web Semntica

43

W3C - Futuro da Web - HTML5 - Web Semntica

44

W3C - Futuro da Web - HTML5 - Web Semntica

45

W3C - Futuro da Web - HTML5 - Web Semntica

46

W3C - Futuro da Web - HTML5 - Web Semntica

47

W3C - Futuro da Web - HTML5 - Web Semntica

48

Mais conhecimento na Wikipedia = DBPedia

W3C - Futuro da Web - HTML5 - Web Semntica

49

Relacionado mais dados relevantes

W3C - Futuro da Web - HTML5 - Web Semntica

Futuro da Web
Web de dados Web das coisas

50

Web Semntica

Integrao de dados na web

W3C - Futuro da Web - HTML5 - Web Semntica

W3C Escritrio Brasil

Av. das Naes Unidas, 11.541, 6 andar So Paulo, SP - Brasil CEP 04578-000 Telefone (11) 5509-3511 Vagner Diniz, vagner@nic.br Carlinhos Cecconi, cecconi@nic.br

51

Obrigado!

http://www.w3c.br

W3C - Futuro da Web - HTML5 - Web Semntica