Afficher Température, Humidité et Pression BME280 sur Écran Tactile Nextion

Composants et fournitures

Arduino Nano R3	×1
Capteur atmosphérique BME280 SparkFun (Temp/Humidité/Pression)	×1
Écran tactile Nextion NX8048T070 7,0" HMI TFT LCD	×1
Convertisseur USB-Série FT232RL SparkFun	×1

Applications et services en ligne

• Visuino – Environnement de développement graphique pour Arduino
• Arduino IDE

À propos de ce projet

Il existe de nombreuses options d'affichage pour ajouter une interface graphique aux cartes Arduino. La plupart consomment beaucoup de mémoire et de temps CPU, inadaptées aux cartes limitées comme Arduino UNO ou Nano. Quand la mémoire est limitée mais qu'une interface avancée est nécessaire, les écrans Nextion programmables série sont un choix populaire. Itead fournit gratuitement l'éditeur graphique Nextion pour concevoir l'interface.

Le BME280 est un capteur combiné très précis de Température, Humidité et Pression barométrique. Interface I2C ou SPI.

Visuino supporte pleinement les écrans Nextion. Je voulais depuis longtemps un tutoriel sur ce support, et aussi un sur le BME280. J'ai combiné les deux : afficher Température, Humidité et Pression du BME280 sur les 3 canaux d'un composant Scope (forme d'onde) sur l'écran Nextion.

Étape 1 : Composants

• Une carte Arduino compatible (ici Nano, mais n'importe laquelle convient)
• Un module Capteur BME280
• Un Écran Nextion Série Intelligent (j'ai utilisé NX4024K032_11, mais tout modèle convient)
• 4 fils jumper femelle-femelle
• Pour programmer l'écran : module Convertisseur USB-TTL Série 5V

Étape 2 : Connecter l'écran Nextion au module USB-Série

1. Connecter le connecteur de fils Nextion à l'écran.
2. Si votre module USB-Série est configurable, réglez-le sur 5V (jumper d'alimentation).
3. Fil noir (GND) Nextion → GND module USB-Série.
4. Fil rouge (+5V) Nextion → VCC/+5V module USB-Série.
5. Fil jaune (RX) Nextion → TX module USB-Série.
6. Fil bleu (TX) Nextion → RX module USB-Série.
7. Brancher le module USB-Série au PC par câble USB.

Étape 3 : Lancer l'éditeur Nextion, choisir type et orientation

1. Démarrer Nextion Editor.
2. Menu Fichier > Nouveau.
3. Nommer le projet, choisir emplacement, Enregistrer.
4. Dans « Paramètres », sélectionner le Type d'écran (ici NX4024K032_11).
5. Onglet « AFFICHAGE » à gauche → orientation Horizontale.
6. Valider par OK.

Étape 4 : Ajouter et configurer le composant Waveform (Scope)

1. Boîte à outils gauche → composant Waveform → ajout zone de design.
2. Redimensionner pour remplir l'écran.
3. Attributs : ch = 3 (3 canaux : Température, Pression, Humidité).
4. Attribut dir = right to left (défilement droite vers gauche).

Étape 5 : Téléverser le projet sur l'écran Nextion

1. Bouton Téléverser.
2. Dialogue « Téléverser vers périphérique Nextion » → Go.
3. À la fin, Quitter.

Étape 6 : Lancer Visuino, sélectionner le type de carte Arduino

L'Arduino Nano n'a qu'un port série, nécessaire pour la programmation. Il faut programmer l'Arduino avant de connecter l'écran Nextion.

Prérequis : Arduino IDE (≥ 1.6.7, pas 1.6.6 qui a des bugs critiques) et Visuino (https://www.visuino.com) installés.

1. Démarrer Visuino.
2. Bouton « Outils » sur le composant Arduino → sélectionner Arduino Nano.

Étape 7 : Ajouter composant Nextion Display et élément Scope

1. Filtre « next » → composant Nextion Display → déposer dans zone de design.
2. Bouton « Outils » de DisplayNextion1.
3. Éditeur « Éléments » → sélectionner « Scope(Wave) » → bouton « + » pour ajouter l'élément Scope.

Étape 8 : Ajouter 3 canaux au Scope et connecter l'écran Nextion

1. Inspecteur d'objets → bouton « ... » à côté de « Canaux » de Scope1.
2. Éditeur Canaux → sélectionner « Canal » à droite → cliquer 3 fois sur « + » à gauche → 3 canaux créés.
3. Fermer dialogues « Canaux » et « Éléments ».
4. Connecter sortie « Out » de DisplayNextion1 → entrée « In » de « Serial[0] » de l'Arduino.

Étape 9 : Ajouter et configurer 3 composants Map Range

Les canaux Scope Nextion acceptent des valeurs 0,0 à 1,0. Pour afficher Température, Humidité, Pression, il faut convertir leurs plages en 0-1. Utilisation de 3 composants Map Range :

1. Filtre « map » → composant Map Range → en déposer 3.
2. MapRange1 (Pression) : Plage entrée Min=99000, Max=101000 (Pa, ajustez selon votre altitude).
3. MapRange2 (Température) : Plage entrée Min=-20, Max=100 (°C).
4. MapRange3 (Humidité) : Plage entrée Min=0, Max=100 (%).

Étape 10 : Connecter Map Range aux canaux Nextion

1. Sortie MapRange1 → entrée Elements.Scope1.Channels.Channel1 de DisplayNextion1.
2. Sortie MapRange2 → entrée Elements.Scope1.Channels.Channel2.
3. Sortie MapRange3 → entrée Elements.Scope1.Channels.Channel3.

Étape 11 : Ajouter et connecter le composant BME280

1. Filtre « 280 » → Pressure Temperature Humidity BME280 I2C → déposer.
2. Mon module BME280 a adresse I2C 118 (0x76). Si différent, modifier propriété « Adresse ».
3. Sortie « Pression(Pa) » → entrée MapRange1.
4. Sortie « Température » → entrée MapRange2.
5. Sortie « Humidité(%) » → entrée MapRange3.
6. Sortie « Out » (I2C) → entrée « I2C » de l'Arduino.

Étape 12 : Ajouter, configurer et connecter générateur d'horloge

Pour ne pas rafraîchir le Scope en continu (trop rapide), on ajoute une horloge à 10 Hz (10 maj/s).

1. Filtre « clock » → Clock Generator → déposer.
2. Propriété « Fréquence » = 10.
3. Sortie « Out » de ClockGenerator1 → entrée « Clock » de PressureTemperatureHumidity1.

Étape 13 : Générer, compiler et téléverser le code Arduino

1. Dans Visuino, F9 ou bouton génération → ouvre Arduino IDE.
2. Dans Arduino IDE, bouton Téléverser → compilation + upload.

Étape 14 : Connecter le capteur BME280 à l'Arduino

1. Câbler : 3V3 (rouge), GND (noir), SDA (vert), SCL (jaune) vers module BME280.
2. GND → GND Arduino Nano.
3. 3V3 → broche 3V3 Arduino Nano.
4. SDA → A4 (SDA) Arduino Nano.
5. SCL → A5 (SCL) Arduino Nano.

Étape 15 : Connecter l'écran Nextion à l'Arduino

1. Débrancher l'écran du module USB-Série.
2. Fil noir (GND) Nextion → GND Arduino Nano.
3. Fil bleu (TX) Nextion → RX (D0) Arduino Nano.
4. Fil jaune (RX) Nextion → TX (D1) Arduino Nano.
5. Fil rouge (+5V) Nextion → 5V Arduino Nano.

Étape 16 : C'est parti !

Félicitations ! Projet terminé.

L'écran Nextion affiche maintenant en temps réel les courbes de Pression, Température et Humidité du BME280 sur le composant Scope.

Fichiers joints : projet Visuino (ouvrir dans Visuino) + projet Nextion Editor (dans le même ZIP).

FJE6Y04IWE4O3H6.zip