Skip to content

Latest commit

 

History

History
31 lines (16 loc) · 2.07 KB

README.md

File metadata and controls

31 lines (16 loc) · 2.07 KB

mobile-app

Specifications, wireframe and code for the main project of webdesign/mobile course at HEPL.


Note: the school where the course is given, the HEPL from Liège, Belgium, is a french-speaking school. From this point, the instruction will be in french. Sorry.


Dans ce repository, vous trouverez toutes les informations concernant la réalisation de votre design d'application dans le cadre du projet principal du cours, à savoir un cahier des charges (ou CDC), une série de wireframes, et le code front-end de l'application.

Cahier des charges

Le projet sur lequel vous vous engagez est la réalisation d'un redesign de l'application web mobile Cash-Cache, un outil utilisant la position géographique (géolocalisation) de ses visiteurs pour leur indiquer les distributeurs de billets les plus proches.

Cash-Cache est un outil qui se veut simple d'accès : dès le chargement de l'application et sitôt la position de l'utilisateur déterminée, l'application doit lui montrer les distributeurs les plus proches, sous forme de liste et/ou de carte interactive.

L'utilisateur doit ensuite avoir la possibilité de voir les détails d'un distributeur (essentiellement son adresse).

Cash-Cache se veut évolutif : l'utilisateur a la possibilité de modifier les données de l'application, notamment en signifiant qu'un distributeur est vide, ou en ajustant ses informations (adresse et/ou position d'un distributeur, banque hôte), voire en signalant un distributeur qui n'existe plus, pour le retirer de la base de données.

Votre travail consiste en la réalisation d'un design pour cette application et son intégration responsive. L'étape de conceptualisation a déjà été réalisée en amont, sous forme d'une série de wireframes (voir plus loin). Le développement côté serveur est lui aussi déjà réalisé (une API GraphQL). Enfin, le code client de l'application vous est fourni, sous la forme d'une application EmberJS (voir plus loin).

Wireframes

TODO

Code front-end

TODO