Um revolução na web com HTML 5
-
Upload
otavio-goncalves-de-santana -
Category
Technology
-
view
1.216 -
download
3
description
Transcript of Um revolução na web com HTML 5
Um revolução na web com HTML 5Otávio Santana•@otaviojava•http://www.java.net/blogs/otaviojava/http://otaviosantana.blogspot.com.br/•
•
Comunidades
@javabahia
@linguagil@soujava
@java
@openjdk
@ekaaty
O prato do dia1)Histórico
2)Eis que surge o html 5
3)Novidades:
4)Audio e video
5)Criando formulários com o html 5
6)GeoLocalização
7)Armazenando informações
8)Comunicação
9)Javascript
10)Aplicação off-lines em html 5
11)Desktop vs off-line em html 5
12)Móveis e tradicional
13)Cases de sucesso
14)Jogos com html 5
Atenção
Histórico
HyTime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo SGML é um padrão de formatação
de textos.
HTML Linguagem de Marcação de Hipertexto
HyTime + SGM = HTML
Histórico
HTML 1.0
22 tagsAtual 13
<TITLE> ... </TITLE><P><UL><LI>
HTML 2.0
Formulário base para upload de arquivosTabelasMapas de imagem do lado clienteInternacionalização
HTML 3.0 MathMLHTML 4.0
XHTML
Eis que surge o html 5
•Sintaxe XHTML•APIs de comunicação•APIs para aplicação Web• Diferentes disposistivos•Microformatos•Executar videos•Imagens•Segurança
Eis que surge o html 5
O Futuro dos Plugins ?
Novidades
Novidades
Novidades
Novidades
AudIo -vIdeo
chamadas JavaScript
Personalizado
Formulário
Novos Validadores:
min maxrequiredpartternnumberrange
Novos tipos de input:
searchtelurlemaildatetimedatetime monthdatetime-localrangecolor
Formulário
Formulário
GeoLocalização
GEOLOCALIZAOÇÃO
BANCO
DE
DADOS
O tamanho de cada cookie é de 4Kb20 cookies por domínio300 por navegador
Session Storage: tempo de vida de sessãoLocal Storage: tempo de vida indefinidoIndexedDB: Banco de Dados
BANCO
DE
DADOS
BANCO
DE
DADOS
BANCO
DE
DADOS
JavaScript
Comunicação
WebSocketWeb Messaging
Cache
5 Mb
Necessário para o uso off-line
Não necessário para o uso off-line
Arquivos alternativos
PENSANDO
Banco de DadosCacheComunicaçãoThreadServiçosValidações
DESKTOP
HTML5
Tirar o máximo de recursos da máquinaUsar recursos específicos da máquinaPode ter tamanho ilimitado
Necessário a instalaçãoPode não ser multi-PlataformaPode precisar desenvolver para várias plataformasCuidado com Plugins
DESKTOP
HTML5
Todos dispositivos já possuem BrowserTendência é que todos os Browser se adaptem ao HTML 5Programe uma vez e use em várias plataformas
Não consegue tirar o máximo de recurso da máquinaNão consegue usar um recurso específico O tamanho é Limitado
MOVEL
Games
Web GL
LInks
http://html5demos.com/http://html5test.com/http://www.w3schools.com/html5/default.asp
ObrigadoOtávio Santana•@otaviojava•http://www.java.net/blogs/otaviojava/http://otaviosantana.blogspot.com.br/•
•