Ajout de composants Dynamic Media Classic aux pages

Adobe Dynamic Media Classic est une solution hébergée pour la gestion, l’amélioration, la publication et la diffusion de contenus multimédias enrichis sur le web, sur les appareils mobiles, par e-mail, sur les appareils connectés à Internet et par impression.

Vous pouvez afficher AEM ressources publiées dans Dynamic Media Classic dans différentes visionneuses :

• Zoom
• Fenêtre déroulante
• Vidéo
• Modèle d’image
• Image

Vous pouvez publier des ressources numériques directement d’AEM vers Dynamic Media Classic et vous pouvez également les publier de Dynamic Media Classic vers AEM.

Ce document décrit comment publier des ressources numériques d’AEM vers Dynamic Media Classic et vice versa. Les visionneuses sont également décrites en détail. Pour plus d’informations sur la configuration d’AEM pour Dynamic Media Classic, voir Intégration de Dynamic Media Classic à AEM.

Voir aussi Ajout de zones cliquables.

Pour plus d’informations sur l’utilisation des composants vidéo avec AEM, voir Vidéo.

Publication manuelle dans Dynamic Media Classic à partir d’Assets

Vous pouvez publier des ressources numériques dans Dynamic Media Classic comme suit :

• Dans l’interface utilisateur classique de la console Ressources
• Dans l’interface utilisateur classique d’une ressource
• Dans l’interface utilisateur classique en dehors du dossier cible CQ

Composants Dynamic Media Classic

Les composants Dynamic Media Classic suivants sont disponibles dans AEM :

• Zoom
• Fenêtre déroulante (Zoom)
• Modèle d’image
• Image
• Vidéo

Une fois qu’elles sont disponibles dans Conception , vous pouvez ajouter les composants à votre page comme tout autre composant AEM. Les ressources qui n’ont pas encore été publiées sur Dynamic Media Classic le seront si elles se trouvent dans un dossier synchronisé, sur une page ou avec une configuration cloud Dynamic Media Classic.

Notification de fin de prise en charge de la visionneuse Flash

À compter du 31 janvier 2017, Adobe Dynamic Media Classic a officiellement arrêté la prise en charge de la plateforme de la visionneuse Flash.

Ajout d’un composant Dynamic Media Classic (Scene7) à une page

L’ajout d’un composant Dynamic Media Classic (Scene7) à une page est identique à l’ajout d’un composant sur n’importe quelle page. Les composants Dynamic Media Classic sont décrits en détail dans les sections suivantes.

Pour ajouter un composant Dynamic Media Classic (Scene7) à une page:

1. Dans AEM, ouvrez la page dans laquelle vous souhaitez ajouter le composant Dynamic Media Classic (Scene7).

2. Si aucun composant Dynamic Media Classic n’est disponible, cliquez sur Conception en mode , appuyez sur n’importe quel composant avec une bordure bleue, puis appuyez sur Parent , puis le Configuration icône . Dans Parsys (Design), sélectionnez tous les composants Dynamic Media Classic pour les rendre disponibles, puis cliquez sur OK.

   

3. Cliquez sur Modifier pour revenir à Modifier mode .

4. Faites glisser un composant du groupe Dynamic Media Classic dans le sidekick vers la page à l’emplacement souhaité.

5. Cliquez sur le bouton Configuration pour ouvrir le composant.

6. Modifiez le composant selon les besoins, puis cliquez sur OK pour enregistrer les modifications.

7. Faites glisser l’image ou la vidéo du navigateur de contenu vers le composant Dynamic Media Classic que vous avez ajouté à la page.

   REMARQUE

   Dans l’interface utilisateur pour écrans tactiles uniquement, vous devez faire glisser l’image ou la vidéo dans le composant Dynamic Media Classic que vous avez positionné dans la page et l’y déposer. La sélection de la ressource après la sélection et la modification du composant Dynamic Media Classic n’est alors plus prise en charge.

Ajout d’expériences d’affichage interactif à un site réactif

La conception réactive de vos ressources signifie que vos ressources s’adaptent en fonction de l’endroit où elles s’affichent. Avec la conception réactive, les mêmes éléments peuvent être affichés sur plusieurs appareils.

Voir aussi Conception réactive pour les pages web.

Ajout d’une expérience de visionnage interactif à un site réactif:

1. Connectez-vous à AEM et assurez-vous que vous avez Cloud Services Adobe Dynamic Media Classic configurés et que les composants Dynamic Media Classic sont disponibles.

   REMARQUE

   Si les composants Dynamic Media Classic ne sont pas disponibles, veillez à les activer au moyen du mode Conception.

2. Dans un site web dont les composants Dynamic Media Classic sont activés, faites glisser un composant Dynamic Media Classic Image vers la page.

