Environnement et outils de création

L’environnement de création d’AEM comprend divers mécanismes permettant d’organiser et de modifier votre contenu. Les outils fournis sont accessibles dans plusieurs consoles et éditeurs de page, par exemple :

  • IU optimisée pour les écrans tactiles - Console

    La console Sites de l’IU optimisée pour les écrans tactiles vous permet de parcourir et de gérer votre site Web en utilisant la barre d’en-tête, le rail de navigation, la barre d’outils, les icônes d’action (applicables pour la ressource sélectionnée) et, s’ils sont sélectionnés, les rails secondaires (par ex., référence, frise chronologique et recherche) :

    file
  • IU optimisée pour les écrans tactiles - Création de page

    Vous pouvez modifier une page dans l’IU optimisée pour les écrans tactiles en utilisant (par exemple) l’explorateur de composants :

    file

    Remarque

    La première fois que vous ouvrez une page pour la modifier dans l’IU optimisée pour les écrans tactiles, les différentes fonctions vous sont présentées dans une série de diapositives.

    Vous pouvez ignorer cette présentation ou la revoir à tout moment en sélectionnant l’icône d’aide.

  • IU classique - Console

    La console Sites Web de l’IU classique vous permet également de gérer et de parcourir votre site Web. Utilisez ses deux volets pour développer la structure de votre site Web et agir sur l’élément requis :

    file
  • IU classique - Création

    L’IU classique comporte un éditeur de page distinct, qui utilise l’outil de recherche de contenu et le sidekick :

    file

Accès à l’Aide

Plusieurs ressources d’Aide sont accessibles directement depuis AEM :

  • Interface utilisateur optimisée pour les écrans tactiles

    L’Aide est accessible à partir de la barre d’outils en divers emplacements, y compris les consoles et l’éditeur de page.

    D’autres ressources sont disponibles dans la console Outils.

  • IU classique

    Vous pouvez accéder à l’Aide à partir des barres d’outils de la console, mais aussi en utilisant cette icône dans le sidekick lors de la modification d’une page :

    file

    Comme présenté ici :

    file

Sélection des composants

Remarque

Les deux interfaces utilisateur (classique et optimisée pour les écrans tactiles) proposent les mêmes composants.

Explorateur de composants - IU optimisée pour les écrans tactiles

L’explorateur de composants présente tous les composants que vous pouvez utiliser sur la page active. Faites-les glisser à l’emplacement de votre choix, puis modifiez-les pour ajouter du contenu.

Pour ouvrir (ou fermer) l’explorateur de composants, utilisez l’icône en haut à gauche de la barre d’outils :

file

Lorsque vous l’ouvrez, l’explorateur de composants coulisse depuis la gauche. Sélectionnez l’onglet Composants si nécessaire.

L’aspect et la gestion de l’explorateur dépendent du type de périphérique utilisé :

  • Appareil mobile, iPad par exemple

    L’explorateur de composants couvre entièrement la page en cours de modification.

    Pour ajouter un composant à votre page, maintenez appuyé le composant requis (l’explorateur de composants se ferme pour afficher de nouveau la page) là où vous souhaitez placer le composant.

    Remarque

    Un appareil mobile est détecté si la résolution est de 1 024 px au maximum.

    file
  • Périphérique de bureau

    L’explorateur de composants s’ouvre sur le côté gauche de la fenêtre.

    Pour ajouter un composant à votre page, cliquez sur le composant souhaité et faites-le glisser vers l’emplacement requis.

    file

    Si l’explorateur est complètement ouvert, vous pouvez parcourir tous les composants disponibles pour votre page.

    Les groupes de composants sont signalés par texte et par couleur ; le groupe Général est toujours en tons de vert, les autres groupes se voient attribuer une couleur aléatoire (jusqu’à dix couleurs au maximum ; s’il y a plus de dix groupes, les mêmes couleurs sont réutilisées).

    Dans la barre d’outils supérieure de l’explorateur de composants, vous pouvez effectuer ce qui suit :

    • filtrer les composants par nom ;
    • restreindre l’affichage à un groupe spécifique en utilisant la liste déroulante.

Sidekick - IU classique

Dans l’onglet Composants du sidekick, vous pouvez parcourir les composants pouvant être ajoutés à la page active. Le groupe requis peut être développé, puis un composant glissé jusqu’à l’emplacement de votre choix sur la page.

file

Sélection des ressources

Explorateur de ressources - IU optimisée pour les écrans tactiles

L’explorateur de ressources présente toutes les ressources pouvant être utilisées directement sur votre page active.

Pour ouvrir (ou fermer) l’explorateur de ressources, utilisez l’icône en haut à gauche de la barre d’outils :

file

Lorsque vous l’ouvrez, l’explorateur de ressources coulisse depuis la gauche. Sélectionnez l’onglet Ressources si nécessaire :

