Show Menu
SUJETS×

Visionneuses d’images

Les visionneuses d’images offrent aux utilisateurs une expérience de visionnage intégrée en leur permettant d’afficher différentes vues d’un élément en cliquant sur une miniature. Les visionneuses d’images permettent de présenter différentes vues d’un élément. Elles offrent des outils de zoom afin d’examiner les images de plus près.
Les visionneuses d’images sont désignées par une bannière comportant le mot IMAGESET . En outre, si la visionneuse d’images est publiée, la date de publication, indiquée par l’icône représentant la  Terre , figure sur la bannière avec la date de dernière modification, indiquée par l’icône représentant un  crayon .
Dans une visionneuse d’images, vous pouvez également créer des échantillons en créant une visionneuse d’images et en ajoutant des miniatures.
Cette application est particulièrement utile lorsque vous souhaitez afficher un élément avec une couleur, un modèle ou une finition différente. Pour créer une visionneuse d’images avec des échantillons de couleur, vous avez besoin d’une image pour chaque couleur, modèle ou finition que vous souhaitez présenter aux utilisateurs. Vous avez également besoin d’un échantillon de couleurs, de modèle ou de finition pour chaque couleur, modèle ou finition.
Par exemple, supposons que vous souhaitez présenter les images d’une casquette avec différentes couleurs de visière : rouge, vert et bleu. Dans ce cas, vous avez besoin de trois prises de vue de la même casquette. Vous avez besoin d’une prise de vue avec une visière rouge, une avec une verte et une avec une bleue. Vous avez également besoin d’un échantillon de couleurs rouge, vert et bleu. Les échantillons de couleurs servent de miniatures sur lesquelles les utilisateurs cliquent dans la visionneuse des séries d’échantillons pour voir les visières rouge, verte ou bleue.
Pour plus d’informations sur l’interface utilisateur d’Assets, voir Gestion des ressources avec l’interface utilisateur tactile .

Démarrage rapide : Visionneuses d’images

Pour démarrer rapidement :
  1. Commencez par télécharger les images pour les visionneuses d’images. Comme les utilisateurs peuvent zoomer sur les images dans la visionneuse d’images, tenez compte du zoom lorsque vous sélectionnez des images. Assurez-vous que les images font au moins 2 000 pixels dans leur dimension la plus grande. AEM Assets prend en charge de nombreux formats de fichier image, mais les formats sans perte TIFF, PNG et EPS sont recommandés.
  2. Dans les visionneuses d’images, les utilisateurs cliquent sur les images miniatures dans la visionneuse d’images.
    Pour créer une visionneuse d’images dans AEM Assets, appuyez ou cliquez sur Créer > Visionneuses d’images . Ajoutez ensuite des images et cliquez sur Enregistrer .
    Vous pouvez également créer des visionneuses d’images automatiquement par l’intermédiaire des paramètres prédéfinis d’ensemble par lot .
    Les ensembles par lots sont créés par IPS (Image Production System) dans le cadre de l’assimilation des ressources.
  3. Les administrateurs peuvent créer ou modifier les paramètres prédéfinis de visionneuse d’images. Pour afficher vos images avec un paramètre prédéfini de visionneuse, sélectionnez la visionneuse d’images, puis dans le menu déroulant du rail gauche, sélectionnez Visionneuses .
    Accédez à Outils > Ressources > Paramètres visionneuse pour créer ou modifier les paramètres prédéfinis de la visionneuse.
  4. (Facultatif) Affichage des visionneuses d’images créées à l’aide de paramètres prédéfinis d’ensemble par lot.
  5. Sélectionnez la visionneuse d’images pour pouvoir la prévisualiser. Cliquez sur les icônes des miniatures afin d’examiner la visionneuse d’images dans la visionneuse sélectionnée. Vous pouvez choisir différentes visionneuses dans le menu Visionneuses disponible dans le menu déroulant du rail gauche.
  6. La publication d’une visionneuse d’images active la chaîne URL et d’incorporation. En outre, vous devez publier tous les paramètres prédéfinis de visionneuse personnalisés que vous avez créés. Les paramètres prédéfinis de visionneuse prêts à l’emploi sont déjà publiés.
  7. AEM Assets crée des appels URL pour les visionneuses d’images et les active une fois que vous avez publié la visionneuse d’images. Vous pouvez copier ces URL lorsque vous prévisualisez les ressources. Vous pouvez également les incorporer à votre site web.
    Sélectionnez la visionneuse d’images, puis, dans le menu déroulant du rail de gauche, sélectionnez Visionneuses .