3. Sélectionnez le composant et appuyez sur l’icône de configuration.

4. Dans l’onglet Paramètres Dynamic Media Classic, ajustez les points d’arrêt.

   

5. Confirmez que les visionneuses se redimensionnent de manière réactive et que toutes les interactions sont optimisées pour les ordinateurs de bureau, les tablettes et les appareils mobiles.

Paramètres communs à tous les composants Dynamic Media Classic

Bien que les options de configuration varient, les paramètres suivants sont communs à tous les composants Dynamic Media Classic :

• Référence de fichier
  Accédez à un fichier que vous souhaitez référencer. La référence du fichier affiche l’URL de la ressource, et pas nécessairement l’ensemble de l’URL Dynamic Media Classic, avec les commandes et paramètres d’URL. Vous ne pouvez pas ajouter de commandes et de paramètres d’URL Dynamic Media Classic dans ce champ. Ils doivent être ajoutés par le biais de la fonctionnalité correspondante dans le composant.
• Largeur
  Permet de définir la largeur.
• Hauteur
  Permet de définir la hauteur.

Vous définissez ces options de configuration en ouvrant (double-clic) un composant Dynamic Media Classic, par exemple, lorsque vous ouvrez un composant Zoom :

Zoom

Le composant Zoom HTML5 affiche une image plus grande lorsque vous appuyez sur le bouton +.

L’élément comporte des outils de zoom dans sa partie inférieure. Appuyer + pour agrandir. Appuyer - pour réduire. Pour rétablir l’image à la taille d’origine dans laquelle elle a été importée, cliquez sur x ou sur la flèche de réinitialisation du zoom. Appuyez sur les flèches diagonales pour afficher le mode Plein écran. Appuyer Modifier pour configurer le composant. Dans ce composant, vous pouvez configurer les paramètres communs à tous les composants Dynamic Media Classic.

Fenêtre déroulante

Dans le composant Fenêtre déroulante HTML5, l’élément s’affiche sous la forme d’un écran partagé : à gauche se trouve l’élément à la taille spécifiée, à droite la partie sur laquelle le zoom a été effectué. Appuyer Modifier pour configurer le composant. Avec ce composant, vous pouvez configurer les paramètres communs à tous les composants Dynamic Media Classic.

Image

Le composant Image Dynamic Media Classic vous permet d’ajouter des fonctionnalités Dynamic Media Classic à vos images, telles que les modificateurs Dynamic Media Classic, les paramètres d’image ou de visionneuse prédéfinis et l’accentuation. Dynamic Media Classic Image est similaire aux autres composants d’image dans AEM avec des fonctionnalités Dynamic Media Classic spéciales. Dans cet exemple, l’image a le modificateur URL Dynamic Media Classic, &op_invert=1 appliquée.

• Titre, texte de remplacement
  Dans le Avancé ajoutez un titre à l’image et un texte de remplacement pour les utilisateurs pour lesquels les graphiques sont désactivés.

• URL, Ouvrir dans
  Vous pouvez définir une ressource à partir de pour ouvrir un lien. Définissez l’URL, puis dans le champ Ouvrir dans, indiquez si vous souhaitez l’ouvrir dans la même fenêtre ou une nouvelle fenêtre.

• Paramètre prédéfini de la visionneuse
  Sélectionnez un paramètre prédéfini de visionneuse existant dans le menu déroulant. Si le paramètre prédéfini de visionneuse que vous recherchez n’est pas visible, vous devrez le rendre visible. Consultez Gestion des paramètres prédéfinis de visionneuse. Vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse si vous utilisez un paramètre d’image prédéfini et vice versa.

• Configuration Dynamic Media Classic
  Sélectionnez la configuration Dynamic Media Classic que vous souhaitez utiliser pour récupérer les paramètres d’image prédéfinis principaux à partir de SPS.

• Paramètre d’image prédéfini
  Sélectionnez un paramètre d’image prédéfini existant dans le menu déroulant. Si le paramètre d’image prédéfini que vous recherchez n’est pas visible, vous devrez le rendre visible. Consultez Gestion des paramètres d’image prédéfinis. Vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse si vous utilisez un paramètre d’image prédéfini et vice versa.

• Format de sortie
  Sélectionnez le format de sortie de l’image, par exemple jpeg. Selon le format de sortie que vous sélectionnez, vous pouvez ajouter des options de configuration supplémentaires. Consultez la section Bonnes pratiques relatives aux paramètres prédéfinis d’image.

• Accentuation
  Sélectionnez le mode d’accentuation de l’image. L’accentuation est expliquée en détails dans les rubriques Bonnes pratiques relatives aux paramètres prédéfinis d’image et Bonnes pratiques relatives à l’accentuation.

