Disposition multizone multi-zone-layout

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

La disposition multizone permet de créer du contenu multizone et d’utiliser diverses 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.

Prérequis prerequisites

Avant de débuter la mise en œuvre de cette fonctionnalité, vous devez posséder des connaissances conceptuelles concernant les aspects suivants :

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

Lors de la création d’un canal, vous pouvez utiliser des modèles différents afin de créer des zones dans votre 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. Sélectionnez 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. Sélectionnez Canal d’écran partagé 1x2 dans l’assistant Créer.

  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. Sélectionnez le canal MultiZone et cliquez sur Modifier dans la barre d’actions pour ouvrir l’éditeur.
  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. Sélectionnez Dossier de canaux dans l’assistant de Création 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. Sélectionnez Canal de séquence dans l’assistant Créer pour créer un canal intitulé Zone1.
    3. Sélectionnez Zone1 et cliquez sur Modifier dans la barre d’action pour ouvrir l’éditeur.
    4. Faites glisser quelques images sur ce canal.
    5. De même, créez un autre canal de séquence intitulé Zone2 dans le dossier EmbeddedChannels.
    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 du canal de séquence Zone1 sont présentées ci-dessous :

    screen_shot_2018-12-19at125930pm

    La vidéo ajoutée à l’éditeur du canal de séquence Zone2 est présentée 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 pour ouvrir l’éditeur.

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

    4. Sélectionnez 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. Sélectionnez le chemin du canal Zones —> Canaux —> EmbeddedChannels —> Zone1, comme illustré ci-dessous.

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

      image

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

Vous devez créer un emplacement et un affichage afin de visualiser le contenu dans le lecteur Screens.

  1. Création d’un emplacement

    1. Accédez au dossier Zones --> Emplacements.
    2. Sélectionnez le dossier Emplacements et cliquez sur Créer dans la barre d’actions.
    3. Sélectionnez Emplacement à partir de l’assistant Créer et cliquez sur Suivant.
    4. Saisissez le Titre SanJose, puis cliquez sur Créer.
  2. Création d’un affichage

    1. Accédez au dossier Zones --> Emplacements.
    2. Sélectionnez l’emplacement SanJose et cliquez sur Créer dans la barre d’actions.
    3. Sélectionnez Affichage à partir de l’assistant Créer 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. Sélectionnez l’affichage Lobby et cliquez 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, vous devez affecter les deux autres canaux incorporés (Zone1 et Zone2) à cet affichage.

    7. Une fois que vous avez affecté les trois canaux à l’affichage Lobby, vous devez pouvoir visualiser les canaux affectés à partir du tableau de bord des affichages.

      image

      note important
      IMPORTANT
      Une fois que vous avez affecté le canal principal (dans ce cas, MultiZone) à l’affichage, il est obligatoire de lui affecter également les deux autres canaux incorporés Zone1 et Zone2.

Enregistrement de l’appareil registering-device

Une fois que vous avez configuré un emplacement et un affichage, suivez les étapes ci-dessous pour enregistrer l’appareil et lui affecter l’affichage.

  1. Enregistrement de l’appareil

    1. Accédez au dossier Zones --> Appareils.

    2. Sélectionnez le dossier Appareils et cliquez sur Gestionnaire de périphériques dans la barre d’actions.

    3. Cliquez sur Enregistrement de périphérique et sélectionnez 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.

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

    4. Si le code d’enregistrement correspond au code figurant dans l’onglet Enregistrement de périphérique du lecteur Screens, cliquez sur Valider dans la barre d’actions.
      image

    5. Saisissez le Titre Chrome-Device1, puis cliquez sur Enregistrer.

    6. Sélectionnez Attribuer l’affichage et choisissez le chemin de 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

Une fois que vous avez mis en œuvre des dispositions multizone en suivant les étapes précédentes, la sortie suivante s’affiche.

Utilisez le lecteur Screens afin de 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