2 Spécifications - HE-Arc/purrse GitHub Wiki

Spécifications

Cette page répertorie toutes les spécifications du projet Purrse de développement web de 3ème année d'HE-Arc.

Fonctionnement du site

Le site Purrse est une application web de gestion de budget pour des activités telles qu'une soirée ou une colocation. Les utilisateurs pourront partager ces activités via un lien pour permettre à d'autres participants d'y entrer des données. Ces activités seront définies par un nom et un budget. De plus, des "tâches" pourront être mises en places dans ces activités. Les utilisateurs pourront alors y entrer des dépenses et cela changera le montant total de l'activité. Ces montants seront listés et permettront d'avoir un historique utile aux différents utilisateurs ayant accès à cette activité. De plus, si l'utilisateur souhaite se faire rembourser une part de sa dépense, il lui suffira de cocher une case et les autres utilisateurs verront une somme d'argent à rembourser.

Maquettes

Pour mieux représenter les fonctionnalités et l'apparence du site, multiples maquettes ont été faites.

Main page

La page principale du site, c'est ici que Purrse va être présenté et également ici que l'utilisateur va pouvoir se connecter ou s'inscrire. Les différents créateurs ainsi que l'école y seront présentés.

Main page

Login

La page de connexion de l'utilisateur qui est au final un simple formulaire de connexion. Un bouton permettant de revenir à la page "home" sera présenté en haut à gauche (Un bouton ou simplement le symbole du site).

Login

Display

C'est la page principale de l'application. C'est ici que seront regroupées les différentes listes, les différentes "activités", de l'utilisateur. Il pourra les partager, les consulter et y ajouter des espaces. En cliquant sur un des espaces, il arrivera sur un menu spécifique lui permettant d'y entrer des paiements.

Display

Space

Comme dit précédemment, voici la page d'un "espace", d'une tâche faisant partie de la liste. C'est ici que l'utilisateur pourra entrer un paiement effectué.

Space

List creation & Space creation

Les deux maquettes suivantes correspondent à la création d'une liste et d'un espace. Bien que ce soit de simple formulaire, il n'a pas encore été décidé si ils allaient être sous forme de fenêtre modale ou non.

List creation Space creation