Pour modifier des visionneuses d’images, voir Modification de visionneuses d’images. Vous pouvez en outre afficher et modifier les propriétés de la visionneuse d’images .
Si vous rencontrez des problèmes lors de la création des visionneuses, voir Images et visionneuses dans la section Dépannage de Dynamic Media .

Chargement de ressources dans les visionneuses d’images

Commencez par télécharger les images pour les visionneuses d’images. Comme les utilisateurs peuvent zoomer sur les images dans la visionneuse d’images, tenez compte du zoom lorsque vous sélectionnez des images. Assurez-vous que les images font au moins 2 000 pixels dans leur dimension la plus grande pour obtenir un détail de zoom optimal. Dynamic Media peut générer des images faisant jusqu’à 25 mégapixels chacune. Par exemple, vous pouvez utiliser une image de 5 000 x 5 000 mégapixels ou toute autre combinaison de taille pouvant atteindre 25 mégapixels.
Les visionneuses d’images prennent en charge de nombreux formats de fichier image, mais les formats sans perte TIFF, PNG et EPS sont recommandés.
Vous pouvez charger des images pour les visionneuses d’images comme vous le feriez pour charger une autre ressource dans AEM Assets .

Préparation du chargement de ressources de visionneuse d’images

Avant de créer une visionneuse d’images, assurez-vous que la taille et le format des images sont corrects.
Pour créer une visionneuse d’images à plusieurs vues, vous avez besoin d’images qui montrent un élément depuis différents points de vue ainsi que différents aspects du même élément. L’objectif est de mettre en avant les fonctionnalités importantes d’un élément afin que les utilisateurs aient un tableau complet de son apparence et son fonctionnement.
Comme les utilisateurs peuvent zoomer sur les images dans les visionneuses d’images, assurez-vous que la dimension la plus grande des images comporte au moins 2000 pixels.  Assets prend en charge de nombreux formats de fichier image, mais les formats sans perte TIFF, PNG et EPS sont recommandés.
En outre, si vous utilisez des miniatures pour indiquer des échantillons de produit, vous devez effectuer les opérations suivantes :
Vous avez besoin de vignettes ou de prises de vue différentes de la même image la présentant avec différentes couleurs, modèles et finitions. Vous avez également besoin de fichiers de miniatures qui correspondent aux différentes couleurs, modèles et finitions. Par exemple, pour présenter des miniatures avec une visionneuse d’images de la même veste en noir, marron et vert, vous avez besoin :
  • D’une prise de vue en noir, en marron et en vert de la même veste.
  • Une miniature de couleur noire, marron et verte.

Création d’une visionneuse d’images

