Frontendowy prototyp panelu do monitorowania i wizualizacji danych z liczników energii.
Dostarczony zakres
- Dashboard, lista liczników i widoki odczytów na danych zastępczych
- Interaktywna mapa oraz wykresy zużycia, produkcji i mocy
- Filtrowanie, własne układy kolumn, prototyp konta i dwa motywy
Konkretne rezultaty
- Spójny prototyp wielu modułów aplikacji energetycznej
- Zweryfikowana organizacja analizy czasowej i geograficznego kontekstu urządzeń
- Gotowa baza interfejsu do przyszłego podłączenia rzeczywistych danych
Problem
Duża liczba liczników generuje dane, które trudno ocenić w surowej tabeli. Użytkownik potrzebuje szybkiego widoku stanu systemu, trendów zużycia oraz lokalizacji i kondycji poszczególnych urządzeń.
Rozwiązanie
Your Meter porządkuje przykładowe dane w modułach odpowiadających codziennej pracy: dashboardzie, liście liczników, odczytach, mapie i zaawansowanej analityce. Jest to obecnie niemal czysty frontend bez integracji z API.
- Filtrowalne i sortowalne listy liczników.
- Interaktywna mapa z lokalizacjami i statusem urządzeń.
- Wykresy zużycia, produkcji i analizy mocy.
- Własne widoki kolumn dla danych pomiarowych.
- Prototypowe ekrany logowania i konta oraz jasny i ciemny motyw.
Najważniejsze decyzje
Interfejs został podzielony według zadań użytkownika, a nie przyszłej struktury backendu. Chart.js odpowiada za porównania w czasie, Leaflet za kontekst geograficzny, a lokalne zestawy danych pozwalają rozwijać przepływy interfejsu przed integracją.
Rezultat
Rezultatem jest rozbudowany prototyp frontendu pokazujący docelowe przepływy pracy. Nie jest to jeszcze działający system monitoringu, ponieważ widoki korzystają z danych zastępczych.