Pantalla táctil a color para el medidor de CO₂ ¡Wow!

¿Para qué poner pantalla táctil a un medidor de CO2?

En este post, vamos a hablar sobre la nueva y emocionante característica de un medidor de CO₂: la pantalla táctil a color. Con una pantalla táctil a color, los usuarios pueden ver los datos de manera clara y precisa, y interactuar con el dispositivo de manera intuitiva. ¡Sigue leyendo para obtener más información sobre cómo esta característica puede mejorar tu experiencia con el medidor de CO₂!

No hay duda, las cosas entran por los ojos y una pantalla táctil en color para nuestro medidor de CO2 casero lleva el proyecto a otro nivel. ¿Quién se puede resistir a una bonita pantalla táctil a todo color de un tamaño más que correcto?

Ya tenemos un medidor de CO₂ de calidad, con un montón de funcionalidades y posibilidades de ampliación, a bajo precio. Ahora toca darle un toque de lujo. Algo de lo que podemos prescindir, pero ¡qué leche!, vamos a darnos un capricho para sentirnos orgullosos y tener algo que, al enseñárselo a nuestros amigos y familia y decirles eso de «lo he hecho yo», provoque el efecto ¡Wow!

Aquí tenemos a la criatura en cuestión, en una de sus primeras versiones (tranquilo, ya irá mejorando con el tiempo y haciéndose más bonita):

Su instalación no puede ser más sencilla… solo conectar cuatro cables, cargar en la tarjeta MicroSD de la pantalla el fichero que te voy a proporcionar más abajo y actualizar y configurar el medidor.

El secreto está en la elección de la pantalla: Una pantalla inteligente Nextion.

Esta pantalla es muy especial (y te la recomiendo para utilizarla en cualquier otro proyecto que tengas en la que necesites una pantalla).

Lo que hace distinta a esta pantalla sobre las demás es que no se trata de una simple pantalla, sino que tiene integrado toda la interface de usuario, como gráficos, botones, etc. y cuenta con su propio microprocesador para gestionar todo eso, y nosotros solamente tenemos que decirle qué dato queremos que «pinte» en determinado sitio o esperar a que la pantalla nos diga «me han pulsado en tal sitio».

La gran ventaja es que puedes diseñar tu propia interface de usuario con herramientas sencillas (yo lo he hecho con PowerPoint) sin necesidad de tener grandes conocimientos técnicos.

En breve tendré una versión «presentable» que podrás descargar de aquí con todas las instrucciones, para que puedas incorporarla a tu Medidor de CO2 casero de eMariete.

La pantalla que vamos a usar

Mientras que lo termino, si quieres comprarla, te recomiendo hacerlo en este enlace de AliExpress, que es exactamente la misma pantalla que yo estoy utilizando (así te asegurarás de no tener problemas):

Si la compras en otro sitio ten cuidado porque hay una versión idéntica, pero en chino que después solo podrás usar con el editor en chino (si sabes chino puedes ignorar este comentario 😉).

Ya sabes que este artículo es una ampliación del «Medidor de CO2 casero de eMariete». Si no lo has leído, empieza por aquí:

Un medidor de CO2 casero con Wifi contra el coronavirus: El CO2 Easy

Cómo añadir una pantalla táctil a tu medidor de CO2

Para añadir la pantalla táctil a tu medidor, necesitarás lo siguiente:

• La pantalla Nextion correcta
• El fichero que tienes que cargar en la pantalla
• Una versión de ESP Easy que soporte la pantalla
• Configurar el plugin
• Añadir las reglas que necesites

Supongo que ya tienes la pantalla correcta. Es importante que sea exactamente el mismo modelo para que te funcione el fichero que he preparado. Ten cuidado porque hay muchos modelos de pantallas Nextion con pequeñas diferencias y podría no funcionarte. Te recomiendo que la compres en el enlace que te he puesto antes.

Aquí puedes descargar el fichero HMI para la pantalla Nextion. Solo tienes que cargarlo con el editor de Nextion en tu pantalla y ajustar las reglas.

Ten una cuenta que el plugin de Nextion no está incluido en el build normal de ESP Easy. Necesitarás el build que incluye «TEST» en el nombre (está en el paquete completo que descargas desde la página de releases de ESP Easy en GitHub).

Grábalo en tu ESP8266 y añádelo como dispositivo en el desplegable de la pestaña «Devices» (Dispositivos):

Ahora tienes que configurar el dispositivo Nextion para que quede de la siguiente manera (pincha en la imagen para verla completa):

Lógicamente, tendrás que cambiar los nombres de dispositivos por los tuyos. Por ejemplo, en la línea 1, si tu sensor se llama CO2 y el valor se llama PPM, tendrás que poner [CO2#PPM].

Con esto tu pantalla ya estaría funcionando y cada 15 segundos (el valor indicado en la configuración en «Interval») los valores se actualizarán.

Queda pendiente de implementar la parte táctil y sus reglas, ya que, aunque puedes hacer click con el dedo y cambiar entre las diferentes pantallas, todavía no está terminado de implementar y ESP Easy no recibe esos clicks. Te animo a avanzar por aquí y compartir en el grupo de Telegram tus avances para que otros usuarios se puedan beneficiar.