¶ 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 des informations diverses.
- Etat technique du serveur : nombre d'utilisateurs connectés et utilisation des ressources (uniquement pour les administrateurs).
- Bouton pour prendre une capture d'écran de l'application.
- Bouton pour basculer Horus en plein écran.
- Ouvre le menu latéral droit de configuration.
- Informations sur l'utilisateur connecté. Cliquez 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.
