Comment créer une application NodeJS de gestion de chantier et suivi des tâches ?

  • 0
  •  0

Ce tutoriel permet de créer une application NodeJS à l’aide du générateur Newmips pour gérer des chantiers et y affecter des collaborateurs de votre entreprise.

Etape 1 – Implémentation de l’application Modèle dédiée

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

Choisir dans la liste déroulante l’application « Planification de chantier ».

Cette dernière s’appuie sur le code source disponible à cette adresse :
https://github.com/newmips/templates/tree/master/planification_chantier

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

 

Etape 2 – Configuration des catégories

Cliquer sur « Agenda » puis « Catégorie » et « Créer Catégorie ».

Saisir le nom « Chantier sur site » (par exemple) avec la couleur bleue et cliquer sur « IsChantier » pour indiquer qu’il s’agit d’un chantier. Cliquer sur le bouton « Sauvegarder ».

Saisir une nouvelle catégorie en cliquant sur le bouton « Créer ».

Saisir le nom « Pause » (par exemple) avec la couleur grise. Laisser le champ « IsChantier » décoché. Cliquer sur le bouton « Sauvegarder ».

 

Etape 3 – Enregistrement d’un chantier

Cliquer sur le menu « Chantier » puis « Créer ».

Saisir le nom « Construction immeuble » (par exemple) et le statut « Demandé ». Cliquer sur le bouton « Sauvegarder ».

 

Etape 4 – Planification

Cliquer sur le menu « Agenda » puis l’entrée « Agenda ».

Dans la liste déroulante à gauche du calendrier, choisir la catégorie « Chantier sur site ».

Dans la liste déroulante en dessous le chantier, choisir « Construction immeuble », puis cliquer sur le bouton « Ajouter ».

Prendre l’événement qui vient de se créer dans la rubrique « Evénements en attente » et le glisser-déposer sur l’horaire et l’utilisateur choisi (dans le cas présent, seul l’utilisateur « admin » est référencé).

 

 

Vous pouvez ensuite :

  • Ajouter d’autres utilisateurs dans le menu « Administration » (liste déroulante dans le menu de gauche)
  • Redimensionner et déplacer les événements déposés
  • Les affecter à d’autres utilisateurs
  • Lister les événements dans le menu de gauche « Agenda > Evénements »
  • Personnaliser la vue « Agenda » (Cf. notre article de référence sur le paramétrage du composant « Agenda »)

 

Newmips – www.newmips.com

 

No Comments

    Leave A Comment