Aggiunta di componenti a un canale

I componenti sono gli elementi fondamentali dell’esperienza AEM (Adobe Experience Manager). Puoi utilizzare una serie di componenti e aggiungerli al tuo canale in un progetto AEM Screens.

Componenti in AEM Screens

AEM Screens fornisce diversi componenti AEM che possono essere utilizzati in un progetto Screens.

Visualizzazione dei componenti di AEM Screens

Ogni volta che crei un progetto AEM Screens, visualizzerai un elenco di componenti predefiniti che possono essere aggiunti al progetto.

Per visualizzare i componenti predefiniti del progetto Schermi, effettua le seguenti operazioni:

  1. Seleziona il canale. Ad esempio: We.Retail nello store —> Canali —> Canale inattivo.

  2. Clic Modifica dalla barra delle azioni per aprire l’editor AEM.

  3. Fai clic su + dalla barra laterale per aprire i componenti.

  4. Vengono visualizzati tutti i componenti inclusi per impostazione predefinita in un progetto AEM Screens, come illustrato nella figura seguente.

screen_shot_2017-12-18alle21350pm

Aggiunta di un nuovo componente

L’AEM fornisce una serie di altri componenti. Puoi sempre aggiungere al progetto altri componenti (non inclusi per impostazione predefinita), purché siano compatibili con AEM Screens.

L’esempio seguente mostra l’aggiunta di un componente Livefyre a un progetto AEM Screens:

  1. Seleziona il canale in cui desideri aggiungere un nuovo componente. Ad esempio: We.Retail nello store —> Canali —> Canale inattivo.

  2. Clic Modifica dalla barra delle azioni per aprire l’editor.

  3. Seleziona Progettazione modalità.

  4. Seleziona l’intero editor di progettazione a destra e fai clic sul simbolo delle impostazioni per aprire Progettazione ParSys .

  5. Puoi selezionare i componenti da importare nel progetto AEM Screens. L’esempio seguente mostra l’aggiunta di Livefyre componente di un progetto AEM Screens.

add_components

NOTA

Allo stesso modo, puoi aggiungere al progetto un numero qualsiasi di altri nuovi componenti compatibili con AEM Screens.

Informazioni sui componenti dello schermo dell’AEM

Nella sezione seguente sono illustrati i componenti di AEM Screens che è possibile utilizzare nel progetto.

NOTA

Per visualizzare le proprietà di un componente, selezionalo e fai clic sull’icona a forma di martello per aprire/visualizzare le proprietà.

Applicazione

Il Applicazione consente di aggiungere un’applicazione al canale.

Il componente dell'applicazione ha le seguenti proprietà:

Proprietà Descrizione
Percorso dell'applicazione Selezionare il percorso assoluto in cui si trova l'applicazione.
Durata (ms) Seleziona la durata dell’applicazione. Per impostazione predefinita, la durata è impostata su -1, il che significa che l’elemento viene eseguito per sempre (applicazione a pagina singola). Impostando il valore di durata >0, mostra l’elemento per la durata specificata e quindi passa a quello successivo.

L’esempio seguente mostra come incorporare un componente dell’applicazione insieme all’anteprima delle relative proprietà:

add_componentsapplication

NOTA

Fai riferimento all’esempio precedente per visualizzare le proprietà di ciascuno dei componenti riportati di seguito.

Canale

Il Canale consente di aggiungere al progetto un intero canale.

Il componente Canale ha le seguenti proprietà:

Proprietà Descrizione
Percorso del canale Selezionare il percorso assoluto in cui si trova l'applicazione.
Durata (ms) Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato verrà eseguito per l'intera durata in un canale specifico.

Pagina incorporata

Un Pagina incorporata consente di aggiungere una pagina incorporata al progetto. Ad esempio, può essere un’applicazione web o un catalogo di prodotti.

La pagina Incorporata ha le seguenti proprietà:

Proprietà Descrizione
Percorso pagina
Seleziona questo percorso assoluto in cui esiste il canale.
Durata (ms) Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato verrà eseguito per l'intera durata in un canale specifico.

Sequenza incorporata

NOTA

Fai riferimento a Sequenze incorporate nella sezione Creazione di schermi, per informazioni dettagliate sulle sequenze incorporate.

Una sequenza incorporata ti consente di aggiungere un canale di sequenza incorporato nel canale esistente (con altre risorse).

La sequenza incorporata presenta le seguenti proprietà di pagina:

Proprietà Descrizione
Percorso del canale Selezionate il percorso assoluto della sequenza da includere nel canale.
Durata (ms) Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato verrà eseguito per l'intera durata in un canale specifico.
Strategia Imposta su originale o singolo. Impostazione del valore su originale significa che la sottosequenza verrà eseguita completamente in ogni ciclo della sequenza principale. L’altro valore possibile è singolo e mostrerebbe solo un elemento della sottosequenza a ogni esecuzione (ad esempio, il primo elemento sul primo ciclo, il secondo elemento sul secondo ciclo e così via).

