Les explications du projet
Le contexte du projet
École Albert Jacquard. Il consistait à créer un site interactif à partir d'une base de données que nous avons récoltée en groupe de 3 ou 4 personnes L'objectif était également de concevoir des visuels afin de visualiser nos données plus facilement ou de rendre nos données plus lisibles.
Notre projet “Word finder”
Avec mon groupe, nous avons décidé de réaliser notre projet sur l'évolution linguistique de 1970 à aujourd'hui dans les paroles des chansons. Notre objectif est de comparer le vocabulaire utilisé au cours des différentes année
L'idéalisation du projet
Notre première idée était de comparer les thèmes musicaux par rapport à la situation géopolitique. Cependant, après mûre réflexion, on a décidé de simplifier notre approche, car récolter ces données et établir des liens pertinents était trop complexe dans le temps imparti.
Nous sommes donc partis sur l'évolution linguistique des paroles du top 10 des hits de chaque année , avec des filtres permettant de choisir le genre musical, compositeur et l'année de sortie du morceau.
Les membres du groupe
Camille Bertrand
Gaspard Berthe
Lyn Caes
Le développement
La création de notre base de données
Une fois l'idée validée, nous nous sommes basés sur le top 10 du Billboard pour analyser les hits qui composent notre base de données. Nous avons choisi une période de 55 ans, avec un échantillonnage tous les 5 ans. Pour extraire les mots les plus fréquents, nous avons utilisé l'outil "databasic.io", qui générait un tableau des occurrences. Enfin, nous avons regroupé toutes ces données dans un fichier Excel unique.
Le design
Pour le design, nous sommes partis sur l'interface d'un logiciel de mixage audio. Côté couleurs, nous avons choisi de reprendre l'identité visuelle de Spotify. C'est Gaspard qui réalise le design sur Figma.
La première version de notre page d'acceuil
La deuxième version de notre page d'acceuil
La troisième version de notre page d'acceuil
La version finale de notre page d'acceuil
La première version de notre page pour rechercher un mot
La deuxième version de notre page pour recherche un mot
La version finale de notre page pour recherche un mot
La programmation
Au début, nous avions prévu que chacun s'occupe d'une partie bien définie du code : Camille et Gaspard devaient gérer le JavaScript et le JSON, tandis que je m'occupais du SCSS. Finalement, nous avons tous fini par toucher à toutes les parties du projet. Nous avons également rencontré quelques difficultés avec les merges des branches sur GitHub.