Repblica Bolivariana de Venezuela

Ministerio del Poder Popular para la Educacin Universitaria

Universidad Alejandro de Humboldt
Asignatura: Tcnicas de Programacin
Seccin: 0803

IndexedDB

Prof. (a):
Mena Miguel

Autor:
Azuaje Kervin C.I. 22.496.232

Caracas, 28 de Julio del 2016

Informe General
IndexedDB es la herramienta que HTML5 proporciona a los programadores
para poder trabajar con una base de datos desde la propia aplicacin web, sin
tener que conectarnos a ningn servidor,

disponible offline (en entornos sin

conexin web) y persistente (al cerrar la aplicacin, el contenido no se borra).

Algunas caractersticas de IndexedDB
Como algunas de las bondades de IndexedDB podemos destacar las siguientes:

Es un sistema de almacenamiento local: Es una caracterstica muy til;

pensemos en una aplicacin mvil hecha en HTML5 o en una extensin
de Chrome, Firefox, etc. Si IndexedDB no fuera un sistema de
almacenamiento local no podramos acceder al contenido almacenado si
nuestra conexin de red estuviese cada. Gracias a que la informacin
almacenada en IndexedDB est en el propio equipo, nuestra aplicacin
puede seguir funcionando perfectamente aunque estemos sin conexin.

No tiene lmite de tamao: Es una de sus grandes bondades. Al usar

LocalStorage, tenemos un lmite de almacenamiento establecido por el
navegador, lmite que suele rondar los 10MB. Si bien es suficiente para
gran parte de los casos, este lmite puede suponer un problema si nuestra
aplicacin mueve mucho dato. En el caso de IndexedDB este lmite no
existe y estamos hablando de un sistema de almacenamiento ilimitado
(bueno, limitado por tu disco duro claro). Eso s, en el caso de Firefox,
aunque el espacio sea ilimitado, el navegador pre-reserva 50MB de espacio
y te solicita permiso cuando necesita reservar otros 50MB.

Permite mltiples tablas: Bueno, IndexedDB no funciona con tablas,

pero en este punto del artculo y para que nos entendamos, puedes tener
en una misma base de datos varias tablas para almacenar tus contenidos.

Permite mltiples bases de datos: No ests limitado a una base de datos,

puedes conectarte a varias bases de datos va IndexedDB.

Crearemos una BD para almacenar una trivia lo primero es crear la bd

Datos para que IndexedDB funcione con cualquier navegador, en caso de que no
dos dar un alerta.

Creamos la funcin iniciarBD() con los campos a utilizar, en nuestro caso solo el
campo de respuestas.

La funcin RespuestasCorrectas() es la encargada de tener almacenada las

respuestas correctas a las preguntas formuladas en el body del formulario.

La funcin CuadroRespuestas() tiene la caja de respuesta por cada pregunta

realizada. Utilizaremos un radio Button para que el usuario seleccione la respuesta
que crea correcta.

La funcin Verificar, simplemente chequea que la respuesta seleccionada por el

usuario sea la correcta, de ser as incrementa una variable para determinar si
acert todas las respuestas o no.

El body contiene las preguntas como la estructura de la pgina en general. Se le

dio estilo con CSS.