fastest finger first

Finger le plus rapide en premier

Quiz rapide basé sur un serveur sans serveur

Caractéristiques

• Tri automatique des scores de jeu basés sur le temps et le score
• À partir de la dernière question tentée en cas de déconnexion
• Séances de temps libre pour chaque question.
• Vérification des réponses activées à l'aide de la fonction AWS Lambda.
• Heure de départ synchronisée pour chaque joueur
• Capacité jusqu'à 100 joueurs jouant ensemble dans un seul cas de temps.

Architecture

L'extrémité avant

Il est basé sur HTML, CSS et JavaScript. Les questions ont une minuterie de fenêtre de 20 secondes, après quoi la question suivante se charge automatiquement.

Backend

L'ensemble du backend est construit sur la technologie sans serveur: AWS Lambda. Il a trois fonctions lambda:

1. Registration_check (registre.py): garantit que tout utilisateur enregistré peut reprendre à partir de sa dernière session. Les nouveaux utilisateurs recommencent.
2. Update_db (Update_rds.py): Chaque fois qu'une réponse est soumise, cette fonction lambda met à jour la base de données.
3. build_leadership_borad (app.py): télécharge un fichier trié json dans le seau S3. «app.py» est le code python.
4. get_individual_score (get_score.py): obtient le score individuel (nombre de réponses correctes et le temps total consommé) d'un utilisateur à la fin du quiz.

L'application utilise deux tables:

1. Enregistrement_info: stocke la dernière tentative de question des détails d'un utilisateur. Il a trois colonnes - numéro de téléphone (clé primaire), nom d'utilisateur, questionnomb. Un exemple de table aimerait ceci:

Phonélinoir	Nom d'utilisateur	Questionnaire
9999999999	Srushith	5
8888888888	Ramit	8
777777777	Ashvini	7

2. user_data: stocke les données de l'utilisateur comme le numéro de téléphone (clé principale), le nom d'utilisateur, le numéro de question, la réponse, le temps pris (en secondes). Un exemple de table aimerait ceci:

Phonélinoir	Nom d'utilisateur	Questionnaire	Répondre	Chronomètre (s)
9999999999	Srushith	5	4	15
8888888888	Ramit	8	2	8
777777777	Ashvini	7	1	11

Le quiz commence à partir de la page de registre (index.html). Ici, les joueurs peuvent remplir des informations telles que le nom et le numéro de téléphone

Fig 1: page d'inscription

Lorsqu'un utilisateur clique sur le bouton «Enregistrer», Registration_Check Lambda est appelé qui vérifie la table d'enregistrement_info pour toute entrée précédente sur le même numéro de téléphone. S'il est trouvé, renvoie la valeur de QuesketNumber pour ce phoninumber et s'il ne renvoie pas un zéro (0). Après avoir reçu une valeur non nulle, la question «valeur + 1» serait affichée, reprenant la session précédente. Si un zéro est reçu, le quiz commence depuis le début.

Fig 2: Page de question

La figure 2 montre un exemple de page de questions où un utilisateur peut sélectionner une des quatre options et cliquer sur Soumettre pour soumettre la réponse. Lorsqu'un utilisateur clique sur le bouton «Soumettre», la fonction LAMBDA Update_DB est appelée avec «numéro de téléphone», «nom d'utilisateur», «question», «réponse», «temps» comme paramètres. Cette fonction lambda verfies pour la réponse et les mises à jour

Ici, l'étape de vérification du jeu se produit. Selon la réponse, une entrée est effectuée pour l'utilisateur dans la base de données avec le temps, le numéro de question et le nom du joueur.

Configuration RDS

Pour notre cas d'utilisation, nous avons pris MySQL comme base de données sur RDS (base de données relationnelle). Vous pouvez consulter plus d'informations ici.

Remarque: En cas de problèmes de sécurité, assurez-vous de vérifier les groupes de sécurité alloués avec la base de données RDS.

S3

Il se compose des étapes suivantes:

1. Créez un seau S3.
2. Mettez un fichier JSON vide dans le seau S3.
3. Assurez-vous de rendre le fichier public en modifiant les autorisations de lecture et d'écriture pour le fichier.

Remarque: N'oubliez pas d'activer la configuration CORS pour le seau S3. Reportez-vous à ce message pour les instructions.

Licence

Licence MIT