Interface graphique et ergonomie

L'interface du CMS est composée de trois zones principales :

  1. Zone centrale
    1. Politique d'affichage des onglets dans la zone principale
  2. Zone latérale
    1. Onglets de la zone latérale
  3. Ruban
    1. Onglets contextuels
      1. Exemples

Cette page détaille ces zones, explique la politique d'affichage des onglets par zone, et présente quelques astuces.
Nous vous conseillons au préalable de lire la rapide présentation de l'interface d'Ametys de la section Debuter avec Ametys.

Zone centrale

C'est la zone principale de travail. Elle sert généralement à éditer les contenus et paramétrer les pages, mais c'est aussi ici que se lance la plupart des outils que vous serez amené à utiliser.

Cette zone affiche trois type de composants :

  • Les outils, tels que la recherche, l'aide, le tableau de bord, etc..
  • Les pages
  • Les contenus

Chacun de ces types de composants est représenté par des onglets de couleurs différentes :

  • gris pour les outils
  • jaune pour les pages
  • rouge pour les contenus

L'onglet courant (celui qui est actuellement sélectionné) est mis en valeur avec l'ajout d'une surbrillance bleue.

L'outil de recherche est sélectionné
 

Le contenu Nouvel Article est sélectionné

Politique d'affichage des onglets dans la zone principale

Dans vos préférences, vous pouvez sélectionner la méthode de gestion des onglets de la zone principale.

  • Un onglet par couleur :
    Seul un onglet de chaque couleur sera ouvert : un onglet gris pour les outils, un onglet jaune pour les pages, un onglet rouge pour les contenus. A utiliser pour avoir un minimum d'onglets ouverts.

  • Un onglet par outil :
    Chaque outil sera ouvert dans un onglet différent mais seul un onglet jaune sera ouvert pour les pages et un onglet rouge pour les contenus.

  • Plusieurs onglets par outil si nécessaire :
    Ouvrira autant d'onglets que nécessaire, il sera alors possible d'avoir plusieurs pages et contenus ouverts en même temps. C'est l'option par défaut.

Pour ouvrir vos préférences, cliquez sur le bouton Ametys situé en haut à gauche de l'interface pour sélectionner Mes préférences.

Zone latérale

Cette zone permet de manipuler un certains nombres d'outils prédéfinis comme :

  • Le plan du site (voir la section Pages et Plan du site ci-dessous)
  • L'explorateur de ressources
  • L'historique d'un contenu 
  • ...

Explorateur de ressourcesHistorique d'un contenu

Exemples d'outils ouverts dans la zone latérale

Lorsque vous effectuez des modifications dans le CMS, il est possible qu'un de vos outils de la zone centrale ou latérale ne soit plus à jour. Dans un tel cas, vous serez notifié par l'apparition d'un bandeau jaune explicatif en haut de l'outil à actualiser.

Exemple : l'outil Propriétés n'est plus à jour

Il est possible d'ajuster la largeur de la zone latérale à l'aide de la souris. Une fois votre curseur positionné entre la zone latérale et la zone principale, maintenez le bouton gauche de la souris enfoncé et déplacez le curseur pour modifier la largeur de la zone à votre guise.

 

 

 

 

Votre curseur doit être positionné dans la zone violette.


L'icône du curseur prendra alors la forme suivante pour vous avertir de la possibilité de modifier la largeur de la zone latérale :

Onglets de la zone latérale

Cette zone n'affichant que des outils, par conséquent, tous les onglets de cette zone sont gris.

Zone latérale avec l'outils Explorateur de ressources sélectionné
 

Ruban

C'est la zone d'outils de commandes, qui est une particulièrement dynamique.
Elle est composée d'onglets et de boutons et se met à jour automatiquement en fonction des outils ouverts.

Un ensemble d'onglets du rubanUn zone de boutons du ruban

Les onglets et l'ensemble des boutons visibles dépendent du contexte courant. C'est-à-dire que l'affichage varie suivant les outils ouverts ou actifs.
Par exemple, l'ouverture d'une page fera apparaître l'onglet contextuel Page tout comme la sélection d'un tableau en mode édition fera apparaître l'onglet contextuel Outils de tableau visible ci-dessus.

Le ruban par défaut de la version de démonstration possède trois onglets statiques qui sont :

Ces onglets sont de couleur violette, celui sélectionné est de couleur gris clair :

L'onglet Accueil est sélectionné

Astuce
Il est possible de faire disparaître momentanément les boutons du ruban en double-cliquant n'importe où dans la zone des onglets (bande violette). Cela permet de gagner de l'espace pour les utilisateurs qui possèdent un petit écran.

Onglets contextuels

Le ruban dispose d'un mécanisme d'onglets contextuels. Ce sont des onglets dynamiques qui apparaissent/disparaissent suivant le contexte (l'objet sélectionné, les outils ouverts, ...).
Les onglets contextuels appartiennent généralement à un groupe pouvant regrouper plusieurs de ces onglets. Dans un souci d'ergonomie, les groupes et les onglets possèdent des couleurs variées, en revanche celles-ci n'ont pas de signification particulière.

Exemples

L'ouverture de l'explorateur de ressources ouvre un onglet contextuel nommé Ressources dans un groupe du même nom :



La sélection d'un contenu dans une page ouvr une groupe Page et sélectionne l'onglet Contenu.


La création d'un tableau en mode édition d'un contenu ouvre un groupe Outils de tableau et sélectionne l'onglet Tableau. On remarque que le groupe d'onglets Édition est aussi disponible, ce qui permet à l'utilisateur de revenir dans le menu d'édition du contenu sans quitter le travail en cours sur le tableau.