IQAir-Widget
Luftqualitätsdaten für eine Radstrecke bei Bangkok.
Ich verband lokale Sensordaten mit einem WordPress-Widget für öffentliche Bildschirme.
- Bereich
- Umweltinformationen
- Technologien
- WordPress / IQAir API
- Projektjahr
- 2023
- Kunde
- IQAir widget
Die Aufgabe
Die Daten sollten ohne aktive Navigation verständlich sein und sich auf den jeweiligen Standort beziehen. Gefragt war eine Bildschirmanzeige statt einer klassischen Website.
Die Umsetzung
Ich entwickelte ein WordPress-Widget mit Anbindung an die IQAir-API. Es zeigt lokale Luftqualitäts- und Wetterdaten von Sensoren an der Radstrecke rund um den Flughafen Suvarnabhumi. AJAX aktualisiert die Anzeige ohne erneutes Laden der Seite. Die Bilder stammen aus dem Projektarchiv von 2023 und zeigen keine aktuellen Messungen.
Das Projekt im Detail
Die Bilder zeigen Oberfläche und Kontext. Die Bildunterschriften unterscheiden Projektarchive von heutigen Website-Ansichten.
Werte für den richtigen Standort
Ich verband die Anzeige mit den jeweiligen Sensorstandorten. Besucher können zwischen Bike Center und Rastplätzen wechseln. Der ausgewählte Standort bleibt neben dem Luftqualitätsindex sichtbar.
Daten aktualisieren, ohne die Seite neu zu laden
Ich setzte AJAX für die Aktualisierung der Messwerte ein. PM2.5, PM10, Wind und Temperatur stehen neben der Standortauswahl. Ein Zeitstempel zeigt, wann die Daten erfasst wurden.
Mehr als eine Bildschirmgröße
Ich passte die Oberfläche für große Fernseher mit geringer Pixeldichte an und machte sie in Webseiten einbettbar. Der ursprüngliche Web-Screenshot zeigt auch die Kamera-Kachel des Kunden. Mein Beitrag war das Luftqualitäts-Widget.
Das Ergebnis
Angebundene Wetter- und Luftqualitätsdaten
Anpassbare Darstellung auf mehreren Bildschirmtypen
Details zu IQAir-Widget
Welche Systeme wurden verbunden?
Das Widget für öffentliche Bildschirme stellte Standort und aktuelle Luftqualität vor eine dichte Dashboard-Oberfläche.
