Je vous présente un tableau de score pour compétitions de jiu-jitsu, créé avec le framework de développement cross-platform Flutter :)
-
Une version web exécutable est disponible sur GitHub Pages.
-
Comme il a été développé avec Flutter, il peut être compilé pour fonctionner dans divers environnements (PC, Android, iOS).
Voici la liste des fonctionnalités disponibles.
-
Minuteur : démarrage/pause/modification du temps/retour à 6 minutes
-
Son : émission d’un bip au démarrage du minuteur, à la fin, et lors du redémarrage après réinitialisation
-
Saisie du nom des compétiteurs
-
Augmentation/réduction du score par paliers de 4 points / 3 points / 2 points pour chaque compétiteur
-
Attribution d’Advantage/Penalty pour chaque compétiteur
-
Calcul du score total
-
Réinitialisation du tableau de score
Voici pourquoi j’ai créé cela.
-
Pour diverses raisons... j’ai commencé à m’intéresser à Flutter et à l’apprendre, et j’avais déjà essayé de créer une application très très simple.
-
J’apprenais le jiu-jitsu depuis environ un an, et le dojo où je m’entraînais a décidé d’organiser une compétition.
-
Il existait bien un tableau de score sous forme d’application mobile pour la compétition, mais il a été dit qu’il n’existait pas vraiment d’application desktop pratique à utiliser (= les compétiteurs ou les personnes concernées ne pouvaient pas consulter les scores, et cela augmentait aussi la charge d’explication pour les arbitres).
-
Des personnes qui savaient que je faisais du développement m’ont alors lancé, à moitié pour plaisanter : « Ah, vous pourriez le créer, non !? »
-
En entendant ça, je me suis soudain dit que c’était justement le genre de projet où Flutter pouvait vraiment montrer son utilité... !
-
Je l’ai développé pendant le week-end, il a ensuite été utilisé lors de la compétition, et il est toujours utilisé aujourd’hui.
Les différences avec les tableaux de score existants :
-
En termes de fonctionnalités, c’est presque identique.
-
En revanche, il peut être consulté dans un navigateur, et ses dimensions s’adaptent automatiquement en hauteur et en largeur selon la taille de la fenêtre.
-
Autrement dit, c’est un tableau de score utilisable partout, y compris sur mobile.
-
La taille du texte change dynamiquement en fonction de la hauteur de l’écran.
J’ai utilisé la bibliothèque GetX, utilisée avec Flutter, pour la gestion d’état.
Comme la complexité de l’architecture de développement n’était pas très élevée, j’ai structuré le code en séparant UI/Logic/Data avec un pattern MVC basé sur des composants.
Le projet est écrit en Dart, le langage sur lequel repose Flutter. N’hésitez pas à y jeter un œil : je serais très reconnaissant pour tout avis, retour ou marque d’intérêt !!
7 commentaires
Je n'avais entendu parler du développement Web avec Flutter qu'en théorie, et c'est la première fois que j'en vois un.
En regardant les outils de développement, on dirait moins un développement Web
qu'une application qui tourne dans le navigateur.
C'est impressionnant.~~ Quel talent !!
@misolab Exactement, comme ça se dessine sur un canvas, au final on ne fait que poser l’app telle quelle par-dessus...
En fait, après avoir seulement entendu parler du développement avec Flutter Web, je m’étais dit qu’il faudrait que j’essaie de créer un blog avec Flutter ! Mais j’ai finalement bien rangé cette idée au placard...
De toute façon, ça n’a pas l’air d’être indexé par les moteurs de recherche....;
Le moteur de recherche de Google le fera probablement, non ? Au moins, les bots de recherche un peu douteux ne pourront pas récupérer le contenu, donc ça pourrait même devenir une zone plus préservée... ^^;
C’est possible, en effet...!? haha Moi aussi, je m’y intéresse et je continue de suivre ça de près, et comme ça évolue rapidement, ça semble plutôt prometteur haha
On dit que c’est possible dans une certaine mesure, puisque Googlebot est basé sur Chrome.
Mais pour faire du SEO correctement, la plupart des avis semblent recommander de créer séparément une version HTML dédiée aux bots.
Malheureusement, je ne connais pas du tout le jiu-jitsu..
Mais puisque vous avez dit que ce serait utilisé en compétition, je me suis dit qu’il serait peut-être bien de pouvoir enregistrer l’historique des scores existants sous forme de leaderboard.
Avec une connexion par athlète ou quelque chose du genre, il devrait aussi être possible d’avoir un historique par compétiteur.
Et parmi les applis que j’utilise souvent, il y en a une de suivi des parties de jeux de société qui s’appelle BG Stats,
et je me souviens qu’elle affiche des statistiques de taux de victoire par adversaire, comme le nombre de fois où l’on a gagné contre un adversaire donné et avec quel écart de points.
https://www.bgstatsapp.com/
@xguru
Waouh, on dirait que ça pourrait évoluer en une plateforme capable d’aller jusqu’à la gestion de l’historique des athlètes... ! Merci pour cet avis très pertinent !!
BG Stats, une appli de suivi des parties de jeux de société... ! Moi aussi, j’aime beaucoup les jeux de société, même si je me limite à quelques-uns, et cette appli a l’air incroyable... !
Comme il y a aussi un système de score en jiu-jitsu, j’ai l’impression qu’il y a vraiment beaucoup de contenus dont on peut s’inspirer.
Merci énormément même pour les ressources de référence !!