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 Monde, est sur la bannière. En outre, la dernière date de modification, indiquée par l'icône Crayon, s'affiche.

chlimage_1-133

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 utile lorsque vous souhaitez afficher un élément dans une couleur, un motif ou une finition différents. Pour créer une visionneuse d’images avec des nuances, vous devez disposer d’une image pour chaque couleur, motif ou fini 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.

REMARQUE

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. Facultatif. Créez un paramètre prédéfini d’ensemble par lot et appliquez-le à un nouveau dossier dans lequel vos images de visionneuse à 360° sont téléchargées.

    Un paramètre prédéfini d’ensemble par lot peut vous aider à automatiser la création de votre visionneuse d’images.

    IMPORTANT

    Les ensembles par lots sont créés par IPS (Image Production System) dans le cadre de l’assimilation des ressources.

  2. Chargez les images sources originales pour plusieurs vues.

    Chargez les images pour vos visionneuses d’images. N’oubliez pas que les utilisateurs peuvent effectuer un zoom sur les images dans la visionneuse d’images. Par conséquent, choisissez soigneusement vos images. Assurez-vous que les images font au moins 2 000 pixels dans leur dimension la plus grande. Experience Manager Assets prend en charge de nombreux formats de fichier d’images, mais il est recommandé d’utiliser des images TIFF, PNG et EPS sans perte.

  3. Créez une visionneuse d’images.

    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.

    Voir Préparation du chargement de ressources de visionneuse d’images et Chargement des fichiers.

    Voir Utilisation de sélecteurs.

  4. Ajoutez des paramètres prédéfinis de visionneuse d’images, selon les besoins.

    Les administrateurs peuvent créer ou modifier les paramètres prédéfinis de visionneuse d’images. Pour afficher votre visionneuse d’images avec un paramètre prédéfini de visionneuse, sélectionnez la visionneuse d’images, puis, dans la liste déroulante du rail de gauche, sélectionnez Visionneuses.

    Pour créer ou modifier des paramètres prédéfinis de visionneuse, voir Outils > Ressources > Paramètres prédéfinis de la visionneuse.

  5. (Facultatif) Affichage des visionneuses d’images créées à l’aide de paramètres prédéfinis d’ensemble par lot.

  6. Prévisualisez une visionneuse d’images.

    Sélectionnez la visionneuse d’images pour pouvoir la prévisualiser. Pour examiner votre visionneuse d’images dans la visionneuse sélectionnée, appuyez sur les icônes de miniature. Vous pouvez choisir différentes visionneuses dans le menu Visionneuses, disponible à partir de la liste déroulante du rail de gauche.

  7. Publiez une visionneuse d’images.

    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.

  8. Liez des URL à l’application web ou incorporez la vidéo ou la visionneuse d’images.

    Les ressources du Experience Manager créent des appels d’URL pour les visionneuses d’images et les activent après la publication des visionneuses d’images. Vous pouvez copier ces URL lorsque vous prévisualisez les ressources. Vous pouvez également les incorporer sur votre site Web.

    Sélectionnez la visionneuse d’images, puis, dans la liste déroulante du rail de gauche, sélectionnez Visionneuses.

    Voir Liaison d’une visionneuse d’images à une page web et Incorporation de la vidéo ou de la visionneuse d’images.

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 pour les visionneuses d’images

Commencez par charger les ressources d’images pour les visionneuses d’images. N’oubliez pas que les utilisateurs peuvent effectuer un zoom sur les images dans la visionneuse d’images. Par conséquent, choisissez soigneusement vos 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. Experience Manager Assets prend en charge de nombreux formats de fichier d’images, mais il est recommandé d’utiliser des images TIFF, PNG et EPS sans perte.

REMARQUE

Si vous utilisez des miniatures pour indiquer des échantillons de produit, procédez comme suit :

Créez des vignettes ou des prises de vue différentes d’une même image qui l’affichent dans des couleurs, des motifs ou des finis différents. 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 le biais de l’interface utilisateur ou de l’API.

