El trabajo práctico consta de dos partes:

El trabajo consiste en realizar una página en Front End (fuera del Administrador) para realizar la carga de contenido principal del sitio (Noticias, Recetas, etc. no foro) que permita guardar el contenido fuera de línea en caso de que no se disponga de conexión al servidor en el momento de guardar los datos.

Nota: los que ya tengan una página para la carga de este contenido, solo deben agregarle el soporte Offline. Los que estén usando el administrador para esa tarea, deben agregar una nueva vista al proyecto.

Para almacenar los datos que están pendientes de guardar en el servidor se debe utilizar localStorage, lo que permite almacenar información en el navegador del cliente (tiene soporte en las últimas versiones de los navegadores de escritorio y mobile).

La página debe permitir guardar el contenido en localStorage e informarle al usuario de lo sucedido mediante un mensaje en pantalla. Cuando el usuario vuelve a presionar el botón de guardar, se debe validar el acceso al servidor e intentar almacenar la información que se encuentra pendiente, en caso de no poder almacenarla , se debe informar al usuario nuevamente.

Si uno accede a la página y ya se dispone de información local pendiente de actualización en el servidor, se debe autocompletar el formulario para permitirle al usuario guardar el contenido directamente.

Además del desarrollo del HTML y JS necesario para agregar esta funcionalidad, es necesario agregar una API JSON mínima en el Backend para soportar los request AJAX que se hagan desde la nueva página. Esta API, debe permitir Agregar, Modificar y Consultar Noticias, Recetas, etc.

• https://developer.mozilla.org/es/docs/DOM/Almacenamiento#localStorage
• http://www.html5rocks.com/en/features/storage
• Ejemplo: http://www.ellipsetours.com/Demos/storage/ (código fuente: https://github.com/axshon/HTML-5-Ellipse-Tours/blob/master/demos/storage/Scripts/main.js)
• Paquetes para APIs en Django https://www.djangopackages.com/grids/g/api/