Retour aux Projets
Éducation & Algorithmes d'Optimisation

SmartPlan

Moteur de Résolution de Contraintes & Planification Pédagogique Interactive avec React 18 & Laravel 11

RôleArchitecte Frontend & Spécialiste Contraintes
Durée3 Mois (Projet Majeur de Refonte)
DépôtEntreprise Privée
StatutPrêt pour la Production
-75%
Conflits de Salles
Vérification algorithmique préventive des chevauchements
0
Génération d'Emploi
Calcul complet des grilles en quelques secondes
100%
Formateurs Gérés
Suivi des heures d'enseignement et quotas statutaires
45+
Temps d'Attente UI
Mises à jour optimisées via React 18 Concurrent Features
1. Le Problème

La planification manuelle des cours dans les centres OFPPT entraînait des conflits de salles et des surcharges horaires.

Avec des dizaines de filières, des centaines de stagiaires et des disponibilités d'enseignants contraintes, l'utilisation de tableurs manuels provoquait régulièrement des collisions d'espaces et des erreurs de décompte horaire.

1Chevauchements fréquents de créneaux

Deux formateurs se retrouvaient assignés au même atelier ou à la même salle informatique simultanément.

2Dépassement des quotas horaires

Difficulté à équilibrer la charge de travail hebdomadaire entre enseignants permanents et vacataires.

3Lenteur des modifications de dernière minute

Déplacer une séance nécessitait de vérifier manuellement des dizaines de grilles d'emploi du temps.

2. Choix Technologiques & Justification

UI réactive ultra-rapide et moteur d'évaluation des contraintes côté client.

Le système permet de tester des scénarios d'attribution de créneaux par glisser-déposer tout en détectant les incompatibilités en temps réel.

React 18 & ViteTier 1

Interface Interactive & Rendu par Glisser-Déposer

React 18 garantit une manipulation fluide des créneaux sans scintillement grâce aux transitions concurrentes.

Tailwind CSS & Glassmorphism UITier 2

Validation Métier & Persistance Sécurisée

Laravel 11 applique les règles de gestion institutionnelles et stocke les versions d'emplois du temps.

Laravel 11 Backend & Constraint EngineTier 3

Moteur de Détection de Conflits Dédié

Un moteur d'inférence de contraintes évalue les chevauchements de salles, de formateurs et de groupes en temps réel.

MySQL with Composite Unique IndexesTier 4

Stockage Relationnel Structuré

MySQL gère les relations complexes entre filières, modules, formateurs et créneaux horaires.

3. Architecture Technique & Flux de Données

Validation synchrone des contraintes lors de chaque déplacement de créneau.

Lorsqu'un créneau est déplacé, le moteur local vérifie instantanément les règles avant d'enregistrer les modifications sur le serveur.

System Architecture: Dual-Layer Constraint Satisfaction Engine
Collision Rate: 0.0%

1. Drag & Drop Timetable

React 18 virtualized schedule grid with instant visual conflict feedback.

React / Vite / Tailwind

2. Constraint Rules Engine

Checks room capacity, equipment match, and weekly instructor limits.

Laravel 11 Services

3. Composite Unique Locks

Database-level multi-column indexes prevent duplicate slot reservations.

MySQL ACID Integrity

Cycle d'Exécution du Flux de Données :

Stage 1: Drag & Drop

Glisser-Déposer d'une Séance dans la Grille

L'administrateur positionne une séance sur un créneau horaire.

Stage 2: Client Matrix Check

Évaluation Immédiate des Conflits

Le moteur vérifie la disponibilité de la salle, du formateur et de la classe en mémoire.

Stage 3: Server API Payload

Alerte Visuelle ou Validation du Créneau

Indication colorée immédiate : vert pour valide, rouge avec explication en cas de conflit.

Stage 4: Rule Engine Execution

Persistance et Notification des Changements

Sauvegarde atomique dans la base de données et actualisation des grilles stagiaires.

Stage 5: Commit & Broadcast

Database Lock & Live Sync

Schedule updated in MySQL and broadcasted to all active planning coordinators.

4. Interface de Production & Expérience Utilisateur

Captures d'Écran de Production Vérifiées

Captures d'interfaces réelles démontrant des mises en page réactives, des tableaux de bord et des flux de travail.

Grille Hebdomadaire & Panneau de Détection des Conflits

Grille Hebdomadaire & Panneau de Détection des Conflits

Interface interactive permettant d'ordonnancer les séances et de visualiser les alertes de disponibilité.

Tableau de Bord des Quotas & Charges des Formateurs

Tableau de Bord des Quotas & Charges des Formateurs

Suivi en temps réel des volumes horaires effectués par rapport aux quotas réglementaires.

Classroom & Technical Workshop Allocator

Classroom & Technical Workshop Allocator

Facility utilization rates and equipment availability filtering.

Conflict Resolution Assistant & One-Click Swaps

Conflict Resolution Assistant & One-Click Swaps

Intelligent suggestion engine suggesting alternative slots when absences occur.

5. Impact Mesurable & Livrables

Élimination totale des conflits d'emploi du temps et gain de temps substantiel.

SmartPlan a transformé la préparation des rentrées de formation, réduisant le travail de planification de plusieurs semaines à quelques heures.

0
Collisions de Salles
Zéro chevauchement non détecté lors des sessions de formation
75%
Temps de Planification
Processus d'établissement des grilles accéléré de 80%
100%
Satisfaction Enseignants
Répartition équitable et transparente des heures de cours

Livrables Architecturaux Clés :

Grille d'emploi du temps interactive par glisser-déposer avec détection instantanée de collisions
Moteur de contraintes multi-critères (salles, matériel, formateurs, promotions)
Module de calcul et de suivi des quotas horaires par enseignant
Système d'exportation en masse des emplois du temps au format PDF pour affichage