Embedded Files
Du prompt à l'app
Du prompt à l'app
Dernière révision : novembre 2025
Vous pouvez facilement créer votre app d'entraînement sans coder puis la placer sur un site. Démonstration en quelques étapes...
- Choisir l'assistant
Vous pouvez demander à une IA de vous créer une app pédagogique mais quelle IA choisir? Au mieux, un assistant conversationnel qui propose le mode Canvas | Canevas
Claude AI
Claude AI
le plus puissant parmi les assistants pour générer du code. Son mode Artefacts (ancêtre de Canvas) ne permet toutefois pas la modification du code directement dans son interface.
Gemini AI
Gemini AI
Gemini et sa version développeur, Google AI Studio, concurrencent désormais Claude AI. Le mode Canevas OBLIGATOIREMENT activé, propose directement de créer infographies, pages web, flashcards, quizz, etc.Singularité de Google Ai Studio? L'app codée peut être reliée à une IA via appels API...
Canva Code
Canva Code
la plateforme Canva propose depuis un an un outil de génération de code: génial car il est à la fois gratuit et ... inarrêtable !Son intérêt? L'app codée peut être associée à une base de données (canva sheets)
chatGPT
chatGPT
l'ancêtre chatGPT est bien entendu capable de générer des applications web. Petits défauts: outre la forme de l'app qui n'est pas toujours très travaillée graphiquement, on constate que le code peut largement varier d'une itération à l'autre.
2. Créer un prompt
2. Créer un prompt
Le prompt ne peut être classique; il doit être composé de plusieurs ingrédients...
3. Du prompt au code
3. Du prompt au code
Prompt d'entrée (INPUT)
Prompt d'entrée (INPUT)
Le processus devient itératif : discutez avec l'IA pour améliorer progressivement votre app. Si jamais l'IA ne veut plus obéir, recopiez votre prompt modifié et allez dans une nouvelle conversation...
Je souhaite créer une page web de révision des temps primitifs en anglais.Je veux que tu te bases sur ma liste de TP que tu trouveras ci-dessous.Donne le verbe en français et l’élève devra te donner l’infinitif, le past simple et le past participle.L’élève démarrera avec un temps d’une minute.Chaque fois qu’il donnera une bonne réponse, il gagnera cinq secondes et chaque fois qu’il donnera une mauvaise réponse, il perdra cinq secondes.Quand la réponse est bonne, félicite-le et passe directement à la question suivante.Si la réponse n’est pas correcte, indique-lui la bonne réponse, puis passe à la question suivante sans perdre trop de temps.Ne perds pas trop de temps pour passer d’une question à l’autre.Donne-moi le code pour créer cette app.
Code de sortie (output)
Code de sortie (output)
4. L'insérer dans une page web
4. L'insérer dans une page web
Quand le code vous convient, il vous suffit de le copier/coller sur votre site... via l'outil d'intégration
<>
Nous vous recommandons des outils comme Google Sites, Netlify
Exemples dans différents cours...
Exemples dans différents cours...
En math
En math
Exercice basé sur la différenciation des contenus...
App générée par Benoît Jacques, référent numérique et professeur de math à l'École secondaire de Hannut
En sciences
En sciences
Simulation de la croissance d'une plante...
App générée par Jérome Kinet, enseignant en sciences et agronome-horticulture.
Page updated
Report abuse