Application web - Vélo en France

Vues : 203

Le travail sur la refonte et l'amélioration de "Vélo en France" a commencé en novembre 2022, ce projet est toujours en cours.

Qu'est-ce que le vélo en France ?

Vélo en France est un site internet français, ce site est une boite à outil indispensable pour les adeptes du vélo et du cyclotourisme dans l'hexagone.
Le site est utilisé par plus de 120 000 licenciés de la Fédération française de cyclotourisme, en plus des visiteurs apportés par les moteurs de recherche et les réseaux sociaux.

Dans les fonctionnalités proposées, vous pourrez retrouver (liste non exhaustive) :

  • Une liste très complète de clubs de cyclotouriste localisée partout dans l'hexagone, à l'écriture de ces lignes, il y a 2735 clubs partenaires, et ce chiffre ne cesse d'augmenter.
  • L'ensemble des manifestations proposé par ces clubs, une manifestation est un rassemblement de cyclotouristes à une date et un endroit donné.
  • Une liste très complète de circuits à vélo à découvrir pour vos prochaines sorties (3528 lors de l'écriture de ces lignes).
  • Les Bonnes adresses du territoire : hébergement, restaurant ou vous serez bien accueilli pendant vos sorties à vélo.
  • Le défi des cent cols, une très grande liste de cols à découvrir pour les plus aventureux.
  • La possibilité de créer vos itinéraires personnalisés avec un outil dédié (une carte interactive).

Et bien plus encore... pour découvrir l'ensemble des services proposés, n'hésitez pas à vous rendre sur le site.

Vélo en France est proposé par la Fédération française de cyclotourisme...

Qu'est-ce que la Fédération française de cyclotourisme ?

La Fédération française de cyclotourisme est une association de loi 1901, elle est reconnue d'utilité publique depuis 1978.
La "première version" de la fédération a été créée en 1923 par Gaston Clément, celle-ci réunissait 9000 adhérents en 1939, à l'époque elle s'appelait "La Fédération française des sociétés de cyclotourisme".
Pendant la Seconde Guerre mondiale, il y a eu une pause de la FFSCT (le « s » pour « société » a l'époque), puis en février 1945, la Fédération française de Cyclotourisme (FFCT) tel que nous la connaissons aujourd'hui fut créée.

L'objectif de la FFCT est de développer la pratique du tourisme à vélo en France, tout en faisant de la pratique du vélo un sport pour tous.
Pour cela la fédération organise de nombreuses activités (que vous pouvez découvrir sur Vélo en France).

Quels travaux ont été effectués sur Vélo en France ?

Depuis novembre 2022, plusieurs gros chantiers ont été réalisés sur le site...

Accompagnement

Nous sommes en communication constante avec les équipes de la fédération, en effet, pour faire évoluer le site, il est nécessaire de comprendre certaines nouvelles technologies, pour cela, j'accompagne les personnes en charge du site au cœur de la fédération, afin de les guider dans les meilleurs choix à faire pour le site.

« Refactorisation » du code

Je n'entrerais pas dans les détails ici, mais, afin de répondre à des besoins de maintenabilité et des besoins de la fédération. Le code a été "refactoriser", cela veut dire que certaines parties du code existant ont été récrites, certains comportements ont été modifiés afin d'assurer la pérennité du projet.

Création d'un système de compte utilisateur

La Fédération française de cyclotourisme, c'est 120 000 licenciés à ce jour...
Pour permettre à ses licenciés d'accéder aux services qu'il leur est propre, il a fallu implémenter un système de compte utilisateur sur le site, cela permet aux licenciés d'accéder aux services qui leur sont réservés. Notamment à des services comme la création d'itinéraires personnalisés ou encore la possibilité de découvrir la liste des "Cycl'hôtes", qui sont des licenciés qui proposent des services à la communauté (Hébergeur, accompagnateur ou encore mécanicien).
Le système de gestion des utilisateurs a été prévu pour permettre la connexion avec des réseaux sociaux tels que « Strava », mais cette fonctionnalité, n'est pour le moment pas encore utilisé.

Amélioration de la vitesse de chargement du site

Comme expliqué plus haut, la Fédération française de cyclotourisme, regroupe beaucoup de personnes, de ce fait, les données accessibles sur le site proviennent de beaucoup de sources différentes, pour pouvoir gérer cela simplement, un gros système de gestion de donnée a été mis en place par la fédération.
Les données étant complexes (puisqu'il y a aussi des données cartographiques). Ce système très complet peut s'avérer lourd et donc ralentir la navigation et ainsi dégrader l'expérience utilisateur.

Un gros travail a donc été effectué afin de garder ce système permettant à la fédération de continuer à travailler comme elle l'a toujours fait tout en améliorant les vitesses de chargement des pages, par exemple, sur la carte du défi des cent cols, il y a plus de 10 000 points à afficher, pourtant tout s'affiche en moins de 500 millisecondes.
Cela permet aux visiteurs de profiter de toutes ces informations sans frustration.
Sur une page de circuit "classique", nous sommes passés d'un temps de chargements de 1 seconde à 100 millisecondes.

Carte du défi des cents cols sur vélo en France

Quelques petites retouches graphiques

Le design de certaines pages a été modifié afin de rendre le tout plus harmonieux, notamment les pages qui présentes les clubs, le « slider » en bas de page a été retravaillé pour fournir une expérience utilisateur plus agréable.

Amélioration du « SEO » technique

Afin de profiter de la visibilité de "Google Search", des bonnes pratiques « SEO » on était implémenté dans le code du site, cela permet à Google de mieux comprendre le site et donc de mieux le référencer.

Mise en place d'une technological de compression des images

Avant de vous parler de la page d'accueil et du moteur de recherche, il est nécessaire de parler d'un travail de fond qui a été effectué sur le projet.
En effet, la nouvelle page d'accueil (dont je parle juste après) ainsi que le moteur de recherche (on en parle aussi après) sont très consommateurs en image.
Le problème des images, c'est que cela consomme beaucoup de bande passante, et ce n'est pas très bon pour l'environnement.
Afin de pallier à ce problème, j'ai mis en place un système de compression des images, qui permet de réduire la taille des images de 50% à 95% sans perte de qualité visible.
Cela permet de profiter de belles images pour illustrer le site tout en offrant une expérience fluide et en contribuant à la préservation de l'environnement.

Refonte de la page d'accueil

La page d'accueil a été modernisée et repensée afin d'être plus accessible, les zones cliquables sont plus larges par rapport à l'ancienne version.
La page utilise bien plus d'images afin d'illustrer au mieux les propositions du site, des animations, ainsi que du relief a été apporté.
La section "Propositions de circuits à vélo" permet aux visiteurs de découvrir de nouveaux circuits quand il n'a pas d'idée précise de ce qu'il cherche.
La section « Explorez la France » permet au visiteur de découvrir différentes régions de l'hexagone et surtout, ce qu'il peut y faire à vélo.

Vous pouvez voir l'ancienne page ici et la nouvelle page ici.

Le moteur de recherche du vélo

Comme expliqué plus haut, la Fédération française de Cyclotourisme, a fait un travail formidable quand à la création de contenu sur le Vélo en France.
Mon travail à moi a été de rendre accessible ce contenu sans effort aux licenciés et aux visiteurs du site.
Pour ce faire, nous avons créé "le moteur de recherche du vélo" qui se présente sous deux formes.

Une petite barre de recherche sur toutes les pages
Sur chaque page du site, dans la barre de navigation, il y a une petite barre de recherche rapide, commencez à entrer ce que vous cherchez et vous verrez instantanément les propositions les plus pertinentes pour votre requête.
Cela vous permet, si vous savez ce que vous cherchez, de passer d'un element du site à l'autre très rapidement. Et pour ceux qui veulent aller plus loin, il y a le bouton « passer à la recherche avancée ».

La recherche avancée
Sur cette page, vous y découvrirez beaucoup plus de résultat et d'options qu'avec la barre de recherche rapide.
La recherche avancée, a été conçu pour être très flexible, sur la droite (en dessous sur mobile) vous pouvez choisir quelques caractéristiques des résultats attendus, est-ce un circuit ? Un club ? Un évènement ? Cela concerne le vélo de route ? Le VTT ? Le vélo à assistance électrique ?
Vous avez dû comprendre le principe, ce moteur de recherche répond tout aussi rapidement que la recherche rapide, mais il permet un niveau de personnalisation de la recherche bien plus avancé.

Le moteur de recherche de vélo en France

De site internet à application web

L'une des dernières modifications apportées à VeloEnFrance est la transformation du site internet traditionnel en application web, aussi appelé "pogressive web app".

Concrètement, qu'est-ce que cela change ?
Cela permet d'installer le site internet sur l'écran d'accueil d'un smartphone, et d'y accéder comme si c'était une application. De plus cela donne un feeling bien plus réactif aux interfaces, il n'y a jamais de "temps mort", quand une action se passe, l'utilisateur en est toujours informé, il n'est jamais laissé dans le flou.
Pour créer cette application, la technologie Hotwired Turbo et Stimulus a été utilisé.
Le passage de site internet à application permet également de préparer l'avenir...

Conclusion

Ce projet est toujours en cours, d'autres choses arriveront prochainement, mais cette page vous permet d'avoir une vue d'ensemble de ce qui a été réalisé avec la Fédération française de cyclotourisme.
En plus d'être très utile pour le plus grand nombre, Vélo en France est un projet très intéressant.