10
HTML5 Offline Rodolfo Finochietti

HTML5 Offline

Embed Size (px)

DESCRIPTION

Introducción al soporte para aplicaciones offline en HTML5

Citation preview

Page 1: HTML5 Offline

HTML5 Offline

Rodolfo Finochietti

Page 2: HTML5 Offline

Soporte Offline

En muchos escenarios es necesario que una aplicación pueda seguir funcionando sin conexión

Page 3: HTML5 Offline

Soporte Offline

• HTML5 provee dos características–Eventos–AppCache

Page 4: HTML5 Offline

Eventos

• Simple, dos eventos, una propiedad:–Online, Offline–window.navigator.onLine

Page 5: HTML5 Offline

AppCache

• Le dice al browser que partes de la aplicaciones debe “cachear” para cuando no hay conexión• Basado en un manifiesto

Page 6: HTML5 Offline

Manifiesto

• Archivo de texto– text/cache-manifest

• Contiene 3 secciones– CACHE: archivos que se deben “cachear”– NETWORK: archivos que explícitamente requieren

conexión con el server– FALLBACK: Que archivo utilizar si no se tiene acceso

a un determinado recurso• El manifiesto se declara en el documento HTML– <html manifest= "offline.manifest">

Page 7: HTML5 Offline

Demo

Offline

Page 8: HTML5 Offline

¿Preguntas?

Page 9: HTML5 Offline

Recursos

• http://gazpo.com/2011/08/html5-offline-applications

• http://html5demos.com/

Page 10: HTML5 Offline

[email protected] http://twitter.com/rodolfof

http://shockbyte.net

¡GRACIAS!