1. HTML5 The future is landing
HTML5
CARLOS ALBERTO ROJAS
02 de Marzo de 2013
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
2. HTML5 The future is landing
Sleekdesignstudio.com/html5poster
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
3. HTML5 The future is landing
Todo lo
quieras, en el
lugar que
quieras.
Conveniente
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
4. HTML5 The future is landing
Internet se
adapta a tu
estilo.
Personal
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
5. HTML5 The future is landing
Todos
manejamos
Internet.
Natural
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
6. HTML5 The future is landing
Todos
tenemos
dispositivos
con internet.
Popular
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
7. HTML5 The future is landing
Publicado por
primera vez
Tim Berners-
Lee en 1991
HyperText Markup
Language
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
8. HTML5 The future is landing
Interpreta
información
HTML.
Browser
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
9. HTML5 The future is landing
Encontramos
internet en
multiples
dispositivos.
Form Factors
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
10. HTML5 The future is landing
Desktop
Netbook
Laptop
Traditional Form Factors
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
11. HTML5 The future is landing
• Phones
• Smartphones
• Tablets
• Portable consoles
• eBook Readers
• Music Players
Mobile Form Factors
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
12. HTML5 The future is landing
HTML5 esta pensado
para crear
aplicaciones:
• Display
• Input
• Networking
• Offline
HTML5 lo hace todo
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
13. HTML5 The future is landing
• Mejor
experiencia como
usuario
• Experiencia
agradable para el
desarrollador
Objetivos
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
14. HTML5 The future is landing
• Diferentes estilos
de interacción.
• Velocidad.
• Disponibilidad
conexión(offLine).
• Detectabilidad.
• ScreenSize
Retos
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
15. HTML5 The future is landing
Podemos superar
todos estos retos.
Gadgets HTML5
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
16. HTML5 The future is landing
1 Reto--Diferentes estilos de interacción.
Laptop Tablet Phone
Lógica Negocio
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
17. HTML5 The future is landing
2 Reto--Velocidad
HIJAX Laptop Tablet Phone Ofuscar Código
Lógica Negocio
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
18. HTML5 The future is landing
3 Reto--Disponibilidad conexión(offLine).
Application
Cache
IndexedDB(futur
Local Storage
e)
WebSQL
Database
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
19. HTML5 The future is landing
3 Reto-- Detectabilidad
Webstores
Native Mashups(Aplica
applications ciones Híbridas)
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
20. HTML5 The future is landing
4 Reto--ScreenSize
Responsive web design
Laptop Tablet Phone
Lógica Negocio
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
21. HTML5 The future is landing
Conocer HTML5
es muy fácil, lo
difícil es
empezar.
cheat sheets
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
22. HTML5 The future is landing
Cheat Sheets
Dev.w3.org/html5 Html5test.com
Developers.whatwg.org html5-enabling-script/
Mejorando.la/guia-html5 Html5boilerplate.com
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
23. HTML5 The future is landing
Cheat Sheets
Twitter.github.com/bootstrap Paperjs.com (canvas)
Mobilehtml5.com
Impactjs.com(juegos) Caniuse.com(compatibilidad)
Html5doctor.com
Praegnanz.de/html5vi
Html5rocks.com
deo (Players video)
(Proyectos)
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
24. HTML5 The future is landing
Quienes apoyan
HTML5?
Apple.com/html5
Demos.mozilla.org
Chromeexperiments.com
Ie.microsoft.com/testdrive
Beta.theexpressiveweb.com(adobe)
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”
25. HTML5 The future is landing
GRACIAS
FI-GQ-GCMU-004-015 V. 000-27-08-2011
“Educación para todos con calidad global”