Guides

Comment créer une application de quiz

Une application de quiz affiche des questions, collecte les réponses, les note et affiche un résultat. La version simple — un quiz fixe, noté dans le navigateur — se réalise en une après-midi. La version sur laquelle les gens s'appuient pour apprendre, recruter ou participer à des concours nécessite une banque de questions, des réponses gardées sur le serveur, des tentatives enregistrées et un chronométrage équitable. Décidez tôt quelle version vous construisez, car cela change l'architecture.

Décider du type de quiz

Le mot « quiz » recouvre des produits très différents :

TypeExempleCe qui compte le plus
Ludique / marketing« Quelle offre vous convient ? » ou un quiz de personnalitéApparence, partage, capture de prospects ; le scoring est simple
Apprentissage / entraînementQuiz de révision pour une classe ou un coursExplications, nouvelles tentatives, progression dans le temps
ÉvaluationContrôles de formation du personnel, tests d'entréeRéponses cachées, une seule tentative, durée, traces
Live / compétitionQuiz de café, jeu en classeTableau des scores en temps réel, tout le monde sur la même question

Un quiz de personnalité sans enjeu peut tourner sans risque entièrement dans le navigateur. Une évaluation ne le peut pas. Les quiz en direct nécessitent des mises à jour en temps réel, ce qui constitue un niveau de complexité à part — laissez-les de côté pour la première version, sauf si c'est là tout l'enjeu.

De quoi une application de quiz a besoin

Données

  • Quiz — titre, description, paramètres (durée limite, nombre de tentatives autorisées, mélange des questions, note de passage, afficher les réponses après ?).
  • Questions — le quiz, le texte, le type, les points, une image facultative et une explication affichée ensuite.
  • Options — les choix de réponse d'une question, avec l'indication de ceux qui sont corrects.
  • Tentatives — qui a fait quel quiz, quand il a commencé et soumis, le score.
  • Réponses — l'option (ou le texte) donnée par la personne pour chaque question d'une tentative.

Garder les tentatives et les réponses séparées permet de montrer aux personnes exactement ce qu'elles ont raté, et de repérer les questions que presque tout le monde manque — souvent le signe d'une question mal formulée.

Pages

  • Éditeur de quiz pour l'auteur : ajouter des questions, les réordonner, marquer l'option correcte, prévisualiser.
  • Page de démarrage du quiz avec les règles : nombre de questions, durée limite, tentatives.
  • Écran de question, une question à la fois sur téléphone, avec la progression (« 4 sur 10 »).
  • Page de résultats avec le score, réussite ou échec, et un retour par question si les paramètres le permettent.
  • Tableau de bord de l'auteur affichant les tentatives, le score moyen et les questions les plus difficiles.

Droits d'accès

Les auteurs créent et modifient les quiz ; les participants ne font que les passer. Si les quiz sont destinés à une classe ou une équipe, ajoutez des groupes pour que chacun ne voie que les quiz qui lui sont assignés. Voir comment ajouter une connexion à votre application.

Règles de scoring à écrire noir sur blanc

La plupart des bugs de quiz sont des bugs de scoring. Mettez ces règles dans votre prompt :

  1. Choix unique : tous les points si correct, zéro sinon.
  2. Choix multiple (« cochez toutes les bonnes réponses ») : décidez entre tout ou rien et crédit partiel. Si partiel, les mauvais choix retirent-ils des points ? Donnez un exemple : « Options correctes A et C. Choisir seulement A rapporte 1 point sur 2. Choisir A, B et C rapporte 1 point sur 2. »
  3. Questions sans réponse rapportent zéro et sont affichées comme non répondues, pas comme fausses.
  4. Les limites de temps sont appliquées sur le serveur à partir de l'heure de début. Un minuteur dans le navigateur n'est qu'un affichage — n'importe qui peut le mettre en pause ou le modifier.
  5. Le mélange change l'ordre affiché, jamais l'option correcte. Enregistrez l'option correcte par son identifiant, et non par sa position.

Garder les réponses hors du navigateur

C'est le seul point technique que toute application de quiz sérieuse doit bien maîtriser. Si la page reçoit les questions avec les bonnes réponses et les note elle-même, n'importe qui peut ouvrir les outils de développement du navigateur et lire le corrigé.

La solution est simple à décrire : le serveur envoie les questions sans les indicateurs de bonne réponse, la personne soumet, et le serveur note la tentative et renvoie le résultat. Dites-le explicitement dans votre prompt. Pour un quiz ludique, cela n'a pas d'importance ; pour tout ce qui donne un certificat, une note ou un prix, cela en a une.

Un premier prompt qui fonctionne

Crée une application web de quiz. Les auteurs se connectent et créent des quiz avec un titre, une description, une durée limite facultative, un nombre de tentatives autorisées et une note de passage. Chaque quiz contient des questions de type choix unique, choix multiple ou vrai/faux, avec des points et une explication facultative. Les participants ouvrent un quiz par lien, voient les règles, puis répondent à une question par écran avec une barre de progression. Les bonnes réponses ne doivent jamais être envoyées au navigateur avant la soumission : notez les tentatives sur le serveur et appliquez la limite de temps à partir de l'heure de début côté serveur. Le choix multiple est tout ou rien. Après la soumission, affiche le score, réussite/échec et, si l'auteur l'autorise, chaque question avec la bonne réponse et l'explication. Enregistre chaque tentative et chaque réponse dans une base de données. Donne aux auteurs une page de résultats avec le score moyen et les questions les plus ratées.

