Layout a più zone

La pagina seguente descrive l’utilizzo del layout a più aree e illustra i seguenti argomenti:

  • Panoramica
  • Creazione di un layout a più zone
  • Prerequisiti
  • Utilizzo di risorse singole in una o più aree
  • Utilizzo del contenuto sequenziale in una o più aree

Panoramica

Layout a più zone consente di creare più contenuti di zona e di utilizzare varie risorse, come 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 di prodotti con un feed social media correlato che viene eseguito in tre aree separate su un singolo canale.

Prerequisiti

Prima di iniziare a implementare questa funzionalità, assicurati di disporre delle conoscenze concettuali su:

Creazione di un layout a più zone

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

  1. 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.

  2. Passa a Canali e fai clic su Crea dalla barra delle azioni.

  3. Seleziona Canale schermo diviso 1x2 dal Crea procedura guidata.

  4. Fai clic su Successivo e inserisci title come MultiZone.

  5. Fai clic su Crea per completare la creazione del canale.

Utilizzo di risorse singole in una o più aree

È possibile utilizzare risorse singole, ad esempio un’immagine o un video, in tutte le singole aree. Per l’implementazione, segui i passaggi seguenti:

  1. Aggiunta di contenuto al canale

    1. Passa a Zone —> Canali—> MultiZone.
    2. Seleziona la MultiZone canale e fai clic su Modifica dalla barra delle azioni per aprire l’editor.

  2. 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:

    immagine

Utilizzo del contenuto sequenziale in una o più aree

Per visualizzare la sequenza di immagini e un video nelle diverse aree, segui i passaggi riportati di seguito per ulteriori dettagli.

  1. Creazione di una cartella di canali

    1. Passa a Zone —> MultiZone —> Canali e fai clic su Crea dalla barra delle azioni.
    2. Seleziona Cartella canali dal Crea procedura guidata e fai clic su Successivo.
    3. Inserisci il titolo come Canali incorporati e fai clic su Crea.

    screen_shot_2018-12-19at125428pm

  2. Aggiunta di altri due canali alla cartella Canale

    1. Passa a Zone —> Canali —> Canali incorporati e fai clic su Crea dalla barra delle azioni.
    2. Seleziona Canale per sequenza dal Crea creazione guidata di un canale denominato come Zona1.
    3. Seleziona Zona1 e fai clic su Modifica dalla barra delle azioni per aprire l’editor.
    4. Trascina e rilascia alcune immagini su questo canale.
    5. Allo stesso modo, crea un altro canale per sequenza denominato come Zona2 in Canali incorporati cartella.
    6. Trascina e rilascia un video su questo canale.

    La figura seguente mostra i canali Zona1 e Zona2:

    screen_shot_2018-12-19at125930pm

    Le immagini aggiunte all’editor di Zona1 il canale della sequenza è mostrato di seguito:

    screen_shot_2018-12-19at125930pm

    Il video aggiunto all’editor di Zona2 il canale della sequenza è mostrato di seguito:

    screen_shot_2018-12-19at125930pm

  3. Aggiunta di sequenze incorporate (componenti) al canale principale (MultiZone)

    1. Passa a Zone —> Canali —> MultiZone.

    2. Fai clic su Modifica nella barra delle azioni per aprire l'editor.

    3. Trascina e rilascia la Sequenza incorporata in entrambe le zone.

    4. Selezionare la sequenza incorporata in una delle zone.

    5. Fai clic sul pulsante Configura Icona (chiave inglese) per una delle sequenze incorporate nell’editor.

    6. Seleziona il percorso del canale come Zone —> Canali —> Canali incorporati —> Zona1, come illustrato nella figura seguente.

    7. Allo stesso modo, aggiungi la Zona2 a un altro componente di sequenza incorporato nell’editor.

      immagine

Creazione di una posizione e di una visualizzazione

Crea una posizione e una visualizzazione per visualizzare il contenuto nel lettore Screens.

  1. Creazione di una posizione

    1. Passa a Zone —> Posizioni cartella.
    2. Seleziona la Posizioni e fai clic su Crea dalla barra delle azioni.
    3. Seleziona Posizione dal Crea procedura guidata e fai clic su Successivo.
    4. Inserisci il Titolo come SanJose e fai clic su Crea.

  2. Creazione di una visualizzazione

    1. Passa a Zone —> Posizioni cartella.
    2. Seleziona la SanJose posizione e fai clic su Crea dalla barra delle azioni.
    3. Seleziona Visualizzazione dal Crea procedura guidata e fai clic su Successivo.
    4. Inserisci il Titolo come Lobby e fai clic su Crea.

Assegnazione di canali alla visualizzazione

Assegna i canali alla visualizzazione per visualizzare il contenuto. Segui i passaggi riportati di seguito per assegnare il canale alla visualizzazione.

  1. Assegnazione del canale alla visualizzazione

    1. Passa a Zone —> Posizioni —> SanJose—> Lobby.

    2. Seleziona la Lobby visualizza e fai clic su Assegna canale dalla barra delle azioni.

    3. Immetti il percorso della MultiZone ingresso canale Percorso del canale.

    4. Imposta la Eventi supportati come Caricamento iniziale, Schermo inattivo e Timer.

    5. Fai clic su Salva.

      immagine

    6. Allo stesso modo, è necessario assegnare gli altri due canali incorporati (Zona1 e Zona2) a questa visualizzazione.

    7. Una volta assegnati tutti e tre i canali al Lobby è necessario essere in grado di visualizzare i canali assegnati dal dashboard di visualizzazione.

      immagine

      IMPORTANTE

      Una volta assegnato il canale principale (in questo caso, MultiZone) alla visualizzazione, è obbligatorio assegnare gli altri due canali incorporati Zona1 e Zona2 anche sullo stesso display.

Registrazione del dispositivo

Una volta impostata una posizione e una visualizzazione, segui i passaggi seguenti per registrare il dispositivo e assegnare la visualizzazione al dispositivo.

  1. Registrazione del dispositivo

    1. Passa a Zone —> Dispositivi cartella.

    2. Seleziona la Dispositivi e fai clic su Gestione dispositivi dalla barra delle azioni.

    3. Fai clic su Registrazione dei dispositivi e selezionare il dispositivo in sospeso dall'elenco.

      NOTA

      Il titolo del dispositivo deve corrispondere al token del dispositivo (Token (campo) visualizzato nel Registrazione dei dispositivi scheda .

      1. Se il titolo corrisponde al token del dispositivo, seleziona il dispositivo e fai clic su **Registra dispositivo** dalla barra delle azioni.

    4. Se il codice di registrazione corrisponde al codice nel lettore Screens Registrazione dei dispositivi scheda , fai clic su Convalida dalla barra delle azioni.

      immagine

    5. Inserisci il Titolo come Chrome-Device1 e fai clic su Registro.

    6. Seleziona Assegna visualizzazione e seleziona il percorso della configurazione del dispositivo.

    NOTA

    Se stai tentando di visualizzare il contenuto in Screens Player, assicurati di fare clic su Aggiorna contenuto offline dal dashboard del canale per ciascuno dei canali assegnati alla visualizzazione.

Visualizzazione del risultato

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 una sequenza incorporata come componente).

La zona a sinistra è un canale per sequenza e la zona a destra include un video.

nuovo2-1

In questa pagina