Download - Carlos rojas
![Page 1: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/1.jpg)
“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
![Page 2: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/2.jpg)
“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
![Page 3: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/3.jpg)
“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.
![Page 4: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/4.jpg)
“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.
![Page 5: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/5.jpg)
“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.
![Page 6: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/6.jpg)
“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.
![Page 7: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/7.jpg)
“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
![Page 8: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/8.jpg)
“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.
![Page 9: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/9.jpg)
“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.
![Page 10: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/10.jpg)
“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
![Page 11: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/11.jpg)
“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
![Page 12: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/12.jpg)
“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
![Page 13: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/13.jpg)
“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
![Page 14: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/14.jpg)
“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
![Page 15: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/15.jpg)
“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.
![Page 16: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/16.jpg)
“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
![Page 17: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/17.jpg)
“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
![Page 18: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/18.jpg)
“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)
![Page 19: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/19.jpg)
“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)
![Page 20: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/20.jpg)
“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
![Page 21: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/21.jpg)
“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.
![Page 22: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/22.jpg)
“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
![Page 23: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/23.jpg)
“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)
![Page 24: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/24.jpg)
“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)
![Page 25: Carlos rojas](https://reader036.vdocuments.site/reader036/viewer/2022062319/558cb1cdd8b42a9e5c8b4636/html5/thumbnails/25.jpg)
“Educación para todos con calidad global”
HTML5 The future is landing
FI-GQ-GCMU-004-015 V. 000-27-08-2011
GRACIAS