Identification du document. Identification de la société cliente

Transcription

1 Référentiel documentaire projet ITIN Page : 1 / 18 Identification du document Titre du document : Spécifications IHM du projet Vidéosurveillance multi-sites Référence : vsm2_sihm_v1.0 Nom du fichier : vsm2_sihm _v1.0.docx Identification de la société cliente Nom : Université de Cergy-Pontoise Téléphone : Adresse : Site de Saint-Martin 2 rue Adolphe Chauvin Cergy-Pontoise Contact 1 : Contact 2 : Contact 3 : Nom : RENIER Nom : Nom : Prénom : Guillaume Prénom : Prénom : Téléphone : Téléphone : Téléphone : guillaume.renier@u-cergy.fr Vérifié, approuvé et autorisé par : Date Visa Rédigé, vérifié, approuvé et autorisé par : Date Visa Rédaction Jean-François AUGE, Nadir BAHOUCHE 04/12/2013 Guillaume POÇAS, Matthieu Cardinaux 04/12/2013 Diffusion Société Destinataires Université de Cergy-Pontoise Guillaume RENIER 1 Nb

2 Référentiel documentaire projet ITIN Page : 2 / 18 Evolutions du Document Version Date modifiés Actions / Commentaires /12/2013 Totalité Réalisation du document Table des matières 1 Introduction Exigences d'ergonomie et graphismes Description détaillée de l'interface Homme-Machine de l application Structure des onglets Démarrage de l'applet Page de login Page d'accueil Partie administration Ajout d'un nouvel utilisateur Modification des droits Liste des utilisateurs Gestion des caméras Arborescence et lecteur de flux Liste des vidéos Chiffrement Informations Alertes Historique Description de l Interface Homme-Machine de la chaîne de plugins images Table des illustrations Figure 1 : Page de login... 6 Figure 2 : Page d'accueil... 7 Figure 3 : Ajout d'un nouvel utilisateur... 8

3 Référentiel documentaire projet ITIN Page : 3 / 18 Figure 4 : Modification des droits... 9 Figure 5 : Liste des utilisateurs Figure 6 : Arborescence et lecteur de flux Figure 7 : Liste des vidéos Figure 8 : Chiffrement Figure 9 : Alertes Figure 10 : Historique... 15

4 Référentiel documentaire projet ITIN Page : 4 / 18 Spécifications Interface Homme-Machine 1 Introduction Il s agit de créer une infrastructure de vidéosurveillance multi sites sécurisée. Elle devra être suffisamment robuste afin d avoir une reprise sur incidents rapide dans le but d avoir une continuité de service quelque soit les difficultés rencontrées. Cette application sera aussi modulaire afin qu elle puisse évoluer selon les besoins de futurs utilisateurs. On pourrait prendre comme exemple d utilisation : une entreprise qui souhaite mettre en place une infrastructure de vidéo surveillance de plusieurs sites. Plusieurs parties se distinguent dans ce projet : une conception et réalisation d architecture réseau, une mise en place d un système permettant la continuité d activité de la base de donnée, mais aussi la conception d un système modulaire de plugins de traitements d images, et d apprentissage des habitudes utilisateurs. Les interfaces hommes-machines se situeront à deux niveau : au niveau de l utilisation de l application liée à la vidéosurveillance, et au niveau de l administration et utilisation des plugins de traitements d images. 2 Exigences d'ergonomie et graphismes L'application étant un applet web, il ne sera pas possible de redimensionner la fenêtre, elle devra donc s'adapter au mieux à la résolution d'écran la plus courante. Cet applet regroupera, une partie administration avec : Possibilité d'ajouter de nouveaux utilisateurs. Possibilité de modifier les utilisateurs existants et leurs droits. Une partie gestion de caméras avec : Un lecteur en ligne pour voir directement les flux des caméras. Les vidéos enregistrées par une caméra spécifique. Modifier le type de chiffrement pour un flux et ses commandes. Une partie informations permettant : D'afficher les alertes transmises à l'utilisateur et pouvoir les traiter. Visualiser les logs.

