Slik bygger du en quizapp
En quizapp viser spørsmål, samler svar, scorer dem og viser et resultat. Den enkle versjonen – én fast quiz, scoret i nettleseren – tar en ettermiddag å bygge. Versjonen folk stoler på til læring, ansettelser eller konkurranser trenger en spørsmålsbank, svar som holdes på serveren, lagrede forsøk og rettferdig tidtaking. Bestem tidlig hva du bygger, for det endrer arkitekturen.
Bestem hva slags quiz det er
Begrepet «quiz» dekker svært ulike produkter:
| Type | Eksempel | Det viktigste |
|---|---|---|
| Moro / markedsføring | «Hvilken pakke passer deg?» eller en personlighetsquiz | Utseende, deling, innsamling av kontakter; scoringen er enkel |
| Læring / øving | Repetisjonsquizer for en klasse eller et kurs | Forklaringer, nye forsøk, fremgang over tid |
| Vurdering | Opplæringskontroller for ansatte, opptaksprøver | Skjulte svar, ett forsøk, tidtaking, registreringer |
| Live / konkurranse | Pub-quiz, klasseromsspill | Poengtavle i sanntid, alle på samme spørsmål |
En personlighetsquiz uten innsats kan trygt kjøre helt i nettleseren. En vurdering kan ikke det. Live-quizer krever oppdateringer i sanntid, som er et eget kompleksitetsnivå – la dem ligge utenfor første versjon, med mindre det er hele poenget.
Hva en quizapp trenger
Data
- Quizer – tittel, beskrivelse, innstillinger (tidsgrense, tillatte forsøk, blanding av rekkefølge, bestått-grense, vise svar etterpå?).
- Spørsmål – quizen, teksten, type, poeng, et valgfritt bilde og en forklaring som vises etterpå.
- Alternativer – svarvalgene for et spørsmål, med hvilke som er riktige.
- Forsøk – hvem som tok hvilken quiz, når de startet og sendte inn, og poengsummen.
- Svar – hvilket alternativ (eller tekst) personen ga for hvert spørsmål i et forsøk.
Hvis du holder forsøk og svar adskilt, kan du vise folk nøyaktig hva de tok feil på, og du kan finne spørsmål nesten alle bommer på – ofte et tegn på at spørsmålet er dårlig formulert.
Sider
- Quizredigering for forfatteren: legg til spørsmål, sorter dem, merk det riktige alternativet, forhåndsvis.
- Startside for quizen med reglene: antall spørsmål, tidsgrense, forsøk.
- Spørsmålsskjerm, ett spørsmål om gangen på mobil, med fremdrift («4 av 10»).
- Resultatside med poengsum, bestått eller ikke, og tilbakemelding per spørsmål hvis innstillingene tillater det.
- Oversikt for forfatter med forsøk, gjennomsnittlig poengsum og de vanskeligste spørsmålene.
Tilganger
Forfattere oppretter og redigerer quizer; deltakere tar dem bare. Hvis quizene er for en klasse eller et team, legg til grupper slik at folk bare ser quizene som er tildelt dem. Se slik legger du til innlogging i appen din.
Scoringsregler å skrive ned
De fleste quizfeil er scoringsfeil. Ta med disse reglene i prompten:
- Ett valg: full poengsum hvis riktig, null ellers.
- Flere valg («velg alle som passer»): bestem mellom alt-eller-ingenting og delvis poengsum. Hvis delvis, trekkes det fra poeng for feil valg? Skriv et eksempel: «Riktige alternativer A og C. Velger man kun A, gir det 1 av 2 poeng. Velger man A, B og C, gir det 1 av 2 poeng.»
- Ubesvarte spørsmål gir null poeng og vises som ubesvart, ikke som feil.
- Tidsgrenser håndheves på serveren ut fra starttidspunktet. En nettleser-tidtaker er bare en visning – hvem som helst kan sette den på pause eller endre den.
- Blanding endrer rekkefølgen som vises, aldri hvilket alternativ som er riktig. Lagre det riktige alternativet med ID, ikke med posisjon.
Hold svarene borte fra nettleseren
Dette er det ene tekniske punktet hver seriøs quizapp må få riktig. Hvis siden får spørsmålene med de riktige svarene og scorer dem selv, kan hvem som helst åpne utviklerverktøyene i nettleseren og lese fasiten.
Løsningen er enkel å beskrive: serveren sender spørsmål uten flagg for riktig svar, personen sender inn, og serveren scorer forsøket og returnerer resultatet. Si dette eksplisitt i prompten. For en morsom quiz spiller det ingen rolle; for alt med sertifikat, karakter eller premie gjør det det.
En første prompt som fungerer
Bygg en quiz-webapp. Forfattere logger inn og oppretter quizer med tittel, beskrivelse, valgfri tidsgrense, tillatt antall forsøk og en bestått-grense. Hver quiz har spørsmål av typen ett valg, flere valg eller sant/usant, med poeng og en valgfri forklaring. Deltakere åpner en quiz via lenke, ser reglene, og svarer deretter ett spørsmål per skjerm med en fremdriftslinje. De riktige svarene må aldri sendes til nettleseren før innsending – score forsøk på serveren og håndhev tidsgrensen ut fra starttidspunktet på serveren. Flere valg er alt-eller-ingenting. Etter innsending vises poengsum, bestått/ikke bestått og, hvis forfatteren tillater det, hvert spørsmål med riktig svar og forklaring. Lagre hvert forsøk og hvert svar i en database. Gi forfattere en resultatside med gjennomsnittlig poengsum og de spørsmålene som oftest bommes på.
Bygg steg for steg
- Redigeringsverktøyet først. Lag én quiz med ti spørsmål av blandede typer. Hvis det er tungvint å skrive spørsmål, vil ikke forfatterne bruke appen.
- Ta en quiz. Prøv den på telefon. Sjekk fremdrift, tilbake og frem, og hva som skjer ved oppdatering av siden.
- Scoring på serveren. Åpne nettverksfanen i nettleseren mens du tar quizen, og bekreft at ingen respons inneholder de riktige svarene før du sender inn.
- Scoringstester. Gi AI-en fem utregnede eksempler med forventet poengsum, inkludert et delvis riktig svar på flervalg og et ubesvart spørsmål.
- Tidtaker. Start en quiz med tidsgrense, vent forbi grensen, og send inn. Den bør avvises eller scores slik den sto ved fristen – bestem hva som gjelder.
- Resultater og analyse. Sjekk listen over de mest bommede spørsmålene mot forsøk du gjorde med vilje.
- Tillegg. Først nå legger du til bilder, spørsmålsbanker med tilfeldig utvalg, sertifikater eller en poengtavle.
Vanlige feil
- Fasiten i siden. Den vanligste og alvorligste feilen.
- Å stole på nettleserens klokke. Håndhev grenser på serveren.
- Å lagre det riktige svaret som «alternativ 2». Når du blander, blir feil svar markert som riktig.
- Å redigere en quiz etter at folk har tatt den. Endring av et spørsmål endrer betydningen av gamle poeng. Lås quizer som har forsøk, eller lag versjoner.
- Ubegrensede nye forsøk på en vurdering. Bestem regelen for forsøk og håndhev den på serveren.
- Poengtavler med fullt navn som standard. La folk velge et visningsnavn, særlig for elever.
Når et ferdig produkt er det bedre valget
Hvis du trenger et raskt klasseromsspill, en quiz i en kursplattform du allerede bruker, eller en engangsquiz for å skaffe kontakter, er eksisterende quiz- og skjemaverktøy raskere og ofte gratis. Læringsplattformer har allerede quizer med karakterbok. Se alternativer til Typeform og alternativer til Google Forms for skjemaruten.
Bygg din egen når quizen er en del av noe større – et kurs du selger, en ansettelsesprosess, et opplæringsprogram med egne regler – eller når du trenger scoring, merkevarebygging eller dataeierskap verktøyene ikke gir. Kombiner den gjerne med en flashcardapp for øving, eller legg den inn i en nettbasert kursplattform.
Bygg det med Mythex
På Mythex beskriver du quizappen i chatten og prøver den i live forhåndsvisningen, inkludert en visning i telefonstørrelse. Agenten legger til en database når du ber om å lagre forsøk, og skriver scoringen på serveren sammen med frontend. For innlogging for forfattere kobler Mythex til en autentiseringsmetode du velger, ikke et innebygd innloggingsprodukt. Hvis en endring ødelegger scoringen, kan du gå tilbake til et tidligere sjekkpunkt og prøve igjen. Publiser til en mythex.ai-lenke, eller til ditt eget domene på Pro.
Spørsmål
Hvordan hindrer jeg at folk ser quizsvarene i nettleseren?
Behold de riktige svarene på serveren. Send spørsmålene uten svar, la personen sende inn, og score innsendingen på serveren. Alt som sendes til nettleseren kan leses med utviklerverktøyene.
Trenger en quizapp en database?
En enkelt fast quiz uten lagrede resultater kan kjøre helt i nettleseren. Så snart du vil lagre resultater, ha poengtavler, flere quizer eller svar som må holdes hemmelige, trenger du en database og en liten server.
Kan jeg bygge en quizapp uten å kode?
Ja. En AI-appbygger kan lage redigeringsverktøyet for spørsmål, quizskjermen og scoringen ut fra en beskrivelse. Sjekk scoringsreglene selv med noen få utregnede eksempler før du deler den.
Hvilke spørsmålstyper bør en quizapp støtte?
Ett valg, flere valg og sant/usant dekker de fleste quizer og er enkle å score automatisk. Korte tekstsvar krever matchingsregler eller manuell retting, så legg til dem senere.