SlideShare uma empresa Scribd logo
Passado, presente e futuro da Web
Centro Universitário Unimonte
Santos – 22 de abril de 2015
Reinaldo Ferraz – W3C.br
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado
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
1989
Web em 1989
Passado
Passado
http://www.w3.org/History/1989/proposal.html
http://www.w3.org/History/1989/proposal.html
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
http://web.archive.org/web/19961227091242/http://www19.w3.org/
Web em 2001
Web em 2001
Web
Browsers
Motores
de busca
A B C D
HTML HTML HTML HTML
hyper
links
hyper
links
hyper
links
A Web começou a criar produtos
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Vídeo
Introdução em Flash do website Eye4u – 2001
https://www.youtube.com/watch?v=3aT4wt0fmGU
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Presente
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
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]
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
DOCTYPE
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">
<!DOCTYPE html>
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
<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);}
<input type="date">
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
<input type="date“ required>
<input type=“email”>
<input type=“url”>
<input type=“tel”>
number email url
<input type=“text” placeholder=“texto”>
<input type=“url” required>
<input type=“range”>
<input type=“color”>
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
@media all and (min-width:500px)
{ … }
@media (min-width:500px)
{ … }
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
CSS Sprites
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Background
#example1 {
width: 500px;
height: 250px;
background-image: url(sheep.png), url(betweengrassandsky.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
}
Gradiente
Bordas arredondadas
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
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/
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/
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/
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/
Geolocalização
Video
http://www.w3.org/2009/02/ThisIsCoffee.html
65
SVG
Canvas
WebGL
Vídeo
HexGL, the HTML5 futuristic racing game
https://www.youtube.com/watch?v=se-oorr2zM8
68HTML5 - Futuro da Web
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Web em 2001
Web em 2011
Web em 2001
Web
Browsers
Motores
de busca
A B C D
HTML HTML HTML HTML
hyper
links
hyper
links
hyper
links
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
Futuro
http://www.wired.com/magazine/2010/08/ff_webrip/all/1
Long Live the Web – Scientific American
http://www.scientificamerican.com/article.cfm?id=long-live-the-web
A Internet das Coisas
tem um enorme potencial.
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
http://share.cisco.com/internet-of-things.html
E estão cada vez mais
presentes na nossa vida
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Muito além dos sensores
Vídeo
Milestone Village
http://www.youtube.com/watch?v=DiWNm7D34rY
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
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
Vídeo
The social Web of things
https://www.youtube.com/watch?v=i5AuzQXBsG4
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Padronização é a chave da
Internet das Coisas
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
Data Formats
Interface
Definitions
Security Privacy
...
http://www.w3.org/community/wot/
http://www.w3.org/WoT/
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
http://www.w3.org/standards/semanticweb/data
http://www.w3.org/Privacy/
http://www.w3.org/Security/
http://www.w3.org/auto/wg/
http://www.w3.org/community/web-bluetooth/
Alguns exemplos
http://www.harvestgeek.com/
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
http://www.streetline.com/parking-analytics/
http://www.onfarm.com/
Eternas preocupações
Privacidade
Segurança
As máquinas vão dominar o mundo
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Ajude a construir a Web do futuro,
participando da sua construção
dentro do W3C
Tks
reinaldo@nic.br @reinaldoferraz
w3cbrasil@nic.br @w3cbrasil Facebook.com/W3CBrasil

Mais conteúdo relacionado

Mais procurados

Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015
Reinaldo Ferraz
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
Reinaldo Ferraz
 
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Centro Web
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Centro Web
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
Reinaldo Ferraz
 
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Vagner Santana
 
Fundamentos da Linguagem Digital - Modulo 02 - parte 01
Fundamentos da Linguagem Digital - Modulo 02 -  parte 01Fundamentos da Linguagem Digital - Modulo 02 -  parte 01
Fundamentos da Linguagem Digital - Modulo 02 - parte 01
midiasdigitais
 