Vous pouvez créer des visionneuses d’images par l’interface utilisateur ou par l’API. Cette section décrit comment créer des visionneuses d’images dans l’interface utilisateur.
Vous pouvez également créer des visionneuses d’images automatiquement par l’intermédiaire des paramètres prédéfinis d’ensemble par lot . **Important ** : les ensembles par lot sont créés par le système IPS (Image Production System) dans le cadre de l’ingestion des ressources.
Lorsque vous ajoutez des ressources à votre visionneuse, elles sont automatiquement ajoutées dans l’ordre alphanumérique. Vous pouvez réorganiser ou trier manuellement des ressources une fois qu’elles ont été ajoutées.
Les visionneuses d’images ne sont pas prises en charge pour les ressources dont le nom de fichier contient une virgule « , ».
Pour créer une visionneuse d’images
  1. Dans AEM, appuyez sur le logo AEM pour accéder à la console de navigation globale, puis appuyez sur Navigation > Ressources . Naviguez jusqu’à l’emplacement où vous souhaitez créer une visionneuse d’images, puis appuyez sur Créer > Visionneuse d’images pour ouvrir la page de l’éditeur de visionneuse d’images.
    Vous pouvez également la créer depuis un dossier qui contient les ressources.
  2. Dans le champ Titre de la page de l’éditeur de visionneuse d’images, tapez un nom pour la visionneuse d’images. Le nom apparaît dans la bannière située sur la visionneuse d’images. Vous pouvez aussi saisir une description.
  3. Effectuez l’une des opérations suivantes :
    • Dans le coin supérieur gauche de la page de l’éditeur de visionneuse d’images, appuyez sur Ajouter .
    • Au milieu de la page de l’éditeur de visionneuse d’image, appuyez sur Appuyer pour ouvrir le sélecteur de ressources . Appuyez pour sélectionner les ressources que vous souhaitez inclure dans la visionneuse d’images. Les ressources sélectionnées sont cochées. Lorsque vous avez terminé, en haut à droite de la page, appuyez sur Sélectionner .
    Le sélecteur de ressources vous permet de rechercher des ressources en saisissant un mot-clé, puis en appuyant ou en cliquant sur Entrée . Vous pouvez également appliquer des filtres pour affiner vos résultats de recherche. Vous pouvez filtrer par chemin, collection, type de fichier et balise. Sélectionnez le filtre, puis appuyez sur l’icône Filtre de la barre d’outils. Modifiez l’affichage en appuyant sur l’icône Affichage et en sélectionnant Mode Colonnes , Mode Carte ou Mode Liste .
  4. Lorsque vous ajoutez des ressources à votre visionneuse, elles sont automatiquement ajoutées dans l’ordre alphanumérique. Vous pouvez réorganiser ou trier manuellement les ressources une fois qu’elles ont été ajoutées.
    Si nécessaire, faites glisser l’icône Réorganiser d’une ressource vers la droite du nom de fichier de la ressource pour réorganiser les images vers le haut ou le bas de la liste définie.
    Pour changer une miniature ou un échantillon, cliquez sur l’icône  + miniature en regard de l’image et naviguez jusqu’à la miniature ou l’échantillon de votre choix. Lorsque vous avez sélectionné toutes les images, cliquez sur Enregistrer .
  5. (En option) Effectuez l’une des actions suivantes :
    • Pour supprimer une image, sélectionnez-la et appuyez sur Supprimer la ressource .
    • Pour appliquer un paramètre prédéfini, en haut à droite de la page, appuyez sur Paramètre prédéfini , puis sélectionnez un paramètre prédéfini à appliquer en une seule fois à toutes les ressources.
    Lors de la création de la visionneuse d’images, vous pouvez modifier la miniature de la visionneuse d’images ou autoriser AEM à la sélectionner automatiquement en fonction des fichiers de la visionneuse d’images. Pour sélectionner une miniature, appuyez sur Modifier la miniature au-dessus du champ Titre de la page de l’éditeur de visionneuse d’images, puis sélectionnez une image (vous pouvez également accéder à d’autres dossiers pour rechercher des images). Si vous avez sélectionné une miniature, puis souhaitez qu’AEM en génère une depuis la visionneuse d’images, sélectionnez Basculer vers les miniatures automatiques .
  6. Cliquez sur Enregistrer . La nouvelle visionneuse d’images apparaît dans le dossier dans lequel vous l’avez créée.

Affichage de visionneuses d’images

