Manipulation de base

Ce document donne un aperçu des opérations de gestion de base dans l’environnement de création d’AEM. Il utilise la console Sites comme base.

Remarque
  • Certaines fonctionnalités ne sont pas disponibles dans toutes les consoles et des fonctionnalités supplémentaires peuvent être disponibles dans certaines consoles. Vous trouverez des informations spécifiques plus détaillées sur les consoles individuelles et leurs fonctions sur d’autres pages.
  • Des raccourcis clavier sont disponibles dans toute l’application AEM, notamment lors de l’utilisation des consoles et de la modification de pages.

Interface utilisateur pour écrans tactiles

L’interface utilisateur d’AEM est adaptée aux écrans tactiles. Les interfaces de ce type permettent d’interagir de manière tactile avec le logiciel en appuyant sur l’écran, en maintenant la pression du doigt ou en le faisant glisser. L’interface utilisateur d’AEM étant tactile, vous pouvez utiliser les mouvements des doigts sur vos appareils tactiles, tels que votre téléphone mobile ou votre tablette. Cependant, les actions de la souris sur un poste de travail traditionnel sont également disponibles, ce qui vous offre davantage de flexibilité pour créer votre contenu.

Premiers pas

Une fois connecté, vous accédez au panneau de navigation. Sélectionnez l’une des options pour ouvrir la console appropriée.

Panneau de navigation

La console Sites est utilisée dans ce document pour garantir une bonne compréhension de l’utilisation de base d’AEM. Cliquez ou appuyez sur Sites pour commencer.

Navigation dans le produit

La première fois que vous accédez à une console, un didacticiel de navigation du produit démarre. Prenez quelques instants pour cliquer ou appuyer sur divers éléments afin de vous familiariser avec le fonctionnement de base d’AEM.

Tutoriel de navigation

Cliquez ou appuyez sur Suivant pour accéder à la page suivante de la présentation. Cliquez ou appuyez sur Fermer ou à l’extérieur de la boîte de dialogue de présentation pour la fermer.

Si vous ne désactivez pas l’option Ne plus afficher, la présentation redémarrera la prochaine fois que vous accéderez à la console.

Pour passer d’une console à une autre, utilisez le panneau de navigation globale. Il s’active sous la forme d’une liste déroulante au format plein écran lorsque vous cliquez ou appuyez sur le lien Adobe Experience Manager situé dans le coin supérieur gauche de l’écran.

Vous pouvez fermer le panneau de navigation globale en cliquant ou en appuyant sur Fermer pour revenir à votre position précédente.

Barre supérieure du panneau de navigation

La navigation globale se compose de deux panneaux, représentés par des icônes dans la marge gauche de l’écran :

  • Navigation : représenté par une boussole et le panneau par défaut lorsque vous vous connectez à AEM
  • Outils : représenté par un marteau

Les options disponibles dans ces panneaux sont décrites ci-dessous.

Panneau de navigation :

Panneau de navigation

Le titre de l’onglet du navigateur est mis à jour pour refléter votre emplacement lorsque vous naviguez dans les consoles et le contenu.

Les consoles suivantes sont disponibles à partir du panneau de navigation :

Console Objectif
Projets La console Projets vous donne un accès direct à vos projets. Les projets sont des tableaux de bord virtuels qui peuvent être utilisés pour créer une équipe. Vous pouvez ensuite donner à cette équipe un accès aux ressources, aux workflows et aux tâches, ce qui permet aux utilisateurs de travailler vers un objectif commun.
Sites Les consoles Sites permettent de créer, d’afficher et de gérer des sites exécutés sur votre instance AEM. Grâce à ces consoles, vous pouvez créer, modifier, copier, déplacer et supprimer des pages, démarrer des workflows et publier des pages.
Fragments d’expérience Un fragment d’expérience est une expérience autonome qui peut être réutilisée sur l’ensemble des canaux et qui présente des variations, ce qui vous évite de devoir copier et coller à plusieurs reprises des expériences ou des parties d’expériences.
Ressources La console Ressources vous permet d’importer et de gérer des ressources numériques telles que des images, des vidéos, des documents et des fichiers audio. Ces ressources peuvent ensuite être utilisées par n’importe quel site s’exécutant sur la même instance AEM.
Personnalisation Cette console propose un ensemble d’outils de création de contenu ciblé et de présentation d’expériences personnalisées.

