Sortir Les Kids

Sortir Les Kids est une application mobile d'activités pour enfants: des partenaires y sont consultables en liste comme sur une carte, et les abonnés y disposent d'une carte membre. Je ne suis pas parti d'une page blanche. Durant l'été 2018, l'Agence Point Com m'a confié la reprise de son application, avec trois attentes: améliorer les performances, corriger des éléments bloquants, et publier l'application sur l'App Store et le Play Store. Elle était développée sous Ionic Framework 2, et ma première opération a été de la migrer vers la version 3 du framework. La suite de l'histoire, sa reconstruction complète trois ans plus tard, fait l'objet d'une fiche à part.

Ionic Framework sert à écrire une application mobile avec les technologies du web et à l'embarquer dans un conteneur natif, de façon à publier une seule base de code sur les deux plateformes. Dans ses versions 2 et 3, il s'appuie sur Angular et sur TypeScript, toutes deux présentes dans la stack de ce projet. Passer d'une version majeure à la suivante n'est jamais une simple mise à jour de dépendance: il faut reprendre le code partout où les interfaces du framework ont changé, puis vérifier que ce qui marchait avant marche encore. C'est par là que la mission a commencé, avant les correctifs eux-mêmes.

TypeScript ajoute un typage statique à JavaScript: une partie des erreurs est signalée à la compilation plutôt qu'à l'exécution. Sur du code que l'on découvre, cette relecture par le compilateur est un appui, parce qu'elle montre les endroits où les données attendues et les données réellement manipulées ne coïncident pas. Elle ne remplace pas la lecture du code, elle donne un point d'entrée.

Côté cartographie : correction de la carte Google Maps de l'accueil, optimisation de l'affichage de ses marqueurs, calcul d'itinéraire vers les activités, corrections de géolocalisation. Sur une carte, chaque marqueur est un objet à créer, à positionner et à redessiner à chaque déplacement, et le coût de rendu croît avec leur nombre. Côté liste : chargement optimisé, recherche par mots-clés, filtres par localisation, tranche d'âge et type d'activité appliqués aussi bien à la liste qu'à la carte, vérification de l'achat de la carte membre, et bouton « J'ai aimé » réservé aux abonnés.

Le quatrième élément de la stack est WordPress, du côté des contenus. Pour l'application, cela veut dire que les écrans affichent des données récupérées à distance, avec la latence et les questions de mise en cache que cela suppose en général, et que le contenu se met à jour sans qu'il faille republier l'application.

La mission a duré environ deux mois et s'est achevée par la publication sur les deux stores. L'application y a ensuite obtenu la note de 5/5 sur l'App Store et de 4,4/5 sur le Play Store. Elle n'est plus en ligne aujourd'hui.