Dans ce document on essaie de définir le fonctionnement de la nouvelle section afin d'obtenir une expérience utilisateur ergonomique qui corresponde aux besoins mentionnés.
Le site internet doit permettre aux visiteurs d'atteindre le résultat recherché dans un temps minimal et avec peu d'effort.
On s'intéresse particulièrement à la navigation, à la hiérarchie du site, à la structure de chaque page et à l'efficacité de l'interface.
La section du carnet de stage s'intègre au site internet actuel du DUMG afin de pouvoir utiliser le système d'identification actuel et afin de regrouper toutes les informations en un seul endroit.
Un étudiant peut autoriser un maître de stage à valider ses compétences en lui donnant accès à son carnet de stages.
Un étudiant peut consulter son carnet de stages.
Un maître de stage peut consulter le carnet de stages d'un étudiant et valider les différents items.
Un administrateur peut modifier les éléments des carnets de stages.

En cliquant sur le lien "gérer les MdS de votre carnet", l'étudiant affiche cette page. (1)
Un étudiant peut ajouter (2) un maître de stage. Un étudiant peut désactiver (3) un maître de stage afin de lui retirer la possibilité de modifier les informations du carnet. Il peut également contacter (4) un maître de stage dans la liste à l'aide d'un petit formulaire.

En cliquant sur le lien "consulter votre carnet de stage", l'étudiant affiche cette page. (1)
Cette page rappelle à l'étudiant quels maîtres de stage ont le droit de consulter et modifier son carnet. L'étudiant peut modifier ces autorisations. (2)
Les compétences s'affichent par famille et l'étudiant voit d'un coup d'œil quelles compétences ont été validées. (3)
La page affiche également le nombre de compétences validées. (4)

La navigation principale et le "menu contextuel" permettent à un maître de stage de se rendre dans la section "Carnet de stages" du site. (1)
Le maître de stage doit d'abord choisir l'étudiant dont il veut voir le portfolio. La liste de ses étudiants s'affiche (2), ensuite il peut cliquer sur le bouton "carnet" (3) pour se rendre sur le carnet de stages de l'étudiant.

Les compétences s'affichent par famille et le maître de stage peut filtrer la liste des compétences selon ses souhaits. (4)
Un maître de stage peut valider les compétences qui ne sont pas encore validées. Il peut également annuler une validation qu'il a effectué précédemment.
La page affiche également le nombre de compétences validées. (5)
Les compétences seront classées dans 10 familles de situations et 5 catégories (couleurs). Différentes options se présentent à nous pour afficher et filtrer les compétences. Voici les différentes options que j'ai envisagées et la sollution conseillée afin d'améliorer la facilité d'utilisation du site.
On peut afficher une liste des compétences avec pagination. La page n'est pas trop chargée, mais l'utilisateur doit traverser plusieurs pages à la recherche de la compétence à valider.

On peut afficher la liste des familles sur la première page et demander à l'utilisateur de cliquer sur une famille afin d'aller sur la page qui affiche les compétences de cette famille.

On peut utiliser un module "accordéon" afin d'ajouter la totalité des compétences à une seule page, tout en affichant que les familles que le visiteur souhaite consulter. On voit les différentes familles en tant qu'onglets et par défaut seulement les compétences de la première famille s'affichent. Il suffit d'un clic pour afficher les compétences d'un autre onglet. L'utilisateur peut choisir lui-même s'il souhaite voir la liste complète des compétences ou une partie des compétences.

La solution conseillée
Il me semble que le module "accordéon" est le plus adapté pour cette section sous condition que le nombre de compétences reste raisonnable.
On peut afficher les différentes catégories sur des pages différentes, ce qui oblige l'utilisateur de naviguer de page en page.

On peut utiliser des filtres afin de permettre aux utilisateurs de rester sur une seule page. En fonction des cases cochées et/ou des options choisies dans les menus déroulants certaines compétences s'afficheront. On peut à la fois permettre le filtrage par catégorie et par validation.

La solution conseillée
Il me semble que la solution utilisant des filtres est le plus adaptée pour cette section du site.

Quand un maître de stage appuie sur le bouton "VALIDER" un petit formulaire s'affiche où il doit préciser l'année de l'étudiant. Il peut également remplir 4 précisions facultatives :
Un administrateur peut consulter le carnet de stages de chaque étudiant.
Un administrateur a accès un tableau de bord imprimable pour chaque carnet de stage précisant le nombre de compétences validées par famille et la liste des compétences non-validées.
Un administrateur peut modifier les familles et les items affichés dans un carnet de stages. Il faudra mettre en place une solution où la modification du contenu du carnet de stages ne change pas les carnets de stages déjà remplis.
