Aggiungere contenuti web locali (offline) alla libreria di contenuti EloView 3

Pubblico: Pubblico / Clienti Elo, Manager di contenuti e Integratori

Tipo di articolo: Guida pratica e distribuzione di contenuti

Questo articolo fornisce istruzioni passo passo per caricare e distribuire applicazioni HTML/web locali e offline su dispositivi Android Elo utilizzando EloView® 3.

Come aggiungere un URL locale in EloView 3

1. Vai a Contenuti > Libreria App nel menu di navigazione principale.

   

2. Clicca sul pulsante + (Aggiungi contenuto) e seleziona URL dalle opzioni di contenuto.

   

3. Seleziona la scheda Locale nella finestra di configurazione dell'URL.

   

4. Carica il file ZIP contenente la tua applicazione web.

   ⚠️ Importante: Tutti gli asset HTML, fogli di stile, script e cartelle multimediali devono trovarsi direttamente nella directory principale dell'archivio ZIP (non nidificati all'interno di una cartella aggiuntiva di livello superiore).
5. Inserisci il nome file della pagina principale (ad es., index.html), scegli un'icona per l'app e fornisci una breve descrizione.
6. Clicca su Aggiungi contenuto. L'applicazione web offline sarà impacchettata e aggiunta alla tua libreria App.
7. Distribuisci sul dispositivo: Trascina e rilascia il riquadro di contenuto dalla libreria App direttamente sul tuo dispositivo Elo target o sul gruppo di dispositivi.

Requisiti e migliori pratiche per contenuti locali

• Asset autonomi: Assicurati che tutti i file HTML, CSS, librerie JavaScript, font e file multimediali siano inclusi localmente all'interno dell'archivio ZIP affinché l'applicazione funzioni senza problemi senza una connessione internet attiva.
• Solo esecuzione client-side: Le lingue di scripting lato server (come PHP, ASP.NET, Ruby o runtime Python) non sono supportate. Solo le tecnologie del browser lato client possono essere eseguite localmente.
• Ottimizzazione della larghezza di banda: I pacchetti web locali sono ideali per le distribuzioni in ambienti a bassa larghezza di banda o offline e eliminano il buffering per grandi file video o multimediali interattivi.
• Tecnologie moderne offline: Le applicazioni web possono utilizzare Service Workers, IndexedDB e l'API Cache per un avanzato storage offline. Per linee guida sull'implementazione, fare riferimento alla Guida MDN su Operazioni Offline e in Background.
• Compatibilità dei framework: I framework client-side (come React, Vue o AngularJS) funzionano normalmente e possono sincronizzare dati dinamicamente con API remote ogni volta che il dispositivo si connette a una rete.
• Consiglio per la compressione ZIP su macOS: Quando archivi file su macOS, le utility di archiviazione integrate possono creare cartelle nascoste __MACOSX o avvolgere il contenuto in una directory principale. Assicurati che il tuo file index si trovi a livello radice prima di caricarlo su EloView.