Quiz-App bauen

Eine Quiz-App zeigt Fragen, sammelt Antworten, bewertet sie und zeigt ein Ergebnis. Die einfache Version, also ein festes Quiz, das im Browser bewertet wird, ist an einem Nachmittag gebaut. Die Version, auf die sich Menschen zum Lernen, bei Bewerbungen oder in Wettbewerben verlassen, braucht einen Fragenpool, Antworten auf dem Server, gespeicherte Versuche und ein faires Zeitmanagement. Entscheide früh, welche Version du baust, denn das verändert die Architektur.

Lege fest, welche Art Quiz es ist

Der Begriff „Quiz“ umfasst sehr unterschiedliche Produkte:

Ein Persönlichkeitstest ohne Einsatz kann bedenkenlos komplett im Browser laufen. Eine Prüfung nicht. Live-Quizze brauchen Echtzeit-Updates, das ist eine eigene Komplexitätsstufe. Lass sie in Version eins weg, außer genau das ist der Zweck.

Was eine Quiz-App braucht

Daten

• Quizze: Titel, Beschreibung, Einstellungen (Zeitlimit, erlaubte Versuche, Mischen, Bestehensgrenze, Antworten danach anzeigen?).
• Fragen: das Quiz, der Text, Typ, Punkte, ein optionales Bild und eine Erklärung, die danach gezeigt wird.
• Antwortoptionen: die Auswahlmöglichkeiten einer Frage, mit der Angabe, welche richtig sind.
• Versuche: wer welches Quiz gemacht hat, wann begonnen und abgegeben wurde, die Punktzahl.
• Antworten: welche Option (oder welcher Text) die Person bei jeder Frage in einem Versuch gegeben hat.

Wenn du Versuche und Antworten getrennt speicherst, kannst du Menschen genau zeigen, was sie falsch gemacht haben, und Fragen erkennen, die fast alle verfehlen. Das ist oft ein Zeichen für eine schlecht formulierte Frage.

Seiten

• Quiz-Editor für die Autorin oder den Autor: Fragen hinzufügen, umsortieren, die richtige Option markieren, Vorschau.
• Startseite des Quiz mit den Regeln: Anzahl der Fragen, Zeitlimit, Versuche.
• Fragenansicht, auf dem Handy eine Frage pro Bildschirm, mit Fortschritt („4 von 10“).
• Ergebnisseite mit Punktzahl, bestanden oder nicht bestanden und Rückmeldung zu jeder Frage, wenn die Einstellungen das erlauben.
• Dashboard für Autoren mit Versuchen, Durchschnittspunktzahl und den schwersten Fragen.

Berechtigungen

Autoren erstellen und bearbeiten Quizze; Teilnehmende machen sie nur. Wenn Quizze für eine Klasse oder ein Team gedacht sind, ergänze Gruppen, damit Leute nur die Quizze sehen, die ihnen zugewiesen sind. Siehe Login in deine App einbauen.

Bewertungsregeln schriftlich festhalten

Die meisten Quiz-Fehler sind Bewertungsfehler. Schreibe diese Regeln in deinen Prompt:

1. Einfachauswahl: volle Punktzahl bei richtig, sonst null.
2. Mehrfachauswahl („alle zutreffenden auswählen“): entscheide zwischen Alles-oder-nichts und Teilpunkten. Bei Teilpunkten: Ziehen falsche Auswahlen Punkte ab? Gib ein Beispiel: „Richtige Optionen A und C. Nur A gewählt ergibt 1 von 2. A, B und C gewählt ergibt 1 von 2.“
3. Unbeantwortete Fragen ergeben null Punkte und werden als unbeantwortet, nicht als falsch angezeigt.
4. Zeitlimits werden auf dem Server anhand der Startzeit durchgesetzt. Ein Timer im Browser ist nur eine Anzeige; jeder kann ihn anhalten oder ändern.
5. Mischen ändert die Reihenfolge der Anzeige, nie, welche Option richtig ist. Speichere die richtige Option über ihre ID, nicht über ihre Position.

Antworten vom Browser fernhalten

Das ist der eine technische Punkt, den jede ernsthafte Quiz-App richtig lösen muss. Wenn die Seite die Fragen mit den richtigen Antworten erhält und selbst bewertet, kann jeder in den Entwicklerwerkzeugen den Lösungsschlüssel lesen.

Die Lösung ist einfach zu beschreiben: Der Server schickt Fragen ohne die Markierung der richtigen Antworten, die Person gibt ab, und der Server bewertet den Versuch und gibt das Ergebnis zurück. Sag das in deinem Prompt ausdrücklich. Bei einem Spaßquiz spielt es keine Rolle; bei allem mit Zertifikat, Note oder Preis spielt es eine große Rolle.

Ein erster Prompt, der funktioniert

