Tworzenie interaktywnych quizów i testów online

Jak wygląda nowoczesny quiz online?

• Różne typy pytań: jednokrotnego wyboru, wielokrotnego wyboru, prawda/fałsz, pole tekstowe
• Automatyczna walidacja odpowiedzi
• Panel wyników: suma punktów, informacja zwrotna
• Możliwość zapisu wyników do bazy danych (PHP + MySQL)
• Wyświetlanie podpowiedzi i poprawnych rozwiązań

Przykład quizu w JavaScript – pytanie jednokrotnego wyboru

let poprawna = "b";
let odp = prompt("Które polecenie tworzy tabelę w SQL?\na) SELECT\nb) CREATE TABLE\nc) INSERT");
if(odp == poprawna){
  alert("Dobrze!");
}else{
  alert("Źle! Poprawna odpowiedź: CREATE TABLE");
}
        

Quiz z HTML, CSS i JS – zadanie praktyczne

1. Stwórz formularz HTML z pytaniami
2. Stwórz funkcję JS do walidacji (porównanie odpowiedzi)
3. Wyświetl wynik i podpowiedzi

Quiz wielokrotnego wyboru – HTML + JS

  Wybierz dwie metody operacji na danych w PHP:

    mysqli_query
    alert
    fetch
    PDO::prepare
  
  
Sprawdź odpowiedzi


        

Jak oceniać wyniki i podpowiadać uczniom?

• Wyświetl wynik: liczba punktów, procent trafnych odpowiedzi
• Pokazuj, które odpowiedzi były błędne i jak je poprawić
• Możesz zapisać wyniki do bazy – PHP/SQL: imię, uzyskane punkty, czas rozwiązania

query("INSERT INTO wyniki (imie,punkty) VALUES ('$imie',$pkt)");
?>
        

Tworzenie interaktywnych testów: ekstra wskazówki

• Dodaj timer (licznik czasu na każde pytanie)
• Wprowadź różne typy podpowiedzi: przybliżenie, przykłady kodu, wskazówki nauczyciela
• Analizuj typowe błędy i pokazuj uczniowi ich rozwiązania
• Możesz zbudować panel nauczyciela do analizy wyników klasy