La pagina seguente descrive l’utilizzo del layout a più zone e illustra i seguenti argomenti:
Layout con più aree consente di creare contenuti con più aree e di usare una serie di risorse quali video, immagini e testo che possono essere combinati in un unico schermo. Potete inserire immagini, video e testo per fonderli e creare un'esperienza digitale intuitiva.
In base ai requisiti del progetto, talvolta è necessario disporre di più aree in un canale e modificarle come un’unica unità. Ad esempio, una sequenza del prodotto con il relativo feed social media in esecuzione in tre aree distinte su un singolo canale.
Prima di iniziare ad implementare questa funzionalità, accertatevi di disporre delle conoscenze concettuali su:
Durante la creazione di un canale, potete usare diversi modelli per creare aree nel vostro canale. Potete aggiungere una singola immagine, un video o un canale incorporato che consenta la visualizzazione di più risorse in una sequenza.
Creazione di un canale
Seleziona il collegamento all’Adobe Experience Manager (in alto a sinistra) e quindi Schermi. In alternativa, puoi accedere direttamente a: http://localhost:4502/screens.html/content/screens
.
Andate alla cartella Channels e fate clic su Create dalla barra delle azioni.
Selezionare 1x2 Split Screen Channel dalla procedura guidata Create.
Fare clic su Next e inserire il title come MultiZone.
Fare clic su Crea per completare la creazione del canale.
Potete usare singole risorse, ad esempio un’immagine o un video, in tutte le singole aree. Seguite i passaggi indicati di seguito per l'implementazione:
Aggiunta di contenuti al canale
Aggiunta di immagini al canale
Per riprodurre una singola immagine o un video in due aree, è sufficiente trascinare un’immagine in ciascuna area dell’editor canale, come illustrato nella figura seguente:
Per visualizzare la sequenza di immagini e video nelle diverse aree, effettuate le operazioni seguenti per ulteriori dettagli.
Creazione di una cartella canale
Aggiunta di altri due canali alla cartella Canale
La figura seguente mostra i canali Zone1 e Zone2:
Le immagini aggiunte all'editor del canale di sequenza Zone1 sono mostrate di seguito:
Il video aggiunto all'editor del canale di sequenza Zone2 è riportato di seguito:
Aggiunta di sequenze incorporate (componente) al canale principale (MultiZone)
Passare a Zone —> Canali —> MultiZone.
Fai clic su Modifica nella barra delle azioni per aprire l'editor.
Trascinare il componente Sequenza incorporata in entrambe le aree.
Selezionare la sequenza incorporata in una delle zone.
Fate clic sull'icona Configura (chiave inglese) per passare a una delle sequenze incorporate nell'editor.
Selezionare il percorso del canale come Zone —> Canali —> EmbeddedChannels —> Zone1, come illustrato nella figura seguente.
Allo stesso modo, aggiungete Zone2 a un altro componente della sequenza incorporata nell'editor.
È necessario creare una posizione e una visualizzazione per visualizzare il contenuto nel lettore Screens. Per creare una posizione e una visualizzazione, effettuate le operazioni seguenti.
Creazione di una posizione
Creazione di una visualizzazione
Per visualizzare il contenuto, dovete assegnare i canali al display. Seguite i passaggi indicati di seguito per assegnare il canale al display.
Assegnazione del canale al display
Passare alle aree —> posizioni —> SanJose—> Sala d'attesa.
Selezionate il display Lobby e fate clic su Assegna canale dalla barra delle azioni.
Immettere il percorso del canale MultiZone in Percorso canale.
Impostare gli Eventi supportati come Carico iniziale, Schermo inattivo e Timer.
Fai clic su Salva.
Allo stesso modo, è necessario assegnare gli altri due canali incorporati (Zone1 e Zone2) a questo display.
Dopo aver assegnato tutti e tre i canali al display Lobby, è necessario essere in grado di visualizzare i canali assegnati dal pannello di visualizzazione.
Dopo aver assegnato il canale principale (in questo caso, MultiZone) al display, è obbligatorio assegnare gli altri due canali incorporati Zone1 e Zone2 allo stesso display.
Una volta impostata una posizione e uno schermo, seguite i passaggi indicati di seguito per registrare il dispositivo e assegnare lo schermo al dispositivo.
Registrazione del dispositivo
Andate alla cartella Zone —> Dispositivi.
Selezionate la cartella Devices e fate clic su Device Manager dalla barra delle azioni.
Fare clic su Registrazione dispositivo e selezionare il dispositivo in sospeso dall'elenco.
Il titolo del dispositivo deve corrispondere al token dispositivo (Token campo) visualizzato nella scheda Registrazione dispositivo.
Se il titolo corrisponde al token dispositivo, selezionare il dispositivo e fare clic su Registra dispositivo nella barra delle azioni.
Se il codice di registrazione corrisponde al codice del lettore Screens Registrazione dispositivo, fare clic su Validate nella barra delle azioni.
Immettere il Titolo come Chrome-Device1 e fare clic su Register.
Selezionare Assegna display e selezionare il percorso della configurazione del dispositivo.
Se state tentando di visualizzare il contenuto nel lettore Screens, accertatevi di fare clic su Aggiorna contenuto offline nel dashboard del canale per ciascuno dei canali assegnati al display.
Una volta implementati i layout con più aree utilizzando i passaggi precedenti, viene visualizzato il seguente output.
Controllare il lettore Screens per visualizzare l'output che mostra il contenuto in due aree diverse. Le aree sinistra e destra (entrambe utilizzano la sequenza incorporata come componente).
La zona sinistra è un canale di sequenza e la zona destra include un video.