Prise en main de NodeRED

Installer Node.js (avec son gestionnaire de paquets npm)

Saisir la commande qui suit depuis un terminal afin d’installer le paquet node-red depuis le gestionnaire de paquets de Node.js (→ npm).

npm install -g --unsafe-perm node-red (1)

Exécuter NodeRED en tapant la commande node-red depuis un terminal :

C:\Users\ragnar>node-red (1)
2 Oct 15:24:40 - [info]

Welcome to Node-RED
===================

2 Oct 15:24:40 - [info] Node-RED version: v3.0.2 (2)
2 Oct 15:24:40 - [info] Node.js  version: v14.18.1 (3)
[...]
2 Oct 15:24:44 - [info] Server now running at http://127.0.0.1:1880/ (4)
[...]

Suivre le tutoriel Creating your first flow .

Qu’indique le point bleu qui s’affiche sur un ou plusieurs nœuds ? Quelle action faut-il alors entreprendre avant d’exécuter le flux ?

Que représente selon vous le msg.payload qui apparaît dans les options de chaque nœud ou le code Javascript qu’on vous demandé de saisir dans le nœud de fonction ?

Ajouter le module node-red-dashboard à NodeRED par l’intermédiaire du gestionnaire de palette

Faire glisser les nœuds “Slider” et “Gauge” sur l’espace de travail et les relier entre eux

Configurer les 2 nœuds pour les disposer dans un onglet nommé “Accueil” au sein d’un groupe nommé “Groupe n°1”. Exemple pour le nœud “Slider” :

Déployer le flux avec le bouton Deploy puis accéder à l’interface web en se rendant à l’url http://127.0.0.1:1880/ui/ dans un nouvel onglet du navigateur internet

Actionner le curseur et constater l’effet sur la jauge circulaire

Parcourir les options des 2 nœuds pour faire en sorte que :

Faire glisser le nœud “Chart” (→ Courbe) sur l’espace de travail et le relier, comme le nœud “Gauge”, à la sortie du nœud “Slider”

Déployer le flux et se rendre sur l’interface Web pour constater les actions du slider sur la jauge circulaire et la courbe.

Modifier les options du nœud “Chart” pour n’afficher les variations du curseur que durant les 5 dernières minutes et pour que son titre soit “Variations du curseur”

Faire constater le travail à l’enseignant

Bon

Moyen

Dégradé

Mauvais

Très mauvais

Extrêmement mauvais

En vous aidant des informations du site Nouvel Indice de la Qualité de l’Air (IQA) , établir l’URL qui permet de récupérer le dernier bulletin pour l’Isle sur la Sorgue, au format JSON, avec tous les indices sous forme de valeur (→ 1, 2, …​) et de qualificatif (→ “bon”, “moyen”…​). Tester depuis le navigateur.

{
  "date_diffusion": "2022-10-02",
  "indices": [
    {
      "commune": "L' ISLE-SUR-LA-SORGUE (84)",
      "code_insee": "84054",
      "valeurs": [
        {
          "date_echeance": "2022-10-04",
          "echeance": 2,
          "majoritaire": [
            "o3"
          ],
          "indice": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "no2": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "o3": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "pm10": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "pm2.5": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "so2": {
            "valeur": 1,
            "qualificatif": "Bon"
          }
        },
        {
          "date_echeance": "2022-10-03",
          "echeance": 1,
          "majoritaire": [
            "o3"
          ],
          "indice": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "no2": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "o3": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "pm10": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "pm2.5": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "so2": {
            "valeur": 1,
            "qualificatif": "Bon"
          }
        },
        {
          "date_echeance": "2022-10-02",
          "echeance": 0,
          "majoritaire": [
            "o3"
          ],
          "indice": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "no2": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "o3": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "pm10": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "pm2.5": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "so2": {
            "valeur": 1,
            "qualificatif": "Bon"
          }
        },
        {
          "date_echeance": "2022-10-01",
          "echeance": -1,
          "majoritaire": [
            "o3"
          ],
          "indice": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "no2": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "o3": {
            "valeur": 2,
            "qualificatif": "Moyen"
          },
          "pm10": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "pm2.5": {
            "valeur": 1,
            "qualificatif": "Bon"
          },
          "so2": {
            "valeur": 1,
            "qualificatif": "Bon"
          }
        }
      ]
    }
  ]
}

Dans NodeRED, créer un flux disposant reliant, dans l’ordre, les nœuds “Inject”, “http request” et “Debug”

Configurer les nœuds pour que l’activation du flux en cliquant sur le nœud “Inject” déclenche une requête HTTP sur l’URL déterminée à la question précédente et affiche son résultat dans le nœud “Debug”

Figure 1. Résultat attendu

Compléter le flux NodeRED pour qu’il soit conforme à celui représenté ci-dessous :

Configurer les nœuds “Change” de façon à ce qu’ils délivrent en sortie l’information à afficher dans leurs jauges circulaires respectives.

Pour l’indice NO2, on récupère l’expression permettant d’accéder à sa valeur depuis le panneau de “Debug” (→ icône >_) : Puis on l’inscrit dans les propriétés du nœud “Change” associé :

Configurer les nœuds des jauges circulaires pour qu’elles affichent dans le groupe “Isle sur la Sorgue” de l’onglet “Qualité d’air” de l’interface Web, l’indice de chacun des polluants avec un secteur dont la couleur dépendra de la valeur (“Bon” → vert, “Moyen” → jaune, au delà → rouge)

Compléter le flux pour indiquer l’indice ATMO c’est-à-dire l’indice correspondant au plus dégradé des sous-indices calculés pour chacun de ces 5 polluants.

Configurer le nœud “Text”/“Date” pour qu’il affiche la date du jour

En s’aidant du flux NodeRED flow-customize-gauge (🕮 Source : How to add sectors in a gauge? - Dashboard - Node-RED Forum ) personnaliser les jauges de votre interface web pour qu’elles disposent de 6 secteurs (3 à l’origine) afin de pouvoir afficher les 6 valeurs d’indice de polluant possibles avec 6 couleurs différentes.