🌐 Web Site

Il livello Web Site incorpora una pagina web dal vivo dentro un progetto. Il player apre l'indirizzo che scrivi e disegna la pagina dentro il riquadro del livello, accanto o sopra a tutti gli altri livelli del progetto.

Ha una sola impostazione, l'indirizzo della pagina. Tutto il resto, cioè dimensione, posizione, quando il livello compare e per quanto resta, arriva dalle solite schede Shape e Timing e si comporta come su qualsiasi altro livello.

Richiede una connessione attiva

Il dispositivo scarica questo contenuto mentre il livello è in riproduzione. Senza connessione di rete non c'è nulla da mostrare, e nessun dato nuovo arriva finché la connessione non torna.

Limitato su SpinetiX HMP350 e precedenti

Questi player renderizzano HTML e JavaScript semplici, ma non HTML5. Una pagina che si appoggia a funzionalità HTML5, contenuti dinamici o animazioni risulta incompleta o vuota, e questo esclude la maggior parte dei siti costruiti con un framework web attuale. In quei casi usa un HMP400 o un IBX410, oppure un dispositivo di un'altra famiglia.

Caso d'uso

Una dashboard, una pagina intranet, un tabellone di stato o un monitor di produzione che esiste già sul web va a schermo così com'è, senza ricostruire nulla in Voome.

Aggiungi il livello a un progetto

1. Apri la sezione Progetto e apri o crea il progetto in cui vuoi la pagina.
2. Clicca su Add Layer e scegli Web Site dal gruppo Advanced.

3. Nella scheda Content, scrivi l'indirizzo in Web Page Link. Scrivilo per intero, protocollo compreso: https://voome.com, non voome.com.
4. Nella scheda Shape, imposta dimensione e posizione del riquadro in cui viene disegnata la pagina. Un livello nuovo parte da 720 per 480 pixel, a 20 pixel dall'angolo in alto a sinistra della canvas.
5. Nella scheda Timing, imposta quando il livello entra e per quanto tempo resta.

Come viene disegnata la pagina

Il player carica l'indirizzo come farebbe un browser e mette il risultato nel riquadro del livello. Da qui discendono quattro conseguenze, e sono quelle che decidono se la pagina è utilizzabile a schermo.

• La pagina non viene ridotta per entrare nel riquadro. Viene renderizzata nella sua dimensione naturale, quindi il livello ne mostra la porzione in alto a sinistra. Un sito pensato per un desktop da 1920 pixel, messo in un livello da 720 per 480, mostra all'incirca un quarto di sé stesso, oppure adatta la visualizzazione secondo le regole responsive previste dal sito stesso.
• Lo scorrimento dipende dall'hardware. Su un monitor touch, o su un dispositivo con un mouse collegato, le persone possono scorrere la pagina e usarla come in qualsiasi browser. Su uno schermo semplice, senza dispositivi di input, non c'è nulla con cui scorrere: quello che cade fuori dal riquadro non viene mai visto, quindi la parte che conta deve trovarsi nell'area visibile.
• La pagina viene caricata una volta sola. Voome non ha un'impostazione di aggiornamento per questo livello. Se la pagina si aggiorna da sola, con il proprio JavaScript o con un meta refresh, lo schermo la segue. Se non lo fa, lo schermo continua a mostrare lo stato che la pagina aveva all'apertura del livello, finché il progetto non riparte.
• Non esiste una sessione di login. Il player apre l'indirizzo in forma anonima, quindi una pagina protetta da accesso mostra il modulo di accesso. Usa una pagina pubblica, oppure un link condivisibile o incorporabile fornito dal servizio stesso. Fanno eccezione i player SpinetiX HMP400 e IBX410, che sanno compilare da soli un modulo di accesso semplice.

Scegliere la pagina giusta

Il livello dà il meglio con una pagina costruita, o almeno configurata, per lo spazio che ha a disposizione:

• Preferisci una pagina che controlli tu, o un link di incorporamento che il servizio pubblica proprio a questo scopo. Sono pensate per essere incorniciate e sono quelle che funzionano in modo affidabile.
• Adatta la dimensione del livello alla pagina, non il contrario. Una pagina disegnata a 1920 per 1080 va in un livello a schermo intero.
• Molte applicazioni web hanno una modalità kiosk, TV o a schermo intero, spesso attivabile con un parametro nell'indirizzo. Se la tua ce l'ha, usala: toglie di mezzo menu e barre degli strumenti che sprecano lo spazio che hai.
• Pubblica la pagina in https. Una pagina servita in http può essere bloccata del tutto, a seconda del dispositivo.

Campi Content

• Web Page Link: l'indirizzo completo della pagina da mostrare. Obbligatorio. Il valore predefinito è https://voome.com.

🙋🏼 Problemi comuni

Il livello è vuoto a schermo

Controlla prima il dispositivo: su un SpinetiX HMP350 o precedente una pagina HTML5 risulta vuota, qualunque sia l'indirizzo. In tutti gli altri casi, quasi certamente il sito si rifiuta di essere incorporato. I siti lo dichiarano con l'intestazione X-Frame-Options o con Content-Security-Policy: frame-ancestors, e la decisione è di chi gestisce il sito, non di Voome. La maggior parte dei grandi servizi pubblici (motori di ricerca, social network, banche e servizi di posta) si rifiuta per impostazione predefinita. Usa una pagina che controlli tu, o il link di incorporamento dedicato fornito dal servizio.

Nell'editor si vede, sul dispositivo no

L'editor di progetto carica la pagina attraverso un proxy Voome, che non è soggetto alle regole di incorporamento descritte sopra. Il dispositivo invece carica la pagina direttamente, e quindi lo è. Per questo una pagina può apparire perfetta sulla canvas e restare vuota a schermo. Per questo livello considera l'editor un aiuto per l'impaginazione, e verifica il risultato su un dispositivo reale dopo la pubblicazione.

Si vede solo l'angolo in alto a sinistra del sito

La pagina non viene scalata sul livello. Ingrandisci il livello nella scheda Shape finché l'area che ti serve non entra, oppure punta il livello a una pagina pensata per quella dimensione, per esempio la versione mobile o kiosk dello stesso indirizzo. Scorrere fino al resto è possibile solo dove lo schermo è un monitor touch o il dispositivo ha un mouse collegato.

Lo schermo mostra dati vecchi

Voome carica la pagina all'avvio del livello e non la ricarica. Se la sorgente si aggiorna ma lo schermo no, la pagina deve aggiornarsi da sola. Se non puoi modificare la pagina, imposta il Timing del progetto in modo che il progetto finisca e ritorni, così il livello viene riaperto con un caricamento nuovo.

La pagina chiede utente e password

Sul dispositivo non c'è una sessione del browser e, su uno schermo non presidiato, non c'è nessuno che possa digitare le credenziali. L'indirizzo deve essere raggiungibile senza accesso: una pagina pubblica, un link condiviso o un token di incorporamento che porta con sé la propria autorizzazione nell'URL.

I player SpinetiX sanno accedere da soli

I media player HMP400 e IBX410 hanno un meccanismo di login automatico che compila il modulo al posto tuo. Funziona solo con un modulo di accesso semplice: un campo di testo per nome utente o login, un campo per la password e un pulsante di invio. Tutto ciò che è più elaborato, come un modulo in due passaggi, un reindirizzamento single sign-on o un secondo fattore, è fuori dalla sua portata, e la pagina si ferma alla schermata di accesso.