BME280 Temperatura, humedad y presión en la pantalla Nextion

Acerca de este proyecto

Hay muchas pantallas opciones para agregar una interfaz gráfica de usuario a Arduino tableros. Sin embargo, la mayoría de ellos requieren una cantidad considerable de memoria y tiempo de procesamiento, y no son adecuados para Arduino placas con memoria limitada y potencia de procesamiento como Arduino UNO o Arduino Nano . Cuando la memoria es limitada y se necesita una interfaz de usuario avanzada, las pantallas de conexión en serie programables inteligentes son una opción popular. El Itead ofrece un Editor gráfico de conexión gratuito para diseñar la interfaz de usuario de la pantalla.

BME280 es una temperatura combinada muy precisa , Humedad y Presión barométrica sensor. Se puede conectar con I2C o SPI interfaz,

Visuino tiene Nextion Display completo soporte, y he estado planeando un tutorial para el Nextion apoyo por un tiempo. También quería hacer un tutorial para el BME280 sensor. Finalmente decidí combinarlos y hacer un solo tutorial que muestre Temperatura , Humedad y Presión barométrica del BME280 en los 3 canales de un Scope ( Forma de onda ) en el componente Nextion Display .

Paso 1:componentes

• Un Arduino placa compatible (uso Arduino Nano, porque tengo uno, pero cualquier otro estará bien)

• Un módulo de sensor BME280

• Una pantalla inteligente de interfaz serie Nextion (Usé NX4024K032_11 pero cualquier otro también debería funcionar)

• 4 Mujer-Mujer cables de puente

• Para programar la pantalla, también necesitará un 5V Módulo convertidor de serie de USB a TTL

Paso 2:conecte la pantalla Nextion al módulo de comunicación serie USB

Para programar la pantalla Nextion con el Editor Nextion debes conectarlo con un convertidor de serie de USB a TTL a su computadora:

• Conecte el conector de cables Nextion a la Pantalla ( Imagen 1 )

• Si su módulo USB a serie es configurable, asegúrese de que esté configurado para proporcionar 5 V de alimentación ( Imagen 2 ) (En mi caso necesitaba configurarlo con un puente de selección de potencia)

• Conecte el cable de tierra ( Cable negro ) desde Nextion Display al pin de tierra del módulo convertidor de serie de USB a TTL ( Imagen 2 )

• Conecte el cable de alimentación (+ 5 V) ( Cable rojo ) desde Nextion Display al pin de alimentación (VCC / + 5V) del módulo convertidor de serie de USB a TTL ( Imagen 2 )

• Conecte el cable RX ( Cable amarillo ) desde Nextion Display al pin TX del módulo convertidor de serie de USB a TTL ( Imagen 2 )

• Conecte el cable TX ( Cable azul ) desde Nextion Display al pin RX del módulo convertidor de serie de USB a TTL ( Imagen 2 )

• Conecte el módulo convertidor de serie de USB a TTL a la computadora con un cable USB ( Imagen 3 )

Paso 3:Inicie Nextion Editor y seleccione el tipo de pantalla y la orientación

Para programar la pantalla Nextion , deberás descargar e instalar el editor Nextion .

• Inicie el Editor de conexiones . ( Imagen 1 )

• Desde el Menú seleccione | ArchivoNuevo | ( Imagen 1 )

• En " Guardar como ", escriba el nombre del archivo del proyecto y seleccione una ubicación para guardar el proyecto ( Imagen 2 )

• Haga clic en " Guardar botón "( Imagen 2 )

• En " Configuración "cuadro de diálogo, seleccione el tipo de visualización (En mi caso NX4024K032_11 ) ( Imagen 3 )

• Haga clic en " PANTALLA "pestaña a la izquierda para mostrar la Configuración de pantalla ( Imagen 4 )

• Seleccione Horizontal orientación de la pantalla ( Imagen 4 )

