Transferir como PDF, PPTX
![32HTML5 - 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]](https://image.slidesharecdn.com/passado-presente-futuro-web-unimonte2015-150423072348-conversion-gate02/75/Passado-Presente-e-Futuro-da-Web-Centro-Universitario-Unimonte-2015-32-2048.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","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);}
else
{document.write("<option value="+i+" selected>"+i);}](https://image.slidesharecdn.com/passado-presente-futuro-web-unimonte2015-150423072348-conversion-gate02/75/Passado-Presente-e-Futuro-da-Web-Centro-Universitario-Unimonte-2015-39-2048.jpg)
Carregado porReinaldo Ferraz
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
O documento discute o passado, presente e futuro da Web, desde sua criação em 1989 até as tecnologias emergentes como a Internet das Coisas. Ele traça a evolução das especificações da Web como HTML, CSS, SVG e Canvas. Também aborda tecnologias atuais como geolocalização, APIs de sensores e a Web Semântica. Por fim, apresenta visões sobre a Web do futuro, incluindo a Internet das Coisas e a Web das Coisas.
Mais conteúdo relacionado
Semelhante a Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
- 1. Passado, presente efuturo da Web Centro Universitário Unimonte Santos – 22 de abril de 2015 Reinaldo Ferraz – W3C.br
- 6.
- 7. 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
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. Web em 2001 Web Browsers Motores debusca A B C D HTML HTML HTML HTML hyper links hyper links hyper links
- 20. A Web começoua criar produtos
- 27. Vídeo Introdução em Flashdo website Eye4u – 2001 https://www.youtube.com/watch?v=3aT4wt0fmGU
- 30.
- 32. 32HTML5 - Futuroda 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]
- 34.
- 35. 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">
- 36.
- 39. <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);} else {document.write("<option value="+i+" selected>"+i);}
- 40.
- 42.
- 43.
- 44.
- 45. <input type=“text” placeholder=“texto”> <inputtype=“url” required> <input type=“range”>
- 46.
- 51. @media all and(min-width:500px) { … } @media (min-width:500px) { … }
- 53.
- 55. Background #example1 { width: 500px; height:250px; background-image: url(sheep.png), url(betweengrassandsky.png); background-position: center bottom, left top; background-repeat: no-repeat; }
- 56.
- 57.
- 59. Vibration API A especificaçãotem 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/
- 60. Ambient Light Events Defineum 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/
- 61. HTML Media Capture Odocumento 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/
- 62. Battery Status API Aespecificaçã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/
- 63.
- 64.
- 65.
- 66.
- 67. WebGL Vídeo HexGL, the HTML5futuristic racing game https://www.youtube.com/watch?v=se-oorr2zM8
- 68. 68HTML5 - Futuroda Web
- 70.
- 71.
- 72. Web em 2001 Web Browsers Motores debusca A B C D HTML HTML HTML HTML hyper links hyper links hyper links
- 73. 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
- 74.
- 75.
- 76. Long Live theWeb – Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web
- 77. A Internet dasCoisas tem um enorme potencial.
- 79.
- 80. E estão cadavez mais presentes na nossa vida
- 87. Muito além dossensores
- 88.
- 91. A Web dasCoisas é 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
- 92. Vídeo The social Webof things https://www.youtube.com/watch?v=i5AuzQXBsG4
- 95. Padronização é achave da Internet das Coisas
- 96. Garantir que ospadrõ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
- 97.
- 98.
- 99.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114. As máquinas vãodominar o mundo
- 116. Ajude a construira Web do futuro, participando da sua construção dentro do W3C
- 117. Tks reinaldo@nic.br @reinaldoferraz w3cbrasil@nic.br @w3cbrasilFacebook.com/W3CBrasil