Última modificación hace 3 años
Son muchas las personas que están buscando un medidor de CO2 con una gran pantalla que se pueda ver a cierta distancia para su instalación en hostelería, colegios, gimnasios y similares.
La verdad es que el sistema es tan flexible que, como verás más adelante, no solo permite la creación de paneles de visualización enormes (desde móviles de 5″ a tablets de 7″, iPads de 12.9″ hasta Smart TVs de 100″), sino que es posible crear pantallas extremadamente pequeñas, como la ventana flotante para profesores que enseño más abajo.
Durante este tiempo he realizado varios prototipos y experimentos con diferentes tipos de displays. He utilizado pantallas LED de siete segmentos de gran tamaño, paneles matriciales, paneles direccionables, etc.
El problema con el que me encontraba era, por un lado, la rigidez del sistema (cada persona tiene unos gustos y unas necesidades diferentes y hubiera sido necesario adaptar el sistema a muchos tipos de hardware diferente) por otro lado la dificultad de construcción y el coste.
Finalmente, me dije ¿por qué no aprovechar que el medidor de CO2 tiene un completo servidor web integrado y aprovecharlo para su visualización en todo tipo de pantallas?
Dicho y hecho, me remangué, me puse a trabajar y hoy os traigo el resultado…
Todavía no está terminado, pero quiero que vayáis abriendo boca de lo que viene.
Mis conocimientos de CSS (me defiendo, pero no lo tengo dominado) hacen que vaya más lento de lo que quisiera, y que me dé mucho más trabajo del necesario.
Si tienes conocimientos de CSS y quieres colaborar, escríbeme a través del grupo de Telegram, por favor. Con un poco de ayuda podemos conseguir algo muy, muy atractivo e interesante de lo que podrá beneficiarse mucha gente que lo necesita.
Beneficios del CO₂ en pantalla grande
Al estar basado en HTML, CSS, y JavaScript (las tecnologías de la web), son muchos los beneficios que se pueden obtener de este sistema de visualización en pantalla grande.
Aparte del beneficio obvio, que es posible visualizar la información a distancia, tendríamos los siguientes:
- Gran flexibilidad de contenido y diseño
- Sin inversión. No hace falta nada más que el medidor de CO₂ casero de este blog (y el dispositivo donde quieras visualizarlo, claro).
- Adaptable a todo tipo de dispositivos (Teléfonos, tabletas, ordenadores, Smart TV, etc.).
- Posibilidad de diseño responsive (autoadaptación al dispositivo de visualización).
- Múltiples clientes simultáneos.
- Posibilidad de integrar otras fuentes de información.
- Completa libertad para elegir colores, tamaños, tipos de letra, etc.
- Sistema completamente autónomo (no necesita conexión a internet para funcionar)
- Sin dependencias de librerías como jQuery u otras.
- Logotipo personalizable (tomo todo) fácilmente.
- Posibilidad de definir varias páginas con distintos diseños.
Posibilidades del medidor de CO₂ en pantalla grande
Aunque, por el momento, no es más que un prototipo (pronto publicaré instrucciones y los ficheros necesarios, en esta misma página, para que tú también puedas hacerlo), el sistema de visualización cuenta ya con las siguientes funcionalidades:
- Visualización de cualquier parámetro del medidor de CO₂ (como temperatura y humedad, en estos ejemplos).
- Visualización en tiempo real sin recargar la página.
- Visualización de gráficos históricos (de Thingspeak u otras).
- Cambio de color, según el nivel de CO₂ (efecto semáforo) con niveles ajustables por el usuario.
- Posibilidad de visualización de datos externos.
De todas ellas, que vendrá bien a una u otras personas, yo creo que lo más interesante y útil para todo el mundo es que la pantalla siempre muestra el valor de CO₂ actualizado en ese momento. No necesitas recargar la página ni pulsar ningún botón para tener el dato de ese mismo momento.
Dispositivos de visualización
Son muchos los dispositivos en los que es posible la visualización del CO2. Tanto si necesitas un pequeño sistema autónomo, con una tablet, por ejemplo, para espacios de un tamaño medio como un TV de gran formato, para grandes locales, siempre tienes una opción.
Tablets
La tablet es el dispositivo de visualización por excelencia.
Hay tabletas con Android realmente económicas, incluso tabletas antiguas, que puede que ya no uses, y que puedes utilizar para esto, dándoles una nueva juventud.
Son ideales para ponerlas fijas en la pared con algún tipo de soporte, como este:
Smart TV
La mayoría de Smart TV de los últimos años soportan HTML, CSS y JavaScript (las tecnologías de internet) con lo que será muy fácil utilizarlas como un dispositivo de visualización de CO₂.
Esta es una solución perfecta para salas realmente grandes en las que necesitamos que la información se vea desde todos los puntos.
Podemos poner una SmartTV de 4K y 58″, por relativamente poco dinero que se verá desde muy lejos.
TV normales (con la ayuda de, por ejemplo, un Amazon Fire TV Stick)
Si tienes una televisión un poco antigua, o cualquier monitor con entrada HDMI, puedes utilizarlo para visualizar los niveles de CO₂ haciendo uso de, por ejemplo, un Fire TV Stick:
Equipos de profesor, monitor, supervisor, etc
No todo son pantallas gigantes. A veces la esencia viene en frasco pequeño.
En ocasiones es importante que el profesor, monitor, supervisor, etc. tenga la posibilidad de ver de forma permanente el nivel de CO₂ en el ambiente.
En esta imagen (abajo a la derecha) puedes ver como una pequeña ventana «flota» en el ordenador del profesor por encima de lo que esté haciendo, permitiéndole visualizar el nivel de CO₂ en todo momento. El profesor puede arrastrar la ventana para cambiarla de sitio, cambiarla de tamaño y, por supuesto, ocultarla.
Limitaciones
Como con todo, también este sistema tiene sus limitaciones.
Estas son las que conozco hasta ahora (si descubre otra házmelo saber para incluirla).
- Baja seguridad: No es válido si quieres mostrar datos «sensibles». Está pensado para datos públicos, de manera que no te importe si alguien, sea de la forma que sea, se conecta y los obtiene.
- Usuarios concurrentes: El microcontrolador utilizado en el medidor de CO₂ (ESP8266) no es un servidor web real, por lo que no soportará muchas conexiones a la vez. Yo lo he probado con cuatro conexiones simultáneas y funciona, pero no sé cuántas aguantaría. Esto está pensado para conectar unos pocos dispositivos de visualización, no para que un montón de gente se conecte al medidor de CO₂ directamente.
Ejemplos de visualización
Te iré dejando aquí algunos ejemplos de lo que voy haciendo, para que te hagas a la idea:
Tablets recomendadas
Casi cualquier tablet debería servir como dispositivo de visualización. Lógicamente hay tantos modelos que es difícil saber a priori si en alguno de ellos no funcionará por algún motivo.
Lo más importante, cuando se usa como dispositivo de visualización es que la tablet sea capaz de estar encendida y cargar simultáneamente. Casi todas lo hacen, pero no todas, Yo, por ejemplo, tengo una que, aunque esté enchufada, consume más de lo que carga, por lo que al cabo de unas horas se apaga.
Te recomiendo que compres tu tablet en Amazon, donde podrás devolverla y cambiarla por otra si no funciona, sin ningún problema.
De dejo aquí algunas de las tabletas más vendidas de Amazon:
Si utilizas alguna tablet que se venda en Amazon (esté incluida en esta lista o no) dímelo, con los resultados obtenidos, para poder aconsejar a los usuarios.
Hola, como va este proyecto. Me gustaría poder probarlo para mi local.
Me parece que lo van a ir haciendo obligatorio.
He pedido las piezas para ir montándolo. Ya te daré la brasa con mis problemas 🙂
Un saludo.
Hola! Por favor, puedes publicar al menos lo básico para poder visualizar los datos en una tablet? Aunque sólo sea el valor en tiempo real! Muchas gracias por el trabajazo!! Un saludo
Hola Jordi.
Justo lo estamos retomando, con ayuda del compañero Sey. A ver si le damos un buen empujón y podemos publicarlo en breve.
Un saludo.
Hola,
Últimamente sigo tu blog día a día. Soy profesor y estoy a punto de empezar el proyecto del medidor de CO2, con alumnos. Por lo que se ve en una imagen, parece que utilizas Thingspeak para publicar las lecturas del sensor, yo lo he intentado pero no he sido capaz, de conseguirlo, acabo de descubrir ESPeasy y todavía no entiendo bien la plataforma, ni MQTT. Sin embargo, con Arduinoblocks no he tenido problemas. Podrías indicarme algún tutorial para conectar a Thingspeak? no creo que tenga problemas si está en inglés.
También he observado en el video sobre MH-Z19B que no parece que haya muchas diferencias entre los resultados del MH-Z19B original y el Senseair de referencia, no es cierto?
Un saludo, y muchas gracias por todo el trabajo que realizas y nos muestras.
Gracias
Edito:: Revisando el blog, he visto unas instrucciones en la entrada https://viejo.emariete.com/medidor-casero-co2/#Creacion_de_grafico_de_evolucion_de_CO así que probaré a ver que puedo hacer.
Muchas gracias.
Hola Alberto.
Me alegro de que hayas encontrado las instrucciones para enviar los datos a Thingspeak.
Las diferencias entre las medidas del MH-Z19B y del Senseair S8 LP no son grandes, ambos sensores miden bastante bien. El Senseair S8 LP es más rápido detectando cambios.
Para cualquier duda que tengas, estaré encantado de echarte una mano. Lo mejor es a través de grupo de Telegram: https://t.me/emariete_chat
Un saludo.