Jak zbudować aplikację quizową

Aplikacja quizowa pokazuje pytania, zbiera odpowiedzi, ocenia je i pokazuje wynik. Prosta wersja – jeden stały quiz oceniany w przeglądarce – zajmie popołudnie. Wersja, na której ludzie polegają w nauce, rekrutacji lub konkursach, potrzebuje banku pytań, odpowiedzi trzymanych na serwerze, zapisanych podejść i uczciwego czasu. Zdecyduj wcześnie, którą budujesz, bo to zmienia architekturę.

Określ, jaki to quiz

Słowo „quiz” obejmuje bardzo różne produkty:

Quiz osobowości bez stawki może bezpiecznie działać w całości w przeglądarce. Ocena nie może. Quizy na żywo wymagają aktualizacji w czasie rzeczywistym, co jest osobnym poziomem złożoności – pomiń je w wersji pierwszej, chyba że to cały sens projektu.

Czego potrzebuje aplikacja quizowa

Dane

• Quizy – tytuł, opis, ustawienia (limit czasu, dozwolona liczba prób, losowa kolejność, próg zaliczenia, czy pokazywać odpowiedzi po zakończeniu).
• Pytania – quiz, treść, typ, punkty, opcjonalny obrazek i wyjaśnienie pokazywane po odpowiedzi.
• Opcje – warianty odpowiedzi do pytania, z oznaczeniem tych poprawnych.
• Podejścia – kto rozwiązał który quiz, kiedy zaczął i wysłał, wynik.
• Odpowiedzi – którą opcję (lub tekst) dana osoba podała w każdym pytaniu danego podejścia.

Trzymanie podejść i odpowiedzi osobno pozwala pokazać ludziom dokładnie, co zrobili źle, i wychwycić pytania, na które prawie wszyscy odpowiadają źle – to często znak, że pytanie jest źle sformułowane.

Strony

• Edytor quizów dla autora: dodawanie pytań, zmiana kolejności, oznaczanie poprawnej opcji, podgląd.
• Strona startowa quizu z zasadami: liczba pytań, limit czasu, liczba prób.
• Ekran pytania – jedno pytanie naraz na telefonie, z postępem („4 z 10”).
• Strona wyników z punktami, zaliczeniem lub niezaliczeniem i informacją zwrotną do każdego pytania, jeśli ustawienia na to pozwalają.
• Pulpit autora pokazujący podejścia, średni wynik i najtrudniejsze pytania.

Uprawnienia

Autorzy tworzą i edytują quizy; osoby rozwiązujące tylko je wykonują. Jeśli quizy są dla klasy lub zespołu, dodaj grupy, aby ludzie widzieli tylko przydzielone im quizy. Zobacz jak dodać logowanie do aplikacji.

Zasady punktacji do zapisania

Wiele błędów w quizach to błędy punktacji. Wpisz te zasady do promptu:

1. Jednokrotny wybór: pełne punkty za poprawną odpowiedź, zero w przeciwnym razie.
2. Wielokrotny wybór („zaznacz wszystkie prawidłowe”): zdecyduj między wszystko-albo-nic a punktami częściowymi. Jeśli częściowe, czy złe wybory odejmują punkty? Podaj przykład: „Poprawne opcje A i C. Wybór samego A daje 1 z 2 punktów. Wybór A, B i C daje 1 z 2 punktów.”
3. Pytania bez odpowiedzi dają zero punktów i są pokazywane jako bez odpowiedzi, a nie jako błędne.
4. Limity czasu egzekwuj na serwerze, na podstawie czasu startu. Timer w przeglądarce to tylko wyświetlacz – każdy może go zatrzymać lub zmienić.
5. Losowanie zmienia kolejność pokazywanych opcji, nigdy tego, która jest poprawna. Zapisuj poprawną opcję przez jej ID, a nie przez pozycję.

Trzymaj odpowiedzi poza przeglądarką

To jedyny techniczny punkt, który każda poważna aplikacja quizowa musi mieć dobrze. Jeśli strona otrzymuje pytania razem z poprawnymi odpowiedziami i sama je ocenia, każdy może otworzyć narzędzia deweloperskie przeglądarki i odczytać klucz odpowiedzi.

Rozwiązanie jest proste do opisania: serwer wysyła pytania bez flag poprawności, osoba wysyła odpowiedzi, a serwer ocenia podejście i zwraca wynik. Powiedz to wprost w prompcie. Dla quizu zabawowego nie ma to znaczenia; dla czegokolwiek z certyfikatem, oceną lub nagrodą – ma.

Pierwszy prompt, który działa

