DocumentationAEMGuide d’AEM Screens

Disposition multizone multi-zone-layout

Last update: Tue Apr 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Intermediate
  • Admin
  • Developer

La page suivante décrit l’utilisation de la disposition multizone et aborde les sujets suivants :

  • Présentation
  • Création d’une disposition multizone
  • Prérequis
  • Utilisation de ressources uniques dans une ou plusieurs zones
  • Utilisation de contenu séquentiel dans une ou plusieurs zones

Présentation overview

Disposition multizone permet de créer du contenu multizone et d’utiliser différentes ressources telles que des vidéos, des images et du texte, qui peuvent être regroupées en un seul écran. Il est possible d’importer des images, des vidéos et du texte, et de les mélanger de façon à créer une expérience digitale intuitive.

En fonction des exigences du projet, il est parfois nécessaire de disposer de plusieurs zones au sein d’un canal et dus modifier comme une unité entière. Par exemple, une séquence de produits avec un flux de médias sociaux associé qui s’exécute dans trois zones distinctes sur un seul canal.

NOTE
Dans les canaux multizones, la planification au niveau des ressources n’est pas recommandée en raison de conflits potentiels et de comportements inattendus. Si une planification au niveau des ressources est nécessaire, il est conseillé de créer un canal de séquence distinct et d’appliquer une logique de planification à ce canal. Ensuite, incorporez le canal de séquence dans le canal multizone.

Conditions préalables prerequisites

Avant de commencer à implémenter cette fonctionnalité, vous devez posséder des connaissances conceptuelles sur :

Création d’une disposition multizone creating-multi-zone-layout

Lors de la création d’un canal, vous pouvez utiliser différents modèles pour créer des zones dans le canal. Vous pouvez ajouter une image, une vidéo ou un canal incorporé qui permet d’afficher plusieurs ressources dans une séquence.

Création d’un canal

  1. Cliquez sur le lien Adobe Experience Manager (en haut à gauche), puis Screens. Vous pouvez également utiliser le lien d’accès direct : http://localhost:4502/screens.html/content/screens.

  2. Accédez au dossier Channels (Canaux) et cliquez sur Créer dans la barre d’actions.

  3. Cliquez sur Canal d’écran partagé 1x2 de la Créer assistant.

  4. Cliquez sur Suivant et saisissez le titre MultiZone.

  5. Cliquez sur Créer pour terminer la création du canal.

Utilisation de ressources uniques dans une ou plusieurs zones using-single-assets-in-one-or-more-zones

Vous pouvez utiliser des ressources uniques telles qu’une image ou une vidéo dans chacune des zones. Suivez les étapes ci-dessous pour la mise en œuvre :

  1. Ajout de contenu au canal

    1. Accédez à Zones > Canaux> MultiZone.
    2. Cliquez sur le bouton MultiZone canal et clic Modifier dans la barre d’actions.

  2. Ajout d’images au canal

    Pour lire une seule image ou une vidéo dans deux zones, il vous suffit de faire glisser une image dans chaque zone de l’éditeur de canal, comme illustré dans la figure ci-dessous :

    image

Utilisation de contenu séquentiel dans une ou plusieurs zones using-sequenced-content-in-one-or-more-zones

Si vous souhaitez que les zones affichent une séquence d’images et une vidéo dans les différentes zones, suivez les étapes ci-dessous pour plus de détails.

  1. Créer un dossier de canaux

    1. Accédez à Zones > MultiZone > Canaux et cliquez sur Créer dans la barre d’actions.
    2. Cliquez sur Dossier Canaux de la Créer assistant et cliquez sur Suivant.
    3. Saisissez le titre EmbeddedChannels et cliquez sur Créer.

    screen_shot_2018-12-19at125428pm

  2. Ajout de deux autres canaux au dossier de canaux

    1. Accédez à Zones > Canaux > EmbeddedChannels et cliquez sur Créer dans la barre d’actions.
    2. Cliquez sur Canal de séquence de la Créer pour créer un canal intitulé Zone1.
    3. Cliquez sur Zone1 et cliquez sur Modifier dans la barre d’actions.
    4. Faites glisser quelques images sur ce canal.
    5. De même, créez un autre canal de séquence intitulé Zone2 in EmbeddedChannels dossier.
    6. Faites glisser une vidéo sur ce canal.

    La figure suivante montre les canaux Zone1 et Zone2:

    screen_shot_2018-12-19at125930pm

    Les images ajoutées à l’éditeur de Zone1 le canal de séquence est illustré ci-dessous :

    screen_shot_2018-12-19at125930pm

    La vidéo a été ajoutée à l’éditeur de Zone2 le canal de séquence est illustré ci-dessous :

    screen_shot_2018-12-19at125930pm

  3. Ajout de séquences incorporées (composant) au canal principal (MultiZone)

    1. Accédez à Zones > Canaux > MultiZone.

    2. Cliquez sur Modifier dans la barre d’actions.

    3. Faites glisser le composant Séquence incorporée dans les deux zones.

    4. Cliquez sur la séquence incorporée dans l’une des zones.

    5. Cliquez sur l’icône Configurer (clé à molette) pour accéder à l’une des séquences incorporées dans l’éditeur.

    6. Cliquez sur le chemin du canal comme Zones > Canaux > EmbeddedChannels > Zone1, comme illustré dans la figure ci-dessous.

    7. De même, ajoutez le Zone2 à un autre composant de séquence incorporée dans l’éditeur.

      image

