Hinzufügen lokaler (offline) Webinhalte zur EloView 3-Inhaltsbibliothek

Zielgruppe: Öffentlich / Elo-Kunden, Inhaltsmanager & Integratoren

Art des Artikels: Anleitung & Inhaltsbereitstellung

Dieser Artikel bietet eine Schritt-für-Schritt-Anleitung zum Hochladen und Bereitstellen von lokalen, offline HTML/Web-Anwendungen auf Elo Android-Geräten mit EloView® 3.

So fügen Sie eine lokale URL in EloView 3 hinzu

1. Navigieren Sie zu Inhalt > App-Bibliothek im Hauptnavigationsmenü.

   

2. Klicken Sie auf die Schaltfläche + (Inhalt hinzufügen) und wählen Sie URL aus den Inhaltsoptionen.

   

3. Wählen Sie die Registerkarte Local im URL-Konfigurationsmodal aus.

   

4. Laden Sie die ZIP-Datei mit Ihrer Webanwendung hoch.

   ⚠️ Wichtig: Alle HTML-Ressourcen, Stylesheets, Skripte und Mediamappen müssen sich direkt im Stammverzeichnis des ZIP-Archivs befinden (nicht in einem zusätzlichen übergeordneten Verzeichnis).
5. Geben Sie den Dateinamen der Startseite ein (z. B. index.html), wählen Sie ein Anwendungssymbol aus und geben Sie eine kurze Beschreibung an.
6. Klicken Sie auf Inhalt hinzufügen. Die offline Webanwendung wird verpackt und Ihrer App-Bibliothek hinzugefügt.
7. Bereitstellung auf Gerät: Ziehen Sie das Inhaltsfeld aus der App-Bibliothek direkt auf Ihr Ziel-Elo-Gerät oder Ihre Gerätegruppe.

Anforderungen & bewährte Verfahren für lokale Inhalte

• Eigenständige Ressourcen: Stellen Sie sicher, dass alle HTML-, CSS-, JavaScript-Bibliotheken, Schriftarten und Mediendateien lokal im ZIP-Archiv gebündelt sind, damit die Anwendung nahtlos ohne aktive Internetverbindung funktioniert.
• Nur clientseitige Ausführung: Serverseitige Skriptsprachen (wie PHP, ASP.NET, Ruby oder Python-Backendlaufzeiten) werden nicht unterstützt. Nur clientseitige Browsertechnologien können lokal ausgeführt werden.
• Bandbreitenoptimierung: Lokale Webpakete sind ideal für Bereitstellungen in Umgebungen mit geringer Bandbreite oder offline und beseitigen das Puffern bei großen Video- oder interaktiven Medienressourcen.
• Moderne Offline-Technologien: Webanwendungen können Service Worker, IndexedDB und die Cache-API für fortgeschrittenen Offline-Speicher nutzen. Für Implementierungsrichtlinien siehe den MDN-Leitfaden zu Offline- und Hintergrundoperationen.
• Kompatibilität mit Frameworks: Clientseitige Frameworks (wie React, Vue oder AngularJS) funktionieren normalerweise und können Daten dynamisch mit Remote-APIs synchronisieren, wann immer das Gerät mit einem Netzwerk verbunden ist.
• macOS ZIP-Kompressionstipp: Beim Archivieren von Dateien unter macOS können integrierte Archivierungsprogramme versteckte __MACOSX-Ordner erstellen oder Inhalte in einem übergeordneten Verzeichnis einfügen. Stellen Sie sicher, dass sich Ihre Indexdatei auf der obersten Ebene befindet, bevor Sie sie in EloView hochladen.