La pagina seguente descrive l’utilizzo del layout a più aree e illustra i seguenti argomenti:
I layout a più aree consentono di creare più contenuti di zona e di utilizzare una varietà di risorse, quali video, immagini e testo che possono essere combinate in un’unica schermata. È possibile inserire immagini, video e testo per combinarli 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 a implementare questa funzionalità, assicurati di disporre delle conoscenze concettuali su:
Durante la creazione di un canale, puoi utilizzare diversi modelli per creare aree nel canale. È possibile aggiungere un'immagine singola, un video o un canale incorporato che consente 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 passare direttamente a: http://localhost:4502/screens.html/content/screens
.
Passa alla cartella Canali e fai clic su Crea dalla barra delle azioni.
Seleziona 1x2 Split Screen Channel dalla procedura guidata Crea.
Fai clic su Avanti e immetti il titolo come MultiZone.
Fai clic su Crea per completare la creazione del canale.
È possibile utilizzare risorse singole, ad esempio un’immagine o un video, in tutte le singole aree. Per l’implementazione, segui i passaggi seguenti:
Aggiunta di contenuto al canale
Aggiunta di immagini al canale
Per riprodurre un’immagine singola o un video in due aree, è sufficiente trascinare un’immagine in ciascuna zona nell’editor canali, come illustrato nella figura seguente:
Per visualizzare la sequenza di immagini e un video nelle diverse aree, segui i passaggi riportati di seguito per ulteriori dettagli.
Creazione di una cartella di canali
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 è mostrato di seguito:
Aggiunta di sequenze incorporate (componenti) al canale principale (MultiZone)
Passa a Zone —> Canali —> MultiZone.
Fai clic su Modifica nella barra delle azioni per aprire l'editor.
Trascina il componente Sequenza incorporata in entrambe le aree.
Selezionare la sequenza incorporata in una delle zone.
Fai clic sull'icona Configura (chiave inglese) in una delle sequenze incorporate nell'editor.
Seleziona il percorso del canale come Zone —> Canali —> Canali incorporati —> Zona1, come illustrato nella figura riportata di seguito.
Allo stesso modo, aggiungi Zone2 a un altro componente di sequenza incorporato nell'editor.
È necessario creare una posizione e una visualizzazione per visualizzare il contenuto nel lettore Screens. Segui i passaggi riportati di seguito per creare una posizione e una visualizzazione.
Creazione di una posizione
Creazione di una visualizzazione
Per visualizzare il contenuto, è necessario assegnare i canali alla visualizzazione. Segui i passaggi riportati di seguito per assegnare il canale alla visualizzazione.
Assegnazione del canale alla visualizzazione
Passa a Zone —> Posizioni —> SanJose—> Lobby.
Seleziona la visualizzazione Lobby e fai clic su Assegna canale dalla barra delle azioni.
Immetti il percorso del canale MultiZone in Percorso del canale.
Imposta gli Eventi supportati come Caricamento iniziale, Schermo inattivo e Timer.
Fai clic su Salva.
Allo stesso modo, è necessario assegnare gli altri due canali incorporati (Zona1 e Zona2) a questa visualizzazione.
Dopo aver assegnato tutti e tre i canali alla visualizzazione Lobby, è necessario essere in grado di visualizzare i canali assegnati dal dashboard di visualizzazione.
Dopo aver assegnato il canale principale (in questo caso, MultiZone) alla visualizzazione, è obbligatorio assegnare allo stesso display anche gli altri due canali incorporati Zone1 e Zone2.
Una volta impostata una posizione e una visualizzazione, segui i passaggi seguenti per registrare il dispositivo e assegnare la visualizzazione al dispositivo.
Registrazione del dispositivo
Passa alla cartella Zone —> Dispositivi .
Seleziona la cartella Dispositivi e fai clic su Gestione dispositivi nella 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 ) visualizzato nella scheda Registrazione dispositivo .
Se il titolo corrisponde al token del dispositivo, seleziona il dispositivo e fai clic su Registra dispositivo nella barra delle azioni.
Se il codice di registrazione corrisponde al codice presente nella scheda Screens Player Registrazione dispositivo , fai clic su Convalida nella barra delle azioni.
Inserisci il Titolo come Chrome-Device1 e fai clic su Registra.
Seleziona Assegna visualizzazione e seleziona il percorso della configurazione del dispositivo.
Se stai tentando di visualizzare il contenuto nel lettore Screens, assicurati di fare clic su Aggiorna contenuto offline nel dashboard del canale per ciascuno dei canali assegnati alla visualizzazione.
Una volta implementati i layout con più aree utilizzando i passaggi precedenti, viene visualizzato il seguente output.
Controlla il lettore Screens per visualizzare l'output che mostra il contenuto in due aree diverse. Le zone sinistra e destra (entrambe utilizzano la sequenza incorporata come componente).
La zona a sinistra è un canale per sequenza e la zona a destra include un video.