Una de mis tareas más apasionantes en DOOR3 es la I+D, también conocida como *“¡Will! Mi jefe me da la descripción de una nueva tecnología y yo creo una “prueba de concepto” (POC) que demuestre que funciona o un informe que explique que no.
El viernes pasado me informaron sobre las funciones offline de HTML5, a veces denominadas “caché de aplicaciones”. La tendencia en la web últimamente es llamar a las cosas “aplicaciones”, probablemente debido a la proliferación de aplicaciones “nativas” del sistema operativo en estos días, pero también porque ahora la web realmente hace cosas en lugar de sólo mostrar cosas, es decir, Web 2.0.
Por ejemplo, supongamos que un cliente quiere crear una aplicación para su empresa, pero no quiere desarrollar aplicaciones nativas para su sistema operativo. Por lo tanto, quiere aplicaciones web porque se pueden ejecutar en cualquier dispositivo con capacidad web. Sin embargo, al cliente también le gustaría que las aplicaciones funcionaran sin conexión. Aparece el nuevo estándar de desarrollo web -HTML5- y sus nuevas y fantásticas capacidades de almacenamiento en caché de aplicaciones.
El almacenamiento en caché de HTML5 funciona de la siguiente manera: en las dos primeras líneas del archivo .html se define un archivo de “manifiesto de caché”. Este archivo de manifiesto de caché es simplemente una lista de otros archivos que desea y no desea almacenar en caché para su uso sin conexión.
Ejemplo (en el archivo .html):
`<!DOCTYPE html>
` La SEGUNDA línea de este archivo define el manifiesto como test.manifest. Asi que mejor que hagas ese archivo. Ejemplo (en el archivo .manifest): `CACHE MANIFEST CACHE: index.html index2.html Cachorro-Video.mp4 Rockport-Zapato.PNG Rockport-Zapato-2.PNG **¿Qué hay aquí? Comienza el archivo con la línea CACHE MANIFEST. Eso es importante. Serial. La línea que sólo dice "CACHE:" es un encabezado de sección que te dice que todas las cosas en esta sección deben ser almacenadas en caché. Sin embargo, en un manifiesto tan sencillo como éste, podrías eliminar esa línea y quedaría implícito y seguiría funcionando. Enumera los archivos necesarios para la visualización sin conexión. En este caso se trata de otro archivo .html, un vídeo y un par de imágenes. Recuerda que esto es sólo un POC; no necesita ser bonito hasta que esté de cara al cliente. **Opcional:** Puedes poner los archivos que quieres EVITAR cachear en una sección titulada "RED:" También puede poner la página que desea almacenar en caché EN LUGAR de la página principal en una sección titulada "FALLBACK:" **IMPORTANTE!!!!** 1. Este es un nuevo tipo de contenido. Es probable que su servidor Apache no esté configurado para aceptarlo. Probablemente tendrá que añadir la siguiente línea en cualquier parte de su archivo .htaccess: `AddType text/cache-manifest .manifest 2. El servidor no está configurado para refrescar el manifiesto de la caché durante horas o si ha cambiado. Si cambias un archivo que está en caché, será mejor que cambies tu archivo de manifiesto para que se actualice. De lo contrario, podrías quedarte mirando la versión antigua y arrancarte los pelos del lóbulo de la oreja mientras tanto. Esto es un resumen muy somero de lo básico que necesité para hacer mi POC. Para más información, consulta tu biblioteca local o visita: [http://diveintohtml5.info/offline.html](http://diveintohtml5.info/offline.html)
¿Crees que podría ser el momento de traer ayuda adicional?
Lea estos a continuación...
.png )
Solicite una cotización de proyecto gratuita
Revisaremos su solicitud y le proporcionaremos una evaluación del costo del proyecto dentro de 1 a 2 días hábiles.
Solicite una cotización de proyecto gratuita