Comment créer une application Nodejs de gestion de notes de frais ?

Ce tutoriel permet de créer une application NodeJS à l’aide du générateur Newmips pour gérer des notes de frais.

Etape 1 – Implémentation de l’application modèle

Aller dans le studio Newmips et cliquer sur le bouton « Modèles ».

Choisir dans la liste déroulante l’application «Notes de frais », puis exécuter.

Cette dernière s’appuie sur le code source disponible à cette adresse :

https://github.com/newmips/templates/tree/master/notes_frais

Attendre que l’application soit générée et que l’écran de prévisualisation s’affiche.

 

Etape 2 – Configuration du système 

Depuis le volet de sélection des modules, afficher le module Configuration.

  • Cliquer sur « Types de frais » , puis « Créer ».
  • Compléter le champs « Libellé » avec les valeurs « Frais de mobilité professionnelle », et ajouter une description.
  • Cliquer sur « Sauvegarder ».
  • Répéter ces actions pour ajouter d’autres types de frais avec les valeurs « Frais de grands déplacements », « Frais de repas », et « Frais de transport ».

 

Une fois les différents types de frais crées, vous pouvez les afficher, les modifier ou les supprimer en cliquant sur « Lister ».

 

Etape 3 – Création d’une note de frais

Depuis le volet de sélection des modules, afficher le module Accueil.

  • Cliquer sur « Notes de frais », puis « Créer ».
  • Compléter les champs « Période », « Description » et « Date de création » avec des valeurs au choix.
  • Sélectionner un collaborateur dans la liste déroulante.
  • Cliquer sur « Sauvegarder ».

 

Etape 4 – Détailler la note de frais

L’entité « Notes de frais » possède deux onglets, qui sont « Frais » et « Justificatifs ».

1 – Compléter la note de frais :

  • Cliquer sur l’onglet « Frais », puis sur le bouton « Créer ».
  • Compléter le formulaire avec les valeurs au choix.
  • Soumettre le formulaire en cliquant sur «  Sauvegarder ».

 

2 – Ajouter les justificatifs de la note de frais :

Nous allons maintenant ajouter les justificatifs de notre note de frais . Pour cela,

  • Cliquer sur l’onglet « Justificatifs ».
  • Ajouter un justificatif à l’aide du glisser-déposer, ou en recherchant votre document dans votre explorateur.

Vous pouvez retrouver tous vos justificatifs directement dans « Lister Justificatifs ».

Pour compléter votre application, vous pouvez ajouter un composant statut sur l’entité « Notes de frais » grâce aux instructions :

select entity Notes de frais

add component status called Statut

Ce composant vous permettra de gérer le cycle de vie de votre note de frais. Par exemple, vous pouvez y configurer 3 statuts :

– Enregistré

– En cours de traitement

– Remboursé

Chaque statut permettra de générer une notification ou d’envoyer un mail.