• Modificateurs d’URL
  Vous pouvez modifier les effets d’image en fournissant des commandes d’image Dynamic Media Classic supplémentaires. Elles sont décrites dans la section Paramètres d’image prédéfinis et le Référence de commande.

• Points d’arrêt
  Si votre site web est réactif, vous souhaitez ajuster les points d’arrêt. Les points d’arrêt doivent être séparés par des virgules ( , ).

Modèle d’image

Les Modèles d’image Dynamic Media Classic sont du contenu Photoshop superposé importé dans Dynamic Media Classic, où le contenu et les propriétés ont été paramétrés pour leur permettre d’être variables. Le Modèle d’image permet d’importer des images et de modifier dynamiquement le texte dans AEM. En outre, vous pouvez configurer le composant Modèle d’image afin d’utiliser des valeurs provenant de ClientContext de sorte que chaque utilisateur voit l’image d’une manière personnalisée.

Appuyer Modifier pour configurer le composant. Vous pouvez configurer paramètres communs à tous les composants Dynamic Media Classic ainsi que d’autres paramètres décrits dans cette section.

• Référence du fichier, Largeur, Hauteur
  Voir Paramètres communs à tous les composants Dynamic Media Classic.

  REMARQUE

  Les commandes et paramètres d’URL Dynamic Media Classic ne peuvent pas être ajoutés directement à l’URL de référence du fichier. Ils ne peuvent être définis que dans l’interface utilisateur du composant, dans le panneau Paramètre.

• Titre, texte de remplacement
  Dans l’onglet Modèle d’image Dynamic Media Classic , ajoutez un titre à l’image et un texte de remplacement pour les utilisateurs pour lesquels les graphiques sont désactivés.

• URL, Ouvrir dans
  Vous pouvez définir une ressource à partir de pour ouvrir un lien. Définissez l’URL, puis dans le champ Ouvrir dans, indiquez si vous souhaitez l’ouvrir dans la même fenêtre ou une nouvelle fenêtre.

• Panneau de paramètres
  Lors de l’importation d’une image, les paramètres sont prérenseignés avec les informations de l’image. En l’absence de contenu pouvant être modifié dynamiquement, cette fenêtre est vide.

Modification dynamique du texte

Pour modifier dynamiquement le texte, saisissez le nouveau texte dans les champs, puis cliquez sur OK. Dans cet exemple, le Prix est désormais de 50 $ et l’expédition de 99 cents.

Le texte de l’image change. Vous pouvez réinitialiser le texte à sa valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Modification du texte pour refléter la valeur d’une valeur ClientContext

Pour lier un champ à une valeur de contexte client, appuyez sur Sélectionner pour ouvrir le menu client-context, sélectionnez le contexte client, puis appuyez sur OK. Dans cet exemple, le nom change selon la liaison entre le Nom et le nom formaté du profil.

Le texte reflète le nom de l’utilisateur actuellement connecté. Vous pouvez réinitialiser le texte à sa valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Création d’un lien avec le modèle d’image Dynamic Media Classic

1. Sur la page avec Dynamic Media Classic Modèle d’image composant, appuyez sur Modifier.

2. Dans le champ URL, saisissez l’URL à laquelle l’utilisateur accède lorsqu’il appuie sur l’image. Dans le champ Ouvrir dans, choisissez où vous souhaitez que la cible s’ouvre (une nouvelle fenêtre ou la même fenêtre).

   

3. Appuyez sur OK.

Composant vidéo

Le composant Vidéo de Dynamic Media Classic (disponible depuis la section Dynamic Media Classic du sidekick) utilise la détection d’appareil et de bande passante pour diffuser la vidéo adéquate à chaque écran. Ce composant est un lecteur vidéo HTML5. Il s’agit d’une visionneuse unique pouvant être utilisée sur plusieurs canaux.

Il peut être utilisé pour des visionneuses de vidéos adaptatives, une vidéo MP4 unique ou une vidéo F4V unique.

Pour plus d’informations sur le fonctionnement des vidéos avec l’intégration de Dynamic Media Classic, regardez Vidéo. En outre, consultez la section Comparaison du composant vidéo Dynamic Media Classic et du composant vidéo de base.

Limitations connues du composant vidéo

La gestion des actifs numériques et la gestion de contenu web Adobes indiquent si une vidéo originale est chargée. Elles n’affichent pas les éléments proxy suivants :

• Rendus codés Dynamic Media Classic
• Visionneuses de vidéos adaptatives Dynamic Media Classic

Lors de l’utilisation d’une visionneuse de vidéos adaptative avec le composant vidéo Dynamic Media Classic, vous devez redimensionner le composant pour l’adapter aux dimensions de la vidéo.

