O documento discute a evolução do HTML 5, apresentando suas principais novidades como áudio e vídeo nativos, formulários aprimorados, geolocalização e armazenamento offline de dados. Também aborda novas APIs para comunicação e aplicações, além de comparar o desenvolvimento para desktop e mobile usando HTML 5.

1. Um revolução na web
com HTML 5
Otávio Santana
•
@otaviojava
•
http://www.java.net/blogs/otaviojava/
http://otaviosantana.blogspot.com.br/
•
•

2. Comunidades
@javabahia
@linguagil
@soujava
@java
@openjdk
@ekaaty

3. 1)Histórico
O prato do dia
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

4. Atenção

5. Histórico
HTML Linguagem de Marcação de
Hipertexto
HyTime + SGM = HTML
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.

6. Histórico
HTML 1.0 <TITLE> ... </TITLE> HTML 2.0
<P>
<UL> Formulário base para upload de arquivos
22 tags <LI> Tabelas
Atual 13 Mapas de imagem do lado cliente
Internacionalização
HTML 4.0
HTML 3.0 MathML
XHTML

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

8. Eis que surge o html 5
O Futuro dos Plugins ?

9. Novidades

10. Novidades

11. Novidades

12. Novidades

13. A
u
d
I
o
-
chamadas JavaScript
v
I Personalizado
d
e
o

14. Formulário
Novos Validadores:
min Novos tipos de input:
max
required search
parttern tel
number url
range email
datetime
date
time
month
datetime-local
range
color

15. Formulário

16. Formulário

17. GeoLocalização

18. G
E
O
L
O
C
A
L
I
Z
A
O
Ç
Ã
O

19. B
A
N
C
O tamanho de cada cookie é de 4Kb
O 20 cookies por domínio
300 por navegador
D
E
D
A Session Storage: tempo de vida de sessão
D Local Storage: tempo de vida indefinido
IndexedDB: Banco de Dados
O
S

20. B
A
N
C
O
D
E
D
A
D
O
S

21. B
A
N
C
O
D
E
D
A
D
O
S

22. B
A
N
C
O
D
E
D
A
D
O
S

23. JavaScript

24. Comunicação
Web Messaging WebSocket

25. Cache
Necessário para o uso off-line
Não necessário para o uso off-line
Arquivos alternativos
5 Mb

26. P
E Banco de Dados
N Cache
S Comunicação
A Thread
N Serviços
D Validações
O

27. D
E
S
K
Tirar o máximo de recursos da máquina
T Usar recursos específicos da máquina
O Pode ter tamanho ilimitado
P
H Necessário a instalação
T Pode não ser multi-Plataforma
Pode precisar desenvolver para várias plataformas
M Cuidado com Plugins
L
5

28. D
E
S
K
T Todos dispositivos já possuem Browser
Tendência é que todos os Browser se adaptem ao HTML 5
O Programe uma vez e use em várias plataformas
P
H Não consegue tirar o máximo de recurso da máquina
T Não consegue usar um recurso específico
O tamanho é Limitado
M
L
5

29. M
O
V
E
L

30. Games
Web GL

31. LInks
http://html5demos.com/
http://html5test.com/
http://www.w3schools.com/html5/default.asp

32. Obrigado
Otávio Santana
•
@otaviojava
•
http://www.java.net/blogs/otaviojava/
http://otaviosantana.blogspot.com.br/
•
•