2.2 — La méthode de travail

Durée : 5 min | Type : Théorie | Slides : ~2-3 (à garder affichées/imprimées pendant les exercices)

Le workflow — votre fil rouge#

Cette méthode s'applique partout : dans le navigateur avec les artifacts, avec un agent sur votre machine, avec n'importe quel outil. C'est le fil rouge de tout le cours. Imprimez-la, gardez-la sous les yeux, appliquez-la systématiquement.

Étape 0 — Se présenter à l'agent#

Avant de demander quoi que ce soit, commencez par expliquer qui vous êtes :

• Votre rôle (prof de maths, sous-directeur, secrétaire...)
• Votre niveau en programmation (débutant complet, j'ai fait un peu de HTML, je programme régulièrement...)
• Ce que vous enseignez ou gérez
• Le contexte (enseignement secondaire, école technique, Belgique...)

Pourquoi ? Parce que l'IA adapte ses réponses à votre profil. Si vous dites que vous êtes débutant, elle expliquera chaque étape. Si vous dites que vous êtes développeur, elle ira droit au but. Un prof de chimie et un prof d'informatique n'obtiendront pas le même artifact pour la même demande — et c'est voulu.

Exemple :

Je suis prof d'informatique dans une école secondaire technique en Belgique. J'enseigne les bases de données et le développement web. Je suis à l'aise avec la programmation. Je cherche des outils pédagogiques interactifs pour mes élèves.

Étape 1 — Brainstormer#

Discutez avec l'IA pour trouver ou affiner votre idée :

• Décrivez votre besoin en langage naturel
• Explorez les possibilités : "Qu'est-ce que tu pourrais faire pour... ?"
• Soyez ambitieux : l'IA vous dira si c'est trop compliqué
• Demandez plusieurs options : "Propose-moi 3 approches différentes"

Ne vous censurez pas à cette étape. Le pire qui puisse arriver, c'est que l'IA vous dise que c'est pas faisable dans ce contexte — et elle proposera une alternative.

Exemple :

Je voudrais un outil interactif pour enseigner les jointures SQL à mes élèves. Ils ont du mal avec la différence entre INNER JOIN, LEFT JOIN, etc. Il faudrait quelque chose de visuel, avec des données qu'ils peuvent manipuler. Qu'est-ce que tu proposes ?

Étape 2 — Planifier#

Avant de foncer dans le code, demandez à l'IA de proposer un plan :

• "Propose-moi un plan d'implémentation en étapes"
• "Quelles fonctionnalités en priorité ?"
• "Par quoi on commence ?"

C'est surtout utile pour les projets plus ambitieux (exercice 2, projets personnels). Pour un artifact simple, on peut parfois sauter cette étape et laisser l'IA produire directement.

Étape 3 — Le cycle : coder → tester → corriger#

C'est le cœur de la méthode. Pour chaque étape du plan :

a. L'IA écrit le code.

Vous n'avez rien à faire — elle génère l'artifact ou écrit les fichiers.

b. Vous testez.

Ouvrez le résultat. Cliquez partout. Essayez les cas limites. Faites ce qu'un élève ferait (c'est-à-dire : essayez de tout casser).

c. Vous dites ce qui ne va pas.

C'est LA compétence clé. Pas besoin de comprendre le code — il faut savoir décrire le problème :

• 📸 Screenshots : montrez ce que vous voyez (surtout si c'est un bug visuel)
• 📋 Copier-coller des erreurs : si il y a un message d'erreur, copiez-le tel quel
• 💬 Description en langage naturel : "Quand je clique sur le bouton X, il ne se passe rien" / "Les couleurs sont moches" / "Le tableau déborde de l'écran"

d. L'IA corrige.

Elle lit votre feedback, comprend le problème, et propose une correction.

e. Vous validez → étape suivante.

Si c'est bon, on passe à la suite. Sinon, on recommence le cycle.

Étape 4 — Itérer et améliorer#

Le premier résultat est rarement parfait — et c'est normal. La puissance de cette méthode, c'est l'itération :

• "Ajoute une fonctionnalité X"
• "Change les couleurs, c'est trop sombre"
• "Rends-le responsive pour mobile"
• "Ajoute un bouton pour exporter en PDF"
• "C'est bien mais je voudrais aussi que..."

Soyez exigeants. Si c'est moche, dites-le. Si c'est pas pratique, dites-le. L'IA ne se vexe pas. Plus vous êtes précis dans vos retours, plus le résultat final sera bon.

Le résumé en une image#

Étape	Action	Qui fait quoi
0. Se présenter	Dire qui on est, son niveau, son contexte	🧑 Vous
1. Brainstormer	Décrire le besoin, explorer les possibilités	🧑 Vous + 🤖 IA
2. Planifier	Définir les étapes d'implémentation	🤖 IA (vous validez)
3. Le cycle	Coder → Tester → Dire ce qui va pas → Corriger	🤖 Code / 🧑 Test & feedback
4. Itérer	Améliorer, ajouter, peaufiner	🧑 Vous demandez / 🤖 IA exécute

💡 Astuce : cette méthode fonctionne aussi pour les projets non-code. Rédaction de cours, préparation d'examens, création de documents — le cycle brainstorm → produire → tester → corriger → itérer est universel.