Ajout de contenu Web local (hors ligne) à la bibliothèque de contenu EloView 3

Public : Public / Clients Elo, Gestionnaires de contenu & Intégrateurs

Type d'article : Guide étape par étape & Déploiement de contenu

Cet article fournit des instructions étape par étape pour télécharger et déployer des applications HTML/web locales et hors ligne sur des appareils Elo Android en utilisant EloView® 3.

Comment ajouter une URL locale dans EloView 3

1. Accédez à Contenu > Bibliothèque d'applications dans le menu de navigation principal.

   

2. Cliquez sur le bouton + (Ajouter du contenu) et sélectionnez URL parmi les options de contenu. 

   

3. Sélectionnez l'onglet Local dans la fenêtre de configuration de l'URL.

   

4. Téléchargez le fichier ZIP contenant votre application Web.

   ⚠️ Important : Tous les actifs HTML, feuilles de style, scripts et dossiers multimédias doivent être directement dans le répertoire racine de l'archive ZIP (ne pas être imbriqués dans un dossier supplémentaire de haut niveau).
5. Entrez le nom de fichier de la page d'accueil (par exemple, index.html), choisissez une icône d'application et fournissez une brève description.
6. Cliquez sur Ajouter du contenu. L'application web hors ligne sera emballée et ajoutée à votre bibliothèque d'applications.
7. Déployer sur l'appareil : Faites glisser et déposez la tuile de contenu de la bibliothèque d'applications directement sur votre appareil Elo cible ou groupe d'appareils.

Exigences & Meilleures pratiques pour le contenu local

• Actifs autonomes : Assurez-vous que tous les fichiers HTML, CSS, bibliothèques JavaScript, polices et fichiers multimédias sont regroupés localement dans l'archive ZIP afin que l'application fonctionne sans interruption sans connexion Internet active.
• Exécution côté client uniquement : Les langages de script côté serveur (comme PHP, ASP.NET, Ruby ou les exécutions de backend Python) ne sont pas pris en charge. Seules les technologies de navigateur côté client peuvent s'exécuter localement.
• Optimisation de la bande passante : Les packages web locaux sont idéaux pour les déploiements dans des environnements à faible bande passante ou hors ligne et éliminent la mise en mémoire tampon pour les fichiers vidéo ou les médias interactifs volumineux.
• Technologies modernes hors ligne : Les applications Web peuvent utiliser des Service Workers, IndexedDB et l'API Cache pour un stockage hors ligne avancé. Pour des directives d'implémentation, reportez-vous au Guide MDN sur le fonctionnement hors ligne et en arrière-plan.
• Compatibilité avec les frameworks : Les frameworks côté client (comme React, Vue ou AngularJS) fonctionnent normalement et peuvent synchroniser dynamiquement les données avec des API distantes chaque fois que l'appareil se connecte à un réseau.
• Conseil de compression ZIP pour macOS : Lorsque vous archivez des fichiers sur macOS, les utilitaires d'archive intégrés peuvent créer des dossiers cachés __MACOSX ou envelopper le contenu dans un répertoire parent. Assurez-vous que votre fichier index se trouve au niveau racine avant de le télécharger sur EloView.