¶ 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.
- Information de vigilance jaune ou rouge.
- Etat technique du serveur : nombre d'utilisateurs connectés et utilisation des ressources (uniquement pour les administrateurs).
- Bouton pour acceder à 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.
¶ 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 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) (largeur < 400px)
Si la largeur de l'écran est inférieure à 400px, l'application considère que l'utilisateur navigue sur smartphone.
Les boutons pour prendre une capture d'écran et le bouton pour basculer en plein écran disparaissent du header.
La barre de navigation latérale gauche est cachée par défaut, son affichage peut s'effectuer en appuyant sur le bouton de gauche du header.
