Show Menu
ARGOMENTI×

Layout con più aree

La pagina seguente descrive l’utilizzo del layout a più zone e illustra i seguenti argomenti:
  • Panoramica
  • Creazione di un layout con più aree
  • Prerequisiti
  • Utilizzo di risorse singole in una o più aree
  • Utilizzo del contenuto sequenziale in una o più aree

Panoramica

Layout con più aree consente di creare contenuti con più aree e di utilizzare una varietà di risorse come 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.

Prerequisiti

Prima di iniziare ad implementare questa funzionalità, accertatevi di disporre delle conoscenze concettuali su:

Creazione di un layout con più aree

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
  1. Seleziona il collegamento all’Adobe Experience Manager (in alto a sinistra) e quindi Schermi . Alternatively, you can go directly to: http://localhost:4502/screens.html/content/screens .
  2. Andate alla cartella Canali e fate clic su Crea dalla barra delle azioni.
  3. Selezionate 1x2 Dividi canale schermo dalla procedura guidata di creazione .
  4. Fate clic su Avanti e immettete il titolo come MultiZone .
  5. Fate clic su Crea per completare la creazione del canale.

Utilizzo di risorse singole in una o più aree

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:
  1. Aggiunta di contenuti al canale
    1. Passare a Aree —> Canali —> Zona multipla.
    2. Select the MultiZone channel and click Edit from the action bar to open the editor.
  2. 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:

Utilizzo del contenuto sequenziale in una o più aree

Per visualizzare la sequenza di immagini e video nelle diverse aree, effettuate le operazioni seguenti per ulteriori dettagli.
  1. Creazione di una cartella canale
    1. Passate alle aree —> MultiZone —> Canali e fate clic su Crea dalla barra delle azioni.
    2. Select Channels Folder from the Create wizard and click Next .
    3. Enter the title as EmbeddedChannels and click Create .
  2. Aggiunta di altri due canali alla cartella Canale
    1. Andate a Aree —> Canali —> Canali incorporati e fate clic su Crea dalla barra delle azioni.
    2. Selezionate Canale ​sequenza dalla procedura guidata Crea per creare un canale denominato Zona1 .
    3. Select Zone1 and click Edit from the action bar to open the editor.
    4. Trascinate alcune immagini su questo canale.
    5. Analogamente, create un altro canale di sequenza denominato Zone2 nella cartella EmbeddedChannels .
    6. Trascinate e rilasciate un video su questo canale.
    La figura seguente mostra i canali Zone1 e Zone2 :
    Le immagini aggiunte all'editor del canale della sequenza Zone1 sono mostrate di seguito:
    Il video aggiunto all'editor del canale della sequenza Zone2 è riportato di seguito:
  3. Aggiunta di sequenze incorporate (componente) al canale principale (MultiZone)
    1. Passare a Aree —> Canali —> Zona multipla.
    2. Fai clic su Modifica nella barra delle azioni per aprire l'editor.
    3. Trascinate e rilasciate il componente Sequenza ​incorporata in entrambe le aree.
    4. Selezionare la sequenza incorporata in una delle zone.
    5. Fate clic sull'icona Configura (chiave inglese) per passare a una delle sequenze incorporate nell'editor.
    6. Selezionate il percorso del canale come Aree —> Canali —> IncorporatiCanali —> Zona1 , come illustrato nella figura seguente.
    7. Allo stesso modo, aggiungete la Zona2 a un altro componente della sequenza incorporata nell’editor.

Creazione di una posizione e di una visualizzazione

È 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.
  1. Creazione di una posizione
    1. Andate alla cartella Aree —> Posizioni .
    2. Selezionate la cartella Posizioni e fate clic su Crea dalla barra delle azioni.
    3. Select Location from the Create wizard and click Next .
    4. Enter the Title as SanJose and click Create .
  2. Creazione di una visualizzazione
    1. Andate alla cartella Aree —> Posizioni .
    2. Selezionate la posizione SanJose e fate clic su Crea dalla barra delle azioni.
    3. Select Display from the Create wizard and click Next .
    4. Enter the Title as Lobby and click Create .

Assegnazione di canali al display

Per visualizzare il contenuto, dovete assegnare i canali al display. Seguite i passaggi indicati di seguito per assegnare il canale al display.
  1. Assegnazione del canale al display
    1. Passare a Aree —> Posizioni —> SanJose —> Sala d'attesa .
    2. Selezionate la visualizzazione Sala d’attesa e fate clic su Assegna canale dalla barra delle azioni.
    3. Immettete il percorso del canale MultiZone in Percorso ​canale.
    4. Impostate gli eventi ​supportati come caricamento ​iniziale, schermo ​inattivo e timer .
    5. Fai clic su Salva .
    6. Allo stesso modo, è necessario assegnare gli altri due canali incorporati ( Zone1 e Zone2 ) a questo display.
    7. Dopo aver assegnato tutti e tre i canali al display Sala d'attesa , dovreste 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 anche allo stesso display.

Registrazione del dispositivo

Una volta impostata una posizione e uno schermo, seguite i passaggi indicati di seguito per registrare il dispositivo e assegnare lo schermo al dispositivo.
  1. Registrazione del dispositivo
    1. Andate alla cartella Aree —> Dispositivi .
    2. Select the Devices folder and click Device Manager from the action bar.
    3. Fate clic su Registrazione ​dispositivo e selezionate il dispositivo in sospeso dall'elenco.
      Il titolo del dispositivo deve corrispondere al token dispositivo (campo Token ) visualizzato nella scheda Registrazione ​dispositivo.
    4. Se il titolo corrisponde al token dispositivo, selezionate il dispositivo e fate clic su Registra dispositivo dalla barra delle azioni.
    5. Se il codice di registrazione corrisponde al codice riportato nella scheda Registrazione ​dispositivo del lettore Screens, fare clic su Convalida nella barra delle azioni.
    6. Enter the Title as Chrome-Device1 and click Register .
    7. Selezionate Assegna visualizzazione e selezionate 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.

Visualizzazione del risultato

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.