1 / 55

Vanessa Me Tonini

Passado, presente e futuro da Web 15ª Semana Integrada do CEATEC – PUC Campinas Campinas – 11 de setembro de 2013 Reinaldo Ferraz, Vanessa Me Tonini – W3C.br. Vanessa Me Tonini. @ vanessametonini Desenvolvedora front- end , apaixonada por web. Analista de projetos no W3C Brasil São Paulo.

dominique-lang
Download Presentation

Vanessa Me Tonini

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Passado, presente e futuro da Web 15ª Semana Integrada do CEATEC – PUC CampinasCampinas – 11 de setembro de 2013Reinaldo Ferraz, Vanessa Me Tonini – W3C.br

  2. Vanessa Me Tonini @vanessametonini Desenvolvedora front-end, apaixonada por web. Analista de projetos no W3C Brasil São Paulo

  3. Um pouco do W3C

  4. O W3C no Brasil

  5. http://premio.w3c.br/

  6. Passado

  7. 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

  8. 1989

  9. Web em 1989 Passado

  10. Web em 1989 Passado

  11. Web em 1989 http://www.w3.org/History/1989/proposal.html Passado

  12. Web em 1989 http://www.w3.org/History/1989/proposal.html Passado

  13. Web em 1989 http://www.w3.org/History/1989/proposal.html Passado

  14. Web em 1989 http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

  15. http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.htmlhttp://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html

  16. Futuro da Web http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html

  17. http://web.archive.org/web/19961227091242/http://www19.w3.org/http://web.archive.org/web/19961227091242/http://www19.w3.org/

  18. Web em 2001

  19. Web em 2001 WebBrowsers Motoresde busca HTML HTML HTML HTML hyperlinks hyperlinks hyperlinks A B C D

  20. A Web começou a criar produtos

  21. Presente

  22. 1991 – html tag – Tim Berners Lee1994 – HTML 2 - já incluia tag <img>1997 – HTML 3.2 1999 – HTML 4.012000 – XHTML 1.0 2001 – XHTML 1.1 – CSS20... – Ian Hickson (Opera) propõe estender HTML: Web Forms 2.0, Web Apps 1.02004 – Apple, Mozilla e Opera criam WHAT WG (Web Hypertext Application Technology Working Group)2007 – W3C retorna HTML Working Group2009 – W3C descontinua XHTML 2010-2013– Apple, Google, Microsoft, Mozilla e Opera implementam HTML5 HTML 5 [HyperText Markup Language] HTML5 - Futuro da Web

  23. HTML5 - Futuro da Web

  24. <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 -->

  25. <input type="date">

  26. number email url

  27. HTML5 - Futuro da Web

  28. HTML5 - Futuro da Web

  29. Web em 2001

  30. Web em 2011

  31. Web em 2001 WebBrowsers Motoresde busca HTML HTML HTML HTML hyperlinks hyperlinks hyperlinks A B C D

  32. Web em 2011 Web browsers dados linkados Motoresde busca Mashups dedadoslinkados HTTP HTTP dados dados dados dados dados RDF + HTML5 URI dados dados dados dados dados link de dados link de dados link de dados link de dados A B C D E

  33. Futuro

  34. http://www.wired.com/magazine/2010/08/ff_webrip/all/1

  35. Long Live the Web – Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web

More Related