Changelog

Bei der Anmeldung von Teilnehmern wird ab sofort ein kurzer Splashscreen mit dem neuen Logo angezeigt.

Nachdem PopNVote.de eine Schwesterseite PopNGrade.de bekommen hat, habe ich die Logos verschiedenster Seiten angeglichen.
Das neue Logo basiert auf dem der Seite PopNGrade.de mit folgenden Variationen:
1) Papiertüte über dem Kopf symbolisiert die Anonymität des einzelnen Schülers
2) Statt einer Note wird in der "Sprechblase" nur ein Sternchen angezeigt.

Die Statistik "Absolvierte Quizze" im Profil zeigte bisher einen zu niedrigen Wert, sobald ein Quiz gelöscht wurde. Der Zähler wird nun dauerhaft im Lehrer-Account gespeichert und bleibt beim Löschen einzelner Quizze unberührt – genauso wie der Teilnehmer-Zähler.

Das Löschen eines Quiz wird jetzt in einem einheitlichen schwebenden Fenster bestätigt – gleiche Gestaltung wie die anderen Dialoge im Dashboard. Der Name des Quiz wird dabei zur Sicherheit nochmals angezeigt. Nach dem Löschen springt die Ansicht automatisch zur Quiz-Liste, damit man direkt weiterarbeiten kann.

Nach der Erstellung/dem Import eines neuen Quiz wird die Liste im Dashboard automatisch nach dem Änderungsdatum sortiert, so dass der neue Quiz damit direkt an erster Stelle der Liste aufgeführt wird.

Die Schaltfläche zum Erstellen eines neuen Quiz befindet sich jetzt direkt unterhalb des Zugangscodes – gut erreichbar ohne Scrollen. Die Schritt-für-Schritt-Anleitung (Comic) öffnet sich bei Bedarf in einem schwebenden Fenster und belegt keinen dauerhaften Platz mehr auf der Seite.

Nach dem Kopieren des KI-Prompts auf der Konfigurator-Seite erscheint jetzt sofort eine Schaltfläche, die direkt zur Import-Seite führt. Eine automatische Weiterleitung erfolgt nach wenigen Sekunden – der Arbeitsfluss vom Prompt zur fertigen Importdatei ist damit deutlich kürzer.

Die rotierenden Namen auf dem Warte-Bildschirm am Ende eines Quiz erscheinen nun sofort, sobald das Quiz abgeschlossen ist – nicht erst wenn die Lehrkraft die Auswertung startet. Außerdem sehen Schüler während dieser Phase jetzt deutlich ihren eigenen Spielernamen. Und: Soundeffekte ertönen nun auch auf den Geräten der Teilnehmer.

Das Lehrerprofil zeigte bisher immer 0 Teilnehmer an, obwohl Quizze gespielt wurden. Ursache war das automatische Löschen der Teilnehmerdaten nach Ablauf eines Quiz (Datenschutz). Die Statistik zählt nun dauerhaft und anonym – ohne personenbezogene Daten zu speichern.

Beim Löschen eines Quiz werden zugehörige Abstimmungsdaten nun vollständig entfernt. Außerdem wurden zwei weitere kleinere Unstimmigkeiten in der Quiz-Verwaltung korrigiert.

Das Erscheinungsbild aller Seiten basiert jetzt auf einer gemeinsamen zentralen Gestaltungsbasis. Für Dich ändert sich optisch fast nichts – künftige Verbesserungen erreichen aber alle Seiten gleichzeitig und zuverlässiger.

Die Datenbank wurde für die Live-Abfragen während eines Quiz optimiert. Besonders bei vielen gleichzeitigen Teilnehmern reagiert das System nun spürbar flotter.

Die Registrierung ist jetzt gegen Bots und Massenanmeldungen geschützt – ganz ohne Speicherung von IP-Adressen oder anderen personenbezogenen Daten. popnvote bleibt damit zu 100 % anonym.

Zahlreiche Schutzmechanismen wurden verstärkt: Alle Formulare und Aktionen sind zusätzlich gegen Missbrauch abgesichert, die Abstimmung wird serverseitig strenger geprüft und die Sitzungsverwaltung wurde gehärtet. Außerdem liefert der Server nun moderne Sicherheits-Header aus.

Platz 1 und 2 wurden gemeinsam aufgedeckt, aber in falscher Reihenfolge angezeigt. Die Indices der letzten Gruppe werden jetzt vor dem Einfügen ins DOM aufsteigend nach Rang sortiert.