5 Référentiel documentaire projet ITIN Page : 5 / 18 3 Description détaillée de l'interface Homme-Machine de l application 3.1 Structure des onglets Accueil : Page de login / déconnexion Page d'accueil Fermeture de l'applet Administration : Ajout d'un nouvel utilisateur Modification des droits pour un utilisateur donné Affichage et de modification des utilisateurs existants Gestion des caméras : Lecteur de flux Liste des vidéos à télécharger Modification des tâches planifiées Modification du chiffrement Alertes : Affichage des alertes Historique : Affichage de l'historique Aide : Aide A propos

6 Référentiel documentaire projet ITIN Page : 6 / Démarrage de l'applet Page de login Figure 1 : Page de login Champs : Login : l' que l'utilisateur entrer pour se logger. Mot de passe : le mot de passe de l'utilisateur. Boutons : Connexion : connecte l'utilisateur si les login et mot de passe correspondent. Dialogue : Demande de réinitialisation de mot de passe. Erreurs : Les identifiants ne sont pas corrects. Communication : lecture sur la table utilisateurs.

7 Référentiel documentaire projet ITIN Page : 7 / Page d'accueil Figure 2 : Page d'accueil Page d'accueil permettant d'afficher diverses statistiques en rapport avec l'utilisateur connecté. Boutons : Déconnexion : retour à la page de login. Communication : lecture sur diverses tables et fichiers de configuration.

8 Référentiel documentaire projet ITIN Page : 8 / Partie administration Ajout d'un nouvel utilisateur Figure 3 : Ajout d'un nouvel utilisateur Menu déroulant : Civilité de l'utilisateur Rang de l'utilisateur (utilisateur ou administrateur) Champs : Nom Prénom Adresse Boutons : Sauvegarder : valide l'utilisateur et affiche la page de gestion des droits Annuler : reset les champs Retour: retourne sur la page d'accueil Erreurs : Champs incomplets : si un des champs n'a pas été rempli. non valide : l'adresse ne respecte pas la syntaxe. Communication : écriture sur la table utilisateur.

9 Référentiel documentaire projet ITIN Page : 9 / Modification des droits Figure 4 : Modification des droits Table comportant les champs : Site : nom du site au quel appartient la caméra (non modifiable) Caméra : nom de la caméra (non modifiable) Droit : l'accès de l'utilisateur à cette caméra (boolean) Boutons : Retour : retourne à la liste des utilisateurs sans sauvegarder Communication : Lecture et écriture dans la table droits utilisateur de l'applet.

10 Référentiel documentaire projet ITIN Page : 10 / Liste des utilisateurs Figure 5 : Liste des utilisateurs Table comportant les champs : Civilité (string) Nom (string) Prénom (string) (string) Rang (string) Première connexion (boolean) Boutons : Ajouter utilisateur Supprimer utilisateur Modifier droits : va à la page de modification des droits pour l'utilisateur sélectionné. Erreurs : Champs incomplets : si un des champs n'a pas été rempli. non valide : l'adresse ne respecte pas la syntaxe. Communication : Lecture et écriture dans la table utilisateurs de l'applet.

11 Référentiel documentaire projet ITIN Page : 11 / Gestion des caméras Arborescence et lecteur de flux Figure 6 : Arborescence et lecteur de flux Arborescence : Liste des sites, du menu de chiffrement, puis des caméras pour un site. Chaque caméra aura 4 menus. Screen : Boutons : Ecran permettant la lecture en live du flux sortant de la caméra sélectionnée. Play : bouton lecture/pause. Communication : Lecture du flux vidéo.

12 Référentiel documentaire projet ITIN Page : 12 / Liste des vidéos Figure 7 : Liste des vidéos Table comportant les champs : Date de la prise du clip vidéo. (non modifiable) Durée de la vidéo. (non modifiable) Taille en octet de la vidéo. (non modifiable) Lien : lieu ou est entreposée la vidéo. (non modifiable) Interaction avec la table : Cliquer sur un des champs permet de télécharger la vidéo sélectionnée. Dialogue : Enregistrer le fichier sous.. Communication : Lecture dans la table des vidéos du serveur global, écriture dans le fichier exporté.

