Tabla de contenido:
- Paso 1: lo que necesitará
- Paso 2: Desarrollo de la interfaz en Nextion Editor
- Paso 3: el circuito
- Paso 4: Inicie Visuino y seleccione el tipo de placa Arduino UNO
- Paso 5: en Visuino, agregue componentes
- Paso 6: en los componentes del conjunto de Visuino
- Paso 7: en los componentes de Visuino Connect
- Paso 8: Copie el archivo Nextion a la tarjeta SD
- Paso 9: Genere, compile y cargue el código Arduino
- Paso 10: jugar
- Paso 11: Recursos
Video: Estación meteorológica de bricolaje con pantalla Nextion y Arduino: 11 pasos
2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:41
En este tutorial usaremos la pantalla Nextion, el módulo de tiempo rtc1307, Arduino UNO y Visuino para mostrar la hora, temperatura y humedad actuales.
Vea un video de demostración.
Paso 1: lo que necesitará
- Arduino uno (o nano, mega cualquiera puede usarse)
- Nextion lcd de 2,8 pulgadas nx3224t028_011 (cualquier otro nextion lcd también funcionará)
- Módulo de reloj en tiempo real I2C RTC DS1307 24C32 para Arduino
- Cables de puente
- Tablero de circuitos
- Programa Visuino: Descarga Visuino
- Programa Nextion Editor: Descargar aquí
Paso 2: Desarrollo de la interfaz en Nextion Editor
Primero asegúrese de que la tarjeta SD esté formateada en FAT32 (use algún software como el formateador de tarjetas)
- Inicie el software Nextion Editor y haga clic en "Nuevo" y guarde su proyecto en algo como "Clima"
- A continuación, aparecerá el cuadro de diálogo "Configuración", seleccione el tipo de pantalla que tiene.
- Se creará una hoja en blanco.
- Desde la Caja de herramientas de la izquierda, arrastre la imagen 3x.
- En la parte inferior izquierda, seleccione la pestaña "Imagen", haga clic en el botón + y cargue las imágenes. Puede descargar algunos iconos agradables de Internet para el tiempo, la temperatura y la humedad (como el sitio web Iconarchive)
- Seleccione cada elemento de imagen y en la ventana "Atributo" de la parte inferior derecha haga doble clic en el campo "imagen" y seleccione la imagen, haga esto para cada elemento de imagen (3x).
En el menú, haga clic en "Herramientas> Generador de fuentes".
- Cree la fuente que se utilizará para mostrar la hora, la temperatura y la humedad y establezca el nombre como "MyFont1"
- Haga clic en "Generar fuente" y guárdelo en algún lugar, cuando se le pregunte "¿Agregar la fuente generada?" haga clic en Sí.
- Cierre el cuadro de diálogo y la fuente generada se mostrará en el botón izquierdo debajo de la pestaña "Fuentes" con el ID 0
- Desde el cuadro de herramientas de la izquierda, arrastre 3x "texto", colóquelo donde se mostrarán los datos
- Para cada elemento de texto establecido en la ventana "Atributos" de la parte inferior derecha, la fuente a 0 <el ID de la fuente que generó antes, puede usar múltiples fuentes y establecer el ID para cada elemento de texto
- Puede establecer el valor de texto predeterminado en el campo "txt", por ejemplo, "Hora", "C", "%
- Puede establecer el color haciendo clic en el campo "pco" Tenga en cuenta que cada elemento de texto tiene un nombre de objeto determinado como "t0", etc., que luego se utilizará en Visuino
- Puede encontrar el nombre de cada objeto en la ventana "atributos"> objname
Cuando hayas colocado y colocado todos los elementos:
- haga clic en el botón "Compilar"
- haga clic en el menú "Archivo"> "Abrir carpeta de compilación", busque el archivo en nuestro caso "Weather.tft" y cópielo en la tarjeta SD.
Paso 3: el circuito
- Conecte el pin Arduino [5v] al pin positivo de la placa de pruebas [rojo]
- Conecte el pin Arduino [GND] al pin negativo de la placa de pruebas [Azul]
- Conecte el pin del sensor DHT11 [-] al pin de Arduino [GND]
- Conecte el pin del sensor DHT11 [-] al pin positivo de la placa de pruebas [rojo]
- Conecte el pin de señal del sensor DHT11 [S] al pin digital Arduino [7]
- Conecte el pin del módulo Time DS1307 [Vcc] al pin positivo de la placa de pruebas [Rojo]
- Conecte el pin del módulo Time DS1307 [GND] al pin negativo de la placa de pruebas [Azul]
- Conecte el pin del módulo Time DS1307 [SDA] al pin Arduino [SDA]
- Conecte el pin del módulo Time DS1307 [SCL] al pin Arduino [SCL]
- Conecta el pin de Nextion Display [VCC] al pin positivo de la placa de pruebas [rojo]
- Conecte la clavija [GND] de Nextion Display a la clavija negativa de la placa de pruebas [Azul]
- Conecte el pin de Nextion Display [RX] al pin de Arduino [TX]
- Conecte el pin de Nextion Display [TX] al pin de Arduino [RX]
Paso 4: Inicie Visuino y seleccione el tipo de placa Arduino UNO
Para comenzar a programar el Arduino, deberá tener el IDE de Arduino instalado desde aquí:
Tenga en cuenta que hay algunos errores críticos en Arduino IDE 1.6.6. ¡Asegúrese de instalar 1.6.7 o superior, de lo contrario, este Instructable no funcionará! Si no lo ha hecho, siga los pasos de este Instructable para configurar el IDE de Arduino para programar Arduino UNO. Visuino: https://www.visuino.eu también necesita estar instalado. Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1) en Visuino Cuando aparezca el cuadro de diálogo, seleccione "Arduino UNO" como se muestra en la Imagen 2
Paso 5: en Visuino, agregue componentes
- Agregar el componente "Inicio"
- Agregar el componente "Reloj en tiempo real (RTC) DS 1307"
- Agregar el componente "Generador de reloj"
- Agregue el componente "Humedad y termómetro DHT11"
- Agregue 2 veces el componente "Analógico a texto"
- Agregar el componente "Decodificar (dividir) fecha y hora"
- Agregar el componente "Nextion Display"
Paso 6: en los componentes del conjunto de Visuino
Haga doble clic en el componente "RealTimeClock1", se abrirá la ventana de elementos y:
- Arrastre "Establecer día" y, en la ventana de propiedades, establezca el "Valor" en su fecha actual.
- Arrastre "Establecer año" y, en la ventana de propiedades, establezca el "Valor" en su año actual.
- Arrastre "Establecer mes" y, en la ventana de propiedades, establezca el "Valor" en su mes actual.
- Arrastre "Establecer hora" y, en la ventana de propiedades, establezca el "Valor" en su hora actual.
- Arrastre "Establecer minuto" y, en la ventana de propiedades, establezca el "Valor" en sus minutos actuales.
Seleccione el componente "FormattedText1" y, en la ventana de propiedades, establezca "texto" en:% 0:% 1:% 2
Haga doble clic en el componente "FormattedText1", se abrirá la ventana de elementos y:
Arrastra tres veces "Elemento de texto" hacia la izquierda.
Haga doble clic en el componente "DisplayNextion1", se abrirá la ventana de elementos y:
Arrastre tres elementos "Texto" hacia la izquierda y para cada conjunto de elementos:
- para el primer elemento, nómbrelo: Hora
- para el segundo elemento, nómbrelo: Temperatura
- para el tercer elemento, nómbrelo: Humedad
- Para cada conjunto de elementos "Índice de página": 0
- para el primer conjunto de elementos "Nombre del elemento": t0 (este es el nombre que está visible en el editor de Nextion encima de cada elemento en mi caso es t0)
- para el segundo conjunto de elementos "Nombre del elemento": t1 (este es el nombre que está visible en el editor de Nextion encima de cada elemento en mi caso es t1)
- para el segundo conjunto de elementos "Nombre del elemento": t2 (este es el nombre que está visible en el editor de Nextion encima de cada elemento en mi caso es t2)
Paso 7: en los componentes de Visuino Connect
- Conecte el pin "Salida" de "Start1" a "RealTimeClock1"> pin "Reloj" de "Set Day1"
- Conecte "Start1" pin "Out" a "RealTimeClock1"> "Set Hour1" pin "Clock"
- Conecte "Start1" pin "Out" a "RealTimeClock1"> "Set Year1" pin "Clock"
- Conecte el pin "Start1" "Out" a "RealTimeClock1"> "Set Month1" pin "Clock"
- Conecte el pin "Salida" de "Start1" a "RealTimeClock1"> pin "Reloj" de "Set Minute1"
- Conecte el pin del componente "RealTimeClock1" [Out] al pin "DecodeDateTime1" [In]
- Conecte el pin del componente "RealTimeClock1" [Control] al pin I2C de la placa Arduino [In]
- Conecte la patilla del componente "ClockGenerator1" [Salida] a la patilla del componente "HumidityThermometer1" [Reloj]
- Conecte el componente "DecodeDateTime1" al pin [Hora] a "FormattedText1"> pin "Textelement1" [In]
- Conecte el componente "DecodeDateTime1" al pin [Hora] a "FormattedText1"> pin "Textelement2" [In]
- Conecte el componente "DecodeDateTime1" al pin [Hora] al pin "FormattedText1"> "Textelement3" pin [In]
- Conecte el pin del componente "HumidityThermometer1" [Temperature] al pin del componente "AnalogToText1" [In]
- Conecte el pin del componente "HumidityThermometer1" [Humedad] al pin del componente "AnalogToText2" [In]
- Conecte el pin del componente "HumidityThermometer1" [Sensor] al pin digital de la placa Arduino [7]
- Conecte el pin del componente "FormattedText1" [Out] al pin del componente "DisplayNextion1" Time [In]
- Conecte el pin del componente "AnalogToText1" [Out] al pin del componente "DisplayNextion1" Temperature [In]
- Conecte el pin del componente "AnalogToText2" [Salida] al pin del componente "DisplayNextion1" Humedad [In]
Conecte el pin "DisplayNextion1" [Out] al pin "Serial [0]" de la placa arduino [In]
Paso 8: Copie el archivo Nextion a la tarjeta SD
Asegúrese de tener el archivo Nextion en la tarjeta SD
- Apague la pantalla Nextion
- Coloque la tarjeta SD en Nextion Display
- Encienda la pantalla Nextion y debería ver el progreso de la actualización de la pantalla Nextion
- Apague la pantalla Nextion
- Retire la tarjeta SD de la pantalla Nextion
Ahora la pantalla Nextion está lista.
Paso 9: Genere, compile y cargue el código Arduino
En Visuino, presione F9 o haga clic en el botón que se muestra en la Imagen 1 para generar el código Arduino, y abra el IDE de Arduino En el IDE de Arduino, haga clic en el botón Cargar, para compilar y cargar el código (Imagen 2) Nota:
Asegúrese de que cuando esté cargando el código en Arduino para desconectar el pin Arduino [RX] y el pin Arduino [TX] Una vez finalizada la carga, vuelva a conectar el pin Arduino [RX] y el pin Arduino [TX]
Paso 10: jugar
Si enciende el módulo Arduino UNO, la pantalla comenzará a mostrar la temperatura actual y el nivel de humedad + tiempo que configuró en Visuino. ¡Felicidades! Ha completado su proyecto de estación meteorológica con Visuino.
También se adjunta el proyecto de Visuino, que creé para este Instructable. Puede descargarlo y abrirlo en Visuino:
y
Archivo Nextion para Nextion Editor (Weather. HMI) y archivo Nextion compilado (Weather.tft) que puede copiar directamente a su pantalla Nextion.
Paso 11: Recursos
También puede consultar este increíble tutorial para aprender a trabajar con Nextion Displayshttps://www.instructables.com/id/Visuino-Nextion-Lcd-Based-Acceleration-to-Angle-Di/
Recomendado:
Estación meteorológica NaTaLia: estación meteorológica con energía solar Arduino hecha de la manera correcta: 8 pasos (con imágenes)
Estación meteorológica NaTaLia: estación meteorológica con energía solar Arduino hecha de la manera correcta: después de 1 año de operación exitosa en 2 ubicaciones diferentes, estoy compartiendo los planes del proyecto de mi estación meteorológica con energía solar y explicando cómo evolucionó a un sistema que realmente puede sobrevivir durante mucho tiempo períodos de energía solar. Si tu sigues
Estación meteorológica de bricolaje y estación de sensor WiFi: 7 pasos (con imágenes)
Estación meteorológica de bricolaje y estación de sensor WiFi: en este proyecto, le mostraré cómo crear una estación meteorológica junto con una estación de sensor WiFi. La estación de sensores mide los datos de temperatura y humedad locales y los envía, a través de WiFi, a la estación meteorológica. La estación meteorológica muestra t
Estación meteorológica completa de bricolaje Raspberry Pi con software: 7 pasos (con imágenes)
Estación meteorológica completa de bricolaje Raspberry Pi con software: a fines de febrero vi esta publicación en el sitio de Raspberry Pi. http://www.raspberrypi.org/school-weather-station-… Habían creado estaciones meteorológicas Raspberry Pi para escuelas. ¡Quería uno totalmente! Pero en ese momento (y creo que todavía al momento de escribir
Estación meteorológica de bricolaje simple con DHT11 y pantalla OLED: 8 pasos
Estación meteorológica de bricolaje simple con DHT11 y pantalla OLED: en este tutorial aprenderemos cómo crear una estación meteorológica simple usando Arduino, sensor DHT11, pantalla OLED y Visuino para mostrar la temperatura y la humedad
Estación meteorológica de bricolaje con DHT11, BMP180, Nodemcu con Arduino IDE sobre el servidor Blynk: 4 pasos
Estación meteorológica DIY usando DHT11, BMP180, Nodemcu con Arduino IDE sobre Blynk Server: Github: DIY_Weather_Station Hackster.io: Weather Station Por ejemplo, cuando lo abres, puedes conocer las condiciones climáticas como la temperatura, la humedad, etc. Esas lecturas son el valor promedio de un gran son