seminario html 5
DESCRIPTION
Apresentação da pesquisa realizada para a disciplina de Programação Web da Faculdade de Tecnologia de Indaiatuba sobre o padrão HTML 5 Documentação escrita http://goo.gl/vNNf4DTRANSCRIPT
![Page 1: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/1.jpg)
![Page 2: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/2.jpg)
Danilo Souza Samara Kavamoto
Fabiano Favarão
![Page 3: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/3.jpg)
TECNOLOGIA
<History>
<About HTML5>
<What is new?>
![Page 4: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/4.jpg)
![Page 5: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/5.jpg)
HISTORIA
HMTL 1 - HyperText HTML 2 - 1994
![Page 6: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/6.jpg)
HISTORIA
1995 - HMTL 3
Word Wide WEB Consortium
![Page 7: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/7.jpg)
HISTORIA
1997 - HTML 4
2000
![Page 8: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/8.jpg)
20052004 Web Hypertext Application Technology Working Group
HISTORIA
![Page 9: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/9.jpg)
2006 2008
HISTORIA
![Page 10: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/10.jpg)
O QUE É HTML5?
![Page 11: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/11.jpg)
HTML5
Elementos Atributos
Connectivity
Device Access
Offline e Storage
Suporte CSS3
Perfomace e Intergração
Graficos 2D/3D
Video e Audio Nativo
![Page 12: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/12.jpg)
![Page 13: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/13.jpg)
SEMANTICS
Novos elementos semanticos
Novas entradas
Novos atributos
![Page 14: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/14.jpg)
EXEMPLOS
Antes
![Page 15: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/15.jpg)
EXEMPLOS
<header> <nav> <section> <article> <aside> <figure> <figcaption> <footer> <details> <summary> <mark> <time>
![Page 16: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/16.jpg)
![Page 17: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/17.jpg)
Device Access
APIs para acesso ao dispositivo, como camera, touch screen, gps e sensores
![Page 18: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/18.jpg)
Device Access
![Page 19: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/19.jpg)
![Page 20: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/20.jpg)
OFFLINE & STORAGE
Web Apps
App Cache
Local Storage
![Page 21: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/21.jpg)
EXEMPLOS
![Page 22: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/22.jpg)
![Page 23: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/23.jpg)
CONNECTIVITY
Web Sockets
Server-Sent Events
![Page 24: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/24.jpg)
![Page 25: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/25.jpg)
MULTIMEDIA
Objetos de primeira classe
<audio>
<video>
![Page 26: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/26.jpg)
EXEMPLOS <video controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>
![Page 27: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/27.jpg)
!<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
EXEMPLOS
![Page 28: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/28.jpg)
![Page 29: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/29.jpg)
GRAFICOS
Elementos Gráficos
<canvas>
<svg>
Técnologias
WebGL
CSS3
![Page 30: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/30.jpg)
EXEMPLOS <svg width="300" height="200"> <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> </svg>
![Page 31: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/31.jpg)
Bakemono (Canvas)
EXEMPLOS
http://hakim.se/experiments/html5/bakemono/01/
![Page 32: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/32.jpg)
http://www.ro.me/
ROME "3 Dreams of Black" (WebGL)
EXEMPLOS
![Page 33: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/33.jpg)
![Page 34: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/34.jpg)
PERFORMANCE & INTEGRATION
Tecnicas e Tecnologias
Web Workers
XMLHttpRequest
![Page 35: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/35.jpg)
![Page 36: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/36.jpg)
CSS3
Suporte á CSS3
<style>
<link>
Novos Modulos
![Page 37: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/37.jpg)
EXEMPLOS
http://www.clicktorelease.com/code/css3dclouds/
CSS3D Clouds (HTML5 + CSS3)
![Page 38: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/38.jpg)
EXEMPLOS
http://www.onehourpersecond.com/
| Uma hora por segundo (HTML5 + CSS3)
![Page 39: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/39.jpg)
Por
HTML5 EM AÇÃO
Portifolio
![Page 40: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/40.jpg)
WEB/SITE
![Page 41: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/41.jpg)
APLICAÇÃO WEB/MOBILE
![Page 42: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/42.jpg)
DESENVOLVIMENTO DE JOGOS
![Page 43: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/43.jpg)
FERRAMENTAS
![Page 44: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/44.jpg)
BLUE GRIFFON
![Page 45: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/45.jpg)
DREAMWEAVER
![Page 46: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/46.jpg)
Google Web Designer
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
![Page 47: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/47.jpg)
Aplicações +
ricas em QUALIDADE e INTERAÇÃO
Maior igualdade e LIBERDADE na web
CONCLUSÃO
I agree!
Desenvolvimento +
PRATICO e RAPIDO
![Page 48: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/48.jpg)
Questions?
![Page 49: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/49.jpg)
Referencias
Creditos Imagem http://www.w3.org/html/logo/ Acessado em 23 de Agosto 2014
Ferramenta BlueGriffon bluegriffon.org Acessado em 23 de Agosto de 2014
Base oficial http://www.w3.org/TR/html5/ Acessado em 23 de Agosto de 2014
Fonte de informações http://www.w3schools.com/html/html5_intro.asp
![Page 50: Seminario HTML 5](https://reader038.vdocuments.mx/reader038/viewer/2022110121/5590ad941a28aba62a8b4780/html5/thumbnails/50.jpg)
Referencias
Fonte de informações http://www.html5rocks.com/en/features/
Exemplo Manifest http://www.webkit.org/demos/sticky-notes/