Zbuduj webową aplikację quizową. Autorzy logują się i tworzą quizy z tytułem, opisem, opcjonalnym limitem czasu, liczbą dozwolonych prób i progiem zaliczenia. Każdy quiz ma pytania typu jednokrotny wybór, wielokrotny wybór lub prawda/fałsz, z punktami i opcjonalnym wyjaśnieniem. Osoby rozwiązujące otwierają quiz z linku, widzą zasady, a potem odpowiadają na jedno pytanie na ekranie, z paskiem postępu. Poprawne odpowiedzi nigdy nie mogą zostać wysłane do przeglądarki przed przesłaniem – oceniaj podejścia na serwerze i egzekwuj limit czasu od czasu startu zapisanego na serwerze. Wielokrotny wybór to wszystko-albo-nic. Po wysłaniu pokaż wynik, zaliczenie lub niezaliczenie oraz, jeśli autor na to pozwala, każde pytanie z poprawną odpowiedzią i wyjaśnieniem. Zapisuj każde podejście i odpowiedź w bazie danych. Daj autorom stronę wyników ze średnim wynikiem i najczęściej pomijanymi pytaniami.

Kroki budowy

1. Najpierw edytor. Stwórz jeden quiz z dziesięcioma pytaniami różnych typów. Jeśli pisanie pytań jest uciążliwe, autorzy nie będą używać aplikacji.
2. Rozwiązywanie quizu. Wypróbuj na telefonie. Sprawdź postęp, cofanie i przechodzenie dalej oraz to, co się dzieje po odświeżeniu strony.
3. Punktacja po stronie serwera. Otwórz kartę sieci w przeglądarce podczas rozwiązywania quizu i upewnij się, że żadna odpowiedź nie zawiera poprawnych odpowiedzi przed wysłaniem.
4. Testy punktacji. Podaj AI pięć przykładów z oczekiwanymi wynikami, w tym częściowo poprawną odpowiedź wielokrotnego wyboru i pytanie bez odpowiedzi.
5. Timer. Uruchom quiz na czas, poczekaj po limicie, a potem wyślij. Powinien zostać odrzucony albo ocenionego tak, jak wyglądał na termin – zdecyduj, które.
6. Wyniki i analityka. Sprawdź listę najczęściej pomijanych pytań względem podejść, które wykonałeś celowo.
7. Dodatki. Dopiero teraz dodaj obrazki, banki pytań z losowym wyborem, certyfikaty lub ranking.

Częste błędy

• Klucz odpowiedzi na stronie. Najczęstsza i najpoważniejsza wada.
• Ufanie zegarowi przeglądarki. Egzekwuj limity na serwerze.
• Zapisywanie poprawnej odpowiedzi jako „opcja 2”. Po losowaniu zaznaczona zostanie zła odpowiedź.
• Edytowanie quizu po tym, jak ludzie go rozwiązali. Zmiana pytania zmienia znaczenie starych wyników. Blokuj quizy z podejściami albo wersjonuj je.
• Nieograniczone poprawki w ocenie. Ustal zasadę prób i egzekwuj ją na serwerze.
• Rankingi z pełnymi imionami i nazwiskami domyślnie. Pozwól ludziom wybrać nazwę wyświetlaną, zwłaszcza uczniom.

Kiedy lepszy jest gotowy produkt

Jeśli potrzebujesz szybkiej gry klasowej, quizu w platformie kursowej, której już używasz, albo jednorazowego quizu do pozyskiwania kontaktów, istniejące narzędzia quizowe i formularzowe są szybsze i często bezpłatne. Systemy zarządzania nauczaniem mają już quizy z dziennikiem ocen. Zobacz alternatywy dla Typeform i alternatywy dla Google Forms, jeśli interesuje cię podejście formularzowe.

Buduj własne, gdy quiz jest częścią czegoś większego – kursu, który sprzedajesz, procesu rekrutacji, programu szkoleniowego z własnymi zasadami – albo gdy potrzebujesz punktacji, brandingu lub kontroli nad danymi, których narzędzia nie dają. Połącz to z aplikacją fiszek do ćwiczeń albo umieść quiz w platformie kursów online.

Budowa z Mythex

W Mythex opisujesz aplikację quizową w czacie i testujesz ją w podglądzie na żywo, również w widoku w rozmiarze telefonu. Agent dodaje bazę danych, gdy prosisz o zapisywanie podejść, i pisze punktację po stronie serwera razem z frontendem. Do logowania autorów Mythex podłącza sposób uwierzytelniania, który wybierasz, zamiast wbudowanego produktu do logowania. Jeśli zmiana zepsuje punktację, wróć do wcześniejszego punktu kontrolnego i spróbuj ponownie. Publikuj pod adresem mythex.ai albo na własnej domenie w planie Pro.

Pytania