O W3C Futuro da Web HTML5 Web Semntica

Maro/2011 S !"C #ibeir$o %reto #oad S&o' T( 2011

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http //!!!"!#"or$/%istor&/1989/proposa'"htm' (()* + %TT, + %T-L)

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http //!!!"!#"or$/%istor&/1989/proposa'"htm' (()* + %TT, + %T-L)

o W#. em 199/ (h10 anos)

11/11/199/ no -*T2 Laborat3rio 4e .i5ncia 4a .omputa67o

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Web e W3C

Tim Berners-Lee criou / props

a Web em 1989 (h 21 anos)
http //!!!"!#"or$/%istor&/1989/proposa'"htm' (()* + %TT, + %T-L)

o W#. em 199/ (h10 anos)

11/11/199/ no -*T2 Laborat3rio 4e .i5ncia 4a .omputa67o

Web 8em9ntica
1a" .on:er5ncia *nternaciona' WWW 2; a 2</1;/199/ http //!!!"!#"or$/Ta'=s/WWW9/Tim/

W3C ) Futuro da Web ) HTML5 ) Web Semntica

O Con*+rcio Wor,d Wide Web -W3C.

> um cons3rcio internaciona' or$ani?a6@es :i'ia4as2 uma eAuipe em tempo inte$ra'2 participa67o 4o pBb'ico

W3C ) Futuro da Web ) HTML5 ) Web Semntica

O Con*+rcio Wor,d Wide Web -W3C.

> um cons3rcio internaciona' or$ani?a6@es :i'ia4as2 uma eAuipe em tempo inte$ra'2 participa67o 4o pBb'ico para co'aboratiCamente 4esenCo'Cer pa4r@es uniCersais para a Web"

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Mi**$o do W3C

<

.on4u?ir a Wor'4 Wi4e Web para Aue atinDa to4o seu potencia'2 4esenCo'Cen4o protoco'os e 4iretri?es Aue $arantam seu crescimento 4e 'on$o pra?o"

W3C ) Futuro da Web ) HTML5 ) Web Semntica

O W3C de*en/o,/e 0adr1e*

.on4u?ir a Wor'4 Wi4e Web para Aue atinDa to4o seu potencia'2 4esenCo'Cen4o protoco'os e 4iretri?es Aue $arantam seu crescimento 4e 'on$o pra?o"
Ees4e sua :un4a67o2 o W#. pub'icou mais 4e uma centena 4e pa4r@es2 4enomina4os )ecomen4a6@es 4o W#. Web 8tan4ar4s ,a4r@es Web
W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

Web para to4os

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

11

Web para to4os

Tornar os bene:Fcios 4a !eb (seu Ca'or socia' comunica67o humana2 comGrcio2 comparti'har conhecimentos) 4isponFCeis a to4os2 in4epen4ente 4e

%ar4!are 8o:t!are *n:ra-estrutura 4e re4e *4ioma

W3C ) Futuro da Web ) HTML5 ) Web Semntica

.u'tura Loca'i?a67o $eo$r:ica %abi'i4a4e :Fsica %abi'i4a4e menta'

Meta* W3C

11

Web para to4os Web em Aua'Auer 4ispositiCo

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

12

Web em Aua'Auer 4ispositiCo

,ossibi'itar Aue o acesso 4e Aua'Auer tipo 4e 4ispositiCo seDa t7o simp'es2 :ci' e conCeniente Auanto 4e um computa4or conCenciona'

.omputa4ores Ees=tops Hetboo=s Te'e:ones ,EIs

W3C ) Futuro da Web ) HTML5 ) Web Semntica

TJ 4i$ita' 8istemas 4e intera67o por Co? Ipare'hos 4omGsticos K !eb ubFAua

Meta* W3C

1#

Web para to4os Web em Aua'Auer 4ispositiCo Web base 4e conhecimento

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

1/

Web base 4e conhecimento

H7o apenas um $ran4e 'iCro hiper'in=a4o on4e pessoas possam pesAuisar2 naCe$ar2 Cisua'i?ar e ler in:orma6@es ,ossibi'itar Aue computa4ores interpretem2 estabe'e6am in:er5ncias e re'a6@es na !eb *nteroperabi'i4a4e Web 8em9ntica

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