Navigateur de contenu Dynamic Media Classic

L’explorateur de contenu Dynamic Media Classic vous permet d’afficher le contenu de Dynamic Media Classic directement dans AEM. Pour accéder au navigateur de contenu, dans l’outil de recherche de contenu, sélectionnez Dynamic Media Classic dans l’interface utilisateur optimisée pour les écrans tactiles, ou l’icône S7 dans l’interface utilisateur classique. Cette fonctionnalité est identique pour les deux interfaces utilisateur.

Si vous disposez de plusieurs configurations, AEM affiche par défaut la variable configuration par défaut. Vous pouvez sélectionner différentes configurations directement dans le navigateur de contenu Dynamic Media Classic depuis le menu déroulant.

Navigation dans le contenu de l’interface utilisateur optimisée pour les écrans tactiles

Vous pouvez accéder à l’explorateur de contenu dans l’IU optimisée pour les écrans tactiles ou l’IU classique. Actuellement, l’optimisation pour les écrans tactiles présente la limite suivante :

• Les ressources FXG et Flash à partir de Dynamic Media Classic ne sont pas prises en charge.

Recherchez des ressources Dynamic Media Classic en sélectionnant Dynamic Media Classic dans le troisième menu déroulant. Dynamic Media Classic n’apparaît pas dans la liste si vous n’avez pas configuré l’intégration Dynamic Media Classic/AEM.

En outre, vous pouvez parcourir les informations de résolution, de taille, de nombre de jours depuis la modification et de nom de fichier en pointant la souris sur un élément du navigateur.

• Pour les visionneuses de vidéos adaptatives et les modèles, aucune information sur la taille n’est générée pour les miniatures.
• Pour les visionneuses de vidéos adaptatives, aucune résolution n’est générée pour les miniatures.

Recherche de ressources Dynamic Media Classic à l’aide de l’explorateur de contenu

La recherche de ressources Dynamic Media Classic est similaire à la recherche AEM ressources, sauf que lorsque vous effectuez une recherche, une vue distante des ressources s’affiche dans le système Dynamic Media Classic, plutôt que de les importer directement dans AEM.

Vous pouvez utiliser l’IU classique ou l’IU optimisée pour les écrans tactiles pour afficher et rechercher des ressources. Selon l’interface, la manière dont vous effectuez des recherches diffère légèrement.

Lors d’une recherche dans l’une ou l’autre des interfaces, vous pouvez filtrer selon les critères suivants (présentés ici dans l’interface utilisateur optimisée pour les écrans tactiles) :

• Entrez des mots-clés
  Vous pouvez rechercher des ressources par nom. Lors de la recherche des mots-clés que vous saisissez, le nom de fichier commence par . Par exemple, la saisie du mot « swimming » recherche tous les noms de fichier qui commencent par ces lettres, dans cet ordre. Veillez à appuyer sur Entrée une fois que vous avez tapé le terme pour rechercher la ressource.

• Dossier/chemin
  Le nom du dossier qui s’affiche dépend de la configuration que vous avez sélectionnée. Vous pouvez descendre jusqu’à des niveaux inférieurs en appuyant sur l’icône de dossier et en sélectionnant un sous-dossier, puis en appuyant sur la coche pour le sélectionner.

Si vous saisissez un mot-clé et sélectionnez un dossier, AEM recherche ce dossier et les sous-dossiers. Toutefois, si vous ne saisissez aucun mot-clé lors de la recherche, la sélection du dossier affichera uniquement les ressources contenues dans ce dossier et n’inclura aucun sous-dossier.

Par défaut, AEM recherche le dossier sélectionné et tous les sous-dossiers.

• Type de ressource
  Sélectionner Dynamic Media Classic pour parcourir le contenu Dynamic Media Classic. Cette option n’est disponible que si Dynamic Media Classic a été configuré.

• Configuration
  Si plusieurs configurations Dynamic Media Classic sont définies dans Cloud Services, vous pouvez le sélectionner ici. Par conséquent, le dossier change en fonction de la configuration choisie.

• Type de ressource
  Dans le navigateur Dynamic Media Classic, vous pouvez filtrer les résultats pour inclure l’un des éléments suivants : images, modèles, vidéos et ensembles de vidéos adaptatifs. Si vous ne sélectionnez aucun type de ressource, AEM recherche par défaut tous les types de ressource.

• État de publication
  Vous pouvez filtrer les ressources en fonction de l’état de publication : Non publié ou Publié. Si vous ne sélectionnez aucune État de publication, AEM recherche par défaut tous les états de publication.

Ressources Business.Adobe.com

Multichannel Communication Targeted Content Personalized Communications Mobile Forms Customer Experience Management Digital Asset Management