@TUR – Acessibilidade na Web
@TUR – Acessibilidade na Web@TUR – Acessibilidade na Web
@TUR – Acessibilidade na Web
Carlos Henrique Alves Batista
 
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetcNobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
Reinaldo Ferraz
 
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Reinaldo Ferraz
 
Projeto Redesign ACIC
Projeto Redesign ACICProjeto Redesign ACIC
Projeto Redesign ACIC
Barbara Dutra
 
Desenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User StoriesDesenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User Stories
Dionatan default
 
Laboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e EnquadramentoLaboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e Enquadramento
Ricardo Pereira Rodrigues
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporânea
Gabriel Luiz Ramos
 
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBRDesenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Dionatan default
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Reinaldo Ferraz
 
Acessibilidade na web: o que todo profissional da área deve saber
Acessibilidade na web: o que todo profissional da área deve saberAcessibilidade na web: o que todo profissional da área deve saber
Acessibilidade na web: o que todo profissional da área deve saber
Thiago Nascimento Oliveira
 
Aplicacoes responsivas
Aplicacoes responsivasAplicacoes responsivas
Aplicacoes responsivas
Jackson F. de A. Mafra
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
MBA em Marketing Digital e Gestão de Projetos Web
 

Mais procurados (19)

Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
 
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
 
Fundamentos da Linguagem Digital - Modulo 02 - parte 01
Fundamentos da Linguagem Digital - Modulo 02 -  parte 01Fundamentos da Linguagem Digital - Modulo 02 -  parte 01
Fundamentos da Linguagem Digital - Modulo 02 - parte 01
 
@TUR – Acessibilidade na Web
@TUR – Acessibilidade na Web@TUR – Acessibilidade na Web
@TUR – Acessibilidade na Web
 
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetcNobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
 
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
 
Projeto Redesign ACIC
Projeto Redesign ACICProjeto Redesign ACIC
Projeto Redesign ACIC
 
Desenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User StoriesDesenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User Stories
 
Laboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e EnquadramentoLaboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e Enquadramento
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporânea
 
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBRDesenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBR
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Acessibilidade na web: o que todo profissional da área deve saber
Acessibilidade na web: o que todo profissional da área deve saberAcessibilidade na web: o que todo profissional da área deve saber
Acessibilidade na web: o que todo profissional da área deve saber
 
Aplicacoes responsivas
Aplicacoes responsivasAplicacoes responsivas
Aplicacoes responsivas
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
 

Destaque

Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013
Hudson Augusto
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
Marcello Cardoso
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
Horácio Soares
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)
Marcello Cardoso
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015
Hudson Augusto
 
Tarea 8 escalabilidad
Tarea 8 escalabilidadTarea 8 escalabilidad
Tarea 8 escalabilidad
Jacqueline Landeros
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
Ana Laura Gomes
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06
Marcello Cardoso
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02
Marcello Cardoso
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistas
Marcello Cardoso
 
IHM ENGENHARIA
IHM ENGENHARIAIHM ENGENHARIA
IHM ENGENHARIA
IHM Engenharia
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
Marcello Cardoso
 
Acessibilidade na Web
Acessibilidade na WebAcessibilidade na Web
Acessibilidade na Web
Reinaldo Ferraz
 
Design de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaDesign de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção Semiótica
Marcello Cardoso
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
Luiz Agner
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos Web
Paulo Coimbra
 
Usabilidade 5 - Análise Heurística
Usabilidade 5 - Análise HeurísticaUsabilidade 5 - Análise Heurística
Usabilidade 5 - Análise Heurística
Marcello Cardoso
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
Marcello Cardoso
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
Marcello Cardoso
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
Horácio Soares
 

Destaque (20)

Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015
 
Tarea 8 escalabilidad
Tarea 8 escalabilidadTarea 8 escalabilidad
Tarea 8 escalabilidad
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistas
 
IHM ENGENHARIA
IHM ENGENHARIAIHM ENGENHARIA
IHM ENGENHARIA
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
 
Acessibilidade na Web
Acessibilidade na WebAcessibilidade na Web
Acessibilidade na Web
 
Design de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaDesign de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção Semiótica
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos Web
 