Si l’explorateur est ouvert, vous pouvez parcourir les ressources disponibles pour votre page. Le défilement infini permet de développer la liste quand cela s’avère nécessaire.

Pour ajouter une ressource à votre page, sélectionnez-la et faites-la glisser jusqu’à l’emplacement requis.

  • Appareil à écran tactile
    Appuyez sur une ressource et maintenez-la enfoncée puis faites-la glisser.
  • Bureau
    Cliquez sur une ressource et faites-la glisser.

Dans la barre d’outils supérieure de l’explorateur de ressources, vous pouvez effectuer ce qui suit :

  • filtrer les ressources par nom ;
  • filtrer les ressources par type (par ex. images ou documents) ;
  • filtrer les ressources par caractéristiques ; cette option est disponible pour certains types de ressources, par exemple les images peuvent être filtrées par Orientation (Portrait, Paysage, Carré) et par Style (Couleur, Monochrome, Niveaux de gris).

L’aspect et la gestion de l’explorateur dépendent du type de périphérique utilisé :

  • Appareil mobile, iPad par exemple

    L’explorateur de ressources couvre entièrement la page en cours de modification.

    Pour ajouter une ressource à la page, appuyez sur la ressource de votre choix et maintenez-la enfoncée (l’explorateur de composants se ferme pour réafficher la page).

    Remarque

    Un appareil mobile est détecté si la résolution est de 1 024 px au maximum.

    file
  • Périphérique de bureau

    L’explorateur de ressources s’ouvre sur le côté gauche de la fenêtre.

    Pour ajouter une ressource à votre page, cliquez sur le composant souhaité et faites-le glisser vers l’emplacement requis.

    file

Outil de recherche de contenu - IU classique

L’outil de recherche de contenu constitue un moyen simple et rapide de rechercher des ressources ou du contenu dans le référentiel lors de la modification d’une page.

Utilisez l’outil de recherche de contenu pour localiser une plage de ressources. Au besoin, faites glisser un élément sur un paragraphe de la page :

Pour toutes les options, vous pouvez rechercher des éléments spécifiques.

Trouver des images

Cet onglet répertorie toutes les images présentes dans le référentiel.

Après avoir créé un paragraphe Image sur votre page, vous pouvez y faire glisser un élément.

file

Trouver des documents

Cet onglet répertorie tous les documents présents dans le référentiel.

Après avoir créé un paragraphe Téléchargement sur votre page, vous pouvez y faire glisser un élément.

file

Trouver des films

Cet onglet répertorie toutes les vidéos (éléments Flash, par ex.) présentes dans le référentiel.

Après avoir créé un paragraphe approprié (par ex. Flash) sur votre page, vous pouvez y faire glisser un élément.

file

Produits

Cet onglet répertorie tous les produits. Après avoir créé un paragraphe approprié (par ex. Produit) sur votre page, vous pouvez y faire glisser un élément.

file

Trouver des pages

Cet onglet affiche toutes les pages. Double-cliquez sur une page pour l’ouvrir à des fins d’édition.

file

Référencer des paragraphes à partir d’autres pages

Cet onglet vous permet de rechercher une autre page. Tous les paragraphes de cette page sont répertoriés. Vous pouvez ensuite faire glisser un paragraphe vers la page en cours ; cela a pour effet de créer une référence vers le paragraphe d’origine.

file

Utilisation de l’affichage du référentiel entier

Cet onglet affiche toutes les ressources du référentiel.

file

Recherche avec l’explorateur de contenu

Vous pouvez rechercher des éléments spécifiques pour toutes les options. Toutes les balises et ressources correspondant au modèle de recherche sont répertoriées :

file

Vous pouvez également utiliser des caractères génériques pour la recherche. Les caractères génériques suivants sont pris en charge :

  • *
    correspond à une suite de zéro ou plusieurs caractères.
  • ?
    correspond à un seul caractère.

Remarque

Un « nom » de propriété pseudo doit être utilisé pour effectuer une recherche de caractères génériques.

Par exemple, si l’image disponible se nomme :

    ad-nmvtis.jpg

les schémas de recherche suivants la trouvent (ainsi que toute autre image correspondant au schéma) :

  • name:*nmv*
  • name:AD*
    la correspondance de caractères n’est pas sensible à la casse.
  • name:ad?nm??is.*
    vous pouvez utiliser un nombre indéfini de caractères génériques dans une requête.

Remarque

Vous pouvez également utiliser la recherche SQL2.

Affichage des références de page

Affichage des références - IU optimisée pour les écrans tactiles

Les références signalent toutes les connexions avec la page sélectionnée :

  • lancements
  • live copies
  • copies de langue
  • liens externes
  • utilisation du composant de référence