Die drei Phasen der Auswertung tragen jetzt die Titel „Wer hat gewonnen?", „Gleich wird's enthüllt…" und „Das Ergebnis!" – in Schwarz statt Blau. Jede neu aufgedeckte Zeile leuchtet gelb auf und blendet beim nächsten Aufdeckschritt sanft aus. Platz 1 (Gold), 2 (Silber) und 3 (Bronze) erhalten dauerhaft farbige Hintergründe und Akzentstreifen. Neue Zeilen gleiten von oben ins Bild, bessere Plätze schieben schlechtere nach unten.

Die Ranglisten-Animation läuft jetzt auf den Geräten der Teilnehmer exakt dann los, wenn der Quizleiter auf „▶ Auswertung starten" drückt. Der Klick setzt ein serverseitiges Flag, auf das alle Teilnehmer-Geräte beim nächsten Poll-Intervall reagieren. Bis dahin warten die Teilnehmer auf einem Zwischenbildschirm. Die Animation selbst ist identisch zur Lehreransicht: Suspense-Zeile mit rotierenden Namen, schrittweise Aufdeckung von unten nach oben, Medaillenfarben für die Top 3. Der eigene Spielername wird in roter Schrift hervorgehoben.

Der Button „Fenster schließen" und der automatische 8-Sekunden-Countdown funktionierten auf dem iPhone nicht, da Safari das programmgesteuerte Schließen von Browser-Tabs aus Sicherheitsgründen unterbindet. Beides wurde entfernt und durch einen einfachen Hinweis ersetzt: „Du kannst dieses Browserfenster jetzt schließen." Diese Lösung funktioniert zuverlässig auf allen Geräten und Browsern.

Der Datenschutzlink in der Willkommens-Ansicht der Quiz-Teilnahme öffnet jetzt einen Overlay-Dialog direkt auf der Seite, anstatt den Schüler auf eine externe Seite weiterzuleiten. Die Quiz-Sitzung bleibt vollständig erhalten. Der Dialog zeigt eine kompakte Zusammenfassung der für die Teilnahme relevanten Datenschutzinformationen und kann per Schließen-Schaltfläche oder Tippen außerhalb des Dialogs geschlossen werden.

Die Funktion zur Berechnung der Rangliste stellte bisher für jeden Teilnehmer eine eigene Datenbankabfrage, was bei einer Klasse von 30 Schülern zu 32 Abfragen pro Seitenaufruf führte. Durch Änderungen an der Logik konnte dies auf zwei Datenbankabfragen reduziert werden.

Verliert ein Schüler während des Quiz kurzzeitig die Internetverbindung, erscheint nach drei aufeinanderfolgenden fehlgeschlagenen Verbindungsversuchen automatisch ein roter Hinweisbalken am oberen Bildschirmrand mit dem Text „Verbindung unterbrochen – wird neu verbunden…". Sobald die Verbindung wiederhergestellt ist, verschwindet der Balken ohne Zutun des Schülers.

Der Abstimmungsendpunkt prüft serverseitig atomisch, ob für eine Session bereits eine Stimme zur aktuellen Frage vorliegt, bevor ein neuer Eintrag angelegt wird. Das schließt Doppelabstimmungen durch schnelle Mehrfach-Requests oder manipuliertes Browser-Storage zuverlässig aus.

Die Endrangliste auf dem Smartphone der Schüler verwendet jetzt dieselbe Darstellung wie die Lehreransicht: Platz 1–3 zeigt Medaillen-Symbole (🥇🥈🥉) sowie einen farbigen linken Akzentstreifen in Gold, Silber und Bronze. Der eigene Eintrag bleibt zusätzlich rot-fett hervorgehoben. Die Identifikation des eigenen Eintrags erfolgt nun zuverlässig über die Session-ID statt über den Namen, was Verwechslungen bei gleichlautenden Zufallsnamen ausschließt.

Während der Lehrer die animierte Aufdeckung der Rangliste sieht, wurde den Schülern bisher noch die letzte Frage angezeigt. Jetzt erscheint stattdessen ein eigener Bildschirm mit dem Hinweis, dass die Auswertung läuft und das persönliche Ergebnis gleich folgt. Sobald der Lehrer die Auswertung abgeschlossen hat, wechselt die Schüleransicht automatisch zur Ergebnisanzeige.

Wenn alle noch nicht aufgedeckten Teilnehmer denselben Rang belegen – z. B. zwei Erstplatzierte nach der Aufdeckung der Plätze 3 und 4 – wurde ihr Name weiterhin unnötig durchgemischt, obwohl das Ergebnis bereits feststand. Das Mischen stoppt jetzt, sobald nur noch Gleichrangige offen sind. Die Namen stehen dann still, bis sie gemeinsam aufgedeckt werden.

