passado, presente e futuro da web 15ª semana integrada do ceatec – puc campinas campinas – 11...
TRANSCRIPT
Passado, presente e futuro da Web
15ª Semana Integrada do CEATEC – PUC CampinasCampinas – 11 de setembro de 2013
Reinaldo Ferraz, Vanessa Me Tonini – W3C.br
Vanessa Me Tonini
@vanessametoniniDesenvolvedora front-end, apaixonada por web.Analista de projetos no W3C BrasilSão Paulo
Um pouco do W3C
O W3C no Brasil
http://premio.w3c.br/
Passado
História da Web
PassadoFonte: Tecmundohttp://www.tecmundo.com.br/infografico/9847-a-historia-da-internet-pre-decada-de-60-ate-anos-80-infografico-.htm
1989
Web em 1989
Passado
Web em 1989
Passado
Web em 1989
Passado
http://www.w3.org/History/1989/proposal.html
Web em 1989
Passado
http://www.w3.org/History/1989/proposal.html
Web em 1989
Passado
http://www.w3.org/History/1989/proposal.html
Web em 1989
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html
http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html
Futuro da Web
http://web.archive.org/web/19961227091242/http://www19.w3.org/
Web em 2001
Web em 2001
WebBrowsers
Motoresde busca
A B C D
HTML HTML HTML HTML
hyperlinks
hyperlinks
hyperlinks
A Web começou a criar produtos
Presente
32HTML5 - Futuro da Web
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.0
2004 – 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]
33HTML5 - Futuro da Web
<SCRIPT LANGUAGE="JavaScript"><!-- www.ruajava.kit.net --><!-- Beginvar 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 -->
<input type="date">
number email url
37HTML5 - Futuro da Web
38HTML5 - Futuro da Web
Web em 2001
Web em 2011
Web em 2001
WebBrowsers
Motoresde busca
A B C D
HTML HTML HTML HTML
hyperlinks
hyperlinks
hyperlinks
Web em 2011
RDF +HTML5
URI
Web browsersdados linkados
Motoresde busca
A B C D
link de dados
Mashups dedados
linkados
dados
dados
dados
dados
dados
dados
dados
dados
E
dados
dados
link de dados
link de dados
link de dados
HTTP HTTP
Futuro
http://www.wired.com/magazine/2010/08/ff_webrip/all/1
Long Live the Web – Scientific Americanhttp://www.scientificamerican.com/article.cfm?id=long-live-the-web
Princípios do W3C
Web para todos, em qualquer
dispositivo, em qualquer lugar,
segura e confiável!
Foto: everystockphoto.com - woodleywonderworks
Obrigado!
Reinaldo Ferraz e Vanessa ToniniW3C Escritório Brasil
www.w3c.brTwitter: @w3cbrasil
[email protected] [email protected]: @reinaldoferraz
@vanessametonini