Ouvrez la console appropriée, puis accédez à la ressource requise et sélectionnez-la (mode de sélection). Ouvrez le rail secondaire, Références, comme suit :

file

Sélectionnez le type de référence approprié pour en savoir plus :

file

Remarque

Sur un appareil mobile, le rail est masqué lorsque la colonne Références s’ouvre (en raison des restrictions d’espace).

Affichage des références - IU classique

AEM vous permet de visualiser les pages liées à la page en cours de traitement.

Pour afficher les références de page directes :

  1. Dans le sidekick, sélectionnez l’icône de l’onglet Page.

    file
  2. Sélectionnez Afficher les références.... CQ ouvre la fenêtre Références et affiche les pages qui font référence à la page sélectionnée, y compris leurs chemins d’accès.

    file

Affichage de l’activité de la page

Frise chronologique - IU optimisée pour les écrans tactiles

Pour obtenir des ressources appropriées (par ex. pages de la console Sites ou ressources de la console Ressources), utilisez la frise chronologique pour afficher l’activité récente pour les éléments sélectionnés.

Ouvrez la console appropriée, puis accédez à la ressource requise et sélectionnez-la (mode de sélection). Ouvrez le rail secondaire, Frise chronologique, comme suit :

file

Sélectionnez Afficher tout ou Activités pour répertorier les activités récentes pour les ressources sélectionnées :

file

Remarque

Sur un appareil mobile, le rail est masqué à l’ouverture de la colonne Frise chronologique (en raison des restrictions d’espace).

Journal d’audit - IU classique

Le journal d’audit est accessible depuis l’onglet Informations du sidekick. Il répertorie les actions récentes entreprises sur la page active, par exemple :

file

Informations sur la page - IU optimisée pour les écrans tactiles

L’icône Informations sur la page (icône i) ouvre un menu qui contient des détails sur la dernière modification (icône de crayon) et la dernière activation (icône de globe). Selon les caractéristiques de la page (et le site dans lequel elle se trouve), d’autres options peuvent être disponibles :

file

Par exemple, si cela est approprié, l’icône Informations sur la page présente également les options suivantes :

  • Donne accès aux analyses et aux recommandations.
  • Permet de déployer une page.

Informations sur la page - IU classique

La console Sites Web fournit également des informations sur l’état actuel de la page ; par ex., publication, modification, verrouillée, live copy, etc.

Modes de page

Modes - IU optimisée pour les écrans tactiles

Lors de la modification d’une page dans l’IU optimisée pour les écrans tactiles, plusieurs modes sont disponibles :

  • Edition - Mode à utiliser pour modifier le contenu de la page
  • Aperçu - Permet d’afficher la page comme elle sera présentée dans l’environnement de publication
  • Annoter - Permet d’ajouter ou d’afficher des annotations sur la page
  • Développeur - Permet d’inspecter les détails techniques d’une page et de ses composants (droits d’accès requis)
  • Ciblage

Vous pouvez y accéder en utilisant l’icône dans le coin supérieur droit ; l’icône se changera alors pour refléter le mode que vous utilisez actuellement :

file

Remarque

Le mode Conception est disponible dans l’IU classique uniquement, mais non dans l’IU optimisée pour les écrans tactiles.

Remarque

Le mode Développeur n’est pas accessible sur les appareils mobiles (restrictions d’espace).

Modes - IU classique

Lors de la modification d’une page dans l’IU classique, plusieurs modes sont accessibles à l’aide des icônes au bas du sidekick :

file

La rangée d’icônes située au bas du sidekick permet de changer de mode pour le traitement des pages :

  • Edition
    Il s’agit du mode par défaut qui vous permet de modifier la page, d’ajouter ou de supprimer des composants et d’effectuer d’autres modifications.
  • Aperçu
    Ce mode permet d’afficher un aperçu de la page comme si elle apparaissait sur votre site Web sous sa forme définitive.
  • Conception
    Dans ce mode, vous avez la possibilité de modifier la conception de la page en configurant les composants accessibles.

Remarque

D’autres options sont également disponibles :

Mode de conception - IU classique

En mode de conception, le sidekick est réduit et vous avez la possibilité de modifier la conception de la page en configurant les composants accessibles. Par exemple, si vous cliquez sur Modifier sur le système Paragraphe (Design of par), vous pouvez ajouter ou supprimer les composants disponibles dans le sidekick :

file

La boîte de dialogue qui s’ouvre répertorie les groupes de composants visibles dans le sidekick :

file

Le sidekick se réduit en mode de conception. Vous pouvez agrandir le sidekick en cliquant sur la flèche et revenir ainsi au mode Edition :

file

Raccourcis clavier

Divers raccourcis clavier sont disponibles dans les IU classique et optimisée pour les écrans tactiles.

​