Lokale (Offline) Webinhoud toevoegen aan de EloView 3 Contentbibliotheek

Doelgroep: Publiek / Elo Klanten, Contentbeheerders & Integratoren

Artikeltype: Hoe-Te Gids & Contentimplementatie

Dit artikel biedt stapsgewijze instructies voor het uploaden en implementeren van lokale, offline HTML/webapplicaties naar Elo Android-apparaten met behulp van EloView® 3.

Hoe een lokale URL toe te voegen in EloView 3

1. Navigeer naar Inhoud > App Bibliotheek in het hoofdmenü.

   

2. Klik op de + (Inhoud Toevoegen) knop en selecteer URL uit de inhoudsopties. 

   

3. Selecteer het Lokale tabblad in de URL-configuratiemodus.

   

4. Upload het ZIP-bestand met uw webapplicatie.

   ⚠️ Belangrijk: Alle HTML-assets, stylesheets, scripts en mediabestanden moeten zich direct in de rootdirectory van het ZIP-archief bevinden (niet genest in een extra bovenliggende map).
5. Voer de Bestandsnaam van de Startpagina in (bijv. index.html), kies een applicatie-icoon, en geef een korte beschrijving.
6. Klik op Inhoud Toevoegen. De offline webapplicatie wordt verpakt en aan uw App Bibliotheek toegevoegd.
7. Implementeren op Apparaat: Sleep de inhoud tegel uit de App Bibliotheek direct op uw doel-Elo apparaat of apparaatsgroep.

Vereisten & Beste Praktijken voor Lokale Inhoud

• Zelfstandige Assets: Zorg ervoor dat alle HTML, CSS, JavaScript-bibliotheken, lettertypen en mediafiles lokaal in het ZIP-archief zijn verpakt, zodat de applicatie naadloos functioneert zonder een actieve internetverbinding.
• Alleen Client-Side Uitvoering: Server-side scripttalen (zoals PHP, ASP.NET, Ruby of Python back-end runtimes) worden niet ondersteund. Alleen client-side browsertechnologieën kunnen lokaal uitvoeren.
• Bandbreedte-optimalisatie: Lokale webpakketten zijn ideaal voor implementaties in omgevingen met lage bandbreedte of offline en elimineren buffering voor grote video- of interactieve media-assets.
• Moderne Offline Technologieën: Webapplicaties kunnen gebruikmaken van Service Workers, IndexedDB en de Cache API voor geavanceerde offline opslag. Voor implementatierichtlijnen verwijzen we naar de MDN Gids voor Offline en Achtergrondoperatie.
• Kadercompatibiliteit: Client-side kaders (zoals React, Vue of AngularJS) functioneren normaal en kunnen dynamisch gegevens synchroniseren met externe API's wanneer het apparaat met een netwerk verbinding maakt.
• macOS ZIP Compressietip: Bij het archiveren van bestanden op macOS kunnen ingebouwde archiveringshulpmiddelen verborgen __MACOSX mappen aanmaken of inhoud in een bovenliggende map verpakken. Zorg ervoor dat uw indexbestand zich op het rootniveau bevindt voordat u uploadt naar EloView.