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 VISIONNEUSE D’IMAGES. 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-339

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.

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. Téléchargez vos Principales images pour plusieurs vues.

    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.

    AEM 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 cliquent sur les images miniatures dans la visionneuse d’images.

    To create an Image Set in Assets, tap Create > Image Sets. Then, add images and tap Save.

    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 visionneuses de lots sont créées par IPS (Image Production System) dans le cadre de l’assimilation de ressources et ne sont disponibles que dans le mode Contenu multimédia dynamique - Scene7.

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

    Voir Utilisation de sélecteurs.

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

    Administrators can create or modify Image Set Viewer Presets. 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. Prévisualisez une visionneuse d’images.

    Sélectionnez la visionneuse d’images pour pouvoir la prévisualiser. Appuyez sur les icônes de miniature pour 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 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. Liez des URL à l’application web ou incorporez la vidéo ou la visionneuse d’images.

    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.

    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, reportez-vous à Images et visionneuses dans la section Dépannage de Dynamic Media – mode Scene7.

Uploading assets in Image Sets

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

Remarque

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 le biais de l’interface utilisateur ou de 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

Image sets are not supported for assets with , (comma) in the file name.

Pour créer une visionneuse d’images:

  1. In Assets, navigate to where you want to create an image set, tap Create, and select Image Set. Vous pouvez également la créer depuis un dossier qui contient les ressources.

    chlimage_1-340

  2. On the Image Set Editor page, in the Title field, enter a name for the Image Set. Le nom apparaît dans la bannière située sur la visionneuse d’images. Vous pouvez aussi saisir une description.

    chlimage_1-341

    Remarque

    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. To select a thumbnail, tap Change thumbnail and select any image (you can navigate to other folders to find images as well). 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.

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

    • Near the upper-left corner of the Image Set Editor page, tap Add Asset.
    • Near the middle of the Image Set Editor page, tap Tap to open Asset Selector.

    Appuyez sur pour sélectionner les fichiers à inclure dans votre 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 sur Retour. 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. Change the view by tapping the View icon and selecting Column View, Card View, or List View.

    Voir Utilisation de sélecteurs.

    chlimage_1-342

  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.

    If necessary, drag an asset's Reorder icon to the right of the asset's file name to re-order images up or down the set list.

    spin_set_assets

    If you want to change a thumbnail or swatch, tap the Thumbnail icon next to the image and navigate to the thumbnail or swatch you want. When done selecting all the images tap Save.

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

    • To delete an image, select the image, then tap Delete Asset.
    • 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.
  6. Appuyez sur Save (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 jeux de lots sont créés par le système [de production d'] images IPS dans le cadre de l'assimilation de ressources et ne sont disponibles que dans le mode Contenu multimédia dynamique - 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.)

  • Lors de l’ouverture des propriétés d’une ressource individuelle. Les propriétés indiquent les jeux dont la ressource sélectionnée fait partie (sous Membre des visionneuses). Appuyez sur le nom de la visionneuse pour afficher la totalité de la visionneuse.

    chlimage_1-343

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

    chlimage_1-344

  • From search, you can select Filters, then expand Dynamic Media and select Sets.

    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 ». La définition du filtre sur Visionneuses constitue la seule méthode de recherche dans des visionneuses automatisées.

    chlimage_1-345

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, 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 par ordre croissant ou décroissant, appuyez sur l’en-tête de colonne.
    • To add an asset or update an existing asset, tap the Add Asset. Accédez à une ressource, sélectionnez-la, puis appuyez sur Sélectionner en haut à droite de la page.
    Remarque

    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.

    • To delete an asset, select it, then tap Delete Asset.
    • 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 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

Voir aussi Aperçu des ressources.

Publication de visionneuses d’images

Voir Publication de ressources.

Sur cette page