Étapes de construction

  1. L'éditeur d'abord. Créez un quiz avec dix questions de types variés. Si la rédaction des questions est pénible, les auteurs n'utiliseront pas l'application.
  2. Passer un quiz. Essayez-le sur téléphone. Vérifiez la progression, les allers-retours entre questions, et ce qui se passe au rechargement de la page.
  3. Scoring côté serveur. Ouvrez l'onglet réseau des outils de développement pendant le quiz et confirmez qu'aucune réponse ne contient les bonnes réponses avant la soumission.
  4. Tests de scoring. Donnez à l'IA cinq exemples détaillés avec les scores attendus, dont une réponse à choix multiple partiellement juste et une question sans réponse.
  5. Minuteur. Lancez un quiz chronométré, attendez après la limite, puis soumettez. Il doit être rejeté ou noté tel qu'il était à l'échéance — décidez lequel.
  6. Résultats et statistiques. Vérifiez la liste des questions les plus ratées par rapport aux tentatives que vous avez faites volontairement.
  7. Options. Seulement maintenant, ajoutez les images, les banques de questions à tirage aléatoire, les certificats ou un classement.

Erreurs courantes

  • Le corrigé dans la page. L'erreur la plus fréquente et la plus grave.
  • Faire confiance à l'horloge du navigateur. Appliquez les limites sur le serveur.
  • Enregistrer la bonne réponse comme « option 2 ». Avec le mélange, la mauvaise réponse est alors marquée comme correcte.
  • Modifier un quiz après qu'il a été passé. Changer une question change le sens des anciens scores. Verrouillez les quiz ayant des tentatives, ou gérez des versions.
  • Des nouvelles tentatives illimitées pour une évaluation. Décidez de la règle de tentatives et appliquez-la sur le serveur.
  • Des classements avec les noms complets par défaut. Laissez les personnes choisir un nom affiché, surtout pour les élèves.

Quand un produit prêt à l'emploi est le meilleur choix

Si vous avez besoin d'un jeu de classe rapide, d'un quiz intégré à une plateforme de cours que vous utilisez déjà, ou d'un quiz ponctuel de génération de prospects, les outils de quiz et de formulaires existants sont plus rapides et souvent gratuits. Les systèmes de gestion de l'apprentissage incluent déjà des quiz avec des carnets de notes. Voir les alternatives à Typeform et les alternatives à Google Forms pour la voie des formulaires.

Construisez le vôtre lorsque le quiz fait partie de quelque chose de plus grand — un cours que vous vendez, un parcours de recrutement, un programme de formation avec vos propres règles — ou lorsque vous avez besoin d'un scoring, d'une image de marque ou d'une maîtrise des données que les outils ne vous donnent pas. Associez-le à une application de fiches de révision pour l'entraînement, ou intégrez-le dans une plateforme de cours en ligne.

Le construire avec Mythex

Sur Mythex, vous décrivez l'application de quiz dans le chat et l'essayez dans l'aperçu en direct, y compris dans une vue au format téléphone. L'agent ajoute une base de données lorsque vous demandez à enregistrer les tentatives, et écrit le scoring côté serveur en parallèle de l'interface. Pour les connexions des auteurs, Mythex met en place une méthode d'authentification que vous choisissez, plutôt qu'un produit de connexion intégré. Si une modification casse le scoring, revenez à un point de contrôle antérieur et recommencez. Publiez sur un lien mythex.ai, ou sur votre propre domaine avec l'offre Pro.

Questions

Comment empêcher les gens de voir les réponses du quiz dans le navigateur ?

Gardez les bonnes réponses sur le serveur. Envoyez les questions sans les réponses, laissez la personne soumettre, et notez la soumission côté serveur. Tout ce qui est envoyé au navigateur peut être lu avec les outils de développement.

Une application de quiz a-t-elle besoin d'une base de données ?

Un quiz unique et fixe, sans scores enregistrés, peut fonctionner entièrement dans le navigateur. Dès que vous voulez des résultats enregistrés, des classements, plusieurs quiz ou des réponses gardées secrètes, il vous faut une base de données et un petit serveur.

Puis-je créer une application de quiz sans coder ?

Oui. Un créateur d'applications par IA peut générer l'éditeur de questions, l'écran du quiz et le scoring à partir d'une description. Vérifiez vous-même les règles de notation avec quelques exemples détaillés avant de la partager.

Quels types de questions une application de quiz doit-elle prendre en charge ?

Choix unique, choix multiple et vrai/faux couvrent la plupart des quiz et sont faciles à noter automatiquement. Les réponses textuelles libres nécessitent des règles de correspondance ou une correction manuelle, donc ajoutez-les plus tard.

Mythex · Pricing · Créez tout avec l'IA · Modèles de sites et d'applications · Mythex comparé · Glossaire de la création d'applications avec l'IA · Outils gratuits pour créer des applications avec l'IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)