Panneau Outils

Dans le panneau Outils se trouve un panneau latéral contenant un éventail de catégories, qui regroupe des consoles Outils similaires. Les consoles Outils vous donnent accès à un certain nombre d’outils et de consoles spécialisés pour la gestion des sites web, des ressources numériques et d’autres aspects du référentiel de contenu.

Panneau Outils

En-tête

L’en-tête est toujours affiché en haut de l’écran. La plupart des options de l’en-tête restent les mêmes où que vous soyez dans le système. Cependant, certaines d’entre elles dépendent du contexte.

En-tête de navigation

  • Navigation globale

    Sélectionnez le lien Adobe Experience Manager pour naviguer entre les consoles.

    Navigation globale

  • Rechercher

    Bouton Rechercher

    Vous pouvez également utiliser la touche de raccourci / (barre oblique) pour appeler la recherche à partir de n’importe quelle console.

  • Solutions

    Bouton Solutions

  • Aide

    Bouton Aide

  • Notifications

    Bouton Notifications

    Cette icône contiendra un badge indiquant le nombre de notifications incomplètes actuellement attribuées.

  • Propriétés de l’utilisateur

    Bouton Propriétés de l’utilisateur

  • Sélecteur de rail

    Bouton Sélecteur de rail

    Les options présentées dépendent de la console active. Par exemple, dans la console Sites, vous ne pouvez sélectionner que le contenu (valeur par défaut), la chronologie, les références ou le panneau latéral de filtrage.

    Exemple de sélecteur de rail

  • Chemin de navigation

    Chemin de navigation dans la barre de navigation

    Le chemin de navigation est situé au milieu du rail. Il affiche toujours la description de l’élément sélectionné et vous permet de naviguer au sein d’une console spécifique. Dans la console Sites, vous pouvez parcourir les différents niveaux de votre site web.

    Il vous suffit de cliquer sur le texte du chemin de navigation pour afficher une liste déroulante répertoriant les niveaux hiérarchiques de l’élément actuellement sélectionné. Cliquez sur une entrée pour accéder à cet emplacement.

    Exemple de chemin de navigation développé

  • Bouton Créer

    Bouton Créer

    Une fois que vous cliquez dessus, les options affichées sont adaptées à la console ou au contexte.

  • Vues

    L’icône Vues se trouve à l’extrémité droite de la barre d’outils AEM. Comme elle indique également la vue actuelle, elle change. Par exemple, la vue par défaut, Mode Colonnes affiche :

    Bouton Vues

    Vous pouvez basculer entre le mode Colonnes, Carte et Liste. En mode Liste, les paramètres de vue sont également affichés.

    Vues

    Remarque

    L’option Paramètres est disponible uniquement en Mode Liste.

  • Navigation au clavier

    Vous pouvez naviguer sur un site web en utilisant exclusivement le clavier. Ce processus s’appuie sur la fonctionnalité de la touche TAB (tabulation) dans un navigateur standard (ou OPT+TAB) pour vous déplacer entre les éléments de la page pouvant recevoir le focus.

    Dans la console Sites, vous pouvez ajouter l’option Passer au contenu principal. Cette option apparaît lorsque vous passez d’une option d’en-tête à une autre. Elle permet d’accélérer la navigation en ignorant les éléments standard de la barre d’outils (produit) et en accédant directement au contenu principal.

    Passer au contenu principal

Accès à l’aide

Plusieurs ressources d’aide sont disponibles :

  • Barre d’outils de la console

    Selon l’endroit où vous vous trouvez, l’icône Aide ouvre les ressources appropriées :

    Icône d’aide

  • Navigation

    La première fois que vous naviguez dans le système, une série de diapositives présente la navigation au sein d’AEM.

    Tutoriel

  • Éditeur de page

    Lorsque vous modifiez une page pour la première fois, une série de diapositives présente l’Éditeur de page.

    Tutoriel de l’éditeur

    Parcourez cet aperçu comme vous le feriez avec l’aperçu de navigation du produit la première fois que vous accédez à une console.

    Dans le menu **Informations sur la page , sélectionnez l’option Aide **pour afficher de nouveau cette présentation à tout moment.

  • Console Outils

    Dans la console Outils, vous pouvez également accéder aux ressources externes :

    • Documentation : affichez la documentation de Web Experience Management.
    • Ressources pour les développeurs : ressources et téléchargements pour les développeurs.
    Remarque

    Vous pouvez accéder à un aperçu des raccourcis clavier disponibles à tout moment à l’aide de la touche ? (point d’interrogation) lorsque vous vous trouvez dans une console.

    Pour une présentation de tous les raccourcis clavier, reportez-vous à la documentation suivante :

