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
![Page 1: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/1.jpg)
Um revolução na web com HTML 5Otávio Santana•@otaviojava•http://www.java.net/blogs/otaviojava/http://otaviosantana.blogspot.com.br/•
•
![Page 2: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/2.jpg)
Comunidades
@javabahia
@linguagil@soujava
@java
@openjdk
@ekaaty
![Page 3: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/3.jpg)
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
![Page 4: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/4.jpg)
Atenção
![Page 5: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/5.jpg)
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
![Page 6: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/6.jpg)
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
![Page 7: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/7.jpg)
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
![Page 8: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/8.jpg)
Eis que surge o html 5
O Futuro dos Plugins ?
![Page 9: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/9.jpg)
Novidades
![Page 10: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/10.jpg)
Novidades
![Page 11: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/11.jpg)
Novidades
![Page 12: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/12.jpg)
Novidades
![Page 13: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/13.jpg)
AudIo -vIdeo
chamadas JavaScript
Personalizado
![Page 14: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/14.jpg)
Formulário
Novos Validadores:
min maxrequiredpartternnumberrange
Novos tipos de input:
searchtelurlemaildatetimedatetime monthdatetime-localrangecolor
![Page 15: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/15.jpg)
Formulário
![Page 16: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/16.jpg)
Formulário
![Page 17: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/17.jpg)
GeoLocalização
![Page 18: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/18.jpg)
GEOLOCALIZAOÇÃO
![Page 19: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/19.jpg)
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
![Page 20: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/20.jpg)
BANCO
DE
DADOS
![Page 21: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/21.jpg)
BANCO
DE
DADOS
![Page 22: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/22.jpg)
BANCO
DE
DADOS
![Page 23: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/23.jpg)
JavaScript
![Page 24: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/24.jpg)
Comunicação
WebSocketWeb Messaging
![Page 25: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/25.jpg)
Cache
5 Mb
Necessário para o uso off-line
Não necessário para o uso off-line
Arquivos alternativos
![Page 26: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/26.jpg)
PENSANDO
Banco de DadosCacheComunicaçãoThreadServiçosValidações
![Page 27: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/27.jpg)
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
![Page 28: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/28.jpg)
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
![Page 29: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/29.jpg)
MOVEL
![Page 30: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/30.jpg)
Games
Web GL
![Page 31: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/31.jpg)
LInks
http://html5demos.com/http://html5test.com/http://www.w3schools.com/html5/default.asp
![Page 32: Um revolução na web com HTML 5](https://reader033.fdocumentos.tips/reader033/viewer/2022060119/558e69bf1a28abca728b4577/html5/thumbnails/32.jpg)
ObrigadoOtávio Santana•@otaviojava•http://www.java.net/blogs/otaviojava/http://otaviosantana.blogspot.com.br/•
•