O W3C Futuro da Web HTML5 Web Semântica. Abril/2011- SENAC Jaboticabal ROAD SHOW de TI 2011

Transcrição

1 O W3C HTML5 Web Semântica Abril/2011- SENAC Jaboticabal ROAD SHOW de TI 2011

2 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) (URI + HTTP + HTML) W3C - - HTML5 - Web Semântica 2

3 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) (URI + HTTP + HTML) o W3C em 1994 (há16 anos) 01/10/1994 no MIT, Laboratório de Ciência da Computação W3C - - HTML5 - Web Semântica 3

4 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) (URI + HTTP + HTML) o W3C em 1994 (há16 anos) 01/10/1994 no MIT, Laboratório de Ciência da Computação Web Semântica 1a. Conferência Internacional WWW 25 a 27/05/ W3C - - HTML5 - Web Semântica 4

5 O Consórcio World Wide Web (W3C) É um consórcio internacional organizações filiadas, uma equipe em tempo integral, participação do público W3C - - HTML5 - Web Semântica 5

6 O Consórcio World Wide Web (W3C) É um consórcio internacional organizações filiadas, uma equipe em tempo integral, participação do público para colaborativamente desenvolver padrões universais para a Web. W3C - - HTML5 - Web Semântica 6

7 Missão 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 - - HTML5 - Web Semântica 7

8 O W3C desenvolve padrões Conduzir a World Wide Web para que atinja todo seu potencial, desenvolvendo protocolos e diretrizes que garantam seu crescimento de longo prazo. Desde sua fundação, o W3C publicou mais de uma centena de padrões, denominados Recomendações do W3C Web Standards Padrões Web W3C - - HTML5 - Web Semântica 8

9 Metas W3C Web para todos W3C - - HTML5 - Web Semântica 9

10 Metas W3C 10 Web para todos Tornar os benefícios da web (seu valor social: comunicação humana, comércio, compartilhar conhecimentos) disponíveis a todos, independente de Hardware Software Infra-estrutura de rede Idioma W3C - - HTML5 - Web Semântica Cultura Localização geográfica Habilidade física Habilidade mental

11 Metas W3C Web para todos Web em qualquer dispositivo W3C - - HTML5 - Web Semântica 11

12 Metas W3C 12 Web em qualquer dispositivo Possibilitar que o acesso de qualquer tipo de dispositivo seja tão simples, fácil e conveniente quanto de um computador convencional Computadores Desktops Netbooks Telefones PDAs W3C - - HTML5 - Web Semântica TV digital Sistemas de interação por voz Aparelhos domésticos web ubíqua

13 Metas W3C Web para todos Web em qualquer dispositivo Web base de conhecimento W3C - - HTML5 - Web Semântica 13

14 Metas W3C Web base de conhecimento Não apenas um grande livro hiperlinkado onde pessoas possam pesquisar, navegar, visualizar e ler informações Possibilitar que computadores interpretem, estabeleçam inferências e relações na web Interoperabilidade Web Semântica W3C - - HTML5 - Web Semântica 14

15 Metas W3C Web para todos Web em qualquer dispositivo Web base de conhecimento Web confiável e segura W3C - - HTML5 - Web Semântica 15

16 Metas W3C Web confiável e segura Uma web em que as transações sociais e comunicações com terceiros sejam estabelecidas em relações de confiança, por pessoas, organizações ou serviços Ambiente mas colaborativo responsável seguro Confiança e Confidência W3C - - HTML5 - Web Semântica 16

17 Não apenas repositório de documentos com o propósito de exibição, mas de automação, integração e reuso em sistemas diferentes Não apenas apresentar dados, interpretá-los Compartilhar informações (interpretações) com organização em escala e completa integração de recursos W3C - - HTML5 - Web Semântica 17

18 18 Web sintática Regras e formalidades Web semântica Interpretações, inferências e relações W3C - - HTML5 - Web Semântica

19 19 Web de dados (2006) URI - RDF Web Social (2003) Web ( 1992) HTTP - URI HTML/CSS/JavaScript W3C - - HTML5 - Web Semântica

20 W3C - - HTML5 - Web Semântica 20

21 RDF + HTML5 W3C - - HTML5 - Web Semântica 21

22 HTML 5 [HyperText Markup Language] W3C - - HTML5 - Web Semântica 22

