Project

[Wizyma]

Hello @noeblassel ! Qu'est ce que je devrais regarder ?? Si tu peux me faire un petit topo stp !

[noeblassel]

Yo @Wizyma ,

Petit topo

Pour le côté client:

• [x] Le fond animé est implémenté et à l'air de bien fonctionner, mais tu peux toujours regarder projections.js pour voir si tu trouves des grosses fautes de style (c'est vraiment le premier truc que je fais en JS) ou des moyens de rendre le truc plus efficace (c'est assez gourmand en CPU, quoique ça tourne quand même fluidement sur un iPhone7, donc je sais pas si c'est très important).
• [x] La page elle même est hébergée avec GitHub Pages, et le domaine tracertraverser.com contient une iframe qui chope ce dernier
• [ ] Une des pistes pour rendre le truc plus léger est de réduire la résolution des contours. Deux possibilités, soit trouver un fichier plus petit tout prêt, soit utiliser TopoJSON qui a des outils pour faire ça.
• [ ] A ce propos il faudrait mettre la geométrie elle-même dans un fichier .json local (au lieu du fichier topology.js qui l'encode en dur actuellement) et le charger, ou alors par XHR.
• [ ] Un truc simple à faire est de rajouter un logo qui renvoie vers une page / fait apparaître le texte d'Emma et Garance (voir avec elles pour le logo et pour le texte). Si tu voulais partir sur du React, c'est peut-être l'occasion de faire un premier truc, pour mettre en place la structure / avoir une référence pour m'aider à voir comment faire quand on rajoutera les photos etc..
• [ ] Mettre en place le système qui chope les photos aléatoirement et qui les affiche, après j'ai pas vraiment compris à quoi ça doit ressembler, c'est à discuter avec les filles.
• [ ] Mettre en place la routine qui prend les coordonnées GPS de la trace (en TopoJSON) et qui la dessine sur la carte.

Après il y a tout un côté server side pour lequel je vois pas trop par quoi commencer

• [ ] Un truc serait de mettre en place une base de données pour récupérer les coordonnées GPS et les photos, comprendre comment/si ça va marcher avec GitHubPages, créer un outil facile d'utilisation qui permet à Garance et Emma d'uploader leurs données.
• [ ] Pour les données GPS j'ai regardé l'API Strava qui devrait permettre de choper les coordonnées automatiquement, donc peut-être qu'il y a pas besoin de solliciter les filles pour uploader quoi que ce soit, mais il faudra quand même écrire un script pour chercher les données sur Strava, les convertir en TopoJSON et les mettre qqpart.
• [ ] Plus généralement si t'as des idées je suis preneur

[Wizyma]

Hello @noeblassel Désolé c'est vraiment la galere depuis mon operation, c'est un peu le jour et la nuit niveau douleur... !

Alors... Je ne connais pas du tout TopoJson, mais on peut aussi comme tu le dis juste apres la charger en xhr, c'est juste un asset dans un fichier json en sois !

Un truc simple à faire est de rajouter un logo qui renvoie vers une page / fait apparaître le texte d'Emma et Garance (voir avec elles pour le logo et pour le texte). Si tu voulais partir sur du React, c'est peut-être l'occasion de faire un premier truc, pour mettre en place la structure / avoir une référence pour m'aider à voir comment faire quand on rajoutera les photos etc..

Je n'ai pas compris ça :D Donc on commence a faire une page, avec un simple logo ?

Mettre en place le système qui chope les photos aléatoirement et qui les affiche, après j'ai pas vraiment compris à quoi ça doit ressembler, c'est à discuter avec les filles.

Idem, on as besoin de plus d'info et quel serais la source de données ? et oui comme tu dis, comment afficher les infos ?

Un truc serait de mettre en place une base de données pour récupérer les coordonnées GPS et les photos, comprendre comment/si ça va marcher avec GitHubPages, créer un outil facile d'utilisation qui permet à Garance et Emma d'uploader leurs données.

Je penses qu'avec github pages ce serais vraiment limitant dans ce qu'on veut faire, la c'est vraiment une app a part entiere ... ! Ce serais plus un truc genre Vercel

Quand tu parles des données GPS, ce sont les coordonnées d'ou elles vont se trouver a un instant T ?

[noeblassel]

Salut @Wizyma je te réponds un peu à l’arrache depuis mon tel. Pour le logo je pense que les filles veulent un truc assez minimal avec juste le fond animé, des photos et un logo qui fait apparaître un texte/liens vers les réseaux. (Je sais pas exactement sous quelle forme). Mais en gros à ce stade il faut juste rajouter un simple élément interactif qui affiche un texte lambda quand tu clique dessus, et je me disais que si ça avait un sens d’utiliser React pour le reste de l’affichage de contenus/ interaction, ça serait l’occasion de mettre en place un premier élément, avec l’idée que c’est aussi un investissement pour la suite (Je connais rien à React donc je sais pas à quel point c’est relou à mettre en place, c’est pour ça que je te verrais bien t’y coller :p). Ouais je me doutais bien qu’on aurait pas mal de limitations avec github pages, du coup il va falloir louer une place sur un serveur et être clair sur quelle stack on va utiliser. Il va aussi falloir parler thunes. Nan pour les coordonnées GPS c’est juste pour tracer le trajet sur le fond au fur et à mesure qu’elles avancent, du coup ça a pas besoin d’être en temps réel, si on chope une coordonnée par jour ça devrait le faire. Et quand tu enregistres une activité sur strava, les coordonnées de départ et d’arrivée sont stockées, c’est pour ça que je me suis dit qu’on peut automatiser le truc pour éviter aux filles de devoir envoyer leurs coordonnées tous les jours / sûrement faire des erreurs etc.. Bon courage pour tes dents, je sais ce que c’est, je me suis fait arracher les dents de sagesse il y a un mois ! 🔥