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.

chlimage_1-133

Dans la 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 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 que les utilisateurs sélectionnent dans la visionneuse de séries d’échantillons pour afficher les visionneuses rouge, verte ou bleue.

REMARQUE

Pour plus d’informations sur l’interface utilisateur d’Assets, voir Gestion des ressources.

Démarrage rapide : Visionneuses d’images

Pour démarrer rapidement :

  1. Chargez les images sources originales pour plusieurs vues.

    Commencez par télécharger les images pour les visionneuses d’images. Lorsque vous sélectionnez des images, n’oubliez pas que vos clients peuvent zoomer sur les images dans la visionneuse d’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 jusqu’à 25 mégapixels chacune. Par exemple, vous pouvez utiliser une image de 5 000 x 5 000 MP ou toute autre combinaison de taille pouvant atteindre 25 MP.

    Adobe Experience Manager Assets prend en charge de nombreux formats de fichier image, mais les formats sans perte TIFF, PNG et EPS sont recommandés.

  2. Créez une visionneuse d’images.

    Dans les visionneuses d’images, les utilisateurs sélectionnent des images miniatures dans la visionneuse d’images.

    Pour créer une visionneuse d’images dans Assets, accédez à Créer > Visionneuses d’images. Ajoutez ensuite des images et sélectionnez 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.

    IMPORTANT

    Les ensembles par lots sont créés par IPS (Image Production System) dans le cadre de l’assimilation des ressources et sont disponibles uniquement en mode Dynamic Media - Scene7.

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

    Voir Utilisation de sélecteurs.

  3. 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 le menu déroulant du rail gauche, sélectionnez Visionneuses.

    Accédez à Outils > Ressources > Paramètres prédéfinis de la visionneuse si vous souhaitez créer ou modifier des paramètres prédéfinis de visionneuse.

  4. (Facultatif) Afficher les visionneuses d’images créées à l’aide des paramètres prédéfinis d’ensemble par lot.

  5. Prévisualisez une visionneuse d’images.

    Sélectionnez la visionneuse d’images pour pouvoir la prévisualiser. Sélectionnez les icônes des miniatures afin d’examiner votre 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. Publiez une visionneuse d’images.

    La publication d’une visionneuse d’images active l’URL et le code intégré. 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. Liez des URL à l’application web ou incorporez la vidéo ou la visionneuse d’images.

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

    Voir Lier une visionneuse d’images à une page web et Incorporer la vidéo ou la visionneuse d’images.

Pour modifier une visionneuse d’images, voir Modifier une visionneuse 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, reportez-vous à Images et visionneuses dans la section Dépannage de Dynamic Media – mode Scene7.

Chargement de ressources dans les visionneuses d’images

Commencez par télécharger les images pour les visionneuses d’images. Lorsque vous sélectionnez des images, n’oubliez pas que vos clients peuvent zoomer sur les images dans la visionneuse d’images. Assurez-vous que les images font au moins 2 000 pixels dans leur dimension la plus grande. 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. Les ressources prennent en charge de nombreux formats de fichier image, mais les formats sans perte TIFF, PNG et EPS sont recommandés.

REMARQUE

En outre, si vous utilisez des miniatures pour indiquer des échantillons de produits, 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éez 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.

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 et sont disponibles uniquement dans le mode Scene7 de Dynamic Media.

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

