Interface graphique

Cette page définis les différents éléments des interfaces graphiques. Elle est valable pour le client Android et le client Web, même si des distinctions seront notées.

• Pop-up : Fonction non implémentée pour le moment

• Écran d'établissment de connexion au serveur

• Écran d'erreur d'établissement de connexion au serveur, proposant d'accéder aux paramètres pour changer l'addresse IP du serveur

• Écran pour rentrer les informations de connexion à l'application

  • login
  • mot de passe
  • propose de passer la carte étudiant

• Pop-up comme quoi la carte n'est pas une carte étudiant Lille1

• Pop-up indiquant comme quoi les informations de connexion sont erronées

• Pop-up indiquant comme quoi la carte ne correspond à aucune carte enregistrée

• Pop-up indiquant comme quoi la carte correspondant au compte a changé, et que du coup il faut taper le login / mot de passe manuellement

• Toast indiquant que la connexion s'est faite correctement

Une fois connecté, on arrive sur un écran avec différents onglets

• Barre du dessus

  • login de l'utilisateur
  • temps restant avant déconnexion
  • bouton trois petits points
    • déconnexion
    • changer de mot de passe
    • changer de carte étudiant
    • (sous condition, type de compte == prez) gestion des comptes
    • paramètres

• Onglet de création de compte

  • solde initial
  • (sous condition, type de compte == prez) solde négatif autorisé

• Onglet de rechargement (sous condition, type de compte ≥ membre bar)

  • montant

• Onglet de paiement (sous condition, type de compte ≥ membre bar)

  • gros boutons avec 1 à 6 bières
  • montant

• Onglet de vidange (sous condition, type de compte ≥ membre bar)

  • contient l'écran pour passer la carte (voir ci-dessous), puis montre un écran indiquant que X € ont été vidés du compte de untel

• Onglet des clients (sous condition, type de compte ≥ membre bar)

  • tableau avec tous les clients et leur solde
  • si clic : rediriger vers fiche client

Pour les onglets création de compte, rechargement et paiement, une fois que les infos sont collectées (i.e. bouton bière appuyé, on appuie sur entrée sur le clavier du montant), on affiche le suivant :

• Écran de passage de carte
  • Résume la transaction sur le point d'être faite
  • Possibilité de rentrer le login Lille1 (android : sera supprimé éventuellement)
  • Indique qu'il faut passer la carte maintenant (android seulement)
  • Bouton d'annulation (pré-transaction)
• Pop-up comme quoi la carte n'est pas une carte étudiant Lille1
• Pop-up : Étudiant déjà enregistré (création de carte)
• Pop-up : Étudiant inconnu
• Pop-up : Le solde est insuffisant
• Pop-up (continuer ou annuler) : L'étudiant a été reconnue, mais la carte utilisée n'est plus la même on verra ça plus tard

(vu que cet écran sera appelé pas mal de fois, il faudra probablement faire une fonction qui l'affcihe avec le texte passé en argument)

Après le passage de carte, un toast apparait résumant la transaction faite (un peu comme dans l'écran pour le passage de carte avec en plus le login lille1 de l'étudiant) et un bouton Annuler, pendant 10 secondes. Si pressé, un nouveau toast apparaîtra comme quoi la transaction a bien été annulée.

• Écran des paramètres

  • Changer l'addresse IP pour accéder au serveur

• Pop-up changement de mot de passe

  • ancien mot de passe
  • nouveau mot de passe

• Écran de gestion des utilisateurs

  • Liste des utilisateurs
    • login
    • changer de mot de passe
    • changer le type de compte
    • changer la carte étudiant
    • supprimer l'utilisateur
  • Ajouter un utilisateur

• Écran Fiche client

  • login lille 1
  • id carte étudiant
  • (sous condition, type compte == prez) toggle découvert autorisé
  • liste des transactions

• ...