IA-révision : créer une page web de révision avec un texte

Objectif :

• se créer une pag web de révision, basée sur un cours
• diffuser cette page aux élèves (par exemple, sur le cahier de texte, la messagerie, ELEA, pronote, ...)

Outil :

une IA (Claude, Mistral, ...)
je vous propose :

• le cours de Marc A d'économie pour des élèves de CAPA SAPVER : Télécharger le cours en pdf
• le prompt ci dessous : bien évidemment, vous pourrez le corriger, compléter, adapter, ...etc

---

A vous de jouer (création de la page de révision)

A partir du fichier joint, je souhaite que tu me génères un code HTML complet et fonctionnel pour une application simple de révision de ce cours, destinée à des élèves de CAPA SAPVER dans l’enseignement agricole français.
Tu crées :
• 3 séries de questions pour chacun des paragraphes du document sous forme de QCM ou 1 réponse est fausse mais inspirée de la bonne réponse, une bonne réponse et une réponse humoristique inspirées du paragraphe
• Il doit y avoir 20 questions pour chaque série
• Aucun signe distinctif dans le texte de chaque question
• La bonne réponse est répartie équitablement entre la réponse 1, la réponse 2 et la réponse 3
• Ajoute un compteur de score en temps réel en haut
• Feedback immédiat avec affichage de la bonne réponse
• Barre de progression
• Ecran final de résultats avec score et message personnalisé
Voici les spécifications détaillées :
Compatibilité :

• Code HTML/CSS/JS autonome (pas de dépendances externes).

Fonctionne hors ligne après enregistrement sur l'ordinateur.
Contraintes :
Simplicité : Le code doit être copiable/collable dans un fichier .html et s'ouvrir directement dans un navigateur.
Accessibilité : Police lisible, couleurs contrastées, interface adaptée aux débutants, colorée et ludique
Livrable attendu :
Un fichier HTML unique (avec CSS et JS intégrés) prêt à l'emploi.
Une des 3 séries sera proposée de façon aléatoire lors de chaque ouverture du fichier
Un design responsive (adapté aux écrans d'ordinateur et tablettes).

---

A vous de jouer (diffusion de la page aux apprenant.e.s)

• Si vous avez utilisé claude vous pouvez télécharger directement le fichier html.

Créer le fichier HTML :

• copier le code HTML (entre des balise <>) généré par votre IA
• ouvrir le bloc notes : Menu démarrer de votre ordinateur (en bas à gauche) puis écrire Note
• coller le code dans le bloc-notes
• Fichier => Enregistrer sous
• saisir le nom du fichier ET ajouter ".html" ; attention au dossier de rangement ...
  • Télécharger le fichier puis modifier l'extension du fichier avec le bloc-notes : il faut ajouter l'extention ".html"
• il ne reste plus qu'à réaliser un double clic sur le fichier pour qu'il s'ouvre dans le navigateur

Diffuser sur Pronote

• Il faut glisser le fichier dans le cahier de textes

Diffuser la page sur moodle ou ELEA :

• aller sur ELEA/moodle
• aller dans votre parcours/cours
• glisser déposer le fichier HTML dans la section du parcours de votre choix ou faire créer une ressource - dépôt de fichier