Comment créer une app de quiz

Une app de quiz affiche des questions, recueille les réponses, les note et présente un résultat. La version simple — un quiz fixe, noté dans le navigateur — se construit en un après-midi. La version sur laquelle les gens comptent pour apprendre, recruter ou participer à des concours exige une banque de questions, des réponses conservées sur le serveur, des tentatives enregistrées et une gestion équitable du temps. Décidez tôt laquelle vous construisez, car cela change l'architecture.

Décider du type de quiz

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

Un quiz de personnalité sans enjeu peut sans danger fonctionner entièrement dans le navigateur. Une évaluation ne le peut pas. Les quiz en direct exigent des mises à jour en temps réel, un niveau de complexité distinct — laissez-les de côté pour la première version, sauf si c'est l'essentiel du projet.

Ce dont une app de quiz a besoin

Données

• Quiz — titre, description, paramètres (limite de temps, nombre de tentatives permises, mélange, 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 ceux qui sont corrects.
• Tentatives — qui a fait quel quiz, quand il a commencé et soumis, le pointage.
• 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 vous permet de montrer aux gens exactement ce qu'ils ont manqué, et de repérer les questions que presque tout le monde rate — 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, limite de temps, tentatives.
• Écran de question, une question à la fois sur téléphone, avec la progression (« 4 sur 10 »).
• Page de résultats avec le pointage, réussite ou échec, et la rétroaction par question si les paramètres le permettent.
• Tableau de bord de l'auteur montrant les tentatives, la note moyenne et les questions les plus difficiles.

Autorisations

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 les gens ne voient que les quiz qui leur sont assignés. Voir comment ajouter une connexion à votre app.

Règles de notation à écrire

La plupart des bogues de quiz sont des bogues de notation. Mettez ces règles dans votre consigne :

1. Choix unique : tous les points si la réponse est juste, zéro sinon.
2. Choix multiples (« sélectionnez toutes les bonnes réponses ») : décidez entre tout ou rien et crédit partiel. Si partiel, les mauvais choix retirent-ils des points? Rédigez un exemple : « Options correctes A et C. Choisir seulement A donne 1 sur 2. Choisir A, B et C donne 1 sur 2. »
3. Questions sans réponse valent zéro et sont affichées comme sans réponse, non comme fausses.
4. Limites de temps sont appliquées sur le serveur à partir de l'heure de début. Une minuterie du navigateur n'est qu'un affichage — n'importe qui peut la mettre en pause ou la modifier.
5. Le mélange change l'ordre affiché, jamais l'option correcte. Enregistrez l'option correcte par son identifiant, non par sa position.

Garder les réponses hors du navigateur

C'est le point technique que toute app de quiz sérieuse doit réussir. 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 se décrit simplement : 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 consigne. Pour un quiz amusant, cela n'a pas d'importance; pour tout ce qui donne un certificat, une note ou un prix, cela en a une.

Une première consigne qui fonctionne

Crée une app web de quiz. Les auteurs se connectent et créent des quiz avec un titre, une description, une limite de temps facultative, un nombre de tentatives permises et une note de passage. Chaque quiz comporte des questions de type choix unique, choix multiples 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 pointage, la réussite ou l'échec et, si l'auteur le permet, chaque question avec la bonne réponse et l'explication. Enregistre chaque tentative et réponse dans une base de données. Donne aux auteurs une page de résultats avec la note moyenne et les questions les plus souvent manqué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'app.
2. Passer un quiz. Essayez-le sur un téléphone. Vérifiez la progression, les retours arrière et avant, et ce qui se passe lors d'un rafraîchissement.
3. Notation côté serveur. Ouvrez l'onglet réseau des outils de développement pendant que vous passez le quiz, et confirmez qu'aucune réponse ne contient les bonnes réponses avant la soumission.
4. Tests de notation. Donnez à l'IA cinq exemples concrets avec les pointages attendus, dont une réponse à choix multiple partiellement juste et une question sans réponse.
5. Minuterie. Lancez un quiz chronométré, attendez après la limite, puis soumettez. Il devrait être rejeté ou noté tel qu'il était à l'échéance — décidez lequel.
6. Résultats et analyses. Vérifiez la liste des questions les plus manquées par rapport aux tentatives que vous avez faites exprès.
7. Extras. Seulement maintenant, ajoutez des images, des banques de questions à sélection aléatoire, des certificats ou un classement.

Erreurs courantes

• Le corrigé dans la page. La faille la plus courante et la plus grave.
• Faire confiance à l'horloge du navigateur. Appliquez les limites sur le serveur.
• Enregistrer la bonne réponse comme « option 2 ». Le mélange marque alors la mauvaise réponse comme correcte.
• Modifier un quiz après que des gens l'ont passé. Changer une question change le sens des anciens pointages. Verrouillez les quiz ayant des tentatives, ou gérez-en les versions.
• Reprises illimitées sur une évaluation. Décidez de la règle de tentatives et appliquez-la sur le serveur.
• Classements avec les noms complets par défaut. Laissez les gens choisir un nom d'affichage, surtout pour les élèves.

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

Si vous avez besoin d'un jeu rapide en classe, 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 carnets de notes. Voir alternatives à Typeform et alternatives à Google Forms pour la voie des formulaires.

Construisez le vôtre lorsque le quiz fait partie d'un projet plus vaste — un cours que vous vendez, un processus de recrutement, un programme de formation avec vos propres règles — ou lorsque vous avez besoin d'une notation, d'une image de marque ou d'une propriété des données que les outils ne vous donnent pas. Associez-le à une app de cartes mémoire pour la pratique, ou intégrez-le à une plateforme de cours en ligne.

Le construire avec Mythex

Dans Mythex, vous décrivez l'app de quiz dans le clavardage et l'essayez dans l'aperçu en direct, y compris une vue aux dimensions d'un téléphone. L'agent ajoute une base de données lorsque vous demandez d'enregistrer les tentatives, et écrit la notation côté serveur en parallèle de l'interface. Pour les connexions des auteurs, Mythex branche une méthode d'authentification que vous choisissez plutôt qu'un produit de connexion intégré. Si une modification brise la notation, revenez à un point de contrôle antérieur et réessayez. Publiez sur un lien mythex.ai, ou sur votre propre domaine avec le forfait Pro.

Questions