fastest finger first

Schnellster Finger zuerst

Schnellquiz basierend auf Serverless

Merkmale

• Automatische Sortierung der Spielwerte basierend auf Zeit und Punktzahl
• Ausgehend von der letzten Frage, die im Falle eines Abmeldes versucht wurde
• Time Out -Sitzungen für jede Frage.
• Überprüfung der Antworten, die mithilfe der AWS -Lambda -Funktion aktiviert sind.
• Synchronisierte Startzeit für jeden Spieler
• Kapazität bis zu 100 Spieler, die zu einem einzigen Zeitpunkt zusammen spielen.

Architektur

Frontend

Es basiert auf HTML, CSS und JavaScript. Die Fragen haben einen 20 -Sekunden -Fenster -Timer, nach dem die nächste Frage automatisch geladen wird.

Backend

Das gesamte Backend basiert auf serverloser Technologie: AWS Lambda. Es hat drei Lambda -Funktionen:

1. Registrierung_Check (Register.py): Stellen Sie sicher, dass jeder registrierte Benutzer von seiner letzten Sitzung wieder aufgenommen wird. Neue Benutzer beginnen neu.
2. update_db (update_rds.py): Jedes Mal, wenn eine Antwort eingereicht wird, aktualisiert diese Lambda -Funktion die DB.
3. Build_leadership_borad (app.py): Laden Sie eine JSON -sortierte Datei in S3 Bucket hoch. 'app.py' ist der Python -Code.
4. get_individual_score (get_score.py): Erhält die individuelle Punktzahl (Anzahl der richtigen Antworten und die Gesamtzeit verbraucht) am Ende des Quizs.

Die Anwendung verwendet zwei Tabellen:

1. Registrierung_info: Speichert die letzten Versuchsfragetails eines Benutzers. Es verfügt über drei Spalten - Telefonnummer (Primärschlüssel), Benutzername, Frageburgen. Eine Beispieltabelle würde dies mögen:

PhoneNumber	Benutzername	Fragebechnummer
9999999999	Srushith	5
8888888888	Ramit	8
7777777777	Ashvini	7

2. User_data: Speichern Sie die Benutzerdaten wie Telefonnummer (Primärschlüssel), Benutzername, Fragennummer, Antwort, Zeitversammlung (in Sekunden). Eine Beispieltabelle würde dies mögen:

PhoneNumber	Benutzername	Fragebechnummer	Antwort	Zeitplan (en)
9999999999	Srushith	5	4	15
8888888888	Ramit	8	2	8
7777777777	Ashvini	7	1	11

Das Quiz startet von der Register -Seite (index.html). Hier können die Spieler Informationen wie Name und Telefonnummer füllen

Abb. 1: Registrierungsseite

Wenn ein Benutzer auf die Schaltfläche 'Register' klickt, wird Registrierung_Check Lambda aufgerufen, die die Tabelle Registration_Info für vorherige Einträge auf derselben Telefonnummer überprüft. Wenn er gefunden wird, gibt der Wert der Fragestennummer für diesen PhonNumber zurück und gibt es, falls nicht eine Null zurückgibt (0). Bei der Erlangung eines Wertes ungleich Null würde die Frage "Wert+1" angezeigt, wodurch die vorherige Sitzung wieder aufgenommen wird. Wenn eine Null erhalten wird, beginnt das Quiz von Anfang an.

Abb. 2: Frageseite

Abbildung 2 zeigt eine Beispiel -Fragen -Seite, auf der ein Benutzer eine der vier Optionen auswählen und auf Senden klicken kann, um die Antwort zu übermitteln. Wenn ein Benutzer auf die Schaltfläche "Senden" klickt, wird die Funktion "update_db lambda" mit "Telefonnummer", "Benutzername", "Frage", "Antwort", "Zeit" als Parameter aufgerufen. Diese Lambda -Funktion ist für die Antwort und die Aktualisierungen verflucht

Hier geschieht der Überprüfungsschritt für das Spiel. Wenn die Antwort korrekt ist, wird für den Benutzer in der Datenbank zusammen mit der Zeit, der Frage Nr. Und dem Namen des Players ein Eintrag durchgeführt.

RDS -Setup

Für unseren Anwendungsfall haben wir MySQL als Datenbank für RDS (relationale Datenbank) genommen. Weitere Informationen finden Sie hier.

HINWEIS: Überprüfen Sie im Falle von Sicherheitsproblemen die mit der RDS -Datenbank zugewiesenen Sicherheitsgruppen.

S3

Es besteht aus den folgenden Schritten:

1. Erstellen Sie einen S3 -Eimer.
2. Legen Sie eine leere JSON -Datei in den S3 -Eimer.
3. Stellen Sie sicher, dass Sie die Datei öffentlich machen, indem Sie die Berechtigungen von Lesen und Schreiben für die Datei ändern.

Hinweis: Denken Sie daran, die CORS -Konfiguration für den S3 -Eimer zu aktivieren. In diesem Beitrag finden Sie die Anweisungen.

Lizenz

MIT -Lizenz