Introducción a HTML5 Storage

1. HTML5 Storage
Rodolfo Finochietti

2. ¿Por qué hablamos de acceso a datos
en HTML?
• !Las aplicaciones web como los
chicos crecen muy rápido!

3. ¿Por qué HTML 5 Storage?
• Para soportar escenarios que no se
manejan bien con cookies

4. Cookies
• Es el mecanismo actual para almacenar
estado entre request´s HTTP
– Limitaciones en tamaño y cantidad
– Problemas de performance
– Problemas de seguridad
– Dificultad con aplicaciones multi-instancia

5. HTML 5 Storage Standard´s
• ¿Dos o tres?
–A veces los chicos no saben lo que
quieren
• Web Storage
• Indexed Database API
• Web SQL Database

6. Web Storage
• Diseñados para cubrir 3
escenarios
–Múltiples transacciones
–Múltiples sesiones
–Trabajo con mucha información
• Soporte para aplicaciones Offline

7. Web Storage
• Dos objetos, una interfaz
– localStorage, sessionStorage

8. Web Storage
• Soporte para Eventos

9. Demo
Web Storage

10. Indexed Database API
• Tablas ordenadas de objetos JavaScript
– Estilo ISAM
• API Asincrónica

11. Demo
Indexed Database API

12. Soporte
• Web Storage
– IE8+ (IE8 no soporta Storage Event, IE9 si)
– Firefox 3.5+
– Safari 4.0+
– Chrome 4.0+
• Indexed Database API
– Crome 11.0+
– Firefox 4.0+

13. ¿Preguntas?

14. Recursos
• http://www.w3.org/TR/IndexedDB/
• http://dev.w3.org/html5/webstorage/
• http://html5demos.com/

15. rodolfof@lagash.com
http://twitter.com/rodolfof
http://shockbyte.net
¡GRACIAS!