Agregar contenido web local (offline) a la biblioteca de contenido de EloView 3

Público: Público / Clientes de Elo, Gerentes de Contenido & 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 offline 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 del archivo de la página de inicio (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 offline será empaquetada y añadida a tu Biblioteca de Aplicaciones.
7. Implementar en el Dispositivo: Arrastra y suelta el mosaico 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 Autocontenidos: Asegúrate de que todos los archivos HTML, CSS, bibliotecas de JavaScript, fuentes y archivos multimedia estén empaquetados localmente dentro del archivo ZIP para que la aplicación funcione sin problemas sin una conexión a Internet activa.
• Solo Ejecución del Lado del Cliente: Lenguajes de scripting del lado del servidor (como PHP, ASP.NET, Ruby o Python) no son compatibles. Solo las tecnologías del lado del cliente pueden ejecutarse localmente.
• Optimización de Ancho de Banda: Los paquetes web locales son ideales para implementaciones en entornos de bajo ancho de banda o offline y eliminan el almacenamiento en búfer para activos multimedia grandes o interactivos.
• Tecnologías Offline Modernas: Las aplicaciones web pueden utilizar Service Workers, IndexedDB y la API de Caché para almacenamiento offline avanzado. Para directrices de implementación, consulta la Guía de MDN sobre Operaciones Offline y en Segundo Plano.
• Compatibilidad con Frameworks: Los frameworks del lado del cliente (como React, Vue o AngularJS) funcionan normalmente y pueden sincronizar dinámicamente datos con API remotas siempre que el dispositivo se conecte a una red.
• Consejo sobre Compresión ZIP en macOS: Al archivar archivos en macOS, las utilidades de archivo integradas pueden crear carpetas ocultas __MACOSX o envolver el contenido en un directorio padre. Asegúrate de que tu archivo índice resida en el nivel raíz antes de cargarlo en EloView.