Interface Utilisateur

PCH-SIG dispose d'une interface web moderne et responsive, accessible depuis un navigateur.

Vue d'ensemble

L'interface se compose de trois zones principales :

┌─────────────────────────────────────────────────────────────┐
│  Barre superieure (Header)                                  │
├────────────┬────────────────────────────────────────────────┤
│            │                                                │
│   Menu     │              Zone de contenu                   │
│   lateral  │                                                │
│            │                                                │
│            │                                                │
└────────────┴────────────────────────────────────────────────┘

Barre superieure

La barre superieure contient :

Element	Description
Bouton menu	Ouvre/ferme le menu lateral (mobile) ou reduit/etend (desktop)
Selecteur de langue	Choix de la langue (Francais, Anglais)
Notifications	Cloche affichant les notifications non lues
Profil utilisateur	Acces au profil et deconnexion

Menu lateral

Le menu lateral organise les fonctionnalites en groupes thematiques. Cliquez sur un groupe pour l'etendre et voir les sous-menus.

Groupes de navigation

Tableau de bord

• Dashboard : Vue d'ensemble avec statistiques et graphiques

Registre Social

• Menages : Liste et gestion des menages
• Doublons : Detection et fusion des doublons
• Documents d'identite : Verification des pieces d'identite
• Eligibilite : Regles et criteres d'eligibilite

Programmes

• Bailleurs : Gestion des bailleurs de fonds
• Programmes : Configuration des programmes sociaux

Sante (ASC)

• ASC : Gestion des Agents de Sante Communautaire
• Cycles ASC : Cycles de subside des ASC

Transferts Monetaires

• Cycles : Cycles de paiement
• Beneficiaires : Liste des beneficiaires actifs
• Paiements : Suivi des transferts
• Recurrence : Cycles recurrents automatiques
• Reconciliation : Rapprochement des paiements
• Comptes operateurs : Comptes Mobile Money et bancaires

MGP - Plaintes

• Plaintes : Mecanisme de gestion des plaintes
• Mes assignations : Plaintes assignees a l'utilisateur

Donnees

• KoBoToolbox : Synchronisation des formulaires Kobo
• Survey Solutions : Integration Survey Solutions
• Carte SIG : Visualisation cartographique

Monitoring

• Qualite des donnees : Indicateurs de qualite
• Couverture : Suivi de la couverture geographique
• Climat : Donnees de vulnerabilite climatique

Rapports

• Rapports : Generation de rapports
• Rapports gouvernement : Rapports officiels

Administration

• Audits : Journal d'audit des actions
• Parametres : Configuration du systeme

Reduire le menu

Sur desktop, cliquez sur le bouton de reduction pour passer en mode icones uniquement. Le menu conserve les icones des groupes, et un survol affiche les sous-menus.

Navigation mobile

Sur mobile et tablette :

1. Le menu lateral est masque par defaut
2. Cliquez sur l'icone hamburger (☰) pour l'ouvrir
3. Le menu s'affiche en overlay sur le contenu
4. Cliquez a l'exterieur pour le fermer

Zone de contenu

La zone de contenu affiche la page active. Les elements communs incluent :

En-tete de page

• Titre : Nom de la page ou du module
• Fil d'Ariane : Navigation hierarchique (ex: Menages > Detail > #12345)
• Actions : Boutons d'action contextuels (Creer, Exporter, etc.)

Tableaux de donnees

• Recherche : Champ de recherche rapide
• Filtres : Panneau de filtres avances
• Pagination : Navigation entre les pages
• Selection : Cases a cocher pour actions groupees
• Tri : Cliquez sur les en-tetes de colonnes

Formulaires

• Champs obligatoires : Marques d'un asterisque (*)
• Validation : Messages d'erreur en rouge sous les champs
• Boutons : Enregistrer, Annuler, Supprimer

Notifications toast

Les notifications temporaires apparaissent en haut a droite :

• Vert : Succes (action reussie)
• Rouge : Erreur (echec de l'action)
• Jaune : Avertissement
• Bleu : Information

Raccourcis clavier

Raccourci	Action
Ctrl + K	Recherche globale
Escape	Fermer une modale
Enter	Valider un formulaire

Mode hors ligne

Quand la connexion est perdue, un indicateur rouge apparait dans la barre superieure. Les donnees consultees restent accessibles en lecture, mais les modifications sont desactivees jusqu'au retour de la connexion.

Personnalisation

Langue

Changez la langue via le selecteur dans la barre superieure. Le choix est sauvegarde dans votre navigateur.

Etat du menu

L'etat du menu lateral (etendu ou reduit) est conserve entre les sessions.

Accessibilite

L'interface respecte les bonnes pratiques d'accessibilite :

• Navigation au clavier
• Contrastes de couleurs suffisants
• Labels sur les champs de formulaire
• Messages d'erreur explicites