Última modificación hace 1 año
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:
- INSTALACIÓN Y RETIRADA SIN DAÑOS: Se instala en menos de 2 minutos usando Tiras Adhesivas Command 3M sin daños (incluidas) que están calificadas para sostener hasta 2.25 kg cada una; no hacen falta tornillos ni agujeros; diseñada para su uso en superficies planas, lisas (se venden por separado versiones atornillables, Koala Mount con tornillos y Koala Mount 2.0)
- UNIVERSAL: Usa 2 soportes separados que pueden configurarse a cualquier distancia requerida por tu dispositivo, permitiendo una plena compatibilidad de anchuras. Esto incluye los iPads 1, 2, 3, 4 y el Nuevo iPad 9.7, Pro, Air, Air 2, la mayoría de las tablets de Samsung y muchas más. Los soportes encajarán con cualquier dispositivo de 11mm de grosor o menos. Puede usarse con fundas protectoras siempre y cuando su grosor sea inferior a los 11mm.
- SIMPLE: Colocación y retirada súper sencillas, puede configurarse en modo retrato o paisaje. No hacen falta accesorios extra; no hacen falta fundas especiales ni añadidos en tu tablet. El pleno acceso a los puertos/botones en dispositivos mayores a las 7-8'' puede funcionar mejor con nuestra Koala Mount 2.0. Clips para cables preinstalados para ayudar a mantener ordenado tu cable.
- MONTAJE: Vienen con tiras Command 3M Regulares que no están diseñadas para funcionar en áreas expuestas a altas temperaturas o humedad (como el baño). Para esto, 3M fabrica tiras especiales resistentes al agua y al calor. Además, las tiras Command no tienden a funcionar bien en superficies texturadas y en algunos papeles. Recomendamos mucho realizar nuestro Test de Resistencia. Las tiras Command no son reutilizables después de haber sido retiradas.
- NOTA SOBRE COMPATIBILIDAD: Si bien encaja con la mayoría de las tablets más populares, los soportes pueden bloquear puertos/botones en ambos lados entre los 3.8cm y los 9.5 cm desde abajo (tablets de 7-8'' como el iPad Mini pueden tener puertos bloqueados en modo paisaje - si este fuera tu caso puedes ver nuestra Koala Mount 2.0).
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:
- Nuestro Fire TV Stick más asequible: reproducción en streaming rápida y con calidad Full HD. Viene con el mando por voz Alexa | Lite.
- Pulsa el botón y pídeselo a Alexa: usa la voz para buscar contenido e iniciar la reproducción en múltiples apps.
- Miles de apps, Skills de Alexa y canales, incluyendo Netflix, YouTube, Prime Video, Disney+, DAZN, Atresplayer, Mitele y más. Pueden aplicarse cargos de suscripción.
- Los miembros Amazon Prime tienen acceso ilimitado a miles de películas y episodios de series.
- Televisión en directo: mira en directo programas de televisión, las noticias y deportes con las suscripciones a DAZN, Atresplayer, Movistar+ y más.
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:
- Desde películas épicas hasta contenidos de tutoriales para pasar el tiempo a lo grande, la Galaxy Tab A8 te invita a un mundo más amplio con su campo de visión más grande y mejorado.
- Fabricada para ofrecer una experiencia inmersiva, la Galaxy Tab A8 abre un universo envolvente de contenido, juegos y actividades incluso para los más pequeños.
- Con el procesador de ocho núcleos emparejado con hasta 4GB de RAM y hasta 64GB de almacenamiento interno, la Galaxy Tab A8 viene siempre lista para asumir cualquier desafío sin ralentizar la velocidad o agotar la batería.
- Con Samsung TV Plus, ofrece televisión instantánea y gratuita en cualquier momento y en cualquier lugar. Disfruta de miles de horas de noticias, deportes, películas, y gran variedad de contenidos.
- Disfruta de un sonido envolvente gracias a sus altavoces cuádruples con tecnología Dolby Atmos
- Disfruta de películas y juegos en una pantalla ancha de 8,7 pulgadas; El borde reducido al mínimo ofrece una relación de pantalla grande sin aumentar el tamaño de la tablet
- Navega fácilmente por tu tablet Android con una sola mano; El menú que puedes utilizar con gestos te permite volver atrás, ver tus aplicaciones recientes y volver al menú Inicio con solo deslizar un dedo
- Disfruta de una proyección espontánea en el parque o una larga sesión de cine en tu cama con los altavoces duales en la disposición horizontal que ofrecen un sonido intenso en estéreo en tu tablet de 8 pulgadas
- La tablet Samsung Galaxy Tab A7 Lite dispone de 32/64 GB de almacenamiento incorporado para almacenar todos tus archivos y fotos y vídeos en alta resolución
- La batería de 5100 mAh* hace que puedas olvidarte del cargador durante largos periodos de tiempo cuando tienes algo que hacer o mucho contenido por ver
- Tablet 10 Pulgadas:Tablet 10.1 pulgadas tiene una pantalla IPS HD de 1280×800 y adopta el algoritmo de mejora de color T-Color, que no solo proporciona detalles de imagen de alta calidad, sino que también mejora el efecto de color de la imagen y finalmente forma la mejor imagen. Al mismo tiempo, la pantalla de la tableta adopta una pantalla táctil 2.5D y un cuerpo con bordes curvos, que tiene una excelente sensación y un hermoso diseño.
- Tablet Android 12 y Cuerpo Metálico:Tablet equipada Rockchip RK3566 con procesador de CPU, la frecuencia más alta es 1.8GHz, funcionamiento rápido. Y equipado con una sistema operativo inteligente Android 12, además de una experiencia de optimización Ai más inteligente, nuevas funciones como el nuevo modo táctil de gestos, el modo oscuro global, etc. hacen que su tableta use una experiencia más personalizada.
- Tablet 4GB RAM 64GB ROM: Tablet 4GB de velocidad de ejecución, 64GB de espacio de almacenamiento. Puede ver películas, tomar fotos, grabar videos, escuchar música, etc. fácilmente a través de su tableta. Además, la tableta admite una tarjeta TF de 1TB para ampliar la capacidad de almacenamiento. Satisfaga sus necesidades diarias de trabajo y estudio. ¡Aviso! No apto para juegos grandes.
- WiFi 6: tablet con WiFi de alta velocidad dual banda AX y transmisión inalámbrica Bluetooth 5.0
- Pantalla Full-Fit 2.5D:Tablet Unidad de cavidad de sonido amplia, agudos brillantes y fuerte penetración, graves profundos. La cámara trasera de 5MP más la cámara frontal de 2MP, ya sea grabando paisajes espectaculares, documentos comerciales diarios o video conferencias, proporciona una gran experiencia de usuario.Si encuentra un problema con un producto, póngase en contacto con nosotros a través de su pedido y le ayudaremos a resolverlo.
- 🎄🎄🎄【Atrévete a marcar la diferencia】Blackview Tab 7 WiFi equipa con Doke OS_P 3.0 Basado en Android 12. Deslice hacia arriba, hacia abajo, hacia la derecha o hacia la izquierda, pruebe con más gestos para navegar por Doke OS_P 3.0, que facilita su control en la Blackview Tab 7 Wifi tablet Android 12. Diseñado para interacción más conveniente sin necesidad de procesos complejos.
- 🎄🎄🎄【Mejor Eficiencia y Suavidad】La 2022 nueva tablet Android 12 tiene Google Play GMS certificación. La tableta está equipada con un procesador de cuatro núcleos de CPU. Tab 7 WiFi proporciona la nueva tecnología de expansión de memoria que amplía la RAM de 3 GB hasta 5 GB, le brinda una ventaja para abrir más aplicaciones simultáneamente y cambiar entre diferentes aplicaciones con gran suavidad. Ofrece 64 GB de ROM y permite expansión de hasta 1 TB.
- 🎄🎄🎄【Tablet 10 Pulgadas & Tema Oscuro】La tablet barata y buena cuenta con una pantalla IPS HD de alta resolución de 1280x800, que le brindará colores más vivos y imágenes más clara. Además, la tablet Android tiene una función de "tema oscuro" que reduce la luz dañina para los ojos, lo que le permite disfrutar de una lectura nocturna cómoda.
- 🎄🎄🎄【Grande Energía & Altavoces Duales】La tablet 10 pulgadas Blackview Tab 7 WiFi con batería de gran capacidad de 6580 mAh le permite disfrutar del entretenimiento y el trabajo. La tablet Android 12 es capaz de durar hasta 312 horas en modo de espera y reproducir videos hasta por 5 horas. Cargue fácilmente a través del puerto tipo C de 10W para garantizar la duración de la batería. La tableta Tab 7 WiFi con altavoces duales de Smart PA, le sumerge en poderosas ondas de sonido.
- 🎄🎄🎄【Regalo Preferido y Postventa】Esta tablet WIFI tiene una cámara trasera de 5MP, una apariencia delgada y liviana y el nuevo Android 12, es el regalo seleccionado para Navidad, Día del Reyes Magos y cumpleaños. Esta tablet 10 pulgadas viene con una garantía de 24 meses y un plazo de devolución de 30 días. Cualquier problema con el producto, contáctenos a través de su historial de compras de Amazon. Haremos todo lo posible para satisfacer a nuestros clientes.
- 【La última Tablet Android 12 + GMS】El último sistema operativo inteligente Android 12 en 2023 simplifica el diseño de la interacción del sistema, optimiza el código subyacente del sistema y hace que la Android 12 Tablet funcione más suave y más rápido. La Tablet 10 Pulgadas ha superado la certificación GMS de Google. No sólo puede experimentar servicios de Google estables y fluidos, sino también instalar sus aplicaciones favoritas de terceros, como Netflix/YouTube/Facebook/Twitter.
- 【Pantalla IPS de 10,1 pulgadas】Tablets Teclast P25T equipada con una pantalla IPS de alta resolución de 1280*800, con una cómoda relación de pantalla de 16:10 para ver contenidos de vídeo. El tamaño de 10,1 pulgadas, se obtiene más espacio, la mejor opción para la película y la visualización de vídeo y la navegación del sitio. Además, esta Tablet 10 pulgadas con Control Parental, puede analizar y controlar cómo su hijo está usando su tableta para equilibrar la educación y el entretenimiento.
- 【Fast WiFi-6 tablet】 La tablet Teclast P25T soporta simultáneamente 802.11 a/b/g/n/ac/ax Wi-Fi 6, señal inalámbrica WiFi más estable, velocidad de transmisión más rápida y más ahorro de energía para sus dispositivos inalámbricos. Incorpora un chip WIFI de doble banda, el WiFi 5G y el WiFi 2.4G son más estables. También está equipado con Bluetooth 5.0. Bluetooth 5.0 le trae una experiencia impactante de auriculares inalámbricos de baja potencia.
- 【Quad-Core tablet & Más almacenamiento】La tableta Android 12 está dotada de una CPU de 4 núcleos a 1,8GHz para un funcionamiento más fluido. Equipado con 4GB de RAM y 64GB de ROM, ranura para tarjeta MicroSD (ampliable hasta 1TB/formato FAT32) para más posibilidades de memoria. Por cuatro procesadores A53 con procesadores gráficos IMG PowerVR GE8300. La última tablet teclast 10 pulgadas adecuado para los niños, los padres y los amigos como un regalo ideal de Navidad, cumpleaños.
- 【2 años de garantía】 La tablet baratas y buenas P25T viene con un práctico puerto de auriculares USB Tipo C +3,5 mm para satisfacer sus diversas necesidades.Además, la batería incorporada de 5000mah, para que pueda disfrutar fácilmente de libros electrónicos, películas, dramas y música mientras viaja o en un viaje de negocios.Garantizamos la cobertura de 2 años de garantía para la tableta P25T Android 12.
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://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.