Football Notes

Écrit le 01/11/2020
  • Drupal
  • Highcharts

J’ai toujours été un grand amateur de football. Mais au fil du temps, je me suis rendu compte que la multitude de matchs que je visionnais n’était historisée nulle part. J'ai donc eu envie de garder une trace, un historique personnel de mes soirées foot.

C'est ainsi qu'est née l'idée de Football Notes : une application simple conçue pour rédiger de courts résumés des rencontres que je regarde, y consigner mes impressions à chaud et attribuer des notes aux joueurs.

 

  1. Le socle technique : un Drupal sur-mesure

Techniquement, j’ai construit le projet sur une instance Drupal très épurée. L'objectif n'était pas de monter une usine à gaz, mais d'avoir un outil de contribution efficace :

  • Structuration des contenus : Création de types de contenus dédiés pour les matchs, les équipes et les joueurs.
  • Front-end & Twig : Implantation d'un thème personnalisé pour un affichage sur-mesure.
  • Navigation fluide : La page d'accueil a été pensée comme un flux d'actualité continu. J'y ai intégré une vue (Views) en infinite scroll, couplée à des filtres exposés (AJAX) permettant de naviguer instantanément entre les clubs, les équipes ou les championnats.

 

  1. Entre ressenti personnel et statistiques

Chaque rencontre fait l'objet d'une « note ». J'y rédige mon propre résumé du match, car j’apprécie de conserver cette approche purement subjective. Pour l'évaluation des joueurs, j'ai opté pour un système visuel simple : des pouces levés ou baissés selon leur performance globale sur le terrain.

 

  1. Intégration d'API et Visualisation de données (MPG)

En tant que développeur, je n’ai évidemment pas résisté à l’envie d’ajouter une couche d’automatisation à mes fiches de match.

À l’époque, l’API du jeu Mon Petit Gazon (MPG) était publique et accessible sans token d'authentification. J’ai donc développé un mécanisme d’import pour récupérer un maximum de données externes :

  • Appels API dynamiques : Lors de la création d'une note, il me suffisait de renseigner un ID spécifique. Ce simple ID déclenchait une série d’appels à l'API MPG en back-end, remplissant automatiquement la fiche du match avec les statistiques des joueurs et des équipes.
  • Data Visualisation : Pour restituer ces données de manière claire et agréable à lire sur le front, j’ai implémenté la librairie Highcharts.js. J'ai principalement utilisé des graphiques en bâtons, parfaits pour comparer les performances statistiques.

 

Conclusion

Football Notes est resté un projet très personnel, mais il s'est révélé être un excellent terrain d’expérimentation. Il m’a permis d'allier mes deux passions (le football et le développement web) tout en touchant à plusieurs concepts clés : la modélisation de contenu sous Drupal, la consommation d’APIs tierces et la data visualisation côté client.

Au fil du temps, par souci de praticité et de rapidité de saisie lors des matchs, j’ai progressivement cessé d'utiliser le front de l'application pour transitionner vers un Google Sheet. Cette feuille de calcul me sert aujourd'hui d'outil de saisie rapide, et constituera probablement une excellente base de données pour une future itération ou une nouvelle application qui verra le jour !