Sommaire I. SCENARII DE TRAITEMENTS...2 I.1 : Alimentation à partir d un fichier Access (.mdb)...2 I.1 : Vérification de l intégrité des traitements SQL sur la pyramide des ages...3 I.2 : Vérification de l intégrité des traitements SQL lors de l insertion d un employé...4 I.3 : Vérification de l intégrité des traitements SQL sur les statistiques...5 I.4 : Vérification de l intégrité des traitements SQL sur le Trombinoscope...7 II. SCENARII DE NAVIGATIONS...8 II.1 : Connexion et déconnexion initiale au site sous un profil non administrateur...8 II.2 : Connexion initiale au site sous un profil administrateur ressources humaines...9 II.3 : Utilisation du cadre «filtre»...11 II.4 : Navigation sur la page «Statistiques»...13 II.5 : Navigation sur la page d accueil ressources humaines...15 II.6 : Navigation sur la pyramide des âges...17 II.1 : Navigation sur la page d insertion d employé...19 II.2 : Navigation sur la page de modification d un employé...22 II.3 : Navigation sur la page de suppression d un employé...24 II.4 : Navigation sur la fiche signalétique...25 II.5 : Navigation et utilisation de la page d insertion de news...29 II.6 : Navigation sur le trombinoscope...30 II.7 : Navigation sur la fiche signalétique d un employé...32 III. SCENARIO D ERGONOMIE...33 1
I. Scénarii de traitements I.1 : Alimentation à partir d un fichier Access (.mdb) But Le but est d alimenter la base de données afin de la mettre à jour. Etat initial Nous disposons d un fichier Access (il se termine par l extension «.mdb»). Ce fichier est situé sur la machine de l administrateur, qui va pouvoir l uploader sur le serveur du site en suivant les instructions suivantes. Ce fichier devra contenir une table «bo_employes_rh». Exigence Il faut pour l ensemble des étapes suivantes s authentifier qu administrateur. Suivre les étapes du scénario III.2. sur le site en tant Etapes I.1 : 1er étape Après s être identifié en tant qu administrateur sur le site, l utilisateur clique sur l onglet Administration : Onglet Administration I.1 : 2e étape Sur cet onglet, l utilisateur clique sur le bouton «Parcourir». Une boite de dialogue apparaît. Dans cette boite de dialogue, l utilisateur chosi le fichier situé dans le repertoire «G:\IUT\Gestion de Projet\Site\batch» et nommé : «test.mdb». L utilisateur clique ensuite sur le bouton «Envoyer». 2
Boutons Parcourir et Envoyer I.1 : 3e étape Dans cette étape, on va vérifier que la modification de la table «bo_employes_rh» dans le fichier Access «test.mdb», et l upload de ce fichier sur le site, est bien suivi d une mise à jour directe des données du site. Commencer par ouvrir le fichier «test.mdb». Dans le logiciel Access (qui se lance si Microsoft Office est bien installé sur la machine), doube cliquer sur la table : «bo_employes_rh». Une liste des valeurs de cette table apparait. Modifier une valeur : par exmple, à la ligne 2, modifier le prénom de l employé : remplacer «Claude» par «Test». Réexécuter ensuite les étapes 1 et 2 pour ré importer la base. Se déplacer ensuite vers l onglet «Trombinoscope». Constater que le prénom de l employé à bien changé. I.1 : Vérification de l intégrité des traitements SQL sur la pyramide des ages But Vérifier que les pyramides des âges sont correctes. Etat initial Aucun graphique n est produit. Exigence Il faut pour l ensemble des étapes suivantes s authentifier sur le site en tant qu administrateur. Suivre les étapes du scénario «Navigation sur la pyramide des âges». Etapes I.1 : 1er étape Après avoir cliqué sur l onglet «pyramide des ages», on a accès à la pyramide des ages par tranche de 15 ans. On va prendre pour vérifier le nombre d hommes entre 20 et 35 ans. I.1 : 2e étape Cliquez sur le lien : Base de données. Cliquez à gauche sur le lien «compudistri», puis sur la page cliquez sur l onglet «SQL». Ainsi on poura vérifier à l aide de requêtes SQL que les résultats sont cohérents. 3
I.1 : 3e étape Dans la fenetre «Exécuter une ou des requêtes SQL sur le serveur "localhost"», copiez le code SQL suivant : select count(*) from bo_employes_rh where sexe = 'H' and (year(curdate())-year(date_naissance)) between '20' and '35'; et cliquez sur le bouton Vous aurez donc un nombre qui correspondra au nombre dans le graphique bleu dans la tranche d âge 20-35 ans. Résultat souhaité Les deux nombres sont les mêmes. I.2 : Vérification de l intégrité des traitements SQL lors de l insertion d un employé But Vérifier que les informations sont bien enregistrées dans la base de données. Etat initial La base de données comprend l ensemble des employés enregistrés lors de la création de celle-ci. Exigence Il faut pour l ensemble des étapes suivantes s authentifier sur le site en tant qu administrateur. Suivre les étapes du scénario «Navigation sur la page d insertion d employé». 4
Etapes I.2 : 1er étape Après avoir insérer le nouvel employé, il faut cliquer sur ce lien : Base de données. Ce lien nous donne accès à la base de donnée MySQL pour vérifier que l employé a bien été ajouté à la base. I.2 : 2e étape Ensuite il faut cliquer sur la table bo_employes_rh (menu à gauche), descendre tout en bas de la nouvelle page et cliquer sur l icône : derniers employés ajoutés. pour aller à la dernière page, et ainsi voir les I.2 : 3e étape Enfin il suffit de vérifier que le dernier employé correspond à la personne que vous avez ajoutée. Résultat souhaité La dernière personne de la liste correspond bien à la personne ajoutée. I.3 : Vérification de l intégrité des traitements SQL sur les statistiques But Vérifier que les données affichées dans la page de statistiques correspondent aux données présentes dans la base de données. Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). S authentifier sur le site en tant qu employé des ressources humaines. 5
Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au service ressources humaines. Etapes I.3 : 1er étape Après avoir cliqué sur l onglet «Statistiques», filtrez les employés à la spécialité «Gestion», pour avoir moins d informations à gérer. I.3 : 2e étape Cliquez sur le lien : Base de données. Sur la page cliquez sur l onglet «SQL». On accède ainsi à une page où l on peut exécuter des requêtes sur la base sélectionnée. I.3 : 3e étape Dans la fenetre «Exécuter une ou des requêtes SQL sur le serveur "localhost"», copiez un des codes SQL suivants : - Select count(*) from bo_employes_rh where Specialite_employe= Gestion ; (Nombre total d employés concerné) - Select count(*) from bo_employes_rh where Specialite_employe= Gestion and Salaire_mensuel_employes between 11807,226 and 15742,968; (Nombre d employés concerné par la 3e catégorie de salaire) - Select count(*) from bo_employes_rh where Specialite_employe= Gestion and Salaire_mensuel_employes between 16678,71 and 20014,452; (Nombre d employés concerné par la 5e catégorie de salaire) et cliquez sur le bouton Résultat souhaité Le résultat de la première requête (4) correspond au nombre d employés de la spécialité «Gestion». 6
Le résultat de la deuxième requête (3) correspond au nombre d employés de la spécialité «Gestion» dont le salaire est compris entre 1800 et 2400. Le résultat de la deuxième requête (3) correspond au nombre d employés de la spécialité «Gestion» dont le salaire est compris entre 3000 et 3600. I.4 : Vérification de l intégrité des traitements SQL sur le Trombinoscope But Le but est d afficher les informations relatives aux employés présents dans la base de données. Etat initial Nous disposons d une table SQL (bo_employes_rh) qui se trouve dans la base de données. Exigence Il faut pour l ensemble des étapes suivantes s authentifier qu administrateur. Suivre les étapes du scénario III.2. sur le site en tant Etapes I.4 : 1er étape Après s être identifié sur le site, l utilisateur clique sur l onglet Trombinoscope : Onglet Trombinoscope I.4 : 2e étape Sur cet onglet, l utilisateur clique sur un portrait. La fiche de l employé apparaît. Lire les informations qui y sont affichées. I.4 : 3e étape Ouvrir la base de données MySql par le biais de PhpMyAdmin disponible à l adresse http://127.0.0.1/home/mysql/. Cliquer sur la table bo_employe_rh. Se positionner à la ligne correspondant à l employé dont on a lu les informations. Vérifier que les données sont identiques. 7
Résultat souhaité Les informations présentes sur la fiche signalétique sont identiques (après formatage) à celles présentes dans la base de données. II. Scénarii de navigations II.1 : Connexion et déconnexion initiale au site sous un profil non administrateur Se connecter et se déconnecter du site sous un profil générique ressources humaines. Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web http://127.0.0.1/compudistri/ à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au service ressources humaines. Etapes II.1 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composer du prénom est du nom «monique.bellot». Ensuite, saisir le mot de passe «monique» dans la deuxième ligne. II.1 : 2e étape Après la validation du formulaire, une requête vérifie l existance de l identifiant dans la base de données. Si l identifiant est présent, un fonction compare le mot de passe présent dans la base et celui tapé par l utilisateur dans le formulaire. II.1 : 3e étape Si l authentification est correcte, la page d acceuil s affiche. II.1 : 4e étape Pour se déconnecter, l utilisateur doit cliquer sur le bouton en haut à droite. 8
II.2 : Connexion initiale au site sous un profil administrateur ressources humaines But Se connecter au site sous un profil administrateur ressources humaines. Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web http://127.0.0.1/compudistri/ à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à un administrateur du service ressources humaines. Etapes II.2 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du nom est du prénom «remi.diener» (ne pas écrire l accentuation). Ensuite, saisir le mot de passe «remi» dans la deuxième ligne. II.2 : 2e étape Après la validation du formulaire, une requête vérifie l existence de l identifiant dans la base de données. Si l identifiant est présent, un fonction compare le mot de passe présent dans la base et celui tapé par l utilisateur dans le formulaire. Résultat souhaité 9
Un nouvel onglet «administration» vient s ajouter à la barre d onglets. 10
II.3 : Utilisation du cadre «filtre» But Le but est d obtenir la liste des employés du service «ventes». Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web http://127.0.0.1/compudistri/ à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). S authentifier sur le site en tant qu employé des ressources humaines. Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au service ressources Humaines. Etapes II.3 : 1er étape Sélectionner «vente» dans la liste déroulante, puis cliquer sur filtrer. Résultat souhaité 11
On récupère la liste des employés souhaités. Cliquer sur un des noms pour voir sa fiche signalétique. 12
II.4 : Navigation sur la page «Statistiques» But L objectif est accéder à la page «statistiques». Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web http://127.0.0.1/compudistri/ à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). S authentifier sur le site en tant qu employé des ressources humaines. Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et/ou d un mot de passe valide, d un employé des ressources humaines. Etapes II.4 : 1er étape Cliquer sur l onglet «Statistiques». II.4 : 2e étape L étape précedente permet de commencer les traitements qui serviront aux calculs des statistiques. II.4 : 3e étape S afficheront ensuite les résultats. Résultat souhaité 13
14
II.5 : Navigation sur la page d accueil ressources humaines But Accueillir l utilisateur. Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à l équipe commercial. Etapes II.5 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener»(ne pas écrire l accentuation). II.5 : 2e étape Placer le pointeur de la souris sur une des boites et cliquer dessus pour avoir accès à la page correspondante, par exemple la boite «Statistiques». Résultat souhaité 15
On arrive donc sur la page de statistiques. 16
II.6 : Navigation sur la pyramide des âges But Obtenir une pyramide représentant la répartition des employés par tranche d âge. Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au directeur commercial. Etapes II.6 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener»(ne pas écrire l accentuation). II.6 : 2e étape Cliquez sur l onglet «Pyramide des âges», pour accéder à la page correspondante. II.6 : 3e étape Graphique Cliquez ensuite le menu déroulant «Tranches d âge» pour accès aux différentes tranches d âge disponibles. Noms des employés Cliquer sur l onglet «Nom des employés» et ensuite même méthode. 17
II.6 : 4e étape Choisir la tranche d âge souhaitée, par exemple «10 ans». II.6 : 5e étape Cliquer sur le bouton «calculer» pour afficher le résultat. Résultat souhaité Graphique On obtient donc un graphique représentant le nombre d employés par tranches d âge avec du coté gauche en bleu les hommes, et du coté droit en rouge, les femmes. 18
Noms des employés On obtient des boites comprenant les listes des noms des employés par tranche d âge. On peut cliquer sur chaque nom pour avoir la fiche signalétique de l employé. II.1 : Navigation sur la page d insertion d employé But L objectif est de pouvoir insérer un nouvel employé dans la base de données. Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au directeur commercial. Etapes II.1 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener»(ne pas écrire l accentuation). 19
II.1 : 2e étape Cliquez sur l onglet «Adminstration pour accéder à la page correspondante. II.1 : 3e étape Cliquez ensuite sur le lien «Employés (Ajout/Modification/Suppression». II.1 : 4e étape Cliquez sur «Insérer un employé» pour arriver à la page correspondante. II.1 : 5e étape Remplissez ensuite les différents champs pour compléter les informations sur l employé et cliquez sur «Insérer». 20
II.1 : 6e étape Différents cas d erreurs sont repérés, pour chaque erreur on reçoit un message en rouge pour signaler le champ qui a été mal rempli : Code postal Numéro de téléphone Numéro de poste Catégorie employé Superviseur Age incorrect Résultat souhaité 21
Les informations concernant le nouvel employé sont bien enregistrées dans la base de données. II.2 : Navigation sur la page de modification d un employé But L objectif est de pouvoir modifier les informations concernant les employés enregistrés dans la base de données. Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au directeur commercial. Etapes II.2 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener»(ne pas écrire l accentuation). II.2 : 2e étape 22
Cliquez sur l onglet «Adminstration pour accéder à la page correspondante. II.2 : 3e étape Cliquez ensuite sur le lien «Employés (Ajout/Modification/Suppression». II.2 : 4e étape Cliquez sur l icône dans le tableau des employés sur la ligne de l employé souhaité. Ce lien amene à la page où on peut modifier ces informations. II.2 : 5e étape Les informations concernant l employé sont déjà rempli dans chaque case, vous pouvez donc remplir les différents champs que vous souhaitez modifier. Enfin il faut cliquez sur «Modifier» pour envoyer les informations. 23
II.2 : 6e étape Les cas d erreurs sont les même que pour l insertion d un nouvel employé. Résultat souhaité Les nouvelles informations concernant l employé sont bien enregistrées dans la base de données. II.3 : Navigation sur la page de suppression d un employé But L objectif est de pouvoir supprimer des employés de la base de données. Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant au directeur commercial. Etapes II.3 : 1er étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener»(ne pas écrire l accentuation). II.3 : 2e étape Cliquez sur l onglet «Adminstration pour accéder à la page correspondante. II.3 : 3e étape 24
Cliquez ensuite sur le lien «Employés (Ajout/Modification/Suppression». II.3 : 4e étape Vous arrivez sur une page avec un tableau contenant la liste de tous les employés rangés par ordre alphabétique. A la fin de chaque ligne vous avez trois icônes différents, un pour aller sur la fiche signalétique de l employé, un autre pour aller sur la page de modification des informations de l employé, et enfin une icône de suppression. Il faut donc repérer la ligne de l employé que l on souhaite supprimer, et de cliquer sur l icône Résultat souhaité Un message apparaît pour nous signaler que l employé à bien été supprimé, et il n apparaît plus dans le tableau de la liste des employés. II.4 : Navigation sur la fiche signalétique But Visualiser les informations d un salarié de l entreprise Compudistri. Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence 25
Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à l équipe ressources humaines. Etapes 1 : étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener» (ne pas écrire l accentuation). Dans la deuxième ligne, saisir «remi». 2 : étape : Chemin 1 Cliquer sur le lien «Trombinoscope». Cliquer sur le portrait du salarié dont on veut les informations personnelles ou professionnelles. Chemin 2 Cliquer sur l image ou le titre de la partie «Les employés» situés sur la page d accueil du site. 26
Cliquer sur le portrait du salarié dont on désire les informations personnelles ou professionnelles. Chemin 3 27
Sélectionner un filtre parmi ceux disponibles dans le menu de filtres à gauche de la page (par exemple le filtre «Commerce»), puis cliquer sur «Filtrer». Une liste de nom des employés concernés par le filtre apparaît à l écran (voir scénario sur les filtres). Cliquer sur le nom du salarié dont on désire les informations personnelles ou professionnelles. 28
Résultat souhaité On obtient la fiche de l employé désiré. Il est possible de changer la catégorie d informations (professionnelles et personnelles) en cliquant sur les liens correspondants en haut de la page. On obtient donc la fiche du salarié souhaité. Informations professionnelles Informations personnelles II.5 : Navigation et utilisation de la page d insertion de news But Utiliser le site pour insérer une news sur la page d accueil. 29
Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web http://127.0.0.1/compudistri/ à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à l équipe ressources humaines. Etapes 1 : étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener» (ne pas écrire l accentuation). Dans la deuxième ligne, saisir «remi». Aller sous l onglet «Administration», puis cliquer sur le lien «Ajouter une news». Une page s affiche. Entrez quelques mots sur la boite de texte qui apparait, puis cliquez sur le bouton pour valider la saisie. Résultat souhaité La news est uploadée sur la page d accueil, on peut le vérifier en cliquant sur l onglet «Accueil». II.6 : Navigation sur le trombinoscope But Visualiser les photos des salariés de l entreprise Compudistri. Etat initial Apèrs avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à l équipe ressources humaines. 30
Etapes 1 : étape Saisir dans la première ligne de la fenêtre d authentification, l identifiant. Il est composé du prénom et du nom «remi.diener» (ne pas écrire l accentuation). Dans la deuxième ligne, saisir «remi». 2 : étape Chemin 1 Cliquer sur le lien «Trombinoscope». Chemin 2 Cliquer sur l image ou le titre de la partie «Les employés» situés sur la page d accueil du site. 3 : étape : Pour visualiser les résultats des différentes pages, cliquer sur les numéros situés en haut. La page à l initialisation du trombinoscope est la page 1. Résultat souhaité On obtient les photos des employés concernés par le filtre en cours (voir scénario sur les filtres). Les résultats s affichent par page de 20, la navigation permettant de passer de page en page. 31
II.7 : Navigation sur la fiche signalétique d un employé 1 : étape But Le but est d afficher les informations relatives aux employés présents dans la base de données. 2 : étape Etat initial Nous disposons d une table SQL (bo_employes_rh) qui se trouve dans la base de données. 3 : étape Exigence Il faut pour l ensemble des étapes suivantes s authentifier qu administrateur. Suivre les étapes du scénario III.2. sur le site en tant 32
4 : étape Etapes 1. : étape Après s être identifié sur le site, l utilisateur clique sur l onglet Trombinoscope : Onglet Trombinoscope 2. : étape Sur cet onglet, l utilisateur clique sur un portrait. La fiche de l employé apparaît. Lire les informations qui y sont affichées. 3. : étape Ouvrir la base de données MySql par le biais de PhpMyAdmin. Ouvrir la base Compudistri. Ouvrir la table bo_employe_rh. Se positionner à la ligne correspondant à l employé dont on a lu les informations. Vérifier l intégrité de ces données. III. Scénario d ergonomie But Vérifier les couleurs du site et la bonne disposition des fenêtres pour l utilisateur dont le profil est «ressources humaines». Etat initial Après avoir allumé l ordinateur, se rendre sur le site web www.compudistri.com à l aide du navigateur web Mozilla (disponible sur le site www.firefox.com). Exigence Utiliser le navigateur web Mozilla. Disposer d un identifiant de connexion et d un mot de passe valide, correspondant à un employé du service des ressources humaines. Etapes III.1 : 1er étape Vérifier les couleurs du thème, tendance bleu sur le bandeau d entête, 33
et dominance grise sur le corps de la page. III.1 : 2e étape Sur le bandeau d entête vérifier la présence du logo de la société ainsi que le nom sur la droite et sur la gauche la présence de la date du jour et de la date de la dernière mise à jour. Sur le corps de la page identifier la fenêtre de connexion à gauche. Avec trois objets la zone de texte et le label de l identifiant et du mot de passe, ainsi que le bouton de connexion. III.1 : 3e étape Une fois identifié en tant que directeur, vérifier le titre «TABLEAU DE BORD RESSOURCES HUMAINES» sur le bandeau d entête. Vérifier la présence du bouton de déconnexion, à droite bandeau de navigation. Constater le changement de la fenêtre de connexion. III.1 : 4e étape Onglet Accueil 34
On constat que la boite de news est en haut de la page et centrée pour avoir directement les dernières nouvelles de l entreprise. Les trois autres boites sont rangées en dessous avec la même hauteur pour que ce soit plus cohérent. Onglet Trombinoscope Vérifier la présence des photos et des noms et prénoms des employés associés. Vérifier que le click sur un nom ou sur la photo d un employé emmène bien vers sa fiche. Vérifier que le ou les numéros de pages sont affichés en haut, et sont bien liés aux pages de résultats. Vérifier que les noms s affichent bien dans l ordre alphabétique croissant. Onglet Pyramide des âges 35
On a une pyramide des ages qui représente le nombre d employés par tranche d âge et selon le sexe de l employé. Les hommes sont représentés à gauche en bleu et les femmes à droite en rose. En dessous on a facilement accès à une boite qui permet de changer les tranches d âge. Onglet Statistiques Constater la lisibilité des informations. 36
Page Fiche employé Vérifier la présence des deux liens permettant de passer de la fiche donnant des informations personnelles à la fiche donnant des informations professionnelles, et vice-versa. Vérifier la présence de la photo de la personne concernée. Résultat souhaité Obtenir une application ergonomique, lisible et simple d utilisation pour l utilisateur. 37