html5 offline
DESCRIPTION
Introducción al soporte para aplicaciones offline en HTML5TRANSCRIPT
![Page 1: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/1.jpg)
HTML5 Offline
Rodolfo Finochietti
![Page 2: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/2.jpg)
Soporte Offline
En muchos escenarios es necesario que una aplicación pueda seguir funcionando sin conexión
![Page 3: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/3.jpg)
Soporte Offline
• HTML5 provee dos características–Eventos–AppCache
![Page 4: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/4.jpg)
Eventos
• Simple, dos eventos, una propiedad:–Online, Offline–window.navigator.onLine
![Page 5: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/7.jpg)
Demo
Offline
![Page 8: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/8.jpg)
¿Preguntas?
![Page 9: HTML5 Offline](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557ad93ed8b42a590b8b45f2/html5/thumbnails/9.jpg)
Recursos
• http://gazpo.com/2011/08/html5-offline-applications
• http://html5demos.com/