Contexte
SIOClass est une plateforme destinée aux étudiants de BTS SIO de ma classe permettant de centraliser et consulter des ressources pédagogiques.
Le projet prévoit notamment la gestion de différentes matières, la consultation de documents de cours, l’envoi de ressources par les membres et une validation administrative avant publication.
Besoin et problématique
Créer une plateforme web destinée aux étudiants en BTS SIO de ma classe afin de centraliser les cours et les devoirs. L’objectif était de permettre aux élèves de consulter facilement les documents partagés et de proposer eux-mêmes de nouveaux cours, tout en gardant une validation par un administrateur.
Objectifs
Développer une plateforme moderne et responsive permettant de centraliser les ressources de la classe, faciliter le partage de cours entre étudiants et proposer une gestion complète du contenu grâce à un espace administrateur.
Contraintes
Les cours et documents peuvent être dispersés entre plusieurs plateformes ou conversations. Il fallait donc créer un espace unique, simple et organisé permettant de retrouver rapidement les ressources par matière, tout en évitant que les utilisateurs puissent modifier ou supprimer directement le contenu.
Le projet et l’équipe
Projet personnel : j’en assure seul la conception et la réalisation. Il me sert à travailler ce que mon alternance aborde moins, la conception d’une application complète et la mise en place des rôles et des droits.
Ce que j’ai personnellement réalisé
J’ai réalisé l’ensemble du projet : réflexion sur les fonctionnalités, conception de l’interface, développement du site, gestion des comptes et des rôles, système de dépôt et de validation des cours, organisation des matières et sous-catégories, agenda des devoirs ainsi que le panel d’administration.
J’ai également travaillé sur l’adaptation du site aux ordinateurs, tablettes et smartphones.
Étapes réalisées
-
Étape 1 — Analyse du besoin
Définition des besoins de la plateforme : centraliser les cours, organiser les documents par matière et permettre aux étudiants de consulter et proposer du contenu.
-
Étape 2 — Conception de l’interface
Création de l’interface générale de SIOClass avec les différentes pages, la navigation, les matières et les espaces destinés aux utilisateurs.
-
Étape 3 — Mise en place des comptes et des rôles
Création du système de comptes utilisateurs avec un rôle membre et un rôle administrateur ainsi qu’une gestion des permissions.
-
Étape 4 — Gestion des cours et des documents
Mise en place des matières, catégories, sous-catégories, documents PDF et du système permettant aux utilisateurs de proposer un cours.
-
Étape 5 — Création du panneau d’administration
Développement d’un espace administrateur permettant de gérer les utilisateurs, les rôles, les permissions, les matières, les catégories, les cours et les contenus.
-
Étape 6 — Validation des documents
Création d’un système permettant de placer les cours proposés en attente avant leur validation et leur publication par un administrateur.
-
Étape 7 — Création de l’agenda des devoirs
Ajout d’un calendrier permettant de consulter les devoirs selon leur date et de proposer de nouveaux devoirs.
-
Étape 8 — Création de l’espace documentaire
Mise en place d’un espace permettant d’organiser les documents PDF dans des dossiers et sous-dossiers.
-
Étape 9 — Adaptation responsive
Adaptation de l’interface afin que SIOClass puisse être utilisé sur smartphone, tablette et ordinateur.
-
Étape 10 — Tests et corrections
Vérification des principales fonctionnalités, des permissions, de la navigation et de l’affichage sur différents formats d’écran.
Difficultés rencontrées
Gestion des rôles et des permissions.
Les fonctionnalités accessibles devaient être différentes entre un membre et un administrateur.
Mise en place de rôles et de permissions permettant de contrôler l’accès aux différentes fonctionnalités.
Chaque utilisateur dispose uniquement des fonctionnalités autorisées par son rôle.
Le périmètre s’élargissait plus vite qu’il ne se réalisait.
Sur un projet personnel, chaque fonctionnalité en appelle une autre et rien n’impose de trancher : le risque est de n’avoir aucune fonctionnalité terminée.
Recensement des fonctionnalités attendues, puis découpage en éléments réalisables et suivi de l’avancement plutôt que développement au fil des idées.
Le périmètre est écrit, ce qui permet de distinguer ce qui est fait de ce qui est prévu.
Gestion des cours proposés par les utilisateurs.
Un document envoyé par un membre ne devait pas être publié directement sans contrôle.
Création d’un système de validation permettant de placer les documents en attente avant publication.
Les administrateurs peuvent contrôler les documents avant qu’ils soient accessibles aux autres utilisateurs.
Une plateforme de partage de documents pose une question de droits : ce qui est déposé n’est pas nécessairement diffusable.
Publier automatiquement ce qu’un membre dépose reviendrait à diffuser des documents sans contrôle.
Validation administrative avant publication : un membre propose, l’administrateur seul publie.
Aucune ressource n’est diffusée sans décision d’un administrateur.
Adaptation de l’interface aux différentes tailles d’écran.
L’affichage prévu pour ordinateur n’était pas toujours adapté à un smartphone ou une tablette.
Adaptation responsive des pages, menus, boutons et différents blocs de contenu.
La plateforme reste utilisable sur smartphone, tablette et ordinateur.
Tests
| Test | Résultat attendu | Résultat obtenu | Correction |
|---|---|---|---|
| Connexion avec un rôle membre | Accès aux fonctionnalités autorisées au membre uniquement |
Le membre accède uniquement aux fonctionnalités prévues Conforme |
— |
| Proposition d’une ressource par un compte membre | La ressource est enregistrée mais n’apparaît pas pour les autres membres. |
Conforme. Conforme |
— |
| Accès au panneau administrateur | Seul un administrateur doit pouvoir y accéder |
L’accès est réservé au rôle administrateur Conforme |
— |
| Validation d’une ressource par un compte administrateur | La ressource devient consultable par les membres. |
Conforme. Conforme |
— |
| Proposition d’un cours | Le document doit être placé en attente |
Le cours apparaît dans les cours en attente Conforme |
— |
| Prévisualisation selon un rôle | L’administrateur voit ce que voit réellement un membre. |
Conforme. Conforme |
— |
| Validation d’un document | Le cours validé doit devenir disponible |
Le document est publié après validation Conforme |
— |
| Consultation sur smartphone, tablette et ordinateur | L’interface reste utilisable sur les trois formats. |
En cours de vérification : le projet est en développement. Non conforme |
Points restant à reprendre au fil du développement. |
| Affichage sur smartphone | L’interface doit rester lisible et utilisable |
Le menu et les contenus s’adaptent à l’écran Conforme |
Ajustements responsive |
| Agenda des devoirs | Les devoirs doivent apparaître à leur date |
Les jours concernés sont indiqués dans le calendrier Conforme |
— |
Fonctionnalités
Déploiement
Le projet est en cours de développement : il n’est pas déployé pour des utilisateurs réels.
Les fonctionnalités attendues sont recensées et découpées en éléments réalisables ; l’avancement se mesure à ce qui est terminé, pas à ce qui est prévu.
Accompagnement des utilisateurs
Je n’ai pas réalisé d’accompagnement utilisateur formel. J’ai cependant conçu l’interface pour qu’elle soit simple à prendre en main, avec des fonctionnalités clairement identifiées pour les étudiants et les administrateurs.
Sécurité
La plateforme distingue un rôle membre d’un rôle administrateur : un membre peut proposer une ressource, l’administrateur seul la publie. La prévisualisation selon un rôle permet de vérifier ce que chaque profil voit réellement — un contrôle d’accès ne se vérifie pas sur le papier.
Résultat
J’ai obtenu une plateforme fonctionnelle permettant aux étudiants de consulter les ressources disponibles, proposer de nouveaux cours et consulter les devoirs. L’administrateur dispose de son côté d’un espace complet pour gérer les utilisateurs, les matières, les documents, les propositions et différents éléments du site.
Compétences du référentiel
Chaque compétence affichée ici a été validée manuellement et accompagnée d’une justification.
J’ai conçu et développé SIOClass sous la forme d’une plateforme web accessible en ligne. J’ai réalisé son interface, organisé les différentes pages et adapté l’affichage aux smartphones, tablettes et ordinateurs afin de rendre le service accessible aux étudiants.
Commentaire personnel
Cette réalisation m’a permis de travailler sur la conception d’une interface web complète et sur son adaptation à différents supports.
J’ai réalisé SIOClass en plusieurs étapes : définition du besoin, conception de l’interface, développement des fonctionnalités, mise en place des rôles et permissions, création de l’espace administrateur, puis réalisation de tests et corrections. J’ai fait évoluer le projet progressivement en fonction des besoins identifiés.
Commentaire personnel
Ce projet m’a appris à mieux organiser mon travail et à développer une application progressivement plutôt que de réaliser toutes les fonctionnalités en même temps.
J’ai mis à disposition des étudiants une plateforme permettant de consulter des cours et documents PDF, rechercher des ressources, consulter les devoirs dans un agenda et proposer de nouveaux contenus. J’ai également mis en place des rôles et permissions afin d’adapter les fonctionnalités accessibles selon le type d’utilisateur.
Preuves
Agenda et gestion des devoirs
Page permettant aux utilisateurs de consulter les devoirs de la classe à partir d’un calendrier.
Mise en place d’un agenda permettant d’afficher les devoirs selon leur date. Les jours contenant un devoir sont identifiés directement dans le calendrier afin de faciliter la consultation.
Menu de navigation utilisateur
Menu principal accessible depuis l’espace utilisateur de SIOClass.
Création d’un menu permettant d’accéder rapidement à l’accueil, aux matières, à la recherche, à l’envoi de cours et aux devoirs.
Interface utilisateur Iphone
Affichage de la page d’accueil de SIOClass sur smartphone.
Adaptation de l’interface de SIOClass aux écrans mobiles. Les différents éléments de navigation, boutons, statistiques et contenus restent accessibles et lisibles sur smartphone.
Panneau d’administration SIOClass
Interface permettant à l’administrateur de gérer les différentes fonctionnalités de la plateforme.
Création d’un panneau d’administration regroupant la gestion des matières, catégories, cours, devoirs, fichiers, utilisateurs, rôles et permissions ainsi que différents paramètres du site.
Gestion des matières
Page présentant les différentes matières disponibles sur la plateforme.
Mise en place d’un système permettant d’organiser les cours par matière. Chaque matière dispose de son propre espace et peut être gérée depuis les fonctionnalités prévues à cet effet.
Bilan personnel
Ce projet m’a permis de réaliser une application web complète à partir d’un besoin concret. J’ai amélioré mes compétences en développement web, en gestion de base de données, en conception d’interface et en gestion des utilisateurs et des permissions.
J’ai également appris à mieux structurer un projet et à réfléchir aux besoins des utilisateurs plutôt que seulement à la partie technique. C’est un projet que j’ai pu faire évoluer progressivement en ajoutant de nouvelles fonctionnalités selon les besoins.