Sequenza incorporata dinamica

Una sequenza dinamica incorporata consente di aggiungere una sequenza simile a quella sopra indicata, ad eccezione del ruolo del canale.

Fai riferimento a Sequenze incorporate nella sezione Creazione di schermi, per informazioni dettagliate sulle sequenze incorporate.

La sequenza incorporata dinamica ha le seguenti proprietà:

Proprietà Descrizione
Ruolo assegnazione canale
Inserisci il ruolo del canale.
Durata (ms) Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato verrà eseguito per l'intera durata in un canale specifico.
Strategia Imposta su originale o singolo. Impostazione del valore su originale significa che la sottosequenza verrà eseguita completamente in ogni ciclo della sequenza principale. L’altro valore possibile è singolo e mostrerebbe solo un elemento della sottosequenza a ogni esecuzione (ad esempio, il primo elemento sul primo ciclo, il secondo elemento sul secondo ciclo e così via).

Frammento di esperienza

Un frammento di esperienza ti consente di aggiungere al canale AEM Screens un frammento di esperienza (gruppo di uno o più componenti, tra cui contenuto e layout, a cui è possibile fare riferimento all’interno delle pagine). Trascina e rilascia il componente nell’editor AEM e seleziona il frammento di esperienza.

Per ulteriori informazioni su come creare un frammento di esperienza e sfruttarlo in un progetto AEM Screens, consulta Utilizzo di Frammenti esperienza.

exp

Proprietà Descrizione
Frammento esperienza
Frammento esperienza Seleziona il frammento di esperienza.
Durata Seleziona l’intera durata del frammento di esperienza che viene riprodotto nel canale.
Configurazione offline
Librerie lato client File JavaScript e CSS.
File statici File statici che è possibile aggiungere come configurazioni offline al frammento di esperienza.
NOTA

Il Librerie lato client e File statici che aggiungi da questo componente si aggiungerà a già configurato Librerie lato client e i file statici aggiunti dal file del frammento di esperienza Proprietà.

Immagine

Un’immagine consente di aggiungere un’immagine al canale.

La risorsa immagine presenta tre schede: Immagine, Accessibilità, e Sequenza:

Proprietà Descrizione
Immagine
Risorsa immagine Seleziona la risorsa immagine.
Titolo Titolo dell'immagine.
Collega a Aggiungi un collegamento all’immagine.
Descrizione Breve descrizione dell'immagine.
Dimensione Dimensione dell'immagine.
Accessibilità
Testo alternativo Testo alternativo all’immagine.
Sequenza
Durata Per impostazione predefinita, la durata è impostata su 8000 ms. Per modificare la durata di riproduzione dell'immagine, aggiornare Durata campo.

Transizione

Il componente Transizione consente di aggiungere una transizione al progetto Schermi.

L’immagine seguente mostra il componente di transizione (aggiunto mediante trascinamento) all’editor.

screen_shot_2019-07-25at104237am

Seleziona l’icona della transizione e fai clic su Configura (icona chiave inglese) per aprire Transizione . Questa finestra di dialogo include tre schede:

  • Transizione
  • Sequenza
  • Attivazione
NOTA

Per impostazione predefinita, la sequenza è impostata su 600 ms. È possibile aggiornare la sequenza di transizione con un altro valore utilizzando Sequenza scheda.

transizione

Il componente Transizione ha le seguenti proprietà:

Proprietà Descrizione
Transizione
Tipo

Il tipo di transizione tra l’elemento prima e quello dopo. La transizione Tipo include le seguenti opzioni:

  • Normale
  • Dissolvenza
  • Scorri da destra
  • Scorri da sinistra
  • Scorri dall'alto
  • Scorri dal basso
Sequenza
Durata Seleziona l’intera durata della transizione. Per impostazione predefinita, è impostato su 600 ms.
Attivazione
Attivo da Timestamp che descrive da quando può essere attiva la transizione.
Attivo fino a Marca temporale che descrive fino a quando la transizione può essere attiva.
Pianificazione Aggiungi una pianificazione predefinita.

Video

Il componente Video consente di aggiungere un video al progetto Schermi.

Il componente video ha le seguenti proprietà:

Proprietà Descrizione
Risorsa video Seleziona il collegamento al video.
Durata Seleziona la durata del video. Per impostazione predefinita, la durata è impostata su -1, il che significa che l’elemento viene eseguito per sempre. Impostando il valore di durata >0, mostra l’elemento per la durata specificata e quindi passa a quello successivo.
Rendering

Se le proporzioni video non si adattano allo schermo, è possibile regolare il rendering in base a contain o copertina.

Contengono indica che viene visualizzato l’intero video e che le aree mancanti sono riempite con un bordo nero.

Copertina significa che il video copre l’intero riquadro di visualizzazione, ma alcune parti che fuoriescono sui lati sono nascoste.

Dimensione Dimensione del video.

In questa pagina