Case Study

Dataplay

Introduction

le but de ce projet était de récolter des données et ensuite de créer un site qui permettait de les visualiser de manière interactive.

Sujet

Au niveau du sujet, il a un peu divergé pendant la phase réflexive, en effet de base, nous pensions faire une évolution du prix de l’immobilier a Namur avec une ligne du temps, après nous avons décidé de prendre en comparaison le pain, produit de base de l’alimentation qui nous permettra de mettre en évidence le fait que les loyers augmentent plus que le coût de vie moyen. Après cela, nous avons pris la décision de plutôt partir sur le prix de l’immobilier en Europe (tout en gardant le pain), car les jeux de données sur le temps sont compliqués a récolter et peu fiable.

Pour les récoltes de données, nous avons pu faire confiance à Numbeo, un site indépendant qui récolte des données sur les prix de beaucoup de produits partout dans le monde sur base de “crowdfunding” de ces dites données. Nous y avons choisi le prix du pain blanc de 500 gr. Le coût du m² ainsi que le prix de location moyen d’un appartement 1 chambre en centre-ville.

Difficultés

Comme c’était notre premier travail de groupe réel sur un projet, la grosse difficulté pour nous a été de travailler en même temps sur des choses différentes, nous aurions dû plus essayer de superposer le design, frontend et gestion de donnée au lieu d’attendre qu’une tâche soit finie à 90 % avant de commencer la suivante. Ce souci nous a amenés à avoir un peu de retard par rapport au temps que nous avions prévu.

Récolte & styles

une image du format desktop de notre site web

Pour le style du site, nous trouvions que le bento permettrait de créer un effet modulaire et permettait au mieux de caler les graphiques. De plus, le fonctionnement en grille nous as permis de créer un système responsif de qualité.

Intéractivité

Au niveau de l’interactivité, nous avons choisi 2 systèmes qui travaillent en cohésion :

un graphique composé de 12 barres, une par ville présente lors de ce projet, avec des longues équivalentes

La navigation est dans le but de choisir quelles villes vous voulez comparer, et en format desktop elle permet aussi de visualiser la courbe des RPL* des pays.

une barre de selection de salaire

Le slider est la manière de changer le salaire prix en compte lors des graphiques afin de pouvoir comparer avec son propre salaire par exemple.

Expériences

Les choses que j’ai le plus appris lors de ce projet est d’abord le travail de groupe sur un projet et une bonne répartition des tâches, notre manière de fonctionner a été vraiment bien dans ce système et personne n’a marché sur les pattes des autres.

Ensuite, c’était ma première a utiliser le Scss, bien que j’ai utilisé des fonctions, des mixin, et des Extend, j’aurais pu plus, et mieux les utiliser dans ce projet afin de gagner du temps.

J’ai beaucoup apprécié ce travail, et j’ai beaucoup appris et je me suis beaucoup amélioré dans le frontend ainsi que dans les systèmes de fetch et de logique javascript.