Die Ergebnistabelle am Ende eines Quiz zeigt für die Plätze 1–3 jetzt Medaillen-Symbole (🥇🥈🥉) statt Zahlenwerten. Zusätzlich erhält jede Top-3-Zeile einen farbigen linken Akzentstreifen – Gold für Platz 1, Silber für Platz 2, Bronze für Platz 3. Diese Darstellung gilt sowohl während der animierten Aufdeckung als auch in der abschließenden Ergebnisansicht.

Die Auswertung startet erst auf "Knopfdruck" und während der Auswertung werden einfache Tonsignale ausgegeben.

„scrolle … bis ans Ende" → „lies den kompletten Text aufmerksam bis zum Ende"

Beitritt nach Start der ersten Frage nicht mehr möglich – klare Fehlermeldung bei verspätetem Zugriffsversuch

Schüler-Seite prüft den PIN sofort beim Laden serverseitig: ungültige Nummer oder bereits beendetes Quiz zeigen eine verständliche Fehlermeldung statt einer sich nie ändernden Lobby-Seite.

Die Anzeige erfolgt nun direkt im Button zum Start des Quiz.

Schüler können das Quiz direkt über popnvote.de/XXXXX aufrufen – keine App, kein QR-Code-Scanner nötig

Die Darstellung der Antwortoptionen wurde in beiden Ansichten grundlegend überarbeitet. Optionskarten enthalten von Anfang an einen reservierten Balkenbereich – bei der Auflösung füllen sich die Balken und die Rahmen wechseln auf grün/rot, ohne dass sich Größe oder Position der Karten verändern.
Die separate Feedback-Box mit Richtig/Falsch-Anzeige und Erklärungstext auf dem Schülergerät wurde entfernt – Erklärungen erscheinen ausschließlich auf dem Lehrerbildschirm.

Während einer laufenden Abstimmung zeigt die Lehrer-Ansicht nun alle Antwortoptionen in gemischter Reihenfolge unterhalb der Frage an. Alle Optionen erscheinen optisch identisch – die richtige Antwort wird bewusst nicht hervorgehoben, damit der Bildschirm bedenkenlos für die Klasse sichtbar sein kann.

Die Auswertungssequenz nach dem letzten Quiz-Durchgang startet jetzt automatisch, ohne dass eine zusätzliche Schaltfläche betätigt werden muss.

Die vier Aktionsschaltflächen in der Quiz-Übersicht wurden in ein zweizeiliges Layout umgestellt. „Starten" nimmt als primäre Aktion die gesamte Breite der oberen Zeile ein und hebt sich dadurch klar von den Verwaltungsfunktionen ab. Darunter stehen „Bearbeiten", „Export" und „Löschen" gleichbreit nebeneinander. Die Breite der unteren Reihe bestimmt dabei automatisch die Breite der Starten-Schaltfläche.

Beim Wechsel der Sortierreihenfolge kam es zu einem unerwünschten vertikalen Sprung der Seite. Die Scroll-Position wird nun vor jedem Sortiervorgang gesichert und danach sofort wiederhergestellt, sodass die Ansicht stabil bleibt. Zusätzlich werden die Spaltenbreiten bereits beim Laden fixiert, damit das Erscheinen des Sortierpfeils keine Verschiebungen im Layout auslöst.

Die Tabelle der gespeicherten Quizze wurde inhaltlich und funktional überarbeitet. Die technische Quiz-Nummer entfällt, da sie für den täglichen Betrieb keine Relevanz hat. Stattdessen zeigen zwei neue Spalten das Datum der letzten inhaltlichen Änderung sowie das Datum der letzten Quizdurchführung. Die Liste wird beim Öffnen automatisch nach der letzten Durchführung absteigend sortiert – der zuletzt eingesetzte Quiz steht immer oben. Durch Klick auf eine Spaltenüberschrift kann jederzeit nach einem anderen Kriterium sortiert werden; der aktive Sortierstatus wird mit einem Pfeil kenntlich gemacht.

In der Übersicht der gespeicherten Quizze wurden die Spalten überarbeitet. Die Quiznummer, die für den täglichen Betrieb keine Relevanz hat, entfällt. Dafür zeigen zwei neue Spalten den Erstellungszeitpunkt und den Zeitpunkt der letzten Änderung an. Durch Klick auf eine Spaltenüberschrift lässt sich die Liste sortieren – bei Texten und Zahlen aufsteigend/absteigend, bei Zeitstempeln zuerst absteigend (neueste oben). Ein wiederholter Klick kehrt die Reihenfolge um. Der aktive Sortierstatus wird mit einem Pfeil kenntlich gemacht.

Die Schaltfläche „Code anzeigen" wechselt beim Aufdecken zu roter Farbe und zeigt „Code verbergen" – ein klares visuelles Signal, dass der Code gerade sichtbar ist.