REMARQUE

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 les fichiers après leur ajout.

REMARQUE

Les visionneuses d’images ne sont pas prises en charge pour les fichiers dont le nom de fichier contient "," (virgule).

Pour créer une visionneuse d’images

  1. Dans Adobe Experience Manager, appuyez sur le logo du Experience Manager pour accéder à la console de navigation globale.

  2. 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.

    6_5_imagesets-createpulldown

  3. 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.

    6_5_imageset-creatingnewset

  4. 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 fichiers sélectionnés sont signalés par une coche. Lorsque vous avez terminé, près du coin supérieur droit 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 Filtrer dans 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.

    Voir Utilisation de sélecteurs.

    6_5_imageset-addingassets

  5. 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 fichiers après les avoir ajoutés.

    Si nécessaire, faites glisser l’icône Réorganiser d’un fichier à droite du nom de fichier du fichier pour réorganiser les images vers le haut ou vers le bas de la liste définie.

    6_5_imageset-reorderassets

    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.

  6. (En option) Effectuez l’une des actions suivantes :

    • Pour supprimer une image, sélectionnez-la et appuyez sur Supprimer l’élément.

    • 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.

    REMARQUE

    Lors de la création de la visionneuse d’images, vous pouvez modifier la miniature de la visionneuse. Vous pouvez également laisser le Experience Manager sélectionner automatiquement la miniature 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 Editeur de la visionneuse d’images. Sélectionnez ensuite une image (vous pouvez accéder à d’autres dossiers pour rechercher des images également). Si vous avez sélectionné une miniature, choisissez que le Experience Manager en génère une à partir de la visionneuse d’images, sélectionnez Basculer vers Miniature automatique.

  7. 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.

IMPORTANT

Les ensembles par lots sont créés par IPS [Image Production System] 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. Les propriétés indiquent les visionneuses dont la ressource sélectionnée fait partie ou auxquelles elle est référencée. Pour afficher l’ensemble entier, appuyez sur son nom.

    6_5_imageset-assetproperties

  • À partir de l’image membre d’une visionneuse, sélectionnez le menu Visionneuses pour afficher les visionneuses dont la ressource fait partie.

    6_5_imageset-setspulldownmenu

  • À partir de la recherche, vous pouvez sélectionner Filtre, développer Dynamic Media, puis sélectionner Jeux.

    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. Pour les jeux automatisés, la requête de recherche est effectuée à l’aide de "Débuts avec". Ce critère de recherche est différent du Experience Manager qui est basé sur l’utilisation de "Contient". La définition du filtre sur Visionneuses constitue la seule méthode de recherche dans des visionneuses automatisées.

    chlimage_1-134

REMARQUE

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, telles que les suivantes :

  • Ajouter des images à la visionneuse d’images.
  • Réorganisez les 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).
    • Passez la souris sur un fichier de visionneuse d’images, appuyez sur Sélectionner (icône représentant une coche), puis sur Modifier dans la barre d’outils.
    • Appuyez sur un fichier de visionneuse d’images, puis appuyez sur Modifier (icône représentant un crayon) dans 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.

      REMARQUE

      Si vous supprimez l’image utilisée par le Experience Manager pour la miniature en la remplaçant par une autre image, le fichier d’origine s’affiche toujours.

    • Pour supprimer une ressource, sélectionnez-la et appuyez ou cliquez sur Supprimer l’élément.

    • 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.

    REMARQUE

    Vous pouvez modifier les images dans une visionneuse d’images. Accédez au jeu et appuyez sur Définir les membres dans le rail de gauche. Pour ouvrir la fenêtre de modification, appuyez sur l’icône représentant un crayon sur une ressource.

  3. Appuyez sur Enregistrer lorsque vous avez terminé la modification.

Aperçu d’une visionneuse d’images

Voir aussi Aperçu des ressources.

Publication de visionneuses d’images

Voir Publication de ressources.

Sur cette page