Vous pouvez créer des visionneuses d’images dans l’interface utilisateur ou automatiquement à l’aide des paramètres prédéfinis d’ensemble par lot .
Les ensembles par lots sont créés par IPS # dans le cadre de l’assimilation des ressources.
Notez toutefois que les visionneuses créées à l’aide de paramètres prédéfinis d’ensemble par lot ne s’affichent pas dans l’interface utilisateur. Vous pouvez afficher ces visionneuses de trois manières différentes. (Ces méthodes sont disponibles même si vous avez créé les visionneuses d’images dans l’interface utilisateur.)
  • Ouvrez les propriétés d’une ressource individuelle. Les propriétés indiquent les visionneuses dont la ressource sélectionnée fait partie ou auxquelles elle est référencée. Cliquez sur le nom de la visionneuse pour l’afficher intégralement.
  • À partir de l’image membre d’une visionneuse, sélectionnez le menu [Visionneuses pour afficher les visionneuses dont la ressource fait partie.
  • Dans la recherche, vous pouvez sélectionner [Filtres , puis développer [Dynamic Media et sélectionner Visionneuses .
    La recherche renvoie les visionneuses correspondantes qui ont soit été créées manuellement dans l’interface utilisateur, soit automatiquement au moyen de paramètres prédéfinis d’ensemble par lot. Dans le cas des visionneuses automatisées, la requête de recherche est effectuée à l’aide du critère « Commence par », à la différence de la recherche AEM qui repose sur l’utilisation du critère « Contient ». Définir le filtre sur Visionneuses est le seul moyen de rechercher des ensembles automatisés.
Vous pouvez afficher les visionneuses par le biais de l’interface utilisateur, comme indiqué dans la section Modification d’une visionneuse d’images .

Modification d’une visionneuse d’images

Vous pouvez effectuer diverses tâches de modification sur les visionneuses d’images, comme suit :
  • Ajouter des images à la visionneuse d’images.
  • Réorganiser des images dans la visionneuse d’images.
  • Supprimer des ressources de la visionneuse d’images.
  • Appliquer des paramètres prédéfinis de visionneuse.
  • Supprimer la visionneuse d’images.
Pour modifier les visionneuses d’images
  1. Effectuez l’une des opérations suivantes :
    • Pointez sur une ressource d’image, puis appuyez sur Modifier (icône de crayon).
    • Pointez sur une ressource de visionneuse d’images, appuyez sur Sélectionner (icône de coche), puis sur Modifier sur la barre d’outils.
    • Appuyez sur une ressource de visionneuse d’images, puis sur Modifier (icône de crayon) sur la barre d’outils.
  2. Pour modifier les images d’une visionneuse d’images, procédez comme suit :
    • Pour réorganiser les ressources, faites glisser une image vers un nouvel emplacement (sélectionnez l’icône de réorganisation pour déplacer des éléments).
    • Pour trier les éléments dans l’ordre ascendant ou descendant, cliquez sur l’en-tête de colonne.
    • Pour ajouter une ressource ou mettre à jour une ressource existante, cliquez sur Ajouter une ressource . Accédez à une ressource, sélectionnez-la, puis appuyez sur Sélectionner en haut à droite de la page.
      Si vous supprimez l’image qu’AEM utilise pour la miniature en la remplaçant par une autre image, la ressource d’origine s’affiche toujours.
    • Pour supprimer une ressource, sélectionnez-la et appuyez ou cliquez sur Supprimer la ressource .
    • Pour appliquer un paramètre prédéfini, en haut à droite de la page, appuyez sur Paramètre prédéfini , puis sélectionnez un paramètre prédéfini de visionneuse.
    • Pour ajouter ou changer une miniature, sélectionnez l’icône de miniature située à droite de la ressource. Naviguez jusqu’à la nouvelle miniature ou ressource d’échantillon, sélectionnez-la, puis appuyez sur Sélectionner .
    • Pour supprimer intégralement une visionneuse d’images, accédez à cette visionneuse, sélectionnez-la, puis sélectionnez Supprimer .
    Vous pouvez modifier les images d’une visionneuse d’images en accédant à la visionneuse, en cliquant sur Définir les membres dans le rail gauche, puis en cliquant ou en appuyant sur l’icône Crayon d’une ressource pour afficher la fenêtre d’édition.
  3. Appuyez sur Enregistrer lorsque vous avez terminé la modification.

Aperçu d’une visionneuse d’images

Publication de visionneuses d’images