Ajout de composants à un canal :headding-anchor:adding-components-to-a-channel
Les composants sont des éléments fondamentaux de l’expérience AEM (Adobe Experience Manager). Vous pouvez utiliser un certain nombre de composants et les ajouter au canal d’un projet AEM Screens.
Composants dans AEM Screens :headding-anchor:components-in-aem-screens
AEM Screens fournit différents composants AEM qui peuvent être utilisés dans un projet Screens.
Affichage des composants AEM Screens :headding-anchor:viewing-aem-screens-components
Lorsque vous créez un projet AEM Screens, vous pouvez voir la liste des composants par défaut qui peuvent être ajoutés au projet.
Pour afficher les composants par défaut dans le projet Screens, procédez comme suit :
-
Cliquez sur le canal. Par exemple :
We.Retail In Store
> Canaux > Canal inactif. -
Cliquez sur Modifier dans la barre d’actions.
-
Dans l’éditeur AEM, cliquez sur l’icône + dans la barre latérale.
-
Tous les composants fournis par défaut dans un projet AEM Screens s’affichent, comme illustré dans la figure ci-dessous.
Ajout d’un nouveau composant :headding-anchor:adding-a-new-component
AEM fournit plusieurs autres composants. Vous pouvez toujours ajouter d’autres composants (non fournis par défaut) au projet, à condition qu’ils soient compatibles avec AEM Screens.
L’exemple suivant illustre l’ajout d’un composant Livefyre à un projet AEM Screens :
-
Cliquez sur le canal dans lequel vous souhaitez ajouter un composant. Par exemple :
We.Retail In Store
> Canaux > Canal inactif. -
Cliquez sur Modifier dans la barre d’actions.
-
Cliquez sur le mode Conception.
-
Cliquez sur l’ensemble de l’éditeur de conception à droite, puis sur le symbole des paramètres afin d’ouvrir la boîte de dialogue Conception parsys.
-
Vous pouvez cliquer sur les composants que vous souhaitez importer dans le projet AEM Screens. L’exemple suivant montre l’ajout d’un composant Livefyre à un projet AEM Screens.
Présentation des composants AEM Screens :headding-anchor:understanding-aem-screen-components
La section suivante décrit les composants AEM Screens que vous pouvez utiliser dans le projet.
Application :headding-anchor:application
Le composant Application permet d’ajouter une application au canal.
Le composant d’application présente les propriétés suivantes :
L’exemple suivant illustre la manière dont un composant d’application doit être incorporé avec l’aperçu de ses propriétés :
Canal :headding-anchor:channel
Le composant Canal permet d’ajouter un canal entier au projet.
Le composant Canal présente les propriétés suivantes :
Page incorporée :headding-anchor:embedded-page
Une page incorporée permet d’ajouter une page incorporée à un projet. Par exemple, il peut s’agir d’une application web ou d’un catalogue de produits.
La page incorporée présente les propriétés suivantes :
Séquence incorporée :headding-anchor:embedded-sequence
Une séquence incorporée permet d’ajouter un canal de séquence incorporée dans le canal existant (avec d’autres ressources).
La séquence incorporée présente les propriétés de page suivantes :
Séquence incorporée dynamique :headding-anchor:dynamic-embedded-sequence
Une séquence incorporée dynamique permet d’ajouter une séquence semblable à la séquence incorporée susvisée, mais via le rôle du canal.
Pour en savoir plus sur les séquences incorporées, voir Séquences incorporées sous la section Création dans Screens.
La séquence incorporée dynamique présente les propriétés suivantes :
Fragment d’expérience :headding-anchor:experience-fragment
Un fragment d’expérience permet d’ajouter un fragment d’expérience (groupe d’un ou de plusieurs composants, y compris le contenu et la disposition pouvant être référencés dans les pages) au canal AEM Screens. Glissez-déposez le composant vers l’éditeur AEM, puis cliquez sur le fragment d’expérience.
Pour en savoir plus sur la création d’un fragment d’expérience et son utilisation dans un projet AEM Screens, reportez-vous à Utilisation de fragments d’expérience.
Image :headding-anchor:image
Une image permet d’ajouter une image à votre canal.
La ressource image comporte trois onglets, à savoir : Image, Accessibilité et Séquence :
Transition :headding-anchor:transition
Le composant Transition permet d’ajouter une transition au projet Screens.
L’illustration suivante représente le composant de transition (ajouté par glisser-déposer) dans l’éditeur.
Cliquez sur l’icône de transition, puis sur Configurer (icône en forme de clé à molette) pour ouvrir la boîte de dialogue Transition. Cette boîte de dialogue comprend trois onglets :
- Transition
- Séquence
- Activation
Le composant Transition présente les propriétés suivantes :
Vidéo :headding-anchor:video
Le composant Vidéo permet d’ajouter une vidéo au projet Screens.
Le composant Vidéo présente les propriétés suivantes :