5.1 Organisation de l’affichage

5.1.1 La barre de menus

Comme la partie publique du site Web, la partie administrative de Joomla! est constituée de plusieurs
éléments. La barre de menus en haut (voir Figure 5.1) présente les différents menus. Du côté droit se
trouve quatre éléments :

  • un lien direct vers le site Web (Prévisualiser) ;
  • un témoin d’affichage du nombre de nouveaux courriels reçus ;
  • un témoin d’affichage du nombre d’utilisateur actuellement connecté ;
  • le bouton Déconnexion.

La barre de menus

Figure 5.1 La barre de menus

5.1.2 La barre d’outils

Juste sous la barre de menus se trouve la barre d’outils (voir Figure 5.2). Voici par exemple celle des
éléments du menu principal Main Menu.

Exemple de barre d’outils

Figure 5.2 Exemple de barre d’outils.

À gauche est rappelé le nom de la sous-section courante avec son icône. Plus à droite se trouve un
nombre variable de boutons-action. Lorsque vous amenez le pointeur sur un tel bouton, il est mis en
valeur. Il suffit de cliquer avec le bouton gauche pour lancer la commande correspondante. Le tableau
suivant présente les boutons-action que vous rencontrerez le plus souvent.

Bouton-action Description
Affecter (ASSIGN) Lʼélément sélectionné est associé à un autre élément
Aide (HELP) Accès à lʼAide en ligne de Joomla!
Annuler (CANCEL) Les modifications sont abandonnées
Aperçu (PREVIEW) Lʼélément sélectionné sʼAffiche dans une fenêtre indépendante en aperçu
Appliquer (APPLY) Les modifications sont enregistrées mais la boîte reste ouverte
Archiver (ARCHIVE) Lʼélément sélectionné sera envoyé dans lʼarchive
Copier (COPY) Lʼélément sélectionné est récupéré dʼune autre section, dʼune autre catégorie
Corbeille (TRASH) Lʼélément sélectionné sera envoyé dans la Corbeille
Créer (CREATE) Un sous-répertoire est créé sur le serveur
Défaut (DEFAULT) Lʼélément sélectionné devient lʼélément standard
Déplacer (MOVE) Lʼélément sélectionné est envoyé dans une autre section ou une autre catégorie
Dépublier (UNPUBLISH) Lʼélément sélectionné sera retiré de la partie publique
Éditer (EDIT) Lʼélément sélectionné est chargé en mode Édition
Nouveau (NEW/NEW ITEM) Crée un nouvel élément (lien, contact, actualité)
Publier (PUBLISH) Lʼélément sélectionné sera publié
Restaurer (RESTORE/UNTRASH) Lʼélément sélectionné est récupéré de la Corbeille
Sauver (SAVE) Lʼélément sélectionné est enregistré et la boîte fermée
Supprimer (DELETE ou REMOVE) Lʼélément sélectionné sera effacé
Transférer (UPLOAD) Le fichier sélectionné est transféré sur le serveur

Tableau 5.1 : Principaux boutons-action de la barre d’outils

5.1.3 Les sous-menus

Souvent, la barre d’outils surplombe des sous-menus. La Figure 5.3 montre les trois sous-menus de
la gestion des bannières, avec les trois onglets BANNIÈRES, CLIENTS et CATÉGORIES. Il arrive qu’un message du système soit affi ché à cet endroit (voir Figure 5.4).

Les sous-menus de la gestion des bannières

Figure 5.3 Les sous-menus de la gestion des bannières.

Les sous-menus de la configuration générale

Figure 5.4 Les sous-menus de la configuration générale.

5.1.4 Composants de filtrage

De temps à autre, vous avez accès à des composants de filtrage sous les sous-menus. Ils permettent
de filtrer les données affi chées dans la partie inférieure selon différents critères (voir Figure 5.5).
Vous pouvez lancer une recherche ou par exemple n’Afficher que les modules situés à une position
spécifique. Lorsque vous sélectionnez par exemple un template (modèle) dans la liste de filtrage,
seuls les modules qui font partie de ce template sont présentés.

Composants de filtrage

Figure 5.5 Composants de filtrage.

5.1.5 Zone d’affichage du contenu

Sous les éventuels composants de filtrage se situe la vaste surface d’affichage des contenus. Elle
existe en trois variantes principales.

5.1.6 Listes

Ce format sert à présenter des éléments sous forme de liste. Une case à cocher ou un clic dans une
ligne permet de choisir l’élément sur lequel intervenir. La case à cocher du haut de la colonne sert à
sélectionner tous les éléments en un seul geste. Ce genre de liste contient souvent une fonction de tri.

Fréquemment, vous pouvez activer ou désactiver un élément en cliquant directement sur son nom.
Sous la liste apparaissent parfois des boutons de navigation. En bas de fenêtre, un champ permet de
définir le nombre d’éléments listés pour chaque page écran. L’exemple correspond au contenu du
menu Key Concepts (voir Figure 5.6).

Exemple de contenu au format liste

Figure 5.6 Exemple de contenu au format liste.

5.1.7 Format boîte de dialogue

Ce format permet d’Afficher les détails d’un seul élément (voir Figure 5.7). Il peut s’agir d’un
contenu, d’un module, d’un menu, d’un élément de menu, d’un template ou autre. En général, la partie
gauche contient les paramètres généraux, et la partie droite les paramètres détaillés pour l’élément
de gauche. Mais il n’est pas simple de toujours séparer clairement les propriétés générales des propriétés détaillées. Vous trouverez donc parfois du côté gauche des valeurs directement paramétrables.

Exemple de format boîte de dialogue

Figure 5.7 Exemple de format boîte de dialogue.

5.1.8 Format divers

Nous englobons sous ce terme les affichages spécifiques comme celui du PANNEAU D’ADMINISTRATION (voir Figure 5.8) qui s’Affiche au départ lorsque vous vous connectez à la partie administrative. La partie gauche réunit des boutons pour les principales commandes. La partie droite donne des informations concernant le site Web. Certains contenus de Joomla! ne pouvant pas être affi chés en utilisant le format liste, ou le format boîte, vous rencontrerez de temps à autre des sections avec un format particulier. La systématique des affichages est diffi cile à maintenir dans le cas des composants additionnels complexes.

Exemple d’affichage spécifique

Figure 5.8 Exemple d’affichage spécifique.