Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
HTML5 Offline Rodolfo Finochietti
Soporte OfflineEn muchos escenarios es necesarioque una aplicación pueda seguirfuncionando sin conexión
Soporte Offline• HTML5 provee dos características –Eventos –AppCache
Eventos• Simple, dos eventos, una propiedad:  –Online, Offline  –window.navigator.onLine
AppCache• Le dice al browser que partes de la  aplicaciones debe “cachear” para  cuando no hay conexión• Basado en un mani...
Manifiesto• Archivo de texto  – text/cache-manifest• Contiene 3 secciones  – CACHE: archivos que se deben “cachear”  – NET...
DemoOffline
¿Preguntas?
Recursos• http://gazpo.com/2011/08/html5-offline-  applications• http://html5demos.com/
rodolfof@lagash.comhttp://twitter.com/rodolfof   http://shockbyte.net     ¡GRACIAS!
Upcoming SlideShare
Loading in …5
×

HTML5 Offline

2,240 views

Published on

Introducción al soporte para aplicaciones offline en HTML5

Published in: Technology
  • Be the first to comment

  • Be the first to like this

HTML5 Offline

  1. 1. HTML5 Offline Rodolfo Finochietti
  2. 2. Soporte OfflineEn muchos escenarios es necesarioque una aplicación pueda seguirfuncionando sin conexión
  3. 3. Soporte Offline• HTML5 provee dos características –Eventos –AppCache
  4. 4. Eventos• Simple, dos eventos, una propiedad: –Online, Offline –window.navigator.onLine
  5. 5. AppCache• Le dice al browser que partes de la aplicaciones debe “cachear” para cuando no hay conexión• Basado en un manifiesto
  6. 6. 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">
  7. 7. DemoOffline
  8. 8. ¿Preguntas?
  9. 9. Recursos• http://gazpo.com/2011/08/html5-offline- applications• http://html5demos.com/
  10. 10. rodolfof@lagash.comhttp://twitter.com/rodolfof http://shockbyte.net ¡GRACIAS!

×