Mise au point.
La situation du départ.
Dans le cadre du cours PRCO0001-1 nous avons été amenés à créer un site qui représentait un jeu de donnée. Enfin, pour être plus précise, nous avons réalisé de la “data vizualisation”. L’objectif de cette UE était donc de créer une expérience interactive pour l’utilisateur basée sur un jeu de donnés. Autour de ce site nous avons également dû : élaborer un case study individuel (ici présent) et préparer un stand de présentation.
Les enjeux du projet.
Pour être très honnête, ce projet aura été un vrai casse-tête. Il y avait quatre enjeux principaux. Le premier étant de travailler avec un framework pour la première fois, le second étant la recherche des données, le troisième se jouait quand à lui, au niveau du timing car nous avions en effet un peu moins de 4 semaines pour élaborer le projet de A à Z. Et pour finir : la récupération des données et l’affichage adapter aux choix de l’utilisateur, autrement dit le JavaScript.
Les idées.
Les premiers petits pas.
Ce projet se réalisait en groupe de 3 ou 4, je me suis donc mise avec Ninon, Anhélina et Dylan. Forcément, comme tout travail, il faut commencer par chercher une idée ! Et c’est là que nous avons tourné en rond. On a dû faire marche arrière plusieurs fois pour le coup. Au départ, tout le monde lance des sujets un peu au hasard, et puis je parle de gaming, de film. Et là l’idée plaît, je propose de comparer les adaptations jeux/films. Sur le papier, c’est génial, c’est tentant, l’idée nous plaît.
Alors on commence à élaborer : un nom, un semblant de design, quelles données on souhaite récupérer etc. Mais il nous manque une chose : un fil conducteur, un pourquoi, et surtout, qu’est-ce qu’on cherche à apporter à l’utilisateur ? Ces questions pourtant si essentielles et logiques ne nous ont pas sautés aux yeux : on était déjà trop lancé dans le projet. Alors on a tourné en rond pendant une semaine, on adaptait l’idée à chaque fois qu’on voyait un nouveau professeur qui apportait son point de vue. Et le jour de la présentation, après discussion, on se rend enfin compte que l’idée est beaucoup trop complexe : des données impossibles à trouver, aucun pourquoi, des données lâchées en bric-à-brac sans fil conducteur. Bref, un vrai désordre.
On refait le point.
Après discussion avec tous les professeurs, on reste dans notre thème, mais on décide de comparer les top 50 des films cultes. Mais le projet ne nous chauffe pas, pas de pourquoi, trop de données différentes à récolter. Le mardi, après avoir pris en otage Mr. Terranova pendant de longues discussions pour refaire le point sur le projet, on finit par enfin avoir un fil conducteur : et si on cherchait à établir un lien entre les acteurs principaux qui reviennent le plus chaque année des films les plus votés et les genres dominants de ces mêmes films ? Bingo, on tient le bout de la ficelle, et après avoir tourné en rond presque 9 jours, on se met enfin à récolter les données. Chacun de nous devant récolter les acteurs principaux et les genres dominants d’environ 60 à 70 films.
Pendant.
Les premières esquisses.
Ensemble, on se met d’accord sur un début de Figma. Tout le monde fait des essais de mise en page et on confirme le prototype qui nous servira de base. Chacun fera des variations de polices et de couleurs de son côté et nous déciderons ensemble de ce qui sera le plus adapté.
Au vu du timing très serré et de certains imprévus (maladie etc), je suis la seule à faire un essai de mise en couleur. Par chance il plaît à tout le monde, ce qui nous évite de perdre trop de temps. On décide donc communément de partir du Figma que j’ai réalisé et de l’adapter s’il faut en fonction des demandes des professeurs.
La concrétisation du projet.
On a désormais enfin un design ainsi que nos données. On se distribue les tâches : Anhélina s’occupera de la structure du code et du css, Ninon fera la responsive du site et en même temps, Dylan et moi ferons le JavaScript. Pour le coup, ça a été un réel en jeu pour moi. J’ai voulu me dépasser en me mettant sur le Js, car j’ai encore un peu de mal avec ce langage.
Après de nombreuses heures à coder, à s’appeler (et a pleurer), le projet est enfin sur pied. Il reste des petits bug que l’on corrige avec les profs. Pendant que Dylan et moi, on finalise le projet, les filles s’occupent du stand. Il faut dire qu’on se sera bien arraché les cheveux pour le Js. Mais je suis assez fière de nous d’avoir tenté ce pari.
Le résultat.
La finalité.
Après environ trois semaines et demies de travail intense, le projet est enfin terminé ! Malgré la durée très courte de ce projet, il nous aura énormément appris : l'utilisation de GitHub, le travail en groupe, comment dispatcher les tâches, travailler avec un dossier workflow et le npm, le JavaScript. Bref : on s'est dépassée. Il y a des axes d'amélioration bien entendu, mais j'estime que le projet est réussi et répond aux différents défis que nous nous étions fixés.