1;

Web para to4os Web em Aua'Auer 4ispositiCo Web base 4e conhecimento Web con:iCe' e se$ura

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Meta* W3C

10

Web con:iCe' e se$ura

(ma !eb em Aue as transa6@es sociais e comunica6@es com terceiros seDam estabe'eci4as em re'a6@es 4e con:ian6a2 por pessoas2 or$ani?a6@es ou serCi6os

Imbiente mas co'aboratiCo responsCe' se$uro .on:ian6a e .on:i45ncia

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web H7o apenas reposit3rio 4e 4ocumentos com o prop3sito 4e eLibi67o2 mas 4e automa67o2 inte$ra67o e reuso em sistemas 4i:erentes H7o apenas apresentar 4a4os2 interpret-'os .omparti'har in:orma6@es (interpreta6@es) com or$ani?a67o em esca'a e comp'eta inte$ra67o 4e recursos
W3C ) Futuro da Web ) HTML5 ) Web Semntica

1<

Futuro da Web

18

Web sinttica

)e$ras e :orma'i4a4es

Web sem9ntica

*nterpreta6@es2 in:er5ncias e re'a6@es

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

19

Web de dado* -2005. 3#( ) #6F Web Socia, -2003.

Web - 1222. HTT% ) 3#( HTML/CSS/4a/aScri0t

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

21

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

21

#6F 7 HTML5

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=

22

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e= 1991 htm' ta$ Tim Berners Lee 199/ %T-L 2 - D inc'uia ta$ Mim$N 199< %T-L #"2 1999 %T-L /"11 2111 O%T-L 1"1 2111 O%T-L 1"1 .88 21""" *an %ic=son (Ppera) prop@e esten4er %T-L 211/ Ipp'e2 -o?i''a e Ppera criam W%IT WR
(Web %&perteLt Ipp'ication Techno'o$& Wor=in$ Rroup) Web Qorms 2"12 Web Ipps 1"1

2#

211< W#. retorna %T-L Wor=in$ Rroup 2119 W#. 4escontinua O%T-L 2111-2111 Ipp'e2 Roo$'e2 -icroso:t2 -o?i''a e Ppera imp'ementam %T-L;
W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e= -aio/2111 Last .a''
%roce**o W3C 0adroni>a$o Working Draft ()ascunho 4e Traba'ho) La*t Ca,, Candidate Recommendation (.an4i4ato a )ecomen4a67o) C&amada 0ara im0,ementa$o Proposed Recommendation (,roposta 4e )ecomen4a67o) C&amada 0ara re/i*$o de 0ro0o*ta de recomenda$o W3C Recommendation ()ecomen4a67o W#.) %ub,ica$o da recomenda$o

2/

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e= !o/o* e,emento* -*emntico*. Formu,?rio* @eo,oca,i>a$o Acan/a*B A/ideoB AaudioB
W3C ) Futuro da Web ) HTML5 ) Web Semntica

2;

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=
!o/o* e,emento* -*emntico*.

20

Aartic,eB A*ectionB A&eaderB C ADooterB A&<rou0B -a<ru0amento A&1B A&2B E. Aa*ideB ADi<ureB -a<ru0amento ima<en* e ,e<enda*.
Li*ta com0,etaF &tt0F//'''G'3Gor</T#/&tm,)mar;u0/
W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=
HTMLH 7 CSS

2<

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e= !o/o* e,emento* -*emntico*. HTML5 7 CSS

28

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=
&tt0F//'''G'&at'<Gor</demo*/com0an9)&ome/

29

!o/o* e,emento* -*emntico*. HTML5 7 CSS

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=

#1

Formu,?rio*
&tt0F//di/einto&tm,5Gor</e:am0,e*/in0ut)t90e)number)min)ma:)*te0G&tm, &tt0F//di/einto&tm,5Gor</e:am0,e*/in0ut)t90e)dateG&tm,

ADormB A,abe, DorIJC %JBC %F Ain0ut t90eIKte:tK idIJC %J reLuired 0atternIJMdN5O)PMdN3OJ /B A/,abe,B Ain0ut t90eIJ*ubmitJ /a,ueIJ n/iarJ /B A/DormB
W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=

#1

