Web

SIOClass

Site de partage de cours pour ma classe

Site que j’ai développé pour ma classe : les cours et documents sont regroupés au même endroit, classés par matière, et validés avant d’être visibles.

Contexte: Personnel
Période: Août 2026
Organisation: Projet individuel

Objectif

Regrouper les cours et documents au même endroit.
Les classer par matière, catégorie et sous-catégorie pour pouvoir chercher sans se souvenir de qui a envoyé quoi.
Faire valider les ressources proposées avant qu’elles soient publiées.

Contexte

SIOClass est un site que j’ai développé pour les étudiants de ma classe. Avant, les cours et les documents circulaient par messagerie ou par clé USB : un mois plus tard, on ne les retrouvait plus. Le site les regroupe au même endroit, classés par matière. Les membres peuvent proposer une ressource, et elle est validée avant d’être visible par tout le monde.

Résultat

Le site est utilisé par ma classe : les cours sont classés par matière, les membres proposent des ressources et je les valide avant publication. Il reste des choses à améliorer, surtout l’affichage sur certains écrans et quelques fonctionnalités que je n’ai pas encore terminées.

Mon intervention

J’ai fait la conception et le développement, du modèle de données à l’interface. C’est aussi moi qui gère les comptes et la validation des ressources.

Le projet et l’équipe

Projet personnel. Je m’occupe de tout : le modèle de données, le code et l’interface.

Compétences mobilisées

B1.3 Développer la présence en ligne de l’organisation

B1.3.3 Participer à l’évolution d’un site Web exploitant les données de l’organisation.

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.

Cette réalisation m’a permis de travailler sur la conception d’une interface web complète et sur son adaptation à différents supports.

B1.4 Travailler en mode projet

B1.4.1 Analyser les objectifs et les modalités d’organisation d’un projet.

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.

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.

B1.4.2 Planifier les activités.

J’ai découpé le projet en fonctionnalités et je les ai traitées les unes après les autres, en gardant une liste de ce qui restait à faire.

B1.5 Mettre à disposition des utilisateurs un service informatique

B1.5.1 Réaliser les tests d’intégration et d’acceptation d’un service.

J’ai testé les fonctionnalités avant de les rendre accessibles : dépôt d’une ressource, validation par l’administrateur, affichage sur téléphone, tablette et ordinateur.

B1.5.2 Déployer un service.

La plateforme est en ligne et utilisée par les étudiants de ma classe.

Preuves

Les documents et captures qui attestent ce qui est décrit ci-dessus.

Le cadre

Besoin et problématique

Il fallait un endroit unique où chercher, et un contrôle avant publication : tout ce qui est déposé n’est pas forcément à jour ni diffusable.

Contraintes

Les étudiants consultent surtout depuis leur téléphone : le site doit marcher sur smartphone, tablette et ordinateur.

Étapes réalisées

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.
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.
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.
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.
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.
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.
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.
Création de l’espace documentaire

Mise en place d’un espace permettant d’organiser les documents PDF dans des dossiers et sous-dossiers.
Adaptation responsive

Adaptation de l’interface afin que SIOClass puisse être utilisé sur smartphone, tablette et ordinateur.
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

Problème

Gestion des rôles et des permissions.

Analyse

L’écart peut venir d’un poste déplacé, d’un matériel remplacé ou d’un changement d’affectation qui n’a pas été noté. Je devais savoir si la fiche parlait d’un autre poste ou du même poste modifié.

Solution

Mise en place de rôles et de permissions permettant de contrôler l’accès aux différentes fonctionnalités.

Résultat

Chaque utilisateur dispose uniquement des fonctionnalités autorisées par son rôle.

Problème

Le périmètre s’élargissait plus vite qu’il ne se réalisait.

Analyse

Sur un projet personnel, chaque fonctionnalité en appelle une autre et personne ne me dit d’arrêter. J’ai fini par lister ce qui était vraiment utile aux étudiants et par traiter le reste après.

Solution

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.

Résultat

Le périmètre est écrit, ce qui permet de distinguer ce qui est fait de ce qui est prévu.

Problème

Gestion des cours proposés par les utilisateurs.

Analyse

Je préfère laisser une information à vérifier plutôt que d’en écrire une au hasard : une donnée fausse est utilisée comme si elle était vraie.

Solution

Création d’un système de validation permettant de placer les documents en attente avant publication.

Résultat

Les administrateurs peuvent contrôler les documents avant qu’ils soient accessibles aux autres utilisateurs.

Problème

Une plateforme de partage de documents pose une question de droits : ce qui est déposé n’est pas nécessairement diffusable.

Analyse

Publier automatiquement ce qu’un membre dépose reviendrait à diffuser des documents sans contrôle.

Solution

Validation administrative avant publication : un membre propose, l’administrateur seul publie.

Résultat

Aucune ressource n’est diffusée sans décision d’un administrateur.

Problème

Adaptation de l’interface aux différentes tailles d’écran.

Analyse

Le modèle ne suffit pas pour conclure. La configuration réelle a pu changer depuis l’achat du poste.

Solution

Adaptation responsive des pages, menus, boutons et différents blocs de contenu.

Résultat

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.	À revoir sur certains écrans : l’affichage n’est pas encore correct partout. Non conforme	Reprise de l’affichage sur les formats concernés.
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

Côté utilisateur :
- Rôle membre
- Matières
- Catégories
- Sous-catégories
- Ajout de cours
- Documents PDF
- Agenda
- Devoirs
- Proposition de devoirs
- Responsive smartphone
- Responsive tablette
- Responsive ordinateur
- Espace documentaire
- Dossiers
- Sous-dossiers
- Organisation de PDF
Côté administrateur :
- Comptes utilisateurs
- Rôles
- Permissions
- Rôle administrateur
- Panneau d’administration
- Validation des documents
- Gestion des contenus
- Prévisualisation selon un rôle

Mise en service

Déploiement

Le site est en ligne et utilisé par les étudiants de ma classe. Je continue à le faire évoluer : je note les fonctionnalités à ajouter et je les traite une par une.

Accompagnement des utilisateurs

Les utilisateurs sont des étudiants, sur des appareils très différents. J’ai séparé deux rôles : un membre propose une ressource sans avoir à comprendre comment se fait la validation, et l’administrateur voit ce qui attend sa décision.

Sécurité

Il y a deux rôles : membre et administrateur. Un membre peut proposer une ressource, seul l’administrateur la publie. J’ai ajouté une prévisualisation par rôle pour vérifier ce que chaque profil voit vraiment — un contrôle d’accès ne se vérifie pas sur le papier.

Bilan personnel

C’est le projet où je décide de tout, et c’est ce qui le rend difficile : chaque fonctionnalité en appelle une autre, et j’ai tendance à vouloir en ajouter plus vite que je ne les termine. Il me sert à travailler ce que mon alternance aborde moins : concevoir une application complète, et gérer les rôles et les droits du côté de celui qui les met en place.