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.
AEM Screens fornisce diversi componenti AEM che possono essere utilizzati in un progetto 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:
Seleziona il canale. Ad esempio: We.Retail nello store —> Canali —> Canale inattivo.
Clic Modifica dalla barra delle azioni per aprire l’editor AEM.
Fai clic su + dalla barra laterale per aprire i componenti.
Vengono visualizzati tutti i componenti inclusi per impostazione predefinita in un progetto AEM Screens, come illustrato nella figura seguente.
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:
Seleziona il canale in cui desideri aggiungere un nuovo componente. Ad esempio: We.Retail nello store —> Canali —> Canale inattivo.
Clic Modifica dalla barra delle azioni per aprire l’editor.
Seleziona Progettazione modalità.
Seleziona l’intero editor di progettazione a destra e fai clic sul simbolo delle impostazioni per aprire Progettazione ParSys .
Puoi selezionare i componenti da importare nel progetto AEM Screens. L’esempio seguente mostra l’aggiunta di Livefyre componente di un progetto AEM Screens.
Allo stesso modo, puoi aggiungere al progetto un numero qualsiasi di altri nuovi componenti compatibili con AEM Screens.
Nella sezione seguente sono illustrati i componenti di AEM Screens che è possibile utilizzare nel progetto.
Per visualizzare le proprietà di un componente, selezionalo e fai clic sull’icona a forma di martello per aprire/visualizzare le proprietà.
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à:
Fai riferimento all’esempio precedente per visualizzare le proprietà di ciascuno dei componenti riportati di seguito.
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. |
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. |
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). |
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). |
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.
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. |
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à.
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. |
Il componente Transizione consente di aggiungere una transizione al progetto Schermi.
L’immagine seguente mostra il componente di transizione (aggiunto mediante trascinamento) all’editor.
Seleziona l’icona della transizione e fai clic su Configura (icona chiave inglese) per aprire Transizione . Questa finestra di dialogo include tre schede:
Per impostazione predefinita, la sequenza è impostata su 600 ms. È possibile aggiornare la sequenza di transizione con un altro valore utilizzando Sequenza scheda.
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:
|
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. |
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. |