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/•

•