![Page 1: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/1.jpg)
Passado, presente e futuro da Web
Centro Universitário Unimonte Santos – 22 de abril de 2015
Reinaldo Ferraz – W3C.br
![Page 2: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/2.jpg)
![Page 3: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/3.jpg)
![Page 4: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/4.jpg)
![Page 5: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/5.jpg)
![Page 6: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/6.jpg)
Passado
![Page 7: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/7.jpg)
História da Web
Passado Fonte: Tecmundo http://www.tecmundo.com.br/infografico/9847-a-historia-da-internet-pre-decada-de-60-ate-anos-80-infografico-.htm
![Page 8: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/8.jpg)
1989
![Page 9: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/9.jpg)
Web em 1989
Passado
![Page 10: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/10.jpg)
Passado
![Page 11: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/11.jpg)
http://www.w3.org/History/1989/proposal.html
![Page 12: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/12.jpg)
http://www.w3.org/History/1989/proposal.html
![Page 13: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/13.jpg)
http://www.w3.org/History/1989/proposal.html
![Page 14: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/14.jpg)
Web em 1989
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
![Page 15: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/15.jpg)
http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html
![Page 16: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/16.jpg)
http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html
![Page 17: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/17.jpg)
http://web.archive.org/web/19961227091242/http://www19.w3.org/
![Page 18: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/18.jpg)
Web em 2001
![Page 19: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/19.jpg)
Web em 2001
Web Browsers
Motores de busca
A B C D
HTML HTML HTML HTML
hyper links
hyper links
hyper links
![Page 20: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/20.jpg)
A Web começou a criar produtos
![Page 21: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/21.jpg)
![Page 22: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/22.jpg)
![Page 23: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/23.jpg)
![Page 24: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/24.jpg)
![Page 25: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/25.jpg)
![Page 26: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/26.jpg)
![Page 27: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/27.jpg)
Vídeo Introdução em Flash do website Eye4u – 2001
https://www.youtube.com/watch?v=3aT4wt0fmGU
![Page 28: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/28.jpg)
![Page 29: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/29.jpg)
![Page 30: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/30.jpg)
Presente
![Page 31: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/31.jpg)
![Page 32: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/32.jpg)
32 HTML5 - 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]
![Page 33: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/33.jpg)
![Page 34: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/34.jpg)
DOCTYPE
![Page 35: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/35.jpg)
Doctype: HTML4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
![Page 36: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/36.jpg)
<!DOCTYPE html>
![Page 37: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/37.jpg)
![Page 38: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/38.jpg)
![Page 39: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/39.jpg)
<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","Outubro","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);} else {document.write("<option value="+i+" selected>"+i);} } document.write("</select></td></tr><tr><td colspan=2><center>"); document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100%><tr bgcolor=gray align=center>"); document.write("<td><font color=silver>S</font></td><td><font color=silver>T</td><td><font color=silver>Q</td><td><font color=silver>Q</td><td><font color=silver>S</td><td ><font color=silver>S</td><td ><font color=silver>D</td>"); document.write("</tr><tr>"); for(j=0;j<6;j++) { for(i=0;i<7;i++) { document.write("<td align=center id=d"+i+"r"+j+"></td>") } document.write("</tr>"); } document.write("</table>"); document.write("</center></from></td></tr></table>"); var show_date = new Date(); function set_cal(show_date) { begin_day = new Date (show_date.getYear(),show_date.getMonth(),1); begin_day_date = begin_day.getDay(); end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1); count_day = (end_day - begin_day)/1000/60/60/24; input_table(begin_day_date,count_day); } set_cal(show_date); function input_table(begin,count) { init(); j=0; if (begin!=0){i=begin-1;}else{i=6} for (c=1;c<count+1;c++) { colum_name = eval("d"+i+"r"+j); if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "blue";colum_name.style.color = "white";}; colum_name.innerText = c; i++; if (i==7){i=0;j++;} } } function init() { for(j=0;j<6;j++) { for(i=0;i<7;i++) { colum_name = eval("d"+i+"r"+j); colum_name.innerText = "-"; colum_name.style.backgroundColor =""; colum_name.style.color =""; } } } function change_month(sel_month) { show_date = new Date(show_date.getYear(),sel_month,1); set_cal(show_date); } function change_year(sel_year) { sel_year = sel_year.value; show_date = new Date(sel_year,show_date.getMonth(),1); set_cal(show_date); } // End --> </script> <!-- Script Size: 3.64 KB -->
![Page 40: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/40.jpg)
<input type="date">
![Page 41: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/41.jpg)
![Page 42: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/42.jpg)
<input type="date“ required>
![Page 43: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/43.jpg)
<input type=“email”> <input type=“url”> <input type=“tel”>
![Page 44: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/44.jpg)
number email url
![Page 45: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/45.jpg)
<input type=“text” placeholder=“texto”> <input type=“url” required> <input type=“range”>
![Page 46: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/46.jpg)
<input type=“color”>
![Page 47: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/47.jpg)
![Page 48: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/48.jpg)
![Page 49: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/49.jpg)
![Page 50: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/50.jpg)
![Page 51: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/51.jpg)
@media all and (min-width:500px) { … } @media (min-width:500px) { … }
![Page 52: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/52.jpg)
![Page 53: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/53.jpg)
CSS Sprites
![Page 54: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/54.jpg)
![Page 55: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/55.jpg)
Background
#example1 { width: 500px; height: 250px; background-image: url(sheep.png), url(betweengrassandsky.png); background-position: center bottom, left top; background-repeat: no-repeat; }
![Page 56: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/56.jpg)
Gradiente
![Page 57: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/57.jpg)
Bordas arredondadas
![Page 58: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/58.jpg)
![Page 59: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/59.jpg)
Vibration API A especificação tem como objetivo definir uma API que fornece acesso ao mecanismo de vibração do dispositivo. A vibração é uma forma de feedback tátil e que pode ser controlada e manipulada conforme a necessidade. Em setembro de 2014, o status dessa documentação dentro do W3C era “W3C Candidate Recomendation”. http://www.w3.org/TR/2014/CR-vibration-20140909/
![Page 60: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/60.jpg)
Ambient Light Events Define um meio para tratar os eventos que correspondem à detecção de luz por sensores. A documentação aborda o viés técnico e questões interessantes como a preocupação com segurança e considerações sobre privacidade. Também é uma “W3C Candidate Recomendation”. http://www.w3.org/TR/2013/CR-ambient-light-20131001/
![Page 61: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/61.jpg)
HTML Media Capture O documento define uma extensão do HTML que facilita o acesso do usuário ao mecanismo de captura de mídia de um dispositivo, como uma câmera ou um microfone, utilizando simples formulários. Isso pode facilitar muito aquela selfie para uma aplicação de compartilhamento de fotos, por exemplo. É importante não confundir essa API com a especificação Media Capture and Streams, que possibilita uma manipulação mais complexa e refinada do acesso à câmera e microfone do usuário. http://www.w3.org/TR/2014/CR-html-media-capture-20140909/
![Page 62: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/62.jpg)
Battery Status API A especificação de status da bateria define um meio para os desenvolvedores web determinarem programaticamente o estado da bateria do dispositivo que hospeda a aplicação. Sabendo o estado da bateria, os desenvolvedores são capazes de criar conteúdo web e aplicações que são eficientes em termos de energia, levando a uma melhor experiência do usuário. http://www.w3.org/TR/2012/CR-battery-status-20120508/
![Page 63: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/63.jpg)
Geolocalização
![Page 64: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/64.jpg)
Video
http://www.w3.org/2009/02/ThisIsCoffee.html
![Page 65: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/65.jpg)
65
SVG
![Page 66: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/66.jpg)
Canvas
![Page 67: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/67.jpg)
WebGL
Vídeo
HexGL, the HTML5 futuristic racing game
https://www.youtube.com/watch?v=se-oorr2zM8
![Page 68: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/68.jpg)
68 HTML5 - Futuro da Web
![Page 69: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/69.jpg)
![Page 70: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/70.jpg)
Web em 2001
![Page 71: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/71.jpg)
Web em 2011
![Page 72: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/72.jpg)
Web em 2001
Web Browsers
Motores de busca
A B C D
HTML HTML HTML HTML
hyper links
hyper links
hyper links
![Page 73: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/73.jpg)
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
![Page 74: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/74.jpg)
Futuro
![Page 75: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/75.jpg)
http://www.wired.com/magazine/2010/08/ff_webrip/all/1
![Page 76: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/76.jpg)
Long Live the Web – Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web
![Page 77: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/77.jpg)
A Internet das Coisas tem um enorme potencial.
![Page 78: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/78.jpg)
![Page 79: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/79.jpg)
http://share.cisco.com/internet-of-things.html
![Page 80: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/80.jpg)
E estão cada vez mais presentes na nossa vida
![Page 81: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/81.jpg)
![Page 82: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/82.jpg)
![Page 83: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/83.jpg)
![Page 84: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/84.jpg)
![Page 85: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/85.jpg)
![Page 86: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/86.jpg)
![Page 87: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/87.jpg)
Muito além dos sensores
![Page 88: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/88.jpg)
Vídeo Milestone Village
http://www.youtube.com/watch?v=DiWNm7D34rY
![Page 89: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/89.jpg)
![Page 90: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/90.jpg)
![Page 91: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/91.jpg)
A Web das Coisas é essencialmente sobre o papel das tecnologias da Web para facilitar o desenvolvimento de aplicações e
serviços para as coisas e sua representação virtual
http://www.w3.org/community/wot/wiki/Main_Page
![Page 92: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/92.jpg)
Vídeo The social Web of things
https://www.youtube.com/watch?v=i5AuzQXBsG4
![Page 93: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/93.jpg)
![Page 94: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/94.jpg)
![Page 95: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/95.jpg)
Padronização é a chave da Internet das Coisas
![Page 96: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/96.jpg)
Garantir que os padrões W3C sejam implementados “royalty free”,
incentivando a inovação e a disponibilidade da comunidade de
desenvolvedores Web.
http://www.w3.org/community/wot/wiki/Main_Page
![Page 97: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/97.jpg)
Data Formats Interface
Definitions
Security Privacy
...
![Page 98: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/98.jpg)
http://www.w3.org/community/wot/
![Page 99: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/99.jpg)
http://www.w3.org/WoT/
![Page 100: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/100.jpg)
![Page 101: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/101.jpg)
http://www.w3.org/standards/semanticweb/data
![Page 102: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/102.jpg)
http://www.w3.org/Privacy/
![Page 103: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/103.jpg)
http://www.w3.org/Security/
![Page 104: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/104.jpg)
http://www.w3.org/auto/wg/
![Page 105: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/105.jpg)
http://www.w3.org/community/web-bluetooth/
![Page 106: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/106.jpg)
Alguns exemplos
![Page 107: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/107.jpg)
http://www.harvestgeek.com/
![Page 108: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/108.jpg)
![Page 109: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/109.jpg)
http://www.streetline.com/parking-analytics/
![Page 110: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/110.jpg)
http://www.onfarm.com/
![Page 111: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/111.jpg)
Eternas preocupações
![Page 112: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/112.jpg)
Privacidade
![Page 113: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/113.jpg)
Segurança
![Page 114: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/114.jpg)
As máquinas vão dominar o mundo
![Page 115: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/115.jpg)
![Page 116: Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015](https://reader030.vdocuments.pub/reader030/viewer/2022020116/55a78f961a28ab3f478b45b1/html5/thumbnails/116.jpg)
Ajude a construir a Web do futuro, participando da sua construção
dentro do W3C