HTML5 Storage

Rodolfo Finochietti

¿Por qué hablamos de acceso a datos en HTML?

• !Las aplicaciones web como los chicos crecen muy rápido!

¿Por qué HTML 5 Storage?

• Para soportar escenarios que no se manejan bien con cookies

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

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

Web Storage

• Diseñados para cubrir 3 escenarios–Múltiples transacciones–Múltiples sesiones–Trabajo con mucha información

• Soporte para aplicaciones Offline

Web Storage

• Dos objetos, una interfaz– localStorage, sessionStorage

Web Storage

• Soporte para Eventos

Demo

Web Storage

Indexed Database API

• Tablas ordenadas de objetos JavaScript– Estilo ISAM

• API Asincrónica

Demo

Indexed Database API

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+

¿Preguntas?

Recursos

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

rodolfof@lagash.com http://twitter.com/rodolfof

http://shockbyte.net

¡GRACIAS!