Média

Le Rugbynistère

Mon premier gros projet : recoder entièrement le site du Rugbynistère avec Laravel, sans perdre les données, puis deux ans d'évolutions continues.

Projet mené par Alexandre Ribes, développeur full stack freelance à Perpignan

le-rugbynistere
Aperçu du projet Le Rugbynistère
01 Le projet

C'est le premier chantier d'une suite qui allait durer dix ans avec le même média, et c'était aussi mon premier gros projet. Mon diplôme de Concepteur en Communication Visuelle option Multimédia en poche, j'ai intégré l'équipe de Folk Media pour travailler sur le site du Rugbynistère, à Toulouse. Le site tournait alors sur du PHP dit "spaghetti" et avait besoin d'une refonte complète pour pouvoir évoluer. Ce que cette version a apporté n'est donc pas une fonctionnalité en particulier, c'est un socle : une base sur laquelle on pouvait enfin ajouter des choses.

Laravel, jQuery, Bootstrap : le socle de 2016

"Spaghetti" est un mot d'atelier, mais il décrit quelque chose de précis. Il désigne en général du code où la logique, les requêtes en base et le HTML cohabitent dans les mêmes fichiers, sans séparation des responsabilités : chaque page tient debout toute seule et presque rien ne se réutilise d'une page à l'autre. Passer sur un framework comme Laravel, c'est d'abord accepter une structure imposée : les routes d'un côté, l'accès aux données et les modèles de l'autre, les gabarits ailleurs. Le gain n'est jamais visible pour le lecteur. Il se mesure à la fonctionnalité suivante.

Côté client, jQuery et Bootstrap étaient en 2016 le couple par défaut d'un site de contenu. jQuery servait à manipuler le DOM et à faire des appels asynchrones de façon homogène d'un navigateur à l'autre. Bootstrap fournissait une grille responsive et un jeu de composants prêts à poser. Ni l'un ni l'autre ne construit la page : le rendu reste au serveur, avec MySQL derrière, et le JavaScript ne fait qu'animer un HTML déjà assemblé. C'est cette répartition que la version suivante viendra remettre en cause.

Le média publiait depuis des années et le site a été redéveloppé sans perdre les données existantes, ce qui suppose en général de faire correspondre l'ancien schéma au nouveau plutôt que de repartir d'une base vide : les contenus changent de forme sans cesser d'exister. La bascule s'est doublée d'un changement de serveur, et la migration est passée. La refonte initiale a demandé environ cinq mois, courant 2016.

Deux ans d'évolutions sur ce socle

La mise en ligne n'a pas été la fin du chantier. Entre juin 2016 et septembre 2018, les fonctionnalités se sont enchaînées sur cette base.

  • Abonnement premium supprimant la publicité pour les membres
  • Section rugby amateur : fiches comités, clubs et joueurs gérées par les utilisateurs, avec votes
  • Statistiques de matchs alimentées par les données OPTA Sport
  • Votes des lecteurs pour élire l'homme du match
  • Sondages, compositions, galeries, pronostics et jeux concours

Deux de ces ajouts disent bien ce qu'était devenu le site. L'affichage des données sportives reposait sur une source extérieure au site. La section rugby amateur, elle, était alimentée par les lecteurs eux-mêmes, avec ce que cela implique en général de comptes, de droits d'écriture et de modération.

Deux ans plus tard, la montée du trafic imposera de revoir ces bases avec une API globale et Vue.js : la v2, deuxième étape d'un enchaînement qui ira jusqu'à la reconstruction complète du média en 2026.

Technologies utilisées
Laravel jQuery Bootstrap MySQL
02 Quelques captures
Capture du projet Le Rugbynistère : capture 1 Capture du projet Le Rugbynistère : capture 2 Capture du projet Le Rugbynistère : capture 3 Capture du projet Le Rugbynistère : capture 4 Capture du projet Le Rugbynistère : capture 5

Besoin de créer un site internet à Perpignan ?

Comme pour ce projet, créons ensemble un site unique, performant et à votre image.

Me contacter
Mes autres projets Tout voir →