QR6 O
A/ideo idISQideo#e*ourceS *t9,eISborderF b,ac; 10: *o,idT mar<in),eDtF H0:T mar<in)to0F H0:T mar<in)bottomF 00:TS 0o*terIS/2002/0H/coDDeeG0n<SB A*ource *rcIJ&tt0F//mediaG'3Gor</2002/02/T&i*i*Co1251Utin9Gm0HJ t90eIJ/ideo/m0HJ/B A*ource *rcIJ&tt0F//mediaG'3Gor</2002/02/T&i*i*Co1251Utin9Go</J t90eIJ/ideo/o<<J/B Ate:t ,an<ISenS t90eIJa00,ication/ttaD7:m,J *rcIJ/2002/02/T&i*(*CoDDee51Uca0tion*G:m,JBA/te:tB Adi/ *t9,eIS'idt&F 3200:T &ei<&tF 2H00:T co,orF '&iteSB A0B!o Qideo Su00ortGA/0B A/di/B A//ideoB
&tt0F//'''G'3Gor</2010/Ta,;*/0H30)'''2010)0,&//ideo)0,a9erG:&tm,

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=

#2

QR6 O

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=

##

Codec*/ container T&eora7Qorbi*7 O<< HG25H7""C7 M%H WebM

FireDo:

SaDari

C&rome

O0era

i%&one

"ndroid

3G57

5G07

10G57

2G07 2G07

V HG07

3G07 V 5G07

V 10G57

3G07 V

2G07 P

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e=
&tt0F//*>ene*0rac&en'i;iGde/'ord*/can/a*

#/

Acan/a*B

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
HTML 5 8H90erTe:t Mar;u0 Lan<ua<e= &tt0F//'''G'&at'<Gor</ &tt0F//'''G'&at'<Gor</demo*/com0an9)&ome/ &tt0F//'''G'3Gor</2002/03/'eb)demoG:&tm, &tt0F//'''G'3Gor</&tm,/'i;i/6emo* &tt0F//'''G'3Gor</&tm,/0,anet/ &tt0F//'''G'3Gor</&tm,/,o<o/ &tt0F//'''G'3Gor</T#/ttaD1)dD:0/

#;

&tt0F//ace**odi<ita,Gnet//ideo)&tm,5//ideo)ace**ibi,idade)brG&tm,

&tt0F//'''G'3cGbr/cur*o*/&tm,5/bancoG&tm
W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

#0

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

#<

Conecti/idade CSS3 "ce**o de di*0o*iti/o* @r?Dico* 36 e Deito* Mu,timRdia %erDormance e (nte<ra$o Semntica ODD,ine e "rma>enamento

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

#8

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

#9

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
(6 (SX! 0)00)5511H02)Y "ut&or idU:9> Tit,e T&e @,a** %a,ace %ub,i*&er idUL0r 2000 Wear

/1

(6 idU:9>

!ame @&o*&Z "mita/

Home0a<e &tt0F//'''Gamita/<&o*&Gcom

(6 idUL0r

%ub,i*&er[* name Har0er Co,,in*

Cit9 London

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

/1

:0ortar dado* como um *et de re,a1e*

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web

/2

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/#

W3C ) Futuro da Web ) HTML5 ) Web Semntica

//

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/;

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/0

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/<

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/8

Mai* con&ecimento na Wi;i0edia I 6X%edia

W3C ) Futuro da Web ) HTML5 ) Web Semntica

/9

#e,acionado mai* dado* re,e/ante*

W3C ) Futuro da Web ) HTML5 ) Web Semntica

Futuro da Web
Web de dado* Web da* coi*a*

;1

Web Semntica

(nte<ra$o de dado* na 'eb

W3C ) Futuro da Web ) HTML5 ) Web Semntica

W#. Tscrit3rio Brasi'

IC" 4as Ha6@es (ni4as2 11";/12 0U an4ar 87o ,au'o2 8, - Brasi' .T, 1/;<8-111 Te'e:one (11) ;;19-#;11 Qa<ner 6ini>2 Ca$nerSnic"br Car,in&o* Cecconi2 cecconiSnic"br

;1

Obri<ado\

&tt0F//'''G'3cGbr

W3C ) Futuro da Web ) HTML5 ) Web Semntica