Comment créer une application NodeJS de gestion de vos fiches produits ?

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

Ce modèle d’application permet de créer une liste de produits, de générer un code barre et d’afficher facilement la fiche produit via la caméra d’un téléphone mobile.

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

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

Choisir dans la liste déroulante l’application « Lecture Fiche produits ».

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

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

 

Etape 2 – Compléter la fiche produit

La fiche produit étant générique, nous allons la compléter en utilisant le générateur. Pour cela, saisir les instructions suivantes dans le générateur :

Sélectionner entité Produit
Ajouter champ Marque
Ajouter champ Prix unitaire de type euro
Ajouter champ Nombre en stock de type number
Ajouter champ Photo de type image
Ajouter champ Description de type Regular text

 

Etape 3 – Enregistrer un produit

Une fois l’application modifiée, nous pouvons compléter la fiche produit. Pour cela :

  • Afficher le module Accueil
  • Cliquer sur le menu Produit puis sur « Créer »
  • Compléter l’ensemble des champs comme dans l’exemple ci-dessous :
    • Code Barre : ASP – 12345 (type Code128)
    • Photo : format jpeg ou png
    • Nom : Smartphone 4G
    • Emplacement : 2A-47
    • Nombre en stock : 12
    • Marque : Newmips
    • Prix unitaires : 250€
    • Description : Lorem Ipsum
  • Cliquer sur le bouton « Sauvegarder ».

Une fois un nouveau produit créé, le système génère un code barre associé pour le produit.

 

Etape 4Afficher un produit

L’application permet d’afficher une fiche produit en scannant son code barre. Pour cela :

  • Afficher le module Accueil
  • Cliquer sur le widget « Scanner un code »
  • Cliquer sur « Parcourir » afin d’ouvrir l’appareil photo du téléphone
  • Prendre en photo le code barre afin d’afficher le produit

 

Vous pouvez ensuite :

  • Ajouter un composant d’impression pour imprimer les codes barres directement depuis la plateforme
  • Compléter l’application avec un module de Gestion des stocks (cf. application modèle Gestion des inventaires)