¶ Interface utilisateur
¶ Présentation
L'interface utilisateur est composée de plusieurs éléments :
- Le header (en haut de l'écran)
- Le menu latéral gauche de navigation
- Le contenu principal
- Le menu latéral droit de configuration (caché par défaut)
¶ Header
Le header correspond à la partie supérieure de l'écran.
Voici ses fonctionnalités :
- Ce bouton permet d'afficher ou de cacher le menu latéral gauche de navigation.
- Ces informations correspondent au statut de l'application et permettent de communiquer diverses informations. Les messages d'alerte restent toujours visibles : sur poste fixe, des puces colorées par sévérité accompagnent chaque message ; sur mobile, les messages défilent automatiquement avec un compteur.
- Information de vigilance jaune ou rouge. La période horaire concernée s'affiche sous le badge de vigilance : le badge apparaît en contour avant la période et en plein pendant celle-ci. Survolez un badge pour afficher son infobulle de détail.
- Etat technique du serveur : nombre d'utilisateurs connectés et utilisation des ressources (uniquement pour les
administrateurs). - Bouton pour accéder à la documentation
- Bouton pour Envoyer un rapport de bug ou une suggestion d'amélioration.
- Bouton pour prendre une capture d'écran de l'application.
- Bouton pour basculer Horus en plein écran.
- Bouton pour ouvrir le menu latéral droit de configuration utilisateur.
- Bouton pour afficher des informations sur l'utilisateur connecté et pour **se déconnecter
**.
Thème clair / sombre : par défaut, le thème de l'application suit la préférence de votre système d'exploitation. Un choix manuel du thème dans les paramètres utilisateur reste prioritaire.
¶ Menu latéral gauche
Utilisez ce menu pour naviguer entre les différentes pages du site. Chaque rubrique correspond à une page du site.
Ce menu peut être modifié en fonction des modules activés par un SDIS ou bien en fonction
des permissions de l'utilisateur (accès administrateur)
naviguant sur le site.
¶ Contenu principal
Cette partie de l'interface correspond à la page en elle-même. Alors que le header et les menus latéraux restent plus ou
moins
identiques entre le changement de page, cette partie de l'interface affiche le contenu de la page en elle-même et change
donc d'apparence en conséquence.
¶ Responsive
Pour permettre l'utilisation de l'application sur plusieurs types d'appareils (ordinateurs, smartphones, tablettes...),
l'interface utilisateur est responsive, c'est-à-dire qu'elle s'adapte à la taille de l'écran de l'appareil utilisé.
Des éléments peuvent être masqués ou réorganisés en fonction de la taille de l'écran.
Comparons les différentes vues:
¶ Vue écran large (ordinateur)
¶ Vue écran moyen (tablette)
¶ Vue écran petit (smartphone)
Si la largeur de l'écran est inférieure à 768px, l'application considère que l'utilisateur navigue sur smartphone. L'interface s'adapte alors en profondeur :
- Une barre de navigation basse remplace le menu latéral : elle donne accès aux écrans principaux (Tableau de bord, Interventions, Carte, Alertes, Plus) et s'adapte aux droits de chaque utilisateur.
- L'en-tête est compact : les entrées Wiki, Feedback et Paramètres rejoignent le menu utilisateur ; les boutons de capture d'écran et de plein écran disparaissent.
- Les fenêtres modales s'affichent en plein écran pour faciliter la lecture et la saisie.
- Les notifications (toasts) apparaissent en haut au centre de l'écran.
- Les saisies sont facilitées : sélecteur de date natif du téléphone, champs dimensionnés pour éviter le zoom automatique sur iOS, curseurs avec saisie fine au clavier.
- Les tableaux sont paginés automatiquement avec un nombre de colonnes réduit, et les longues listes se chargent progressivement avec un bouton « Afficher plus ».
Voir aussi Mobile et mode hors-ligne pour l'installation d'HORUS comme application (PWA).