Ce guide vous apprendra à créer facilement un quiz complet à partir de n'importe quel document.

Objectifs principaux

• Créer et ajouter un onglet quiz avec des questions à choix multiples.
• Mettre en place les fonctionnalités de soumission des réponses et de traitement des entrées utilisateur.
• Enrichir le quiz avec des fonctionnalités supplémentaires.

Création des questions et des réponses possibles

Pour commencer, rendez-vous sur Claude et créez un compte si vous n'en avez pas encore (gratuit ou payant).

Cette partie traite de la création des questions et des réponses possibles à partir d'un document (PDF, document Word...) en votre possession ou même simplement d'un sujet général.

Dans cet exemple, je vais utiliser un PDF d'un cours de physique pour en extraire des questions et réponses potentielles. Vous pourriez, par exemple, télécharger votre dernière formation interne, séminaire ou tutoriel pour former de nouvelles recrues.

Prompt:

Donne-moi [insérer nombre de questions souhaité] questions à choix multiples à partir de ce PDF. Donne [insérer nombre de réponses] réponses possibles par question.

Il peut parfois être utile de créer un quiz sur un sujet particulier pour évaluer vos connaissances ou celles d'une autre personne.

Vous pouvez utiliser le prompt suivant pour créer les questions et les réponses potentielles :

Donne-moi [indiquer le nombre de questions souhaité] questions à choix multiples sur la guerre de cent ans. Donne [indiquer le nombre de réponses] réponses possibles par question.

Configuration du quiz

Il est maintenant temps de créer l'application qui permettra aux utilisateurs de tester leurs connaissances.

Utilisez ce prompt pour créer l'application de quiz.

Utilise les questions et réponses que tu as générées pour créer un quiz interactif.

Il est maintenant temps d'améliorer le quiz.

J'aime généralement demander à l'IA ce qui pourrait être amélioré avec le prompt suivant :

Fais la liste des améliorations possibles pour ce quiz (apparence, fonctionnalités...)

Il y a tellement de choses auxquelles personne n'aurait pensé (à moins d'être un expert dans le domaine...).

Maintenant demandez à l'IA de mettre en œuvre ses propositions :

Mettre en œuvre tout cela si possible

Une amélioration majeure !

Maintenant, comme Claude propose souvent différentes idées d'amélioration et au cas où vous souhaiteriez obtenir quelque chose de similaire à ce qui a été fait ici, utilisez le prompt suivant :

Maintenant, implémente ces fonctionnalités dans le quiz :Améliorations visuelles :Ajouter une barre de progression : Concevoir et intégrer une barre de progression pour montrer l'avancement du quiz.Implémenter le code couleur pour les réponses : Utiliser différentes couleurs pour les réponses correctes (ex : vert) et incorrectes (ex : rouge).Inclure des icônes pour les actions : Ajouter des icônes pour les actions comme soumettre, retour, passer, etc.Améliorations des fonctionnalités :Implémenter un minuteur pour l'ensemble du quiz : Ajouter un compte à rebours pour la durée du quiz.Ajouter des niveaux de difficulté et la sélection de sujets : Permettre aux utilisateurs de choisir les niveaux de difficulté (facile, moyen, difficile) et des sujets spécifiques.Fournir un feedback immédiat et des explications : Montrer le feedback correct/incorrect et les explications immédiatement après chaque question.Randomiser l'ordre des questions : Mélanger les questions pour chaque tentative de quiz.Permettre aux utilisateurs de revoir les réponses : Activer un mode révision à la fin du quiz pour voir toutes les réponses.Implémenter un système d'indices : Ajouter des indices que les utilisateurs peuvent utiliser pour les questions difficiles.Améliorations d'accessibilité :Ajouter un mode contraste élevé : Implémenter un mode contraste élevé pour une meilleure visibilité.Améliorations du contenu :Enrichir la banque de questions : Ajouter plus de questions sur divers sujets et niveaux de difficulté.Inclure différentes difficultés pour les questions : Catégoriser les questions par difficulté (facile, moyen, difficile).Éléments de gamification :Implémenter un système local de meilleurs scores : Suivre et afficher les meilleurs scores localement sur l'appareil de l'utilisateur.Améliorations de l'expérience utilisateur :Ajouter des boutons "Retour" et "Passer" : Permettre aux utilisateurs de naviguer en arrière et de passer des questions.Implémenter la sauvegarde de progression en local storage : Sauvegarder la progression du quiz localement pour que les utilisateurs puissent reprendre plus tard.Fonctionnalités éducatives :Inclure des explications pour chaque question : Fournir des explications détaillées pour la bonne réponse de chaque question.Options de personnalisation :Permettre aux utilisateurs de sélectionner des sujets spécifiques et le nombre de questions : Activer la personnalisation des sujets du quiz et du nombre de questions par quiz.Design responsive :Assurer un design responsive : S'assurer que le composant quiz est totalement responsive sur différents appareils et tailles d'écran.

Publication et partage de votre quiz

Maintenant que vous avez créé votre quiz, il est peut-être temps de le partager !

Il suffit de cliquer sur le bouton "Publish" en bas à droite de votre écran et de partager le lien de votre Artifact !

‍