Barre d’outils d’actions

Lorsque vous sélectionnez une ressource (une page ou une ressource, par exemple), diverses actions sont indiquées par des icônes, avec un texte explicatif dans la barre d’outils. Ces actions dépendent de différents éléments :

L’action disponible dans la barre d’outils change pour tenir compte des actions que vous pouvez effectuer sur les éléments sélectionnés.

La manière dont vous sélectionnez une ressource dépend du mode.

En raison des restrictions d’espace dans certaines fenêtres, la barre d’outils peut rapidement dépasser l’espace disponible. Lorsque cela se produit, d’autres options s’affichent. En cliquant ou en appuyant sur les points de suspension (), vous ouvrez un menu déroulant contenant toutes les actions restantes. Par exemple, après avoir sélectionné une page dans la console Sites :

Options supplémentaires

Remarque

Les icônes individuelles disponibles sont documentées par rapport à la console, à la fonction ou au scénario approprié.

Actions rapides

Dans le mode Carte, certaines actions, en plus d’être disponibles dans la barre d’outils, le sont également sous la forme d’icônes d’actions rapides. Les icônes d’actions rapides sont disponibles pour un seul élément à la fois et évitent d’avoir à présélectionner l’action.

Les actions rapides s’affichent lorsque vous pointez (ordinateur de bureau) sur une carte de ressources. Les actions rapides disponibles dépendent de la console et du contexte. Voici, par exemple, les actions rapides relatives à une page de la console Sites :

Options supplémentaires

Affichage et sélection de ressources

L’affichage, la navigation et la sélection sont identiques sur le plan conceptuel dans tous les modes, mais leur manipulation comporte de légères variations en fonction du mode utilisé.

Vous pouvez afficher, parcourir et sélectionner (pour effectuer d’autres opérations) vos ressources dans n’importe quel mode disponible. Chaque mode peut être sélectionné par le biais d’une icône située en haut à droite :

Remarque

Par défaut, AEM Assets n’affiche pas les rendus d’origine des ressources dans l’interface utilisateur sous la forme de miniatures, et ce, quel que soit le mode. Si vous êtes administrateur, vous pouvez utiliser des incrustations pour configurer AEM Assets afin d’afficher les rendus d’origine sous la forme de miniatures.

Sélection de ressources

La sélection d’une ressource en particulier dépend de la combinaison du mode et de l’appareil :

Mode Sélectionner Tactile Sélectionner Bureau Désélectionner Tactile Désélectionner Bureau
Colonnes Appuyer sur la miniature Cliquer sur la miniature Appuyer sur la miniature Cliquer sur la miniature
Carte Appuyer sur la carte et maintenir la pression Placer le pointeur de la souris dessus, puis utiliser l’action rapide sous forme de coche Appuyer sur la carte Cliquer sur la carte
Liste Appuyer sur la miniature Cliquer sur la miniature Appuyer sur la miniature Cliquer sur la miniature

Tout sélectionner

Vous pouvez sélectionner tous les éléments d’une vue en cliquant sur l’option Sélectionner tout dans l’angle supérieur droit de la console.

  • Dans le mode d’affichage Carte, toutes les cartes sont sélectionnées.
  • En mode Liste, tous les éléments de la liste sont sélectionnés.
  • En mode Colonnes, tous les éléments de la colonne la plus à gauche sont sélectionnés.

Tout sélectionner

Tout désélectionner

Dans tous les cas, lorsque vous sélectionnez des éléments, leur nombre est affiché dans le coin supérieur droit de la barre d’outils.

Vous pouvez annuler la sélection de tous les éléments et quitter le mode de sélection en procédant comme suit :

  • Cliquez ou appuyez sur X à côté du nombre.
  • Utilisez la touche Échap.

Tout désélectionner

Quel que soit le mode, vous pouvez désélectionner tous les éléments en appuyant sur la touche Échap du clavier (si vous utilisez un ordinateur de bureau).