Baue eine Quiz-Webanwendung. Autoren melden sich an und erstellen Quizze mit Titel, Beschreibung, optionalem Zeitlimit, erlaubter Anzahl an Versuchen und einer Bestehensgrenze. Jedes Quiz hat Fragen vom Typ Einfachauswahl, Mehrfachauswahl oder Wahr/Falsch, mit Punkten und einer optionalen Erklärung. Teilnehmende öffnen ein Quiz über einen Link, sehen die Regeln und beantworten dann eine Frage pro Bildschirm mit einem Fortschrittsbalken. Die richtigen Antworten dürfen vor der Abgabe niemals an den Browser gesendet werden: Bewerte Versuche auf dem Server und erzwinge das Zeitlimit anhand der serverseitigen Startzeit. Mehrfachauswahl ist Alles-oder-nichts. Nach der Abgabe zeige die Punktzahl, bestanden oder nicht bestanden und, wenn der Autor es erlaubt, jede Frage mit der richtigen Antwort und Erklärung. Speichere jeden Versuch und jede Antwort in einer Datenbank. Gib Autoren eine Ergebnisseite mit Durchschnittspunktzahl und den am häufigsten verfehlten Fragen.

Bauschritte

1. Zuerst den Editor. Erstelle ein Quiz mit zehn Fragen gemischter Typen. Wenn das Schreiben von Fragen mühsam ist, werden Autoren die App nicht nutzen.
2. Ein Quiz machen. Probiere es auf dem Handy aus. Prüfe Fortschritt, Zurück und Weiter und was beim Neuladen passiert.
3. Bewertung auf dem Server. Öffne beim Ausfüllen des Quiz den Netzwerk-Tab der Entwicklerwerkzeuge und bestätige, dass keine Antwort vor der Abgabe die richtigen Antworten enthält.
4. Bewertungstests. Gib der KI fünf durchgerechnete Beispiele mit erwarteten Punktzahlen, darunter eine teilweise richtige Mehrfachauswahl und eine unbeantwortete Frage.
5. Timer. Starte ein zeitlich begrenztes Quiz, warte über das Limit hinaus und gib dann ab. Die Abgabe sollte abgelehnt oder so bewertet werden, wie der Stand zur Frist war. Entscheide, was gelten soll.
6. Ergebnisse und Auswertung. Prüfe die Liste der am häufigsten verfehlten Fragen gegen Versuche, die du absichtlich gemacht hast.
7. Extras. Erst jetzt Bilder, Fragenpools mit Zufallsauswahl, Zertifikate oder eine Bestenliste ergänzen.

Häufige Fehler

• Der Lösungsschlüssel steckt in der Seite. Der häufigste und schwerwiegendste Fehler.
• Der Browser-Uhr vertrauen. Erzwinge Limits auf dem Server.
• Die richtige Antwort als „Option 2“ speichern. Beim Mischen wird dann die falsche Antwort als richtig markiert.
• Ein Quiz bearbeiten, nachdem Leute es gemacht haben. Wenn du eine Frage änderst, ändert sich die Bedeutung alter Punktzahlen. Sperre Quizze mit Versuchen oder versioniere sie.
• Unbegrenzte Wiederholungen bei einer Prüfung. Lege die Versuchsregel fest und erzwinge sie auf dem Server.
• Bestenlisten mit vollen Namen als Standard. Lass Menschen einen Anzeigenamen wählen, besonders bei Schülern.

Wann ein fertiges Produkt die bessere Wahl ist

Wenn du ein schnelles Klassenspiel, ein Quiz innerhalb einer Kursplattform, die du ohnehin nutzt, oder ein einmaliges Quiz zur Kontaktgewinnung brauchst, sind bestehende Quiz- und Formulartools schneller und oft kostenlos. Lernplattformen haben Quizze mit Notenbuch bereits eingebaut. Für den Weg über Formulare siehe Typeform-Alternativen und Google-Forms-Alternativen.

Baue selbst, wenn das Quiz Teil von etwas Größerem ist, etwa ein Kurs, den du verkaufst, ein Bewerbungsablauf oder ein Schulungsprogramm mit eigenen Regeln, oder wenn du Bewertung, Branding oder Datenhoheit brauchst, die die Werkzeuge nicht bieten. Kombiniere es zum Üben mit einer Lernkarten-App oder stelle es in eine Online-Kursplattform.

Mit Mythex bauen

In Mythex beschreibst du die Quiz-App im Chat und testest sie in der Live-Vorschau, auch in einer Ansicht in Handygröße. Der Agent ergänzt eine Datenbank, sobald du das Speichern von Versuchen verlangst, und schreibt die serverseitige Bewertung neben dem Frontend. Für Autoren-Logins verbindet Mythex einen Authentifizierungsansatz, den du wählst, statt eines eingebauten Anmeldedienstes. Wenn eine Änderung die Bewertung kaputt macht, setze auf einen früheren Checkpoint zurück und versuche es erneut. Veröffentliche unter einem mythex.ai-Link oder mit deiner eigenen Domain mit Pro.

Fragen