GSB Frais

Webapp de gestion des frais professionnels pour GSB.

GSB Frais est une application développée pour faciliter la gestion des frais professionnels des visiteurs médicaux du laboratoire Galaxy Swiss Bourdin.

Le projet inclut une interface web sécurisée pour les utilisateurs internes (comptables).

Les fonctionnalités principales comprennent : la saisie de frais, la validation par un comptable, la gestion des utilisateurs et des rôles, ainsi qu’un tableau de bord permettant de suivre l'état des remboursements.

Technologies utilisées

  • Framework Symfony
  • Tailwind CSS
  • MySQL
  • PHP 8.1
  • JavaScript

Processus de création de l'application

La création de l'application GSB Frais s'est déroulée en plusieurs étapes importantes. Voici un aperçu de ces étapes, de la conception de la maquette jusqu'à la finalisation du projet.

1. Conception de la maquette

La phase de conception a débuté par la réalisation de maquettes interactives pour l'interface utilisateur. Ces maquettes ont été créées à l'aide de Figma et Adobe XD et ont permis de définir les principaux éléments visuels et les flux d'interaction dans l'application. Les utilisateurs internes et les visiteurs médicaux ont été impliqués dans la validation de ces maquettes pour s'assurer qu'elles répondent aux besoins fonctionnels.

2. Développement de la Webapp

Le développement de la webapp a été réalisé en utilisant le framework Symfony. L'application a été conçue pour être responsive, permettant ainsi une utilisation optimale sur différents appareils. La gestion des utilisateurs et des rôles a été mise en place pour garantir la sécurité des données et l'accès aux fonctionnalités appropriées.

3. Travail en mode projet avec Github

La réalisation de GSB Frais a été menée selon une logique de travail itératif, inspirée de la méthode agile. L’outil GitHub Projects a été utilisé pour organiser les différentes étapes du développement :

  • Découpage des tâches sous forme de tickets (issues), classés selon leur priorité (fonctionnelle ou technique).
  • Suivi de l’avancement avec des colonnes To Do, In Progress, Code Review et Done permettant de visualiser le cycle de vie de chaque fonctionnalité.
  • Organisation par sprints de développement hebdomadaires avec des objectifs clairs (mise en place de la saisie des frais, backoffice comptable, sécurisation, etc.).

4. Fonctionnalités communes

L'application GSB Frais est accessible via un navigateur web et est optimisée pour une utilisation sur mobile. Elle offre une interface utilisateur intuitive et conviviale, permettant aux visiteurs médicaux de gérer facilement leurs frais. Les principales fonctionnalités communes aux deux interfaces (visiteur et comptable) comprennent :

  • Page d'accueil : la page de bienvenue affiche un message de bienvenue personnalisé et un accès rapide aux fonctionnalités principales.
  • Page Profil : chaque utilisateur peut consulter et modifier ses informations personnelles, y compris son mot de passe et il peut choisir ou non d'activer l'A2F.
  • Authentification sécurisée : chaque utilisateur doit se connecter avec ses identifiants pour accéder à l'application et peut si il veut activer l'A2F pour plus de sécurité.

5. Fonctionnalités principales vue Visiteur

L’espace dédié au visiteur médical permet une gestion fluide et intuitive de ses frais mensuels. Voici les principales fonctionnalités développées :

  • Saisie des frais forfaitisés : le visiteur peut enregistrer pour chaque mois les quantités liées aux frais standardisés (kilométrage, repas, nuitées, etc.). Ces frais sont initialisés automatiquement à chaque nouvelle fiche mensuelle.
  • Saisie des frais
  • Ajout de frais hors forfait : chaque ligne inclut une date, un libellé explicite, un montant, et nécessite l’envoi d’un justificatif au service comptable.
  • Visualisation des fiches passées : l’utilisateur peut consulter toutes ses fiches des 12 derniers mois (et jusqu’à un an en arrière).
  • Fiche de frais
  • Suivre l'état de traitement : chaque fiche affiche un badge visuel représentant l’état actuel de traitement (créée, clôturée, validée, mise en paiement, remboursée).
  • Clôture automatique : la fiche du mois précédent est clôturée dès qu’une nouvelle fiche est saisie, garantissant le respect du calendrier de traitement.

6. Fonctionnalités principales vue Comptable

L’espace comptable centralise toutes les actions de gestion, de validation et de traitement des fiches. Les fonctionnalités suivantes ont été mises en œuvre :

  • Tableau de bord synthétique : affichage des statistiques globales (total de fiches, fiches validées, montant total), avec un graphique dynamique par mois.
  • Dashboard comptable
  • Filtrage avancé : les fiches peuvent être filtrées par utilisateur, mois ou état. La sélection du mois s’adapte dynamiquement aux données disponibles pour l’utilisateur choisi.
  • Filtrage des fiches
    Filtrage des fiches VL
  • Visualisation détaillée d’une fiche : chaque fiche permet la modification des frais forfaitisés, le refus d’un frais hors forfait avec ajout du libellé “REFUSÉ :”, ou le report vers une fiche du mois suivant.
  • Détail de la fiche de frais
  • Validation : le comptable peut valider une fiche une fois tous les frais vérifiés, ce qui met automatiquement à jour son état.
  • Mise en paiement et remboursement : la fiche passe successivement dans les états “Validée”, “Mise en paiement”, puis “Remboursée”, selon l’action du comptable.
  • Gestion des exceptions :
    • Un frais sans justificatif dans les délais peut être reporté automatiquement.
    • La création automatique d’une fiche du mois suivant est déclenchée si elle n’existe pas.
    • Le libellé est tronqué proprement en cas de dépassement de la taille maximale autorisée.

7. Intégration et Tests

Après le développement, l'intégration des différentes parties du système a été réalisée. Des tests fonctionnels ont été effectués pour valider le bon fonctionnement de l'application, y compris des tests de sécurité, de performance et de conformité avec les exigences fonctionnelles.