Application
Charte
Nous avons opter pour une charte graphique simple afin de montrer la confiance en l’application.
Contexte
Nous avons réalisé un projet ayant pour but de créer l’UI d’une application de gestion de budget d’une banque. Pour ce projet nous avons choisi le nom ainsi que la charte graphique pour ce faire nous avons pu faire un état de l’art des application de budget et avons choisi les fonctionnalité que nous voulons. Nous devions aussi donner les différentes requêtes nécessaire pour cet application ceci pour chaque page. Notre travail s’est organisé autour de plusieurs étapes, en commençant par la conception visuelle et en terminant par les différentes requête MongoDB (système NoSQL).
Dans un premier temps, nous avons travaillé sur le maquettage de l’application en utilisant l’outil Figma. Cette étape nous a permis de concevoir les différentes interfaces de l’application et de définir l’expérience utilisateur et
choisi les pages principales. Parmi les principales vues réalisées, nous avons créé un tableau de bord permettant de visualiser les totaux généraux pour la banque avec un bouton redirigeant vers l’application de gestion de budget.
Sur l’accueil de l’application de gestion de budget on il retrouve un graphique interactif montrant les dépenses et revenues sur différentes périodes, ainsi qu’une section détaillant les sous-catégories pour la catégorie choisies.
Dans un second temps, nous avons rendu ces maquettes interactives. Cela permet, par exemple, lorsqu’on clique sur une catégorie, d’être redirigé vers la maquette correspondante. Nous avons également mis en place un défilement fonctionnel
pour l’affichage des catégories, des revenus et des dépenses. L’objectif était de tester la navigation entre les différentes pages et de vérifier si la logique de parcours était claire et intuitive pour un utilisateur, afin d’éviter
qu’il ne se perde entre les différentes sections de l’application.
Schéma fonctionnel de l’application :
Une fois les maquettes terminées, nous sommes passés à la partie technique. Nous avons commencer par concevoir une collection appelée « budget » pour stocker les données des dépenses. Cette collection comprend des champs tels
que la catégorie, le montant, la date, et des détails supplémentaires comme la description et la sous-catégorie. Nous avons choisi de créer d’autres collections nécessaire pour certaines requêtes.
Pour tester nos requêtes, nous avons inséré des données simulées dans la collection. Par exemple, nous avons ajouté des dépenses liées à la catégorie « voiture », comme des frais de réparation, de carburant et de lavage, avec des dates et montants variés.
Enfin, nous avons implémenté des requêtes pour chaque pages afin d’avoir les données nécessaires à leur fonctionnement. Ces requêtes ont permis par exemple de récupérer les totaux des dépenses par catégorie sur des périodes définies, en utilisant des filtres sur le mois/trimestre ou définies par l’utilisateur.
Ce que j’ai retenues
Ce projet nous a permis de découvrir et de nous familiariser avec les bases de données NoSQL, un domaine que nous ne connaissions pas avant. Contrairement aux bases de données relationnelles traditionnelles, nous avons appris que les bases NoSQL, comme MongoDB, sont beaucoup plus flexibles dans la manière dont elles organisent et stockent les données. Cette flexibilité nous a permis de structurer les informations de manière simple sans avoir à définir un schéma dès le départ. Nous avons aussi pu apprendre beaucoup sur les requête NoSQL et comment utiliser celle-ci.
Compétences Mobilisés
Design
- Réalisation de maquettes avec Figma (interfaces, parcours utilisateur)
- Définition d’une charte graphique
- Mise en place de maquettes interactives
Conception fonctionnelle
- Réalisation d’un état de l’art des applications existantes
- Choix des fonctionnalités clés (graphique interactif, suivi par catégorie, filtres temporels)
- Élaboration d’un schéma fonctionnel global de l’application
NoSQL
- Conception de collections
- Insertion de données simulées
- Écriture de requêtes MongoDB
- Découverte des bases de données NoSQL