Descriptions des Interfaces Utilisateurs – TutorialApp
Page d’accueil
Cette page d’accueil de TutorialApp présente la plateforme d’apprentissage en ligne avec
une navigation claire et un accès rapide aux cours et annonces. Le design est épuré avec un
bouton d’appel à l’action “Découvrir” et une image dynamique illustrant l’e-learning pour
capter l’attention des utilisateurs. La barre de navigation permet de se connecter ou de
s’inscrire facilement.
Page d’inscription
Cette page d’inscription propose une interface claire et épurée. L’utilisateur peut créer un
compte en entrant son nom complet, un mot de passe, et en choisissant son rôle. Un bouton
“S’inscrire” permet de valider le formulaire.
Page des modules (étudiant)
Cette page affiche les différents modules disponibles. Chaque cours propose une
description, un lien vers un fichier PDF, et un bouton pour le rejoindre. Les cours déjà
rejoints sont marqués comme tels.
Page de détail d’un cours (étudiant)
Elle affiche les détails du cours sélectionné avec un lien vers le PDF, la liste des étudiants
inscrits et une zone de commentaires permettant aux utilisateurs de poser des questions.
Page des annonces (étudiant)
Cette interface présente les annonces publiées par les instructeurs ou les administrateurs.
Chaque annonce contient un titre, un contenu, une date et peut informer sur les nouveautés.
Espace étudiant – modules rejoints
Cette page regroupe tous les modules auxquels l’étudiant a souscrit. Chaque carte de cours
permet d’accéder au contenu et de se désinscrire avec le bouton “Quitter”.
Page de création de cours (enseignant)
L’enseignant peut ajouter un cours en renseignant un titre, une description et en important
un fichier. L’interface est claire et adaptée à une gestion simple des contenus.
Liste des modules (enseignant)
Affiche tous les cours avec deux actions : 'Consulter' pour afficher le détail, et 'Modifier'
pour mettre à jour les informations du cours.
Page des annonces (enseignant)
Identique à celle des étudiants, mais avec la possibilité de supprimer une annonce existante.
Détail d’un cours (enseignant)
Affiche le contenu du cours, les étudiants inscrits, ainsi que les commentaires. L’enseignant
peut utiliser cette interface pour gérer l’interaction avec les apprenants.
Page des modules (admin)
L’administrateur dispose d’actions supplémentaires : 'Consulter', 'Modifier', et 'Supprimer'.
Il peut ainsi modérer les contenus publiés par les enseignants.
Page des annonces (admin)
Permet de consulter et supprimer les annonces présentes sur la plateforme.
Tableau de bord Admin
Affiche la liste des utilisateurs avec leurs rôles. L’admin peut supprimer un utilisateur ou
consulter ses détails via un bouton 'Info'.
Détails utilisateur – Amélioration à prévoir
Cette fenêtre affiche les détails d’un utilisateur sélectionné. Toutefois, elle reste vide,
indiquant que la fonctionnalité n’est pas encore fonctionnelle. Une amélioration serait
d’afficher dynamiquement les cours suivis et commentaires postés par l’utilisateur.