Montée de version d’une application métier : le cas de la fédération française de tennis de table (FFTT) par ACSEO

Après avoir orchestré la refonte globale de leur outil métier, l’équipe d’ACSEO a récemment accompagné la fédération française de tennis de table (FFTT) dans la mise à niveau de cet outil, connu sous le nom de SPID v2. Ce chantier a mobilisé nos équipes sur plus d’une année. 

ACSEO vous propose de découvrir les étapes de ce projet, les choix techniques retenus et la méthode de travail qui a permis de sécuriser cette transition.

Cartographie du système 

On a commencé cette montée de version par une période d’analyse approfondie, qui s’est déroulée entre le mois de décembre 2024 et février 2025. Cette phase préparatoire nous a permis d’identifier les zones de complexité, de définir les moyens de contrôle et d’évaluer le budget nécessaire. 

L’architecture de la plateforme SPID V2 s’articule autour d’une base de données complexe, d’une interface de programmation (API) pour le serveur et de multiples interfaces visuelles pour les utilisateurs, comme les espaces réservés aux clubs ou aux licenciés.

Le rapport d’audit a souligné que le noyau du système résidait dans son API. La première recommandation préconisait de concentrer le budget et le temps de l’année 2025 sur la rénovation de cette partie serveur. Cette décision permettait de conserver des outils de travail récents pour les futures modifications, qui concernent majoritairement cette API. 

L’actualisation de la partie visuelle (le front-end), initialement envisagée pour l’année 2026, a finalement été menée en parallèle sur un calendrier distinct pour avancer plus vite et livrer une solution complète.

Renouvellement du socle applicatif avec PHP 8 et Symfony 7

La mise à niveau de la partie serveur a débuté par la création d’un projet entièrement neuf reposant sur des bases récentes. Les développeurs ont sélectionné les versions PHP 8, Symfony 7 et API Platform 4. L’environnement de travail a été rafraîchi grâce à une architecture Docker, accompagnée d’outils de vérification de la qualité du code comme phpstan et php-cs. Cette approche garantit un code plus propre, plus lisible et plus facile à maintenir pour les équipes qui interviendront dans le futur.

Ce travail sur le serveur s’est heurté à plusieurs défis techniques spécifiques. Le composant Doctrine, chargé de faire le lien avec la base de données, a subi des changements syntaxiques de taille concernant les annotations du schéma de données. Il a fallu revoir la gestion des événements de création, de modification et de suppression via la nouvelle syntaxe. De nombreuses fonctions manquaient de typage précis dans l’ancien code, ce qui a demandé un travail de réécriture minutieux.

La sécurité de l’application a fait l’objet d’une révision complète. Les développeurs ont réécrit le typage de certaines fonctions sur les composants d’autorisation (les Voters) et ont adapté le fichier de configuration de sécurité. Le remplacement de l’ancien mécanisme de vérification des mots de passe par de nouveaux systèmes d’authentification a représenté un travail technique exigeant mais nécessaire pour protéger les données des joueurs et des clubs.

Du côté de la gestion des données, l’utilisation des filtres a beaucoup changé avec la nouvelle version d’API Platform, obligeant les équipes à revoir les méthodes de déclaration. Pour le module GraphQL, plutôt que de reconstruire l’ensemble selon les nouvelles pratiques, l’équipe a décidé de reprendre les surcharges appliquées sur l’ancienne version. Cette approche s’est révélée très économe en temps tout en restant parfaitement fonctionnelle. Le service d’envoi de courriels a lui aussi fait peau neuve pour remplacer l’ancienne bibliothèque par le composant Mailer récent de Symfony. 

Toutes ces actions sur le serveur ont été découpées en sept cycles de travail pour permettre un suivi précis de l’avancement.

La refonte de l’interface utilisateur vers Vue 3

Les interfaces graphiques de la plateforme reposaient sur la deuxième version du cadriciel Vue. Cette version ne reçoit plus de mises à jour de sécurité depuis la fin de l’année 2023, ce qui rend le passage à la version 3 indispensable pour la santé du projet et la sécurité des données affichées. Cette nouvelle itération apporte de multiples améliorations, comme des paquets logiciels plus légers, de meilleures performances générales d’affichage et un confort de travail supérieur pour les concepteurs.

La rénovation de l’interface s’est déroulée en trois phases. 

1. Les concepteurs ont d’abord actualisé les outils de compilation du code en abandonnant Webpack au profit de Vite.dev, un outil reconnu pour sa grande rapidité d’exécution. Le système qui gère la navigation entre les écrans a été remplacé par VueX 4 pour assurer de la fluidité lors des changements de pages.

2. Les différences de fonctionnement entre Vue 2 et Vue 3 ont demandé la modification de plusieurs directives. L’instruction v-model, largement utilisée par la fédération pour lier les données aux formulaires, apparaissait près de 1953 fois dans 480 fichiers différents. Les équipes ont repris manuellement chaque occurrence pour l’adapter à la nouvelle norme. Il a aussi fallu repasser sur tous les attributs v-bind, modifiés à plus de 1161 reprises dans 260 fichiers de l’application.

3. D’autres ajustements ont été nécessaires, comme le retrait des conflits entre les attributs de condition v-if et les boucles v-for lorsqu’ils sont utilisés sur une même balise HTML. Les développeurs se sont aidés du module de compatibilité de Vue pour assurer la transition en douceur, avant de le supprimer définitivement lors de la phase finale de nettoyage. 

Ce travail de fourmi permet aujourd’hui d’avoir une interface réactive et parée pour les prochaines années.

Des bénéfices directs pour les clubs et les sportifs

Cette rénovation offre une interface beaucoup plus rapide et agréable à utiliser pour la FFTT.

Pour les clubs, la navigation est plus fluide et sans ralentissement lorsqu’ils organisent des tournois, gèrent leurs membres ou valident des licences. Les sportifs consultent leurs résultats et leurs classements avec des temps de chargement réduits au minimum. La révision complète des systèmes de sécurité garantit la protection des informations personnelles des joueurs. Cette base technique permettra d’ajouter de nouvelles fonctionnalités plus facilement dans les mois à venir pour répondre aux attentes grandissantes de la communauté du tennis de table.

ACSEO, expert en applications web et mobiles 

Au-delà des outils métiers, ACSEO bénéficie d’une expertise dans le développement d’applications mobiles, notamment dans l’écosystème sportif. On a développé le SSO LNH Connect pour la Ligue Nationale de Handball et accompagné l’Olympique de Marseille sur leurs briques d’innovation mobile (notifications push en temps réel, données OPTA). Avec ces réussites, nos équipes ont développé des compétences clés dans la conception d’interfaces visuelles pour les licenciés et supporters, la gestion de flux de données haute fréquence et la sécurisation des parcours.

Un accompagnement global, de la conception à la maintenance.

Depuis plus de 17 ans, nos développeurs et designers certifiés (Symfony, Vue.js, méthode Agile…) vous accompagnent sur l’ensemble du cycle de vie de vos projets : sur-mesure web/mobile, Tierce Maintenance Applicative (TMA) et leviers de croissance (SEO, SEA).

Un projet de refonte technique ou de création d’application mobile ? Contactez l’équipe d’ACSEO !