23 HTML 5 [HyperText Markup Language] 1991 html tag Tim Berners Lee 1994 HTML 2 - já incluia tag <img> 1997 HTML HTML XHTML XHTML 1.1 CSS Ian Hickson (Opera) propõe estender HTML: 2004 Web Forms 2.0, Web Apps 1.0 Apple, Mozilla e Opera criam WHAT WG (Web Hypertext Application Technology Working Group) 2007 W3C retorna HTML Working Group 2009 W3C descontinua XHTML Apple, Google, Microsoft, Mozilla e Opera implementam HTML5 W3C - - HTML5 - Web Semântica 23

24 24 HTML 5 [HyperText Markup Language] Maio/2011 Last Call Processo W3C padronização : Working Draft (Rascunho de Trabalho) Last Call Candidate Recommendation (Candidato a Recomendação): Chamada para implementação Proposed Recommendation (Proposta de Recomendação): Chamada para revisão de proposta de recomendação W3C Recommendation (Recomendação W3C): Publicação da recomendação W3C - - HTML5 - Web Semântica

25 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) Formulários Geolocalização <canvas> <video> <audio> W3C - - HTML5 - Web Semântica 25

26 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) <article> <section> <header> & <footer> <hgroup> (agrupamento <h1> <h2> ) <aside> <figure> (agrupamento imagens e legendas) Lista completa: W3C - - HTML5 - Web Semântica 26

27 27 HTML 5 [HyperText Markup Language] HTML4 + CSS W3C - - HTML5 - Web Semântica

28 28 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) HTML5 + CSS W3C - - HTML5 - Web Semântica

29 29 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) HTML5 + CSS W3C - - HTML5 - Web Semântica

30 HTML 5 [HyperText Markup Language] Formulários <form> <label for="cep">cep: <input type= text id="cep" required pattern="\d{5}-?\d{3}" /> </label> <input type="submit" value="enviar" /> </form> W3C - - HTML5 - Web Semântica 30

31 31 HTML 5 [HyperText Markup Language] VíDEO <video id='videoresource' style='border: black 1px solid; margin-left: 4px; margin-top: 4px; margin-bottom: 0px;' poster='/2009/04/coffee.png'> <source src=" type="video/mp4"/> <source src=" 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> W3C - - HTML5 - Web Semântica

32 HTML 5 [HyperText Markup Language] VíDEO W3C - - HTML5 - Web Semântica 32

33 33 HTML 5 [HyperText Markup Language] IE Firefox Safari Chrome Opera iphone Android H.264+AAC+ MP WebM ? Codecs/ container Theora+Vorbis+ Ogg W3C - - HTML5 - Web Semântica 6.0+

34 34 HTML 5 [HyperText Markup Language] <canvas> W3C - - HTML5 - Web Semântica

35 HTML 5 [HyperText Markup Language] W3C - - HTML5 - Web Semântica 35

36 W3C - - HTML5 - Web Semântica 36

37 Conectividade CSS3 Acesso de dispositivos Gráficos 3D e Efeitos Multimídia Performance e Integração Semântica Offline e Armazenamento W3C - - HTML5 - Web Semântica 37

38 W3C - - HTML5 - Web Semântica 38

39 W3C - - HTML5 - Web Semântica 39

40 ID ISBN X ID id_xyz Author Title Publisher id_xyz The Glass Palace id_qpr Name Ghosh, Amitav ID id_qpr 40 Publisher s name Harper Collins W3C - - HTML5 - Web Semântica Year 2000 Homepage City London

41 Exportar dados como um set de relações W3C - - HTML5 - Web Semântica 41

42 W3C - - HTML5 - Web Semântica 42

43 43 W3C - - HTML5 - Web Semântica

44 44 W3C - - HTML5 - Web Semântica

45 45 W3C - - HTML5 - Web Semântica

46 46 W3C - - HTML5 - Web Semântica

47 47 W3C - - HTML5 - Web Semântica

48 48 Mais conhecimento na Wikipedia = DBPedia W3C - - HTML5 - Web Semântica

49 49 Relacionado mais dados relevantes W3C - - HTML5 - Web Semântica

50 50 Web de dados Web das coisas Web Semântica W3C - - HTML5 - Web Semântica Integração de dados na web

51 W3C Escritório Brasil 51 Av. das Nações Unidas, , 6º andar São Paulo, SP - Brasil CEP Telefone (11) Vagner Diniz, vagner@nic.br Carlinhos Cecconi, cecconi@nic.br W3C - - HTML5 - Web Semântica Obrigado!