Création d’un emplacement et d’un affichage creating-location

Créez un emplacement et un affichage afin de pouvoir afficher le contenu dans le lecteur AEM Screens.

  1. Création d’un emplacement

    1. Accédez à Zones > Emplacements dossier.
    2. Cliquez sur le bouton Emplacements et cliquez sur Créer dans la barre d’actions.
    3. Cliquez sur Emplacement de la Créer assistant et cliquez sur Suivant.
    4. Saisissez le Titre SanJose, puis cliquez sur Créer.

  2. Création d’un affichage

    1. Accédez à Zones > Emplacements dossier.
    2. Cliquez sur le bouton SanJose emplacement et cliquez sur Créer dans la barre d’actions.
    3. Cliquez sur Affichage de la Créer assistant et cliquez sur Suivant.
    4. Saisissez le Titre Lobby, puis cliquez sur Créer.

Affectation de canaux à l’affichage channel-channel

Vous devez affecter les canaux à l’affichage de façon à visualiser le contenu. Suivez les étapes ci-dessous pour affecter le canal à l’affichage.

  1. Affectation du canal à l’affichage

    1. Accédez à Zones > Emplacements > SanJose> Lobby.

    2. Cliquez sur le bouton Lobby afficher et cliquer sur Attribuer le canal dans la barre d’actions.

    3. Entrez le chemin du canal MultiZone dans Chemin du canal.

    4. Définissez les Événements pris en charge suivants : Chargement initial, Écran inactif et Minuteur.

    5. Cliquez sur Enregistrer.

      image

    6. De même, affectez les deux autres canaux incorporés (Zone1 et Zone2) à cet affichage.

    7. Une fois que vous avez affecté les trois canaux à l’événement Lobby , vous devriez pouvoir visualiser les canaux affectés à partir du tableau de bord d’affichage.

      image

      note important
      IMPORTANT
      Après avoir affecté le canal principal (dans ce cas, MultiZone) à l’affichage, il est obligatoire d’attribuer les deux autres canaux incorporés. Zone1 et Zone2 également au même affichage.

Enregistrement de l’appareil registering-device

Lorsque vous avez configuré un emplacement et un affichage, suivez les étapes ci-dessous pour enregistrer le périphérique et lui attribuer un affichage.

  1. Enregistrement de l’appareil

    1. Accédez à Zones > Périphériques dossier.

    2. Cliquez sur le bouton Périphériques et cliquez sur Gestionnaire de périphériques dans la barre d’actions.

    3. Cliquez sur Enregistrement de périphérique et cliquez sur l’appareil en attente dans la liste.

      note note
      NOTE
      Le titre de l’appareil doit correspondre au jeton de l’appareil (champ Jeton) figurant dans l’onglet Enregistrement du périphérique.

    4. Si le titre correspond au jeton de l’appareil, cliquez sur l’appareil, puis sur Enregistrer le périphérique dans la barre d’actions.

    5. Si le code d’enregistrement correspond au code figurant dans l’onglet Enregistrement d’appareil du lecteur Screens, cliquez sur Valider dans la barre d’actions.

      image

    6. Saisissez le Titre as Chrome-Device1 et cliquez sur Enregistrer.

    7. Cliquez sur Attribuer l’affichage et cliquez sur le chemin d’accès à la configuration du périphérique.

    note note
    NOTE
    Si vous essayez d’afficher le contenu dans le lecteur Screens, veillez à cliquer sur Mettre à jour le contenu hors ligne dans le tableau de bord des canaux pour chacun des canaux affectés à l’affichage.

Affichage du résultat viewing-the-result

Lorsque vous implémentez des mises en page multizone à l’aide des étapes précédentes, la sortie suivante s’affiche.

Vérifiez le lecteur Screens afin de pouvoir visualiser la sortie qui affiche le contenu dans deux zones différentes. Les zones de gauche et de droite (toutes deux utilisent la séquence incorporée comme composant).

La zone de gauche est un canal de séquence et celle de droite inclut une vidéo.

new2-1

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053