Exemple de sélection

  1. Par exemple, en mode Carte :

    Sélection du mode Carte

  2. Une fois que vous avez sélectionné une ressource, l’en-tête de premier niveau est couvert par la barre d’outils Actions, qui permet d’accéder aux actions actuellement applicables à la ressource sélectionnée.

    Pour quitter le mode de sélection, sélectionnez le signe X affiché en haut à droite de l’écran ou utilisez la touche Échap.

Mode Colonnes

Mode Colonnes

Le mode Colonnes permet de parcourir visuellement une arborescence de contenu au moyen d’une série de colonnes en cascade. Ce mode vous permet de visualiser et de parcourir l’arborescence de votre site web.

La sélection d’une ressource dans la colonne de gauche affiche les ressources enfants dans une colonne située à droite. La sélection d’une ressource dans la colonne de droite affiche les ressources enfants dans une autre colonne à droite, et ainsi de suite.

  • Vous pouvez parcourir l’arborescence vers le haut et vers le bas en appuyant ou en cliquant sur le nom de la ressource ou sur le chevron à droite du nom.

    • Le nom de la ressource et le chevron sont mis en surbrillance lorsque vous cliquez ou appuyez dessus.
    • Les enfants de la ressource sélectionnée sont affichés dans la colonne située à droite de la ressource concernée.
    • Si vous appuyez ou cliquez sur le nom d’une ressource qui ne contient pas d’enfants, ses détails sont affichés dans la dernière colonne.
  • Le fait d’appuyer ou de cliquer sur la miniature sélectionne la ressource.

    • Une fois la ressource sélectionnée, une coche s’affiche au-dessus de la miniature et le nom de la ressource est également mis en surbrillance.
    • Les détails de la ressource sélectionnée sont affichés dans la dernière colonne.
    • La barre d’outils Action est alors activée.

    Lorsqu’une page est sélectionnée en mode Colonne, elle est affichée dans la dernière colonne avec les informations suivantes :

    • Titre de la page
    • Nom de la page (composante de l’URL de la page)
    • Modèle sur lequel la page est basée
    • Modification des détails
    • Langue de la page
    • Détails de la publication

Mode Carte

Mode Carte

  • Le mode Carte affiche les cartes d’informations de chaque élément au niveau actuel. Fournit des informations, comme :

    • une représentation visuelle du contenu de la page ;
    • le titre de la page ;
    • des dates importantes (telles que la date de la dernière modification ou publication) ;
    • si la page est verrouillée, masquée ou fait partie d’une Live Copy ;
    • le cas échéant, le moment auquel vous devez effectuer une action dans le cadre d’un workflow.
      • Les repères qui indiquent les actions requises peuvent être liés à des entrées de votre boîte de réception.
  • Les actions rapides sont également disponibles dans ce mode pour la sélection et quelques actions courantes, telles que l’édition.

    Actions rapides

  • Vous pouvez parcourir l’arborescence vers le bas en appuyant/cliquant sur des cartes (en veillant à éviter les actions rapides), ou vers le haut en utilisant le chemin de navigation dans l’en-tête.

Mode Liste

Mode Liste

  • Le mode Liste répertorie les informations pour chaque ressource au niveau actuel.

  • Vous pouvez parcourir l’arborescence vers le bas en appuyant/cliquant sur le nom de la ressource, ou vers le haut en utilisant le chemin de navigation dans l’en-tête.

  • Pour sélectionner facilement tous les éléments de la liste, utilisez la case à cocher située dans le coin supérieur gauche de la liste.

    Tout sélectionner en mode Liste

    • Lorsque tous les éléments de la liste sont sélectionnés, cette case est cochée.

      • Cliquez ou appuyez sur la case à cocher pour désélectionner tous les éléments.
    • Lorsque seuls quelques éléments sont sélectionnés, le signe moins est affiché.

      • Cliquez ou appuyez sur la case à cocher pour sélectionner tous les éléments.
      • Cliquez ou appuyez à nouveau sur la case à cocher pour tout désélectionner.
  • Sélectionnez les colonnes à afficher à l’aide de l’option Afficher les paramètres située sous le bouton Vues. Les colonnes suivantes peuvent être affichées :

    • Nom : nom de la page ; cela peut s’avérer utile dans un environnement de création multilingue, dans la mesure où il fait partie de l’URL de la page et où il ne change pas, quelle que soit la langue.

    • Modifié : date de la dernière modification et nom de l’utilisateur responsable de la modification.

    • Publié : état de la publication.

    • Modèle : modèle sur lequel la page est basée.

    • Workflow : workflow actuellement appliqué à la page. D’autres informations sont disponibles lorsque vous déplacez la souris ou lorsque vous ouvrez la chronologie.

    • Analyse de la page

    • Visiteurs uniques

    • Temps passé sur la page

      Sélectionner des colonnes
      Par défaut, la colonne Nom est affichée ; ce nom fait partie de l’URL de la page. Dans certains cas, il se peut que l’auteur doive accéder à des pages rédigées dans une autre langue. Aussi, le fait de voir le nom de la page (qui reste généralement identique) peut s’avérer très utile si l’auteur ne connaît pas la langue de la page.

  • Modifiez l’ordre des éléments à l’aide de la barre verticale en pointillés tout à droite de chaque élément de la liste.

    Remarque

    La modification de l’ordre fonctionne uniquement dans un dossier ordonné dont la valeur jcr:primaryType est sling:OrderedFolder.

    Ordre des colonnes

    Cliquez ou appuyez sur la barre de sélection verticale, puis faites glisser l’élément vers un nouvel emplacement dans la liste.

    Liste d’ordre