Die Anzeige des persönlichen Zugangscodes im Dashboard wurde vollständig neu gestaltet und entspricht nun dem Eingabefeld auf der Startseite. Die Zeichen werden in einzelnen gelb hervorgehobenen Kästchen dargestellt, im versteckten Zustand als ●-Symbole, bei Aufdecken als lesbarer schwarzer Text auf gelbem Hintergrund. Alle neun Positionen sehen dabei einheitlich aus.

Die Schaltfläche „Mit Code eintreten" ist erst aktiv und sichtbar hervorgehoben, wenn das eingegebene Format vollständig dem erwarteten Muster entspricht.

Akustisches Feedback während der Code-Eingabe: Korrekte Zeichen werden mit einem kurzen positiven Ton bestätigt, unzulässige Zeichen mit einem negativen Signal abgewiesen – auch bei wiederholter Fehleingabe an derselben Position. Das Löschen eines Zeichens erzeugt einen eigenen neutralen Ton.

Die Eingabe des Zugangscodes auf der Startseite wurde grundlegend überarbeitet. Anstelle eines klassischen Textfeldes führt ein strukturiertes Kästchen-Format durch das erwartete Code-Muster. Buchstaben und Ziffern werden positionsgenau geprüft, automatisch in Großbuchstaben umgewandelt. Die Eingabe des Bindestrichs ist nun überflüssig.

Die Nutzungsstatistiken auf der Startseite spiegeln ausschließlich echte Aktivität wider und werden nicht durch systeminterne Vorgänge beeinflusst.

Der Login-Bereich wurde um Schutzmechanismen gegen systematische Zugriffsversuche erweitert. Wiederholte Fehlversuche werden systemweit erkannt und führen zu internen Gegenmaßnahmen, ohne dass dabei personenbezogene Daten gespeichert werden.

Temporäre Systemdaten werden automatisch im Hintergrund bereinigt, ohne dass dafür ein manueller Eingriff oder ein externer Cronjob erforderlich ist.

Wenn beim Bearbeiten einer Frage eine weitere Antwortoption hinzugefügt oder eine bestehende gelöscht wurde, gingen bisher alle noch nicht gespeicherten Eingaben (Fragetext, Erklärung, Antwortfelder) verloren. Diese werden jetzt automatisch zwischengespeichert, sodass nach der Aktualisierung der Ansicht alle Inhalte erhalten bleiben.

Fragen, die im Bearbeiten-Bereich per Drag & Drop umsortiert wurden, werden jetzt auch beim tatsächlichen Quiz in der festgelegten Reihenfolge gespielt. Zuvor wurde stets die ursprüngliche Erstellungsreihenfolge verwendet.

Das Löschen von Quizzen ist nun besser gegen unbeabsichtigte oder unberechtigte Auslösung geschützt.

Bereinigung von Ausgaben im Browser und zusätzliche Sicherheitsstufe beim Starten und Fortführen eines Quiz.

Alle Datenbankabfragen entsprechen jetzt aktuellen Sicherheitsstandards.

Technische Zugangsdaten werden nun sicherer verwaltet.

Jeder gespeicherte Quiz kann direkt aus dem Dashboard als `.txt`-Datei heruntergeladen werden. Das Format ist identisch mit dem Import-Format und ermöglicht eine einfache Datensicherung oder Wiederverwendung.

Login und Quiz-Start sind jetzt in einem einzigen Schritt kombiniert.

Bei technischen Problemen werden im Browser keine internen Details mehr angezeigt.

Schriftarten und Design-Variablen werden jetzt zentral geladen statt auf jeder Seite einzeln. Das reduziert Ladezeiten und vereinfacht künftige Anpassungen.

Nicht mehr benötigte Dateien wurden aus dem Projektordner entfernt.

Das Browser-Icon (Favicon) wird jetzt auf allen Seiten korrekt angezeigt.

Es wurde ein Problem behoben, bei dem die Auswertung einer Frage für die Teilnehmer versehentlich übersprungen wurde. Die Ursache lag im Prefetching bzw. Prerendering beim Aufruf durch den Quizveranstalter. Durch eine gezielte Anpassung des Seitenaufrufs wurde dieses Verhalten nun korrigiert.

Zugangscode und Quiznummer werden ab sofort verdeckt eingegeben. So bleibt der Backend-Zugang für Lehrkräfte und Ausbilder auch während einer aktiven Bildschirmübertragung (Screensharing) geschützt.

Die Darstellung durchgeführter Änderungen im Bereich Nutzungshinweise und/oder Datenschutzerklärung werden nun übersichtlicher dargestellt.

Die Schritt-für-Schritt-Anleitung zur Quizerstellung im Dashboard wurde durch eine überarbeitete und verbesserte Version ersetzt.

Website mit den Grundfunktionen ist fertig und einsatzbereit.