Usabilidade 5 - Análise Heurística
Usabilidade 5 - Análise HeurísticaUsabilidade 5 - Análise Heurística
Usabilidade 5 - Análise Heurística
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 

Semelhante a Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015

Passado, Presente e Futuro da Web
Passado, Presente e Futuro da WebPassado, Presente e Futuro da Web
Passado, Presente e Futuro da Web
Instituto Faber-Ludens
 
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
MVP ShowCast
 
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Rogério Moraes de Carvalho
 
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EEJavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
Rodrigo Cândido da Silva
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
Carlos Casalicchio
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
 
Asa cpbr4
Asa cpbr4Asa cpbr4
IoTizando com JavaScript
IoTizando com JavaScriptIoTizando com JavaScript
IoTizando com JavaScript
Heider Lopes
 
QCon 2015 - Combinando AngularJS com Java EE
QCon 2015 - Combinando AngularJS com Java EEQCon 2015 - Combinando AngularJS com Java EE
QCon 2015 - Combinando AngularJS com Java EE
Rodrigo Cândido da Silva
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
Reinaldo Ferraz
 
Fsi8a Sistemas Internet
Fsi8a Sistemas InternetFsi8a Sistemas Internet
Fsi8a Sistemas Internet
Luiz Domingues
 
WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"
Rui Ribeiro
 
GUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EEGUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EE
Rodrigo Cândido da Silva
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Centro Web
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Centro Web
 
Construindo um sistema distribuido usando rest
Construindo um sistema distribuido usando restConstruindo um sistema distribuido usando rest
Construindo um sistema distribuido usando rest
David Robert Camargo de Campos
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenho
David Robert Camargo de Campos
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG Mobile
Vitor Albuquerque
 
Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_
Rodrigo Urubatan
 
PHP e o Desenvolvimento Mobile Web
PHP e o Desenvolvimento Mobile WebPHP e o Desenvolvimento Mobile Web
PHP e o Desenvolvimento Mobile Web
Bruno Fernandes "PorKaria"
 

Semelhante a Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015 (20)

Passado, Presente e Futuro da Web
Passado, Presente e Futuro da WebPassado, Presente e Futuro da Web
Passado, Presente e Futuro da Web
 
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
 
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...
 
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EEJavaOne LATAM 2016 - Combinando AngularJS com Java EE
JavaOne LATAM 2016 - Combinando AngularJS com Java EE
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
IoTizando com JavaScript
IoTizando com JavaScriptIoTizando com JavaScript
IoTizando com JavaScript
 
QCon 2015 - Combinando AngularJS com Java EE
QCon 2015 - Combinando AngularJS com Java EEQCon 2015 - Combinando AngularJS com Java EE
QCon 2015 - Combinando AngularJS com Java EE
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
 
Fsi8a Sistemas Internet
Fsi8a Sistemas InternetFsi8a Sistemas Internet
Fsi8a Sistemas Internet
 
WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"
 
GUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EEGUJavaSC - Combinando AngularJS com Java EE
GUJavaSC - Combinando AngularJS com Java EE
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Construindo um sistema distribuido usando rest
Construindo um sistema distribuido usando restConstruindo um sistema distribuido usando rest
Construindo um sistema distribuido usando rest
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenho
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG Mobile
 
Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_
 
PHP e o Desenvolvimento Mobile Web
PHP e o Desenvolvimento Mobile WebPHP e o Desenvolvimento Mobile Web
PHP e o Desenvolvimento Mobile Web
 

Mais de Reinaldo Ferraz

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
Reinaldo Ferraz
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
Reinaldo Ferraz
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
Reinaldo Ferraz
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
Reinaldo Ferraz
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
Reinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
Reinaldo Ferraz
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
Reinaldo Ferraz
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
Reinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
Reinaldo Ferraz
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
Reinaldo Ferraz
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
Reinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
Reinaldo Ferraz
 
ALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEO
Reinaldo Ferraz
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Reinaldo Ferraz
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
Reinaldo Ferraz
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
Reinaldo Ferraz
 

Mais de Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 
ALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEO
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
 

Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015