Exercice
3.6 — Exercice 2 : votre app, votre choix
Durée : 50 min | Type : Pratique | Slides : ~2-3
Consigne
Créez une vraie application avec votre agent de programmation. Contrairement à l'exercice 1 (artifacts), ici vous travaillez avec de vrais fichiers, une vraie base de données, et la possibilité de déployer en ligne.
La marche à suivre :
- Présentez-vous à l'agent (30 sec) — qui vous êtes, niveau, contexte
- Brainstormez avec l'agent (3-5 min) — décrivez votre besoin, demandez des suggestions
- Demandez un plan en étapes — l'agent propose, vous validez
- Le cycle : l'agent code → vous testez → vous dites ce qui va pas → l'agent corrige → étape suivante
- Itérez — améliorez, ajoutez des fonctionnalités, peaufinez
50 minutes, c'est un MVP — une fonctionnalité qui marche bien vaut mieux que dix fonctionnalités bancales.
Choisissez votre parcours
Parcours Python 🐍
- Framework : Streamlit (interface web automatique) + SQLite (base de données locale)
- L'agent gère tout : installation des packages, écriture du code, lancement du serveur
- Tester : l'app s'ouvre dans votre navigateur à
localhost:8501 - Idéal pour : outils personnels, données sensibles, traitement de fichiers, scripts
Prompt de départ type :
Je suis [rôle] dans une école secondaire en Belgique. Je veux créer un outil Streamlit pour [besoin]. Utilise SQLite pour stocker les données. Ajoute un export Excel. Commence par me proposer un plan en étapes.
Parcours Web 🌐
- Framework : Node.js + HTML/CSS/JS
- Déploiement : GitHub → Vercel (gratuit, URL partageable)
- Base de données : Turso (SQLite cloud, gratuit) si besoin de persistance
- Idéal pour : apps partagées, quiz en ligne, sites, projets collaboratifs
Prompt de départ type :
Je suis [rôle] dans une école secondaire en Belgique. Je veux créer une application web pour [besoin]. Utilise Node.js. Elle doit être déployable sur Vercel. Commence par me proposer un plan en étapes.
⚠️ Rappel : ce qui différencie l'exercice 2 de l'exercice 1
| Exercice 1 (Artifacts) | Exercice 2 (Agent) | |
|---|---|---|
| Fichiers | ❌ | ✅ Lire, créer, modifier |
| Base de données | ❌ | ✅ SQLite, Turso |
| Upload/Download | ❌ | ✅ Fichiers Excel, PDF, images |
| Persistance | ❌ Session uniquement | ✅ Données sauvegardées |
| Multi-pages | ❌ Un seul fichier | ✅ Autant de pages que nécessaire |
| Déploiement | ❌ | ✅ Vercel, URL partageable |
| Appel API / internet | ❌ (sauf Claudeception) | ✅ |
Pas de doublon avec l'exercice 1 — ici on exploite tout ce que les artifacts ne pouvaient PAS faire.
Idées par profil
🎓 Profs — Planification & organisation
| Idée | Description | Parcours |
|---|---|---|
| Séquencier pédagogique | Planifier ses séquences : objectifs, activités, durées, ressources. Vue calendrier + liste. Export PDF. | Python 🐍 |
| Journal de classe numérique | Par classe et par jour : matière vue, devoirs, remarques. Recherche par date/classe. Historique de l'année. | Python 🐍 |
| Planificateur annuel | Vue année scolaire avec semaines, congés, jours fériés. Répartir les chapitres sur les semaines. Drag & drop. | Web 🌐 |
| Carnet de bord de stage | Suivi des élèves en stage : entreprises, visites, évaluations, commentaires. Vue par élève et vue globale. | Python 🐍 |
🎓 Profs — Évaluation & résultats
| Idée | Description | Parcours |
|---|---|---|
| Gestionnaire de grilles d'évaluation | Créer des grilles par compétences. Encoder les résultats. Calcul automatique. Fiche de points en PDF. | Python 🐍 |
| Suivi de compétences | Tableau élèves × compétences. Niveaux colorés. Vue radar par élève, heatmap par classe. | Python 🐍 |
| Tableau de bord des résultats | Importer des cotes Excel. Dashboard : moyennes, distribution, évolution, élèves en difficulté. | Python 🐍 |
| Plateforme d'exercices auto-corrigés | Exercices par chapitre, correction immédiate, stats par question. Le prof voit un dashboard classe. | Web 🌐 |
🎓 Profs — Production de contenu
| Idée | Description | Parcours |
|---|---|---|
| Éditeur de cours → PDF | Écrire en markdown, organiser en chapitres. Compilation en PDF avec page de garde, table des matières, logo. | Python 🐍 |
| Générateur d'examens | Banque de questions en DB. Piocher X questions par critères. Générer sujet + corrigé PDF. Variantes anti-triche. | Python 🐍 |
| Site de cours en ligne | Mini-MOOC : chapitres, texte, images, vidéos embed, exercices avec correction auto. URL partageable aux élèves. | Web 🌐 |
💻 Profs d'informatique
| Idée | Description | Parcours |
|---|---|---|
| Auto-correcteur de TPs | L'élève upload son fichier. Le serveur exécute des tests unitaires. Rapport : tests passés/échoués, score. | Python 🐍 |
| Plateforme de coding challenges | Énoncés progressifs, éditeur de code, exécution côté serveur, tests auto, classement. Mini-HackerRank. | Web 🌐 |
| Sandbox SQL avec exercices | DB pré-remplie, exercices avec requête attendue, exécution temps réel, comparaison, progression par niveau. | Web 🌐 |
| Gestionnaire de projets d'élèves | Fiches groupe : membres, sujet, repo Git, avancement, notes. Vue kanban globale. | Web 🌐 |
| Détecteur de similarité de code | Upload N fichiers d'élèves. Analyse de similarité (tokens). Matrice visuelle. Rapport "A et B = 87%". | Python 🐍 |
| Gestionnaire de tickets — Atelier 404 | Système de tickets d'intervention : les élèves/profs signalent un problème technique, l'atelier assigne, suit l'avancement (ouvert → en cours → résolu). Historique, stats, priorités. | Web 🌐 |
🏢 Direction & administration
| Idée | Description | Parcours |
|---|---|---|
| Dashboard d'école | Upload des données existantes (Excel). Dashboard : taux de réussite par section, effectifs, absentéisme, comparaisons. | Python 🐍 |
| Analyseur de résultats scolaires | Importer les résultats de fin de période. Distribution par classe, comparaison entre sections, tendances. | Python 🐍 |
| Planificateur d'événements scolaires | Calendrier annuel avec tous les événements. Checklist par événement. Responsables assignés. Timeline. | Web 🌐 |
| Outil de communication parents | Rédiger des circulaires, templates réutilisables, historique, PDF avec en-tête de l'école. | Python 🐍 |
| Suivi des projets d'établissement | Objectifs, actions, indicateurs. Tableau de bord : avancement par axe, deadlines, statuts. | Web 🌐 |
🏢 Administratifs — Gestion quotidienne
| Idée | Description | Parcours |
|---|---|---|
| Gestionnaire de réservation de locaux | Calendrier par salle, créneaux, détection de conflits, accessible à tous les profs. | Web 🌐 |
| Inventaire matériel | PC, projecteurs, manuels, mobilier. Par local. États, dates d'achat. Alertes garantie/stock bas. | Python 🐍 |
| Fusionneur / nettoyeur Excel | Upload plusieurs fichiers → fusion, dédoublonnage, nettoyage. Preview avant export. Le couteau suisse. | Python 🐍 |
| Extracteur de données PDF | Upload bulletins/factures PDF → extraction des champs → tableau récapitulatif exploitable. | Python 🐍 |
| Suivi budgétaire | Budget par poste, saisie des dépenses, reste disponible, graphiques prévu vs réel, alertes plafond. | Python 🐍 |
🔧 Outils transversaux
| Idée | Description | Parcours |
|---|---|---|
| Explorateur de données universel | Déposer n'importe quel Excel/CSV → dashboard Streamlit : filtres, graphiques, tableaux croisés, export. Réutilisable à l'infini. | Python 🐍 |
| Convertisseur d'images batch | Upload un dossier d'images → convertir PNG en WebP, redimensionner, compresser, renommer en masse. Paramètres configurables. | Python 🐍 |
| Générateur de QR codes | Liste d'URLs ou textes → génération en masse de QR codes. Export en ZIP ou planche imprimable. | Python 🐍 |
| Convertisseur markdown → site web | Écrire en markdown, structurer en pages, choisir un thème. Site statique déployable sur Vercel. Blog de classe, portfolio. | Web 🌐 |
🎮 Projets fun — Jeux & apps interactives
| Idée | Description | Parcours |
|---|---|---|
| Quiz multijoueur live | Type Kahoot maison. Le prof projette, les élèves rejoignent via URL sur téléphone. Temps réel, classement, podium. | Web 🌐 |
| Escape room digitale | Série d'énigmes web, chaque réponse débloque la suivante. Timer global. Indices avec pénalité. Classement équipes. | Web 🌐 |
| Jeu de trading simulé | Portefeuille fictif, cours qui évoluent (simulés), acheter/vendre, classement par fortune. Parfait pour un cours d'éco. | Web 🌐 |
| Système de vote / sondage live | Créer un sondage, projeter QR code. Les participants votent sur téléphone. Résultats temps réel sur écran du prof. | Web 🌐 |
| Tournoi de classe | Bracket configurable (simple/double élimination). Saisie des résultats, avancement auto. Affichage e-sport. | Web 🌐 |
| Système de badges/achievements | Gamification : définir des badges, attribuer manuellement, profil élève, tableau d'honneur. | Web 🌐 |
| Jeu d'aventure textuel persistant | Scénario à choix, inventaire, stats perso, sauvegarde en DB. Jouable sur plusieurs sessions. Le prof édite le scénario. | Web 🌐 |
🎮 Projets fun — Jeux avancés & simulations
| Idée | Description | Parcours |
|---|---|---|
| Jeu de plateforme 2D | Personnage, gravité, plateformes, ennemis, niveaux, éditeur de niveaux. Canvas 2D ou bibliothèque de jeu. | Web 🌐 |
| Tower Defense | Map, vagues d'ennemis, placement de tours, upgrades, économie. Stratégie et programmation de l'IA ennemie. | Web 🌐 |
| Roguelike | Donjon généré procéduralement, combats tour par tour, inventaire, montée en niveau, permadeath. | Web 🌐 |
| Simulation de vie / écosystème | Proies et prédateurs dans un environnement 2D. Paramètres ajustables (reproduction, nourriture, vitesse). Observer l'équilibre ou l'extinction. | Web 🌐 |
| Simulation de physique | Billes, ressorts, pendules, gravité — paramètres ajustables, visualisation temps réel. | Web 🌐 |
| Simulation de trafic | Intersection avec feux tricolores, flux de voitures, ajuster les durées des feux, observer le débit. | Web 🌐 |
| Simulation de foule | Agents autonomes qui se déplacent dans un espace avec obstacles. Comportements de groupe, évitement, sorties. | Web 🌐 |
| Jeu de stratégie tour par tour | Map hexagonale, armées, ressources, construction, IA adverse. Mini-Civilization. | Web 🌐 |
| Course de voitures 3D | Circuit, physique véhicule simplifiée, chrono, classement. Three.js. | Web 🌐 |
| FPS low-poly | Environnement 3D, déplacement FPS, tir sur cibles, score. Three.js. | Web 🌐 |
| Simulateur de vol | Avion dans un monde 3D, contrôles au clavier, paysage généré, altitude/vitesse. Three.js. | Web 🌐 |
| Jeu de rythme | Notes qui tombent (style Guitar Hero), musique synchronisée, scoring, niveaux de difficulté. | Web 🌐 |
🏆 Guide de choix rapide
"Je veux un outil utile dès lundi"
→ Grilles d'évaluation (Python), Journal de classe (Python), Séquencier (Python)
"Je suis directeur/admin et je veux voir des chiffres"
→ Dashboard d'école (Python), Analyseur de résultats (Python), Explorateur de données (Python)
"J'en ai marre d'Excel"
→ Fusionneur Excel (Python), Extracteur PDF (Python), Convertisseur d'images (Python)
"Je veux un truc partageable par URL"
→ Quiz multijoueur (Web), Site de cours (Web), Escape room (Web)
"Je suis prof d'info et je veux impressionner"
→ Auto-correcteur de TPs (Python), Sandbox SQL (Web), Tickets Atelier 404 (Web)
"Je veux m'amuser et apprendre en même temps"
→ Tower Defense (Web), Simulation d'écosystème (Web), Roguelike (Web)
"Le projet le plus polyvalent"
→ Explorateur de données universel (Python) — fonctionne avec N'IMPORTE QUEL fichier Excel/CSV
💡 Tips pendant l'exercice
Stratégie
- 50 min = un MVP. Une fonctionnalité qui marche bien > dix fonctionnalités bancales
- Petites étapes : demandez à l'agent de faire une chose à la fois, testez, validez, passez à la suite
- Multitasking : pendant que l'agent code, réfléchissez à la suite ou travaillez sur le prompt suivant
- Soyez exigeants : c'est moche ? Dites-le. Pas pratique ? Dites-le. L'agent ne se vexe pas.
Technique
- L'agent se trompe ? Normal — décrivez le problème, il corrige. C'est le cycle.
- Données sensibles → Python local. Pas de noms d'élèves sur un serveur public.
- Accessible aux autres → Web. URL partageable, rien à installer côté utilisateur.
- Git : demandez à votre agent de sauvegarder régulièrement sur GitHub. "Fais un commit et pousse sur GitHub."
- Sécurité : avant de mettre en ligne → "Audite la sécurité de ce projet."
Debug
- Erreur dans le terminal → copier-coller dans le chat de l'agent
- L'app ne marche pas dans le navigateur → F12, console, copier l'erreur
- L'agent tourne en boucle sur le même bug → "Change d'approche" ou "Repars de zéro pour cette fonctionnalité"
Fin de l'exercice
- Parcours Web : déployez sur Vercel si c'est prêt → URL partageable
- Parcours Python : préparez une démo sur votre écran
- Tous : on partagera les créations dans le bloc 4