1. Un Arduino carte compatible (j'utilise Arduino Nano, car j'en ai une, mais toutes les autres vont bien)
2. Un Module de capteur BME280
3. Un Smart Display à interface série Nextion (J'ai utilisé NX4024K032_11 mais tout autre devrait également fonctionner)
4. 4 femme-femme fils de connexion
5. Pour programmer l’affichage, vous aurez également besoin d’un Module de conversion série USB à TTL 5V

Étape 2: Connectez l’écran Nextion au module de communication série USB

Pour programmer le Affichage Nextion avec le Éditeur Nextion vous devez le connecter avec un Convertisseur série USB vers TTL à ton ordinateur:

1. Connectez le Connecteur de fils Nextion au Afficher (Image 1)
2. Si ton Module USB vers série est configurable, assurez-vous qu'il est configuré pour fournir Puissance 5V (Photo 2) (Dans mon cas, j’avais besoin de le configurer avec un cavalier de sélection de puissance)
3. Connectez le Fil de terre (Fil noir) du Affichage Nextion au Broche de terre du Module de conversion série USB vers TTL (Photo 2)
4. Connectez le Fil d'alimentation (+ 5V) (Cable rouge) du Affichage Nextion au Alimentation (VCC / + 5V) du Module de conversion série USB vers TTL (Photo 2)
5. Connectez le Fil RX (Fil jaune) du Affichage Nextion au Broche TX du Module de conversion série USB vers TTL (Photo 2)
6. Connectez le TX Wire (Fil bleu) du Affichage Nextion au Broche RX du Module de conversion série USB vers TTL (Photo 2)
7. Connectez le Module de conversion série USB vers TTL à l'ordinateur avec un cable USB (Photo 3)

Étape 3: démarrez l’éditeur Nextion et sélectionnez le type d’affichage et l’orientation

Pour programmer le Affichage Nextion, tu devras Téléchargez et installez l'éditeur Nextion.

1. Commencer le Éditeur Nextion (Image 1)
2. Du Menu sélectionner |Fichier|Nouveau| (Image 1)
3. Dans le "Enregistrer sous"boîte de dialogue, tapez le nom du fichier du projet et sélectionnez un emplacement pour enregistrer le projet (Photo 2)
4. Clique sur le "sauvegarder" bouton (Photo 2)
5. Dans le "Réglages"dialogue, sélectionnez le Type d'affichage (Dans mon cas NX4024K032_11) (Photo 3)
6. Clique sur le "AFFICHER"onglet à gauche pour afficher le Paramètres d'affichage (Photo 4)
7. Sélectionner Horizontal orientation pour l'affichage (Photo 4)
8. Clique sur le "D'accord"bouton pour fermer le dialogue (Photo 4)

Étape 4: Dans l'éditeur Nextion: Ajouter et configurer le composant Waveform (Scope)

Nous devons ajouter un composant Scope et le configurer pour qu'il dispose de 3 canaux pour le Température, Pression, et Humidité:

1. Dans le "Boîte à outils"à gauche cliquez sur le"Forme d'onde"composant (Image 1) pour l'ajouter à la zone de conception (Photo 2)
2. Redimensionnez le composant pour remplir l’affichage (Photo 3)
3. Dans le "Attribut"boîte à outils, définissez la valeur de"ch" attribuer à "3' (Photo 3)
4. Dans le "Attribut"boîte à outils, définissez la valeur de"dir" attribuer à "de droite à gauche' (Photo 4)

Étape 5: Dans l’éditeur Nextion: Téléchargez le projet sur l’affichage Nextion

1. Clique sur le "Télécharger" bouton (Image 1)
2. Dans le "Transférer vers un appareil Nextion"dialogue, cliquez sur le"Aller" bouton (Photo 2) pour lancer le téléchargement (Photo 3)
3. Lorsque le téléchargement est terminé (Photo 4), clique sur le "Sortie"bouton pour fermer la boîte de dialogue.

Étape 6: démarrez Visuino et sélectionnez le type de carte Arduino

Depuis le Arduino Nano a seulement un port série, et il est nécessaire de programmer le Arduino, vous devrez programmer le Arduino Nano avant le Affichage Nextion est connecté.

Pour commencer à programmer l’Arduino, vous devez disposer du Arduino IDE installé à partir d'ici:

Assurez-vous d’installer la version 1.6.7 ou supérieure, sinon ce didacticiel ne fonctionnera pas!

le Visuino: http://www.visuino.com doit également être installé.

1. Début Visuino comme indiqué dans la première image
2. Clique sur le "Outils"bouton sur le Arduino composant (Image 1) dans Visuino
3. Lorsque la boîte de dialogue apparaît, sélectionnez Arduino Nano comme représenté sur la Photo 2

Étape 7: Dans Visuino: ajoutez le composant d'affichage Nextion et l'élément Scope à celui-ci.

Pour contrôler l'affichage Nextion, nous devons ajouter le composant Affichage Nextion dans Visuino, puis ajouter un élément pour contrôler l'étendue:

1. Type "suivant"dans la boîte de dialogue Filtre de la boîte à outils des composants, sélectionnez ensuite"Affichage Nextion"composant (Image 1) et déposez-le dans la zone de conception
2. Clique sur le "Outils"bouton de la DisplayNextion1 composant (Photo 2)
3. Dans le "Éléments"éditeur sélectionnez le"Portée (vague)”Élément, puis cliquez sur le"+"bouton à gauche (Photo 2) ajouter Portée élément (Photo 3)

Étape 8: Dans Visuino: ajoutez 3 canaux à l'élément Scope et connectez l'écran Nextion

Ensuite, nous devons ajouter des canaux à la portée.

1. Dans l'inspecteur d'objets, cliquez sur le "…bouton "à côté de la valeur du"Canaux"propriété secondaire du Portée1 élément (Image 1)
2. Dans l'éditeur de chaînes, sélectionnez “Canal”Élément à droite, puis cliquez sur 3 fois sur le "+"bouton à gauche (Photo 2) pour ajouter 3 canaux (Photo 3)
3. Fermer la "Canaux"et l'affichage"Éléments"dialogues
4. Connectez le "En dehors"broche de sortie du DisplayNextion1 composant à la "Dans"broche d'entrée du"Série 0"canal de la Arduino composant (Photo 4)

Étape 9: Dans Visuino: Ajouter et configurer 3 composants de la plage de cartes

Les canaux Nextion Display Scope sont conçus pour afficher des valeurs entre 0.0 et 1.0. Pour afficher la température, l’humidité et la pression, nous devons convertir les valeurs en valeurs 0.0 à 1.0 intervalle. Nous pouvons utiliser les composants Map Range pour cela:

1. Type "carte"dans la boîte de dialogue Filtre de la boîte à outils des composants, sélectionnez ensuite"Plage de carte"composant (Image 1), et laisser tomber 3 d'entre eux dans la zone de conception
2. Sélectionnez le MapRange1 composant (Photo 2)
3. Dans l'inspecteur d'objets, développez le "Plage d'entrée" propriété (Photo 2)
4. Dans l'inspecteur d'objets, définissez la valeur du "Max"sous-propriété du"Plage d'entrée"propriété à"101000' (Photo 2) (Vous devrez peut-être définir une valeur différente si la pression de l'air dans votre position est très différente)
5. Dans l'inspecteur d'objets, définissez la valeur du "Min"sous-propriété du"Plage d'entrée"propriété à"99000' (Photo 2) (Vous devrez peut-être définir une valeur différente si la pression de l'air dans votre position est très différente)
6. Sélectionnez le MapRange2 composant (Photo 3)
7. Dans l'inspecteur d'objets, développez le "Plage d'entrée" propriété (Photo 3)
8. Dans l'inspecteur d'objets, définissez la valeur du "Max"sous-propriété du"Plage d'entrée"propriété à"100' (Photo 3)
9. Dans l'inspecteur d'objets, définissez la valeur du "Min"sous-propriété du"Plage d'entrée"propriété à"-20' (Photo 3)
10. Sélectionnez le MapRange3 composant (Photo 4)
11. Dans l'inspecteur d'objets, développez le "Plage d'entrée" propriété (Photo 4)
12. Dans l'inspecteur d'objets, définissez la valeur du "Max"sous-propriété du"Plage d'entrée"propriété à"100' (Photo 4)

Étape 10: Dans Visuino: connectez les composants de la plage de cartes aux canaux d'affichage Nextion.

1. Connectez le "En dehors"broche de sortie du MapRange1 composant à la "Dans"broche d'entrée du"Elements.Scope1.Channels.Channel1"élément du DisplayNextion1 composant (Image 1)
2. Connectez le "En dehors"broche de sortie du MapRange2 composant à la "Dans"broche d'entrée du"Elements.Scope1.Channels.Channel2"élément du DisplayNextion1 composant (Photo 2)
3. Connectez le "En dehors"broche de sortie du MapRange3 composant à la "Dans"broche d'entrée du"Elements.Scope1.Channels.Channel3"élément du DisplayNextion1 composant (Photo 3)

Étape 11: Dans Visuino: ajoutez et connectez un composant BME280

Nous devons ajouter un composant pour lire les données du module BME280:

1. Type "280"dans la boîte de dialogue Filtre de la boîte à outils des composants, sélectionnez ensuite"Pression température humidité BME280 I2C"composant (Image 1) et déposez-le dans la zone de conception
2. ma Module BME280 a Adresse I2C de 118(0x76). Si vos modules ont une adresse différente, vous devrez définir la valeur de "Adresse" propriété (Photo 2)
3. Connectez le "Pression (Pa)"broche de sortie du PressionTempératureHumidité1 composant à la "Dans"broche de la MapRange1 composant (Photo 2)
4. Connectez le "Température"broche de sortie du PressionTempératureHumidité1 composant à la "Dans"broche de la MapRange2 composant (Photo 3)
5. Connectez le "Humidité(%)"broche de sortie du PressionTempératureHumidité1 composant à la "Dans"broche de la MapRange3 composant (Photo 4)
6. Connectez le "En dehors"broche de sortie du PressionTempératureHumidité1 composant à la "Dans"broche de la I2C canal de la Arduino composant (Photo 5)

Étape 12: Dans Visuino: Ajouter, configurer et connecter un composant générateur d’horloge

Nous pouvons utiliser le projet tel quel, mais il actualisera le Scope très rapidement tout le temps. Il est préférable que Scope soit mis à jour à titre d'exemple 10 fois par seconde. Pour cela, nous allons ajouter un composant d'horloge pour synchroniser la lecture du capteur et la mise à jour du Scope.

1. Type "l'horloge"dans la boîte de dialogue Filtre de la boîte à outils des composants, sélectionnez ensuite"Générateur d'horloge"composant (Image 1) et déposez-le dans la zone de conception
2. Dans l'inspecteur d'objets, définissez la valeur du "La fréquence"propriété du ClockGenerator1 à "10' (Photo 2)
3. Connectez le "En dehors"broche de sortie du ClockGenerator1 composant à la "L'horloge"broche d’entrée du PressionTempératureHumidité1 composant (Photo 3)

Étape 13: générer, compiler et télécharger le code Arduino

1. Dans Visuino, Presse F9 ou cliquez sur le bouton affiché sur Image 1 pour générer le code Arduino et ouvrir l'IDE Arduino
2. dans le Arduino IDE, clique sur le Télécharger bouton, pour compiler et télécharger le code (Photo 2)

Étape 14: Connectez le capteur de température, d'humidité et de pression du BME280 à Arduino

1. Relier Puissance 3V3 VCC(Cable rouge), Sol(Fil noir),SDA(Fil vert), et SCL(Fil jaune), au module BME280 (Image 1)
2. Connectez l’autre extrémité du Fil de terre(Fil noir) à Sol broche de la Arduino Nano planche (Photo 2)
3. Connectez l’autre extrémité du Fil d'alimentation 3V3 VCC(Cable rouge) au 3V3 broche d'alimentation de la Arduino Nano planche (Photo 2)
4. Connectez l’autre extrémité du Fil SDA(Fil vert) à SDA / Analog pin 4 du Arduino Nano planche (Photo 2)
5. Connectez l’autre extrémité du Fil SCL(Fil jaune) à SCL / Analog pin 5 du Arduino Nano planche (Photo 2)

6. Photo 3 montre où sont les Sol, 3V3 Puissance, SDA / Analog pin 4, et SCL / Analog pin 5, épingles du Arduino Nano

Étape 15: Connectez l’écran Nextion à l’Arduino

1. Déconnecter le Affichage Nextion fils de la Module de conversion série USB vers TTL
2. Connecter le sol
3. Déconnecter le Affichage Nextion fils de la Module de conversion série USB vers TTL
4. Connectez le Fil de terre (Fil noir) du Affichage Nextion au Broche de terre du Arduino Nano (Photo 2)
5. Connectez le TX Wire (Fil bleu) du Affichage Nextion au Broche RX (D0) du Arduino Nano (Photo 2)
6. Connectez le Fil RX (Fil jaune) du Affichage Nextion au Broche TX (D1) du Arduino Nano (Photo 2)
7. Photo 4 montre où sont les Sol, 5V Puissance, Broche RX / numérique 0, et Broche TX / numérique 1, épingles du Arduino Nano
8. Connectez le Fil d'alimentation + 5V (Cable rouge) du Affichage Nextion au Broche d'alimentation 5V du Arduino Nano (Photo 3)
9. Photo 4 montre dans rouge où sont les Sol, 5V Puissance, Broche RX / numérique 0, et Broche TX / numérique 1, les broches de l’Arduino Nano (Les couleurs des broches connectées à l’étape précédente sont indiquées en bleu)

Étape 16: Et jouez …

Toutes nos félicitations! Vous avez terminé le projet.

Image 1 affiche le projet connecté et alimenté. Comme vous pouvez le voir sur la photo, et dans le Vidéo la Portée sur le Affichage Nextion va tracer la Pression, la Température, et le Humidité du Module BME280.

Sur Photo 2 vous pouvez voir la complète Visuino diagramme.

Ci-joint le Visuino projet, que j'ai créé pour ce tutoriel. Vous pouvez le télécharger et l'ouvrir dans Visuino:

Aussi attaché dans le même zip est le Éditeur Nextion projet pour le Affichage Nextion.