DocumentazioneAEMGuida di AEM Screens

Aggiunta di componenti a un canale adding-components-to-a-channel

Last update: Fri Jul 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Intermedio
  • Amministratore
  • Sviluppatore

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

Componenti in AEM Screens components-in-aem-screens

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

Visualizzazione dei componenti di AEM Screens viewing-aem-screens-components

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

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

  1. Fai clic sul canale. Ad esempio, We.Retail In Store > Canali > Canale inattivo.

  2. Fai clic su Modifica nella barra delle azioni.

  3. Nell'editor AEM fare clic sull'icona + nella barra laterale.

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

schermata_shot_2017-12-18alle21350pm

Aggiunta di un nuovo componente adding-a-new-component

L’AEM fornisce diverse altre componenti. Puoi sempre aggiungere al progetto altri componenti (non inclusi per impostazione predefinita), dato che sono compatibili con AEM Screens.

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

  1. Fai clic sul canale in cui desideri aggiungere un componente. Ad esempio, We.Retail In Store > Canali > Canale inattivo.

  2. Fai clic su Modifica nella barra delle azioni.

  3. Fare clic sulla modalità Progettazione.

  4. Fare clic sull'intero editor di progettazione a destra e fare clic sul simbolo delle impostazioni per aprire la finestra di dialogo Progettazione parsys.

  5. Puoi fare clic sui componenti da importare nel progetto AEM Screens. Nell'esempio seguente viene illustrata l'aggiunta del componente Livefyre a un progetto AEM Screens.

aggiunta_componenti

NOTE
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 understanding-aem-screen-components

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

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

Applicazione application

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

Il componente dell’applicazione ha le seguenti proprietà:

Proprietà
Descrizione
Percorso applicazione
Fare clic sul percorso assoluto dell'applicazione.
Durata (millisecondi)
Fare clic sulla durata dell'applicazione. Per impostazione predefinita, la durata è impostata su -1, il che significa che l’elemento viene eseguito per sempre (ovvero, un’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à:

componenti_aggiuntaapplicazione

NOTE
Vedi l’esempio precedente per visualizzare le proprietà di ciascuno dei componenti riportati di seguito.

Canale channel

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

Il componente Canale ha le seguenti proprietà:

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

Pagina incorporata embedded-page

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

La pagina Incorporata presenta le seguenti proprietà:

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

Sequenza incorporata embedded-sequence

NOTE
Per informazioni dettagliate sulle sequenze incorporate, consulta Sequenze incorporate nella sezione Authoring di Screens.

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

La sequenza incorporata presenta le seguenti proprietà di pagina:

Proprietà
Descrizione
Percorso del canale
Selezionare il percorso assoluto della sequenza da includere nel canale.
Durata (millisecondi)
Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato viene eseguito per l'intera durata in un canale specifico.
Strategia
Impostarlo su original o single. Se si imposta il valore su original, la sottosequenza viene eseguita completamente in ogni ciclo della sequenza principale. L'altro valore possibile è single. Tale valore mostra solo un elemento della sottosequenza a ogni esecuzione. Ad esempio, il primo elemento del primo ciclo e il secondo elemento del secondo ciclo.

Sequenza incorporata dinamica dynamic-embedded-sequence

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

Per ulteriori informazioni sulle sequenze incorporate, consulta Sequenze incorporate nella sezione Authoring di Screens.

La sequenza incorporata dinamica ha le seguenti proprietà:

Proprietà
Descrizione
Ruolo assegnazione canale
Immettere il ruolo del canale.
Durata (millisecondi)
Seleziona l’intera durata del canale. Se si imposta la durata su -1, il canale incorporato viene eseguito per l'intera durata in un canale specifico.
Strategia
Impostarlo su original o single. Se si imposta il valore su original, la sottosequenza viene eseguita completamente in ogni ciclo della sequenza principale. L'altro valore possibile è single. Tale valore mostrerebbe solo un elemento della sottosequenza a ogni esecuzione. Ad esempio, il primo elemento del primo ciclo e il secondo elemento del secondo ciclo.

Frammento di esperienza experience-fragment

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

Per ulteriori informazioni su come creare un frammento esperienza e applicarlo a un progetto AEM Screens, consulta Utilizzo di frammenti esperienza.

scad

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 di esperienza.
NOTE
Le librerie lato client e i file statici aggiunti da questo componente si aggiungono alle librerie lato client già configurate e ai file statici aggiunti dalle proprietà del frammento di esperienza.

Immagine image

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

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

Proprietà
Descrizione
Immagine
Risorsa immagine
Fai clic sulla risorsa immagine.
Titolo
Titolo dell'immagine.
Collegamento 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 millisecondi. Se desideri modificare la durata di riproduzione dell'immagine, aggiorna il campo Durata.

Transizione transition

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

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

schermata_shot_2019-07-25at104237am

Fai clic sull'icona della transizione e fai clic su Configura (icona chiave inglese) per aprire la finestra di dialogo Transizione. Questa finestra di dialogo include tre schede:

  • Transizione
  • Sequenza
  • Attivazione
NOTE
Per impostazione predefinita, la sequenza è impostata su 600 millisecondi. Puoi aggiornare la sequenza di transizione ad altri valori 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 quello 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, è impostato su 600 millisecondi.
Attivazione
Attivo da
Timestamp che descrive da quando la transizione può essere attiva.
Attivo fino a
La marca temporale descrive fino a quando la transizione può essere attiva.
Pianificazione
Aggiungi una pianificazione predefinita.

Video video

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

Il componente video ha le seguenti proprietà:

Proprietà
Descrizione
Risorsa video
Fai clic sul 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. Se si imposta il valore di durata >0, l'elemento viene visualizzato per la durata specificata e quindi si passa a quello successivo.
Rendering

Se le proporzioni video non si adattano allo schermo, è possibile regolare il rendering in modo che contain o cover.

Contiene significa che il video completo viene visualizzato e le aree mancanti vengono 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.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053