Sélecteur de rail

Le sélecteur de rail est disponible dans le coin supérieur gauche de la fenêtre et affiche des options en fonction des consoles actives.

Sélecteur de rail développé

Par exemple, dans la console Sites, vous pouvez sélectionner le contenu uniquement (valeur par défaut), l’arborescence de contenu, la chronologie, les références ou le panneau latéral de filtrage.

Si Contenu uniquement est sélectionné, alors seule l’icône de rail s’affiche. Si n’importe quelle autre option est sélectionnée, le nom des options apparaît en regard de l’icône de rail.

Remarque

Des raccourcis clavier sont disponibles pour basculer rapidement entre les options d’affichage du rail.

Arborescence de contenu

L’arborescence de contenu peut être utilisée pour naviguer rapidement dans la hiérarchie du site au niveau du panneau latéral, ainsi que pour visualiser un grand nombre d’informations sur les pages du dossier en cours.

En utilisant le panneau latéral d’arborescence de contenu en même temps qu’un mode Liste ou Cartes, les utilisateurs peuvent facilement voir la structure hiérarchique du projet et naviguer aisément dans la structure de contenu à l’aide du panneau latéral d’arborescence de contenu, ainsi que visualiser des informations détaillées sur la page en mode Liste.

Arborescence de contenu

Remarque

Une fois qu’une entrée est sélectionnée dans la vue hiérarchique, les touches fléchées peuvent être utilisées pour naviguer rapidement au sein de la hiérarchie.

Voir les raccourcis clavier pour plus d’informations.

Chronologie

La chronologie peut être utilisée pour afficher et/ou lancer des événements qui se sont produits sur la ressource sélectionnée. Pour ouvrir la colonne Chronologie, utilisez le sélecteur de rail :

Arborescence de la chronologie

La colonne Chronologie permet d’effectuer les actions suivantes :

  • Afficher divers événements liés à un élément sélectionné.

    • Les types d’événements peuvent être sélectionnés dans la liste déroulante :

  • Ajouter/afficher des commentaires sur l’élément sélectionné. La zone Commentaire s’affiche dans la partie inférieure de la liste des événements. Saisissez un commentaire, puis appuyez sur Entrée pour l’enregistrer. Il s’affiche si vous sélectionnez l’option Commentaires ou Tout afficher.

  • Certaines consoles possèdent des fonctionnalités supplémentaires. Par exemple, dans la console Sites, vous pouvez :

Ces fonctionnalités sont accessibles par le biais du chevron en regard du champ Commentaires.

Champ de commentaire

Références

Les références affichent toutes les connexions avec la ressource sélectionnée. Dans la console Sites, par exemple, les références des pages affichent les informations suivantes :

  • Lancements

  • Live copies

  • Copies de langue

  • Références du contenu :

    • Liens d’autres pages vers la page sélectionnée
    • Contenu emprunté et/ou prêté à la page sélectionnée par le composant Référence

Exemples de références

Filtrer

Cette action ouvre un panneau similaire à Rechercher avec les filtres d’emplacement correspondants déjà définis, ce qui permet de filtrer davantage le contenu que vous souhaitez afficher.

Exemple de filtre

Sur cette page