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

add_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

La sezione seguente spiega i componenti AEM Screens che puoi utilizzare nel tuo 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, il che significa che l’elemento viene eseguito per sempre (ovvero, 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 applicativo insieme all’anteprima delle relative proprietà:

add_components_sapplication

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 sua 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 sua lunghezza in un particolare canale.

Sequenza incorporata

NOTA

Per informazioni dettagliate sulle sequenze incorporate, consulta Sequenze incorporate nella sezione Creazione di schermi .

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 sua lunghezza in un particolare canale.
Strategia Impostalo su originale o singolo. Impostare il valore su originale significa che la sottosequenza verrà eseguita completamente su ogni ciclo della sequenza padre. L'altro valore possibile è singolo che mostrerebbe solo un elemento della sottosequenza su ogni esecuzione (ad esempio, il primo elemento sul primo ciclo, 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, consulta Sequenze incorporate nella sezione Creazione di schermi .

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 sua lunghezza in un particolare canale.
Strategia Impostalo su originale o singolo. Impostare il valore su originale significa che la sottosequenza verrà eseguita completamente su ogni ciclo della sequenza padre. L'altro valore possibile è singolo che mostrerebbe solo un elemento della sottosequenza su ogni esecuzione (ad esempio, il primo elemento sul primo ciclo, il secondo elemento sul secondo ciclo e così via).

Frammento esperienza

Un frammento esperienza 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 il componente nell’editor AEM e seleziona il frammento di esperienza.

Per ulteriori informazioni su come creare un frammento 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 puoi aggiungere come configurazioni offline al frammento esperienza.
NOTA

Le Librerie lato client e i File statici che aggiungi da questo componente saranno in aggiunta alle Librerie lato client già configurate e ai file statici aggiunti dal frammento di esperienza Proprietà.

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, aggiorna il campo Duration .

Transizione

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

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

screen_shot_2019-07-25at104237am

Seleziona l'icona della transizione e fai clic su Configura (icona chiave) 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 a un altro valore utilizzando la scheda Sequenza .

transizione

Il componente Transizione ha le seguenti proprietà:

Proprietà Descrizione
Transizione
Tipo

Il tipo di transizione tra l'elemento prima e 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 la transizione può essere attiva.
Attivo fino a Timestamp 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 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, il che significa che 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now