Le sujet imagine un outil de gestion des heures pour plusieurs profils : chef de département, enseignant permanent, vacataire, RH et service financier.
IHM · web · HTML
Projet en action ✦
IHM / gestion des heures
La maquette web originale d’un outil de gestion des heures, pensée pour rendre les parcours et les profils lisibles dès le premier écran.
MODE DE DÉMOORIGINALRendu original intégré
Le projet, derrière l’écran ✦
Le projet
sans détour.
Le sujet, le fonctionnement, le point difficile et les choix de code : tout ce qu’il faut pour comprendre le projet rapidement.
Avant de coder un outil métier, il fallait rendre les parcours compréhensibles : qui fait quoi, avec quelles informations et quelles actions à chaque écran.
Le parcours principal est jouable ici. Le dépôt GitHub garde la version complète du projet et ses fichiers.
Le projet comprend des wireflows PC et mobile, puis une maquette web navigable. W3.CSS fournit une base responsive et du CSS personnalisé règle les écrans qui nécessitent un positionnement plus précis.
Transformer des besoins différents selon le rôle métier en parcours qui restent compréhensibles sur PC et mobile.
Les fichiers HTML et CSS sont regroupés par rôle métier. Les wireflows restent séparés de la maquette pour conserver le lien entre conception, parcours et interface.
LE CHEMIN DU PROJETRôles métier Maquette
Démonstration ✦
Voir le projet
prendre vie.
Explorez les fonctionnalités, les interactions et le parcours principal du projet.
Rendu original intégréVoir le dépôt GitHub
Pour aller plus loin
La démo montre le résultat. Le dépôt GitHub contient le code complet et les fichiers du projet.