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