Ma base de données pour le Décathlon

Mon problème

Toute la semaine, je pratique les 10 épreuves que constituent le Décathlon. Il faut donc que je sauvegarde mes résultats. Or à force d'avoir des notes sur smartphone avec des dates pour chaque performance et les réglages pour chaque épreuve, on s'y perd facilement sans pour autant voir l'évolution des performances dans le temps...

Mais comment faire alors ?

Créons donc une base de données où je pourrais enregistrer toutes mes performances et ensuite pouvoir y accéder aisément via ce site web !

Concrètement ça donne quoi ?

Nous allons utiliser l'application Firebase développé par Google qui permet de créer des bases de données. Pour plus d'informations sur les bases de données, cette vidéo est assez intuitive !

On va donc configurer une base de données sur Firebase que nous allons ensuite ajouter sur notre site web, codé sur Glitch. Pour se faire, il faudrait tout d'abord créer un bouton où l'utilisateur pourrait rentrer ces données. Cela pourrait ressembler à ça :

Clic-droit + "inspecter" pour voir le code du cadre dans la rubrique "Sources" + "Index".

Notre base de données ressemblera à ceci avec les 10 sports (sachant qu'elle se complètera grâce aux cadres ci-dessus).
Exemple avec le 100m.

Le cadre ci-dessus sera notre socle pour enregistrer nos données. Afin d'écrire de nouvelles données et de faire fonctionner ce cadre, il est nécessaire d'utiliser l' "update method" (car nous avons plusieurs données ici) pour enregistrer ces données.
Lien vers la documentation Firebase

Maintenant, nous allons lier notre base de données Firebase avec notre code en rajoutant cette ligne de code dans notre dossier js.

NB: Les deux premières lignes sont à placer dans notre HTML en suivant les consignes en gris.

On organise alors ces données en fonction par exemple du sport ici. Libre à vous néanmoins de le faire comme vous souhaitez.

Mais comment retrouver mes données ?

Par exemple, je souhaite avoir toutes mes performances de 100m depuis un an. Je crée alors une Query pour que la base de données me renvoie mes performances de 100m sur une période donnée. On peut imaginer rajouter un volet déroulant pour définir la période (Par exemple 2018-2019).

Exemple de code pour retrouver ma performance du 100m à la date 1 :

Enfin, en plus de ces données, on pourrait même à terme créer des graphiques qui montreraient l'évolution des perfomances grâce aux données collectées et enregistrées dans la base de données Firebase. Bien que complexes, ces deux vidéos expliquent les possibilités avec l'utilisation de logiciel tiers en plus de Firebase.

BRAVO