Aggiunta di componenti a un canale

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

Componenti in AEM Screens

AEM Screens fornisce i vari componenti di AEM che possono essere utilizzati in un progetto Screens.

Visualizzare i componenti AEM Screens

Ogni volta che crei un progetto AEM Screens, viene visualizzato un elenco dei componenti standard che possono essere aggiunti al progetto.

Per visualizzare i componenti standard al progetto Screens, segui i seguenti passaggi:

  1. Seleziona il canale. Ad esempio,We.Retail in Store --> Canali --> Canale inattivo.

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

  3. Fai clic sull'icona + nella barra laterale per aprire i componenti.

  4. Vengono visualizzati tutti i componenti che sono inclusi per impostazione predefinita in un progetto AEM Screens, come mostrato nella figura qui sotto.

screen_shot_2017-12-18at21350pm

Aggiunta di un nuovo componente

AEM offre una serie di altri componenti. È sempre possibile aggiungere altri componenti (non inclusi per impostazione predefinita) al progetto, purché compatibili con AEM Screens.

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

  1. Seleziona il canale a cui desideri aggiungere un nuovo componente. Ad esempio,We.Retail in Store --> Canali --> Canale inattivo.

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

  3. Selezionare la modalità Progettazione.

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

  5. Puoi selezionare i componenti che desideri importare nel tuo progetto AEM Screens. L'esempio seguente mostra l'aggiunta del componente Livefyre a un progetto AEM Screens .

adding_components

NOTA

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

Nozioni fondamentali sui componenti AEM Screens

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

NOTA

Per visualizzare le proprietà di qualsiasi componente, seleziona il componente e fai clic sull'icona a martello per aprire/visualizzare le proprietà.

Applicazione

Il componente Applicazione consente di aggiungere un'applicazione al tuo canale.

Il componente Applicazione ha le seguenti proprietà:

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

L’esempio seguente mostra come incorporare un componente applicazione con l’anteprima delle relative proprietà:

adding_components_application

NOTA

Fai riferimento all'esempio precedente per visualizzare le proprietà di ogni componente qui sotto.

Canale

Il componente Canale consente di aggiungere un intero canale al progetto.

Il componente Canale ha le seguenti proprietà:

Proprietà Descrizione
Percorso del canale Seleziona questo percorso assoluto in cui si trova l'applicazione.
Durata (ms) Seleziona l’intera durata del canale. Impostando la durata su -1, il canale incorporato viene eseguito per tutta la lunghezza in un particolare canale.

Pagina incorporata

Una Pagina incorporata consente di aggiungere una pagina incorporata al progetto. Ad esempio, è possibile che si tratti di un'applicazione web o un catalogo di prodotti.

La pagina incorporata ha le seguenti proprietà:

Proprietà Descrizione
Pagina Percorso
Questo percorso assoluto in cui si trova il canale.
Durata (ms) Seleziona l’intera durata del canale. Impostando la durata su -1, il canale incorporato viene eseguito per tutta la lunghezza in un particolare canale.

Sequenza incorporata

NOTA

Per informazioni dettagliate sulle sequenze incorporate, consultare Sequenze incorporate nella sezione Creazione di schermate.

Una sequenza incorporata consente di aggiungere un canale per sequenza incorporato all'interno di un canale esistente (con altre risorse).

La Sequenza incorporata ha le seguenti proprietà di pagina:

Proprietà Descrizione
Percorso del canale Il percorso assoluto della sequenza che vuoi includere nel tuo canale.
Durata (ms) Seleziona l’intera durata del canale. Impostando la durata su -1, il canale incorporato viene eseguito per tutta la lunghezza in un particolare canale.
Strategia Impostarla su originale o singolo. Se si imposta il valore su originale, la successiva verrà eseguita completamente su ogni ciclo della sequenza padre. L'altro valore possibile è single che mostrerebbe solo un elemento della sequenza successiva su ogni esecuzione (ad esempio, il primo elemento sul primo loop, il secondo elemento sul secondo ciclo e così via).

Sequenza incorporata dinamica

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

Per informazioni dettagliate sulle sequenze incorporate, consultare Sequenze incorporate nella sezione Creazione di schermate.

La sequenza dinamica incorporata ha le seguenti proprietà:

Proprietà Descrizione
Ruolo assegnazione canale
Immetti il ruolo del canale.
Durata (ms) Seleziona l’intera durata del canale. Impostando la durata su -1, il canale incorporato viene eseguito per tutta la lunghezza in un particolare canale.
Strategia Impostarla su originale o singolo. Se si imposta il valore su originale, la successiva verrà eseguita completamente su ogni ciclo della sequenza padre. L'altro valore possibile è single che mostrerebbe solo un elemento della sequenza successiva su ogni esecuzione (ad esempio, il primo elemento sul primo loop, il secondo elemento sul secondo ciclo e così via).

Frammento esperienza

Un frammento esperienza consente di aggiungere un frammento esperienza (gruppo di uno o più componenti, inclusi contenuti e layout a cui è possibile fare riferimento all'interno delle pagine) al canale AEM Screens . Trascinate e rilasciate il componente per AEM editor e selezionate il frammento esperienza.

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

exp

Proprietà Descrizione
Frammento esperienza
Frammento esperienza Selezionare il frammento esperienza.
Durata Selezionate l'intera durata del frammento 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 esperienza.
NOTA

Le librerie lato client e i file statici aggiunti da questo componente saranno in aggiunta alle librerie lato client già configurate e ai file statici aggiunti dal frammento esperienza Properties.

Immagine

Un'immagine consente di aggiungere un'immagine al tuo canale.

La risorsa immagine ha tre schede, ovvero 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 Dimensioni 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 il campo Durata.

Transizione

Il componente Transizione consente di aggiungere una transizione al tuo progetto Screens.

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

screen_shot_2019-07-25at104237am

Selezionate l'icona della transizione e fate clic su Configura (icona chiave inglese) per aprire la finestra di dialogo 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 ad altro valore utilizzando la scheda Sequence.

transizione

Il componente Transizione ha le seguenti proprietà:

Proprietà Descrizione
Transizione
Tipo

Il tipo di transizione tra l'elemento prima e dopo. La transizione Type 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, è impostata su 600 ms.
Attivazione
Attivo da Timestamp che descrive da quando la transizione può essere attiva.
Attivo fino a Timestamp che descrive fino a quando la transizione può essere attiva.
Pianificazione Aggiungere una pianificazione predefinita.

Video

Il componente Video consente di aggiungere un video al tuo progetto Screens.

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, ossia l’elemento viene eseguito per sempre. Con il valore durata impostato a >0, si mostra l'elemento per la durata specificata e quindi si passa a quello successiva.
Rendering

Se la proporzione del video non è adatta allo schermo, puoi regolare il rendering su Contain (Contiene) o Cover (Copri).

Contain (Contieni) significa che viene visualizzato il video completo e che le aree mancanti vengono riempite con un bordo nero.

Cover (Copri) significa che il video copre l'intero campo, ma alcune parti che si estendono ai lati sono nascoste.

Dimensione Dimensioni del video.

In questa pagina