Widget IQAir

Datos de calidad del aire para una ruta ciclista cerca de Bangkok.

Conecté datos locales de sensores con un widget WordPress para pantallas públicas.

Sector
Información ambiental
Tecnologías
WordPress / IQAir API
Año del proyecto
2023
Cliente
IQAir widget
Integración web original con el widget y la cámara del cliente. Archivo, noviembre de 2023.
Detalle del proyecto

Integración web original con el widget y la cámara del cliente. Archivo, noviembre de 2023.

El reto

La información debía entenderse sin navegar y corresponder al lugar de instalación. El proyecto requería una pantalla informativa, no un sitio convencional.

La solución

Desarrollé un widget WordPress conectado a la API de IQAir. Muestra datos locales del aire y del tiempo de sensores situados en la ruta ciclista alrededor del aeropuerto de Suvarnabhumi. AJAX actualiza la pantalla sin recargar la página. Las imágenes son materiales originales del proyecto de 2023, no mediciones actuales.

El proyecto en detalle

Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.

Datos del lugar correcto

Conecté la pantalla con cada ubicación de los sensores. Se puede cambiar entre Bike Center y las zonas de descanso. La ubicación seleccionada permanece visible junto al índice de calidad del aire.

Rest Area 2 en estado Good. Widget original, noviembre de 2023.
Detalle del proyecto

Rest Area 2 en estado Good. Widget original, noviembre de 2023.

Actualizar sin recargar la pantalla

Usé AJAX para actualizar las lecturas sin recargar toda la página. PM2.5, PM10, viento y temperatura aparecen junto al selector de ubicación. La hora de actualización permite saber cuándo se registraron los datos.

Rest Area 3 en estado Moderate. La marca roja forma parte de la imagen original.
Detalle del proyecto

Rest Area 3 en estado Moderate. La marca roja forma parte de la imagen original.

Detalle de la ubicación y los datos meteorológicos del mismo widget original.
Detalle del proyecto

Detalle de la ubicación y los datos meteorológicos del mismo widget original.

1 de 2

Un widget para distintas pantallas

Adapté la interfaz para televisores grandes con baja densidad de píxeles y permití integrarla en una página web. La captura original también incluye la cámara del cliente como contexto. Mi trabajo fue el widget de calidad del aire.

Presentación original del proyecto con la ruta ciclista y dos estados del widget.
Detalle del proyecto

Presentación original del proyecto con la ruta ciclista y dos estados del widget.

El resultado

Resultado

Información meteorológica y ambiental conectada

En la práctica

Presentación adaptable a varias clases de pantalla

Detalles de Widget IQAir

¿Qué sistemas se conectaron?

El widget para pantallas públicas priorizaba la ubicación y la calidad actual del aire sobre una interfaz de datos recargada.