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

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 Schermi, effettua le seguenti operazioni:

  1. Seleziona il canale. Ad esempio: We.Retail In Store > Canali > Canale inattivo.

  2. Seleziona Modifica dalla barra delle azioni.

  3. Nell’editor AEM, seleziona la + dalla barra laterale.

  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 adding-a-new-component

L’AEM fornisce diverse altre 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 componente. Ad esempio: We.Retail In Store > Canali > Canale inattivo.

  2. Seleziona Modifica dalla barra delle azioni.

  3. Seleziona Progettazione modalità.

  4. Selezionare l'intero editor di progettazione a destra e selezionare il simbolo di impostazioni che consente di 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

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 un componente, selezionalo e seleziona l’icona a forma di martello per aprire/visualizzare le proprietà.

Applicazione application

Il Applicazione consente di aggiungere un’applicazione al canale.

Il componente dell'applicazione ha le seguenti proprietà:

Proprietà
Descrizione
Percorso applicazione
Selezionare il percorso assoluto in cui si trova l'applicazione.
Durata (millisecondi)
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

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

Canale channel

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 (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

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 presenta le seguenti proprietà:

Proprietà
Descrizione
Percorso pagina
Seleziona questo 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 Screens (Creazione di schermi).

Una sequenza incorporata 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 (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
Imposta su originale o singolo. Impostazione del valore su originale significa che la sottosequenza viene eseguita completamente in ogni ciclo della sequenza principale. L’altro valore possibile è singolo. 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 canale.

Per informazioni sulle sequenze incorporate, consulta Sequenze incorporate nella sezione Authoring Screens (Creazione di schermi).

La sequenza incorporata dinamica ha le seguenti proprietà:

Proprietà
Descrizione
Ruolo assegnazione canale
Inserisci 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
Imposta su originale o singolo. Impostazione del valore su originale significa che la sottosequenza viene eseguita completamente in ogni ciclo della sequenza principale. L’altro valore possibile è singolo. 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 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 applicarlo a 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.
NOTE
Il Librerie lato client e File statici che aggiungi da questo componente si aggiungono a già configurati Librerie lato client e i file statici aggiunti dal file del frammento di esperienza Proprietà.

Immagine image

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 millisecondi. Per modificare la durata di riproduzione dell'immagine, aggiornare Durata campo.

Transizione transition

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
NOTE
Per impostazione predefinita, la sequenza è impostata su 600 millisecondi. È possibile aggiornare la sequenza di transizione ad altri valori 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 millisecondi.
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 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 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 che alcune parti che fuoriescono sui lati sono nascoste.

Dimensione
Dimensione del video.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053