EdTech · LMS
Quizzard
LMS sur-mesure multi-tenant avec génération de cours et de quizz par IA
Cours
useEffect : les effets de bord
Page 2.2 · 3 min · brouillon enregistré
useEffect permet d’exécuter du code en réaction au cycle de vie d’un composant.
Syntaxe de base
document.title = title;
}, [title]);
Le tableau de dépendances contrôle quand l’effet est rejoué.
Le contexte
Construire une plateforme pédagogique qui dépasse les LMS génériques (Moodle, TalentLMS) : un outil dans lequel les formateurs assemblent un cours en quelques heures plutôt qu'en plusieurs jours, et où les apprenants disposent d'un tuteur IA qui répond strictement dans le contexte du cours suivi.
L'objectif
Permettre à un organisme de formation de produire et de délivrer un parcours pédagogique complet sans dépendre d'outils tiers : structuration des cours, création de quizz, gestion des classes, communication apprenants — le tout dans une interface moderne et rapide.
La solution livrée
- Architecture pédagogique hiérarchique : organisation en Cours → Chapitres → Pages → Quizz, avec drag & drop pour réordonner.
- Génération de plans de cours par IA : à partir d'un sujet et d'un public cible, l'IA propose une structure complète, modifiable avant validation et persistance.
- Quizz générés par IA : conversion d'une page de cours en quizz (QCM ou texte à trous) en un clic, ou génération transversale à partir de plusieurs cours pour les évaluations.
- Éditeur riche TipTap : texte structuré, images, blocs de code, diagrammes Mermaid intégrés, navigation par titres.
- Tuteur IA contextuel : chaque cours dispose d'un chat IA dont les réponses sont scopées au contenu pédagogique du cours, sans dérive hors-sujet.
- Classes virtuelles : import CSV des apprenants, rattachement de cours à une classe, suivi de progression par classroom et par apprenant.
- Espaces séparés staff / student : interface dédiée à l'équipe pédagogique et interface apprenant simplifiée, rôles et permissions gérés au niveau du middleware.
- Multi-tenant : chaque organisation a ses cours, classes et apprenants cloisonnés via le modèle Organization.
- Temps réel : notifications et mises à jour live via Laravel Reverb (WebSockets).
Particularités techniques
Stack moderne Laravel 12 + Inertia v2 + React 19 + Tailwind v4, avec laravel/ai pour orchestrer les appels LLM, Wayfinder pour typer les routes côté front, Reverb pour le temps réel et Playwright pour les tests end-to-end. L'éditeur TipTap a été étendu pour générer un quizz depuis un bloc texte sélectionné dans le cours.