Agregar Contenido Web Local (Fuera de Línea) a la Biblioteca de Contenidos de EloView 3

Público: Público / Clientes de Elo, Gerentes de Contenidos & Integradores

Tipo de Artículo: Guía de Cómo Hacer & Implementación de Contenido

Este artículo proporciona instrucciones paso a paso para cargar e implementar aplicaciones HTML/web locales y fuera de línea en dispositivos Android de Elo utilizando EloView® 3.

Cómo Agregar una URL Local en EloView 3

1. Navega a Contenido > Biblioteca de Aplicaciones en el menú de navegación principal.

   

2. Haz clic en el botón + (Agregar Contenido) y selecciona URL de las opciones de contenido. 

   

3. Selecciona la pestaña Local en el modal de configuración de URL.

   

4. Carga el archivo ZIP que contiene tu aplicación web.

   ⚠️ Importante: Todos los activos HTML, hojas de estilo, scripts y carpetas de medios deben residir directamente en el directorio raíz del archivo ZIP (no anidados dentro de una carpeta adicional de nivel superior).
5. Ingresa el nombre de archivo de la Página Principal (por ejemplo, index.html), elige un ícono de aplicación y proporciona una breve descripción.
6. Haz clic en Agregar Contenido. La aplicación web fuera de línea será empaquetada y añadida a tu Biblioteca de Aplicaciones.
7. Implementar en el Dispositivo: Arrastra y suelta el tile de contenido de la Biblioteca de Aplicaciones directamente sobre tu dispositivo Elo objetivo o grupo de dispositivos.

Requisitos & Mejores Prácticas para Contenido Local

• Activos Autónomos: Asegúrate de que todos los archivos HTML, CSS, bibliotecas de JavaScript, fuentes y archivos de medios estén empaquetados localmente dentro del archivo ZIP para que la aplicación funcione sin problemas sin una conexión a internet activa.
• Ejecutar Solo del Lado del Cliente: Los lenguajes de scripting del lado del servidor (como PHP, ASP.NET, Ruby o Python) no son compatibles. Solo las tecnologías de navegador del lado del cliente pueden ejecutarse localmente.
• Optimización del Ancho de Banda: Los paquetes web locales son ideales para implementaciones en entornos de bajo ancho de banda o fuera de línea y eliminan el almacenamiento en búfer para grandes activos de video o medios interactivos.
• Tecnologías Offline Modernas: Las aplicaciones web pueden utilizar Service Workers, IndexedDB y la API de Caché para almacenamiento avanzado fuera de línea. Para pautas de implementación, consulta la Guía de MDN sobre Operación Offline y en Segundo Plano.
• Compatibilidad con Frameworks: Los frameworks del lado del cliente (como React, Vue o AngularJS) funcionan normalmente y pueden sincronizar datos dinámicamente con APIs remotas siempre que el dispositivo se conecte a una red.
• Consejo de Compresión ZIP para macOS: Al archivar archivos en macOS, las utilidades de archivo integradas pueden crear carpetas ocultas __MACOSX o envolver contenido en un directorio principal. Asegúrate de que tu archivo de índice resida en el nivel raíz antes de cargar en EloView.