Продукт · IoT / Довкілля
Дашборд моніторингу якості повітря
Fullstack-інженер — спроєктовано і побудовано самостійно, без виділеного дизайнера
Під NDA — клієнт і деталі продукту прихованіЦей проєкт під NDA — клієнта і назву продукту розкрити не можна. Далі — тільки моя роль і технічний підхід: дашборд оператора для живої мережі з 240 розподілених датчиків якості повітря в Берліні, інструмент, яким команда користувалась щодня, щоб вчасно виявляти несправні датчики та читати тренди забруднення в реальному часі.
Задача
Клієнт мав мережу датчиків, але не мав способу побачити її стан одним поглядом — несправні датчики залишались непоміченими, доки показники забруднення не виглядали неправильно, а єдиного вигляду, що поєднував би живу карту датчиків з історичними трендами, не було. Спроєктовано і побудовано самостійно, без передачі дизайну в роботу.
Підхід
- Карта датчиків з кольоровим кодуванням рівня забруднення й перемикачем забруднювача, щоб оператори бачили стан усієї мережі одним поглядом замість перегляду кожного датчика окремо
- Список спостереження з рухомими спарклайнами тренду, що показував датчики, які прямували до відмови, ще до того, як вони фактично відключались
- Вигляд історії, що масштабувався від одного дня до місяця на тому самому графіку, замість перезавантаження сторінки для зміни діапазону
- Розрахунки скорингу й тренду відокремлені від UI-шару, щоб цю логіку можна було пізніше перенести на сервер, не чіпаючи інтерфейс
- Справжній набір автотестів, що покриває поведінку в різних браузерах і доступність, з макетом, придатним від широкого десктопного монітора до телефону
Результат
240+
розподілених датчиків моніторяться наживо в Берліні
100%
покриття тестами — разом з крос-браузерними перевірками й перевірками доступності