REMARQUE

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 Experience Manager, sélectionnez le logo du Experience Manager pour accéder à la console de navigation globale, puis accédez à Navigation > Ressources. Accédez à l’emplacement où vous souhaitez créer une visionneuse d’images, puis accédez à 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

  2. Sur la page de l’éditeur de visionneuse d’images, dans le champ Titre, saisissez 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

  3. Effectuez l’une des opérations suivantes :

    • Près du coin supérieur gauche de la page de l’éditeur de visionneuse d’images, sélectionnez Ajouter une ressource.

    • Près du milieu de la page de l’éditeur de visionneuse d’images, sélectionnez Appuyez pour ouvrir le sélecteur de ressources.

    Sélectionnez les ressources à inclure dans la visionneuse d’images. Les ressources sélectionnées sont cochées. Lorsque vous avez terminé, près du coin supérieur droit de la page, sélectionnez 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 sélectionnez l’icône Filtre 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

  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.

    6_5_imageset-reorderassets

    Si vous souhaitez modifier une miniature ou un échantillon, sélectionnez l’icône + miniature en regard de l’image et accédez à la miniature ou à l’échantillon de votre choix. Une fois la sélection terminée, sélectionnez Enregistrer.

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

    • Pour supprimer une image, sélectionnez-la et sélectionnez Supprimer la ressource.

    • Pour appliquer un paramètre prédéfini, près du coin supérieur droit de la page, sélectionnez Paramètre prédéfini, puis sélectionnez un paramètre prédéfini à appliquer simultanément à toutes les ressources.

    REMARQUE

    Lors de la création de la visionneuse d’images, vous pouvez modifier la miniature de la visionneuse ou permettre au Experience Manager de sélectionner automatiquement la miniature en fonction des ressources de la visionneuse d’images. Pour sélectionner une miniature, sélectionnez 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 décidez que vous souhaitez que Experience Manager en génère une à partir de la visionneuse d’images, sélectionnez Basculer vers > Miniature automatique.

  6. Sélectionnez Enregistrer. La nouvelle visionneuse d’images apparaît dans le dossier dans lequel vous l’avez créée.

Affichage des 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 et sont disponibles uniquement en mode Dynamic Media - Scene7.)

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. Sélectionnez le nom de la visionneuse si vous souhaitez afficher la totalité de la visionneuse.

    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 ensembles automatisés, la requête de recherche est effectuée à l’aide des critères de recherche "Commence par", différents de la recherche de Experience Manager basée sur l’utilisation des critères de recherche "Contient". Définir le filtre sur Visionneuses est le seul moyen de rechercher des ensembles automatisés.

    chlimage_1-134

REMARQUE

Vous pouvez afficher les visionneuses par le biais de l’interface utilisateur, comme décrit dans la section Modifier les visionneuses d’images.

Modifier des visionneuses d’images

Vous pouvez effectuer diverses tâches de modification sur les visionneuses d’images, telles que :

  • 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 de visionneuse d’images, puis sélectionnez Modifier (icône crayon).
    • Pointez sur une ressource de visionneuse d’images, sélectionnez Sélectionner (icône de coche), puis sélectionnez Modifier dans la barre d’outils.
    • Effectuez une sélection sur une ressource de visionneuse d’images, puis sélectionnez Modifier (icône 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 par ordre croissant ou décroissant, sélectionnez l’en-tête de colonne.

    • Pour ajouter une ressource ou mettre à jour une ressource existante, sélectionnez Ajouter une ressource. Accédez à une ressource, sélectionnez-la, puis sélectionnez Sélectionner près du coin supérieur droit de la page.

      REMARQUE

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

    • Pour supprimer une ressource, sélectionnez-la et sélectionnez Supprimer la ressource.

    • Pour appliquer un paramètre prédéfini, près du coin supérieur droit de la page, sélectionnez 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. Accédez à la nouvelle miniature ou ressource d’échantillon, sélectionnez-la, puis sélectionnez Sélectionner.

    • Pour supprimer une visionneuse d’images entière, accédez à la visionneuse, sélectionnez-la, puis sélectionnez Supprimer.

    REMARQUE

    Vous pouvez modifier les images d’une visionneuse d’images en accédant à la visionneuse, en sélectionnant Définir les membres dans le rail de gauche, puis en sélectionnant l’icône en forme de crayon sur une ressource pour ouvrir la fenêtre de modification.

  3. Sélectionnez Enregistrer lorsque vous avez terminé la modification.

Prévisualisez une visionneuse d’images

Voir aussi Aperçu des ressources.

Publiez une visionneuse d’images

Voir Publication de ressources.

Sur cette page