13 Référentiel documentaire projet ITIN Page : 13 / Chiffrement Figure 8 : Chiffrement Menus déroulants : Algorithme : choisir l'algorithme pour chiffrer le flux. Communication : Lecture et écriture dans la table des flux du serveur global.

14 Référentiel documentaire projet ITIN Page : 14 / Informations Alertes Figure 9 : Alertes Table contenant les champs : Date à la quelle l'alerte à été émise. (non modifiable) Source : de quelle partie vient l'alerte. (non modifiable) Message de l'alerte. (non modifiable) L'alerte à été lue ou non. (non modifiable) Interactions avec la table : Cliquer sur une alerte pour afficher le message Boutons : Lire le message sélectionné. Supprimer les alertes sélectionnées. Exporter les alertes sélectionnées. Dialogues : Afficher le message en entier et valider la lecture ou non du message. Communication : Lecture et écriture dans la table des alertes utilisateur, écriture dans le fichier exporté.

15 Référentiel documentaire projet ITIN Page : 15 / Historique Table contenant les champs : Boutons : Dialogue : Figure 10 : Historique Date du message (non modifiable) Type du message (non modifiable) Machine d'ou provient le message (non modifiable) Application qui émet ce message (non modifiable) Message (non modifiable) Exporter les messages Sélectionner tout les messages Filtrer les messages Enregistrer les messages sous. Communication : Lecture sur la table des logs de l'applet et du serveur global, écriture dans le fichier exporté.

16 Référentiel documentaire projet ITIN Page : 16 / 18 4 Description de l Interface Homme-Machine de la chaîne de plugins images 4.1 Structures des onglets «Settings» o Configuration globale de la caméra o Visualisation du statut de la caméra o Visualisation du flux vidéo de la caméra o Liste des plugins actifs o Configuration des plugins actifs o Ajout et suppression de plugin «Logs» o Consultation des logs générés par la chaîne de traitement o Filtrage et recherche de logs 4.2 Gestion de la chaîne : onglet «Settings» Figure 11 : Gestion de la chaîne de traitement

17 Référentiel documentaire projet ITIN Page : 17 / 18 Ce premier onglet, dédié à la gestion de la chaîne de traitement de la caméra, possède : Sur la partie droite o Un label indiquant le statut actuel du système o Des champs textes (et éventuellement d autre types de composants selon les besoins) permettant de renseigner la configuration globale de la caméra et de sa chaîne de traitement o L image de la caméra o Deux boutons permettant de lancer/d arrêter la chaîne Sur la partie gauche o Un panneau «accordéon» présentant la liste des plugins actifs Le clic sur la tranche d un des plugins fait apparaître son panneau de configuration Pour tout plugin, le panneau de configuration inclus au minimum un bouton permettant de supprimer le plugin de la chaîne o Un bouton permettant l ajout de plugins 4.3 Ajout de plugins Un clic sur le bouton d ajout de plugins fait apparaître la fenêtre suivante : Figure 12 : Ajout de plugins La liste de droite présente les plugins disponibles (i.e. ceux installés sur le système), la liste de gauche les plugins chargés (actifs dans la chaîne de traitement). L ajout se fait par un glisser-déposer d une liste à l autre. En regard de chaque plugin ajouté, on trouve un bouton permettant d accéder au panneau de configuration de celui-ci (propre à chaque plugin, et que l on retrouve dans la fenêtre principale lorsque l on clique sur le nom du plugin). On valide l ajout du ou des plugins à l aide du bouton OK, et les plugins sont alors chargés dynamiquement et insérés dans la chaîne de traitement.

18 Référentiel documentaire projet ITIN Page : 18 / Consultation des logs Figure 13 : Consultation des logs Ce deuxième onglet permet de consulter les logs, présentés sous forme de tableau. Les différents messages possibles sont ceux concernant l état de la caméra et du système global (moteur de la chaîne de traitement) les messages générés par chacun des plugins de la chaîne On peut également filtrer ces logs à l aide des composants présents au dessus du tableau, à l aide des critères correspondant aux différentes colonnes, soit : Date et Heure Source du message Niveau de criticité