• Haga clic en " Aceptar "para cerrar el cuadro de diálogo ( Imagen 4 )

Paso 4:En el editor de Nextion:agregue y configure el componente Waveform (Scope)

Necesitamos agregar un componente Scope y configurarlo para que tenga 3 canales para la Temperatura , Presión y Humedad :

• En la " Caja de herramientas "a la izquierda, haga clic en" Forma de onda "componente ( Imagen 1 ) para agregarlo al área de diseño ( Imagen 2 )

• Cambie el tamaño del componente para que ocupe toda la pantalla ( Imagen 3 )

• En el " Atributo "caja de herramientas, establezca el valor de la" ch "atributo a" 3 "( Imagen 3 )

• En el " Atributo "caja de herramientas, establezca el valor del" dir "atributo a" de derecha a izquierda "( Imagen 4 )

Paso 5:En el editor de Nextion:suba el proyecto a Nextion Display

• Haga clic en " Subir botón "( Imagen 1 )

• En " Subir a dispositivo Nextion ", haga clic en el cuadro de diálogo" Ir botón "( Imagen 2 ) para iniciar la carga ( Imagen 3 )

• Cuando finalice la carga ( Imagen 4 ), haga clic en " Salir "para cerrar el cuadro de diálogo.

Paso 6:Inicie Visuino y seleccione el tipo de placa Arduino

Dado que el Arduino Nano tiene solo un puerto serie , y es necesario programar el Arduino , deberás programar el Arduino Nano antes de Nextion Display está conectado.

Para comenzar a programar Arduino, necesitará tener el IDE de Arduino instalado desde aquí:http://www.arduino.cc/.

Tenga en cuenta que existen algunos errores críticos en Arduino IDE 1.6.6.

¡Asegúrese de instalar 1.6.7 o superior, de lo contrario, este tutorial no funcionará!

El Visuino :https://www.visuino.com también debe estar instalado.

• Inicie Visuino como se muestra en la primera imagen

• Haga clic en " Herramientas "botón en el Arduino componente ( Imagen 1 ) en Visuino

• Cuando aparezca el cuadro de diálogo, seleccione Arduino Nano como se muestra en Imagen 2

Paso 7:en Visuino:agregue el componente Nextion Display y el elemento Scope

Para controlar Nextion Display, necesitamos agregar el componente Nextion Display en Visuino, y luego agregarle un elemento para controlar el Scope:

• Escriba " siguiente "en el cuadro Filtro de la Caja de herramientas de componentes y, a continuación, seleccione" Pantalla de conexión "componente ( Imagen 1 ) y colóquelo en el área de diseño

• Haga clic en " Herramientas "botón del DisplayNextion1 componente ( Imagen 2 )

• En " Elementos ", seleccione el editor" Scope (Wave) ”, Y luego haga clic en el botón" "a la izquierda ( Imagen 2 ) para agregar Alcance elemento ( Imagen 3 )

Paso 8:En Visuino:agregue 3 canales al elemento Scope y conecte la pantalla Nextion.

A continuación, debemos agregar canales al alcance.

• En el Inspector de objetos, haga clic en " ... "junto al valor de" Canales "subpropiedad de Scope1 elemento ( Imagen 1 )

• En el editor de Canales, seleccione " Canal ”A la derecha y, a continuación, haga clic en 3 veces en el botón "" de la izquierda ( Imagen 2 ) para agregar 3 canales ( Imagen 3 )

• Cierre los " Canales "y los Elementos de Display" "diálogos

• Conecte el " Out "pin de salida de DisplayNextion1 componente a la " En "pin de entrada del" Serial [0] "canal del Arduino componente ( Imagen 4 )

Paso 9:En Visuino:agregue y configure 3 componentes de Map Range

Los canales de Nextion Display Scope están diseñados para mostrar valores entre 0.0 y 1.0 . Para mostrar la temperatura, la humedad y la presión, debemos convertir los valores a 0.0 a 1.0 rango. Podemos usar componentes de Map Range para esto:

• Escriba " mapa "en el cuadro Filtro de la Caja de herramientas de componentes y, a continuación, seleccione" Rango de mapa "componente ( Imagen 1 ) y suelte 3 de ellos en el área de diseño

• Seleccione MapRange1 componente ( Imagen 2 )

• En el Inspector de objetos, expanda el " Rango de entrada "propiedad ( Imagen 2 )

• En el Inspector de objetos, establezca el valor de " Máx. "subpropiedad del" Rango de entrada "propiedad a" 101000 "( Imagen 2 ) (Es posible que deba establecer un valor diferente, si la presión del aire en su ubicación es muy diferente)

• En el Inspector de objetos, establezca el valor de " Mín. "subpropiedad del" Rango de entrada "propiedad a" 99000 "( Imagen 2 ) (Es posible que deba establecer un valor diferente, si la presión del aire en su ubicación es muy diferente)

• Seleccione MapRange2 componente ( Imagen 3 )

• En el Inspector de objetos, expanda el " Rango de entrada "propiedad ( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Máx. "subpropiedad del" Rango de entrada "propiedad a" 100 "( Imagen 3 )

• En el Inspector de objetos, establezca el valor de " Mín. "subpropiedad del" Rango de entrada "propiedad a" -20 "( Imagen 3 )

• Seleccione MapRange3 componente ( Imagen 4 )

• En el Inspector de objetos, expanda el " Rango de entrada "propiedad ( Imagen 4 )

• En el Inspector de objetos, establezca el valor de " Máx. "subpropiedad del" Rango de entrada "propiedad a" 100 "( Imagen 4 )

Paso 10:En Visuino:conecte los componentes del rango del mapa a los canales de visualización de Nextion

• Conecte el " Out "pin de salida del MapRange1 componente al " En "pin de entrada de" Elements.Scope1.Channels.Channel1 "elemento del DisplayNextion1 componente ( Imagen 1 )

• Conecte el " Out "pin de salida del MapRange2 componente al " En "pin de entrada de" Elements.Scope1.Channels.Channel2 "elemento del DisplayNextion1 componente ( Imagen 2 )

• Conecte el " Out "pin de salida del MapRange3 componente al " En "pin de entrada de" Elements.Scope1.Channels.Channel3 "elemento del DisplayNextion1 componente ( Imagen 3 )

Paso 11:En Visuino:agregue y conecte el componente BME280

Necesitamos agregar un componente para leer los datos del Módulo BME280:

• Escriba " 280 "en el cuadro Filtro de la Caja de herramientas de componentes, luego seleccione" Presión Temperatura Humedad BME280 I2C "componente ( Imagen 1 ) y colóquelo en el área de diseño

• Mi módulo BME280 tiene dirección I2C de 118 ( 0x76 ). Si sus módulos tienen una dirección diferente, deberá establecer el valor de la " Dirección "propiedad ( Imagen 2 )

• Conecte el " Presión (Pa) "pin de salida del PressureTemperatureHumidity1 componente a la " En "pin del MapRange1 componente ( Imagen 2 )

• Conecte el " Temperatura "pin de salida del PressureTemperatureHumidity1 componente a la " En "pin del MapRange2 componente ( Imagen 3 )

• Conecte el " Humedad (%) "pin de salida del PressureTemperatureHumidity1 componente a la " En "pin del MapRange3 componente ( Imagen 4 )

• Conecte el " Out "pin de salida del PressureTemperatureHumidity1 componente a la " En "pin del I2C canal del Arduino componente ( Imagen 5 )

Paso 12:En Visuino:agregue, configure y conecte el componente Clock Generator

Podemos usar el proyecto tal como está, sin embargo, actualizará el Scope muy rápido todo el tiempo. Es mejor si el Scope se actualiza como ejemplo 10 veces por segundo. Para esto agregaremos un componente de reloj para registrar la lectura del sensor y la actualización del Scope.

• Escriba " reloj "en el cuadro Filtro de la Caja de herramientas de componentes y, a continuación, seleccione" Generador de reloj "componente ( Imagen 1 ) y colóquelo en el área de diseño

• En el Inspector de objetos, establezca el valor de la " Frecuencia "propiedad del ClockGenerator1 a " 10 "( Imagen 2 )

• Conecte el " Out "pin de salida del ClockGenerator1 componente del " Reloj "pin de entrada de PressureTemperatureHumidity1 componente ( Imagen 3 )

Paso 13:Genere, compile y cargue el código Arduino

• En Visuino , Presione F9 o haga clic en el botón que se muestra en Imagen 1 para generar el código Arduino y abrir el IDE de Arduino

• En Arduino IDE , haz clic en Subir , para compilar y cargar el código ( Imagen 2 )

Paso 14:Conecte el sensor de temperatura, humedad y presión BME280 a Arduino

• Conecte 3V3 VCC Power ( Cable rojo ), Suelo ( Cable negro ), SDA ( Cable verde ) y SCL ( Cable amarillo ), al Módulo BME280 ( Imagen 1 )

• Conecta el otro extremo del cable de tierra ( Cable negro ) a Tierra pin del Arduino Nano tablero ( Imagen 2 )

• Conecte el otro extremo del cable de alimentación 3V3 VCC ( Cable rojo ) al 3V3 pin de alimentación del Arduino Nano tablero ( Imagen 2 )

• Conecte el otro extremo del cable SDA ( Cable verde ) a SDA / Pin analógico 4 del Arduino Nano tablero ( Imagen 2 )

• Conecte el otro extremo del cable SCL ( Cable amarillo ) a SCL / pin analógico 5 del Arduino Nano tablero ( Imagen 2 )

• Imagen 3 muestra dónde está el suelo , 3V3 Alimentación, SDA / Pin analógico 4 y SCL / pin analógico 5 , pines del Arduino Nano

Paso 15:Conecte la pantalla Nextion al Arduino

• Desconecte la pantalla Nextion . cables del módulo convertidor de serie de USB a TTL

• Conecte la tierra

• Desconecte la pantalla Nextion . cables del módulo convertidor de serie de USB a TTL

• Conecte el cable de tierra ( Cable negro ) desde Nextion Display al pin de tierra del Arduino Nano ( Imagen 2 )

• Conecte el cable TX ( Cable azul ) desde Nextion Display al pin RX (D0) del Arduino Nano ( Imagen 2 )

• Conecte el cable RX ( Cable amarillo ) desde Nextion Display al pin TX (D1) del Arduino Nano ( Imagen 2 )

• Imagen 4 muestra dónde está el suelo , 5V Alimentación, RX / Pin digital 0 y Pin 1 de TX / Digital , pines del Arduino Nano

• Conecte el cable de alimentación de + 5 V ( Cable rojo ) desde Nextion Display al pin de alimentación de 5 V del Arduino Nano ( Imagen 3 )

• Imagen 4 se muestra en rojo ¿Dónde están los Terrenos , 5V Alimentación, RX / Pin digital 0 y Pin 1 de TX / Digital , pines del Arduino Nano (en azul se muestran los pines conectados en el paso anterior)

Paso 16:Y juega ...

¡Felicitaciones! Has completado el proyecto.

Imagen 1 muestra el proyecto conectado y encendido. Como puede ver en la imagen y en el Video el Alcance en Nextion Display trazará la Presión , la temperatura y la Humedad del Módulo BME280 .

En Imagen 2 puedes ver el Visuino completo diagrama.

Se adjunta el Visuino . proyecto, que creé para este Tutorial. Puedes descargarlo y abrirlo en Visuino :https://www.visuino.com

También adjunto en el mismo zip está el Editor Nextion . proyecto para Nextion Display .