A.2.2.4 — Découverte de l'interface

2.4 Découverte de l'interface

Une fois connecté, vous accédez à l'interface principale de la PIGBF. Celle-ci est composée de trois zones permanentes qui restent visibles quelle que soit la page consultée.

📸 Capture d'écran à insérer : Vue générale de l'interface après connexion : tableau de bord affiché au centre, menu latéral à gauche avec tous les modules, barre supérieure en haut avec l'année scolaire, les icônes et l'avatar utilisateur. Les trois zones sont identifiées par des annotations : "1 - Menu latéral", "2 - Barre supérieure", "3 - Zone de contenu centrale"

2.4.1 Le menu latéral (navigation principale)

Le menu latéral est situé à gauche de l'écran. Il donne accès à l'ensemble des modules de la plateforme, organisés par groupes fonctionnels logiques. Chaque groupe est affiché avec son libellé en lettres capitales grises, suivi des modules qui le composent.

Structure complète du menu (rôle Super Admin / Admin) :

Cliquer sur une entrée de menu qui possède des sous-menus la développe pour afficher ses sous-sections. Un second clic la referme. Le bouton fléché (chevron) en haut du menu latéral permet de réduire entièrement la barre latérale à une bande d'icônes, libérant ainsi de l'espace pour la zone de contenu — utile sur les écrans de petite taille.

Les modules affichés varient selon les droits attribués à votre rôle. Un utilisateur Admin ONG, par exemple, ne verra pas les modules Prestataires ou Paramètres complets.

📸 Capture d'écran à insérer : Menu latéral entièrement déroulé (rôle Super Admin) : tous les groupes et leurs sous-menus visibles, élément actif surligné en bleu, bouton fléché en haut pour réduire

📸 Capture d'écran à insérer : Menu latéral réduit en mode icônes : seules les icônes sont visibles, les libellés ont disparu, le bouton fléché pointe vers la droite pour élargir

2.4.2 La barre supérieure

La barre supérieure, fixe en haut de l'écran, affiche en permanence plusieurs éléments essentiels à la navigation et au contexte de travail :

Sélecteur d'année scolaire (à gauche ou au centre) : affiche l'année scolaire en cours (ex. : 2024-2025 ▼). Ce paramètre est le filtre global de toute la plateforme : il détermine quelles données sont affichées dans tous les modules. Un clic dessus ouvre la liste des années disponibles.

Icône de notifications (cloche) : indique la présence d'alertes ou de messages système en attente de consultation. Un badge numérique rouge signale le nombre de notifications non lues.

Icône des paramètres (engrenage) : accès rapide à certains réglages de l'interface.

Menu utilisateur (coin supérieur droit) : affiche l'avatar et le nom de l'utilisateur connecté. Un clic ouvre un menu déroulant donnant accès à Mon profil et à la fonction de Déconnexion.

📸 Capture d'écran à insérer : Barre supérieure zoomée : sélecteur "2024-2025 ▼" visible à gauche, icône cloche avec badge rouge au centre, icône engrenage, puis avatar rond avec initiales et nom de l'utilisateur à droite

2.4.3 La zone de contenu centrale

C'est dans cette zone principale que s'affichent les pages, tableaux, formulaires, graphiques et détails de chaque module. Son contenu change dynamiquement selon la section sélectionnée dans le menu latéral. Elle occupe la majeure partie de l'écran et est scrollable verticalement lorsque le contenu dépasse la hauteur de l'écran.