Un des objectifs de ce projet était de travailler sur les différentes formes et fonctions de visualisation et de pouvoir construire une visualisation interactive en fonction d’objectifs définis. Il était également requis d’apprendre à repérer et à récupérer une source de données (API).

Le but de ce travail était aussi d’apprendre à maîtriser les principales étapes de conception d’une interface tout en utilisant des outils de conception et de prototypage d’interface. Ce qui permettait par la suite de mieux distinguer les fonctions de la conception interactive (UX, UI, AI, DA, dev).

D’autre part, il s’agissait d’apprendre à distinguer et à structurer une page HTML5, une mise en forme CSS3 ainsi qu’une transformation d’interface avec jQuery. Ce projet m’a appris à comprendre la structure de données d’un fichier JSON et à pouvoir l’utiliser. Cela m’a entraîné à maîtriser les concepts fondamentaux de la programmation (commentaires, fonctions, variables, conditions, boucles, tableaux).J’ai ainsi pu représenter graphiquement mon idée par le code, tout en utilisation la programmation pour trier et représenter des données.

 

Meteorites-memory-Alice-Leonard

 

Mon objectif était de récupérer un jeu de données sur la chute des météorites sur Terre (API), tout en l’investissant de manière ludique en créant un jeu simple. J’ai alors décidé de réaliser un jeu de memory en utilisant la fiche d’identité de chaque météorite.

Meteorites Memory est un jeu qui consiste à trouver 9 météorites par session de jeu, il s’agit de trouver les météorites similaires en retournant les «cartes». Celles qui ont été découvertes apparaissent progressivement sur la carte géographique en dessous du jeu de memory. Il est alors possible de comparer les données de localisation de ces météorites ainsi que leur année de chute sur la Terre, leur masse et leur nom.

 

Meteorites-memory-Alice-Leonard2

Meteorites-memory-Alice-Leonard3

Meteorites-memory-Alice-Leonard4

Meteorites-memory-Alice-Leonard5

Meteorites-memory-Alice-Leonard6

Meteorites-memory-Alice-Leonard7

Meteorites-memory-Alice-Leonard8

Meteorites-memory-Alice-Leonard9

Meteorites-memory-Alice-Leonard10

Meteorites-memory-Alice-Leonard12