System webowy do monitorowania, rejestrowania i wizualizacji danych z liczników energii.
Dostarczony zakres
- Dashboard, lista liczników i widoki odczytów oparte o dane z API
- Backend ASP.NET Core 8 z EF Core, SQLite, migracjami i sesją HttpOnly
- Interaktywna mapa oraz wykresy zużycia, produkcji i mocy
- Rejestrowanie liczników, symulatory taryfowe, konto gościnne tylko do odczytu i dwa motywy
Konkretne rezultaty
- Działający przepływ od zapisu pomiarów w API do dashboardu i analityki
- Trwała baza danych z migracjami oraz osobnym trybem konta gościnnego
- Publiczna aplikacja z frontendem na Cloudflare Pages i backendem pod osobnym adresem API
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 dane w modułach odpowiadających codziennej pracy: dashboardzie, liście liczników, odczytach, mapie, laboratorium symulatorów i zaawansowanej analityce. Backend udostępnia chronione endpointy dla liczników, odczytów, dashboardu, użytkowników i symulatorów.
- 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.
- Logowanie, rejestracja, profil użytkownika i sesja w bezpiecznym cookie HttpOnly.
- Symulatory taryfowe G11, G12, G12W, C11 i A23 generujące pomiary do analizy.
Najważniejsze decyzje
Interfejs został podzielony według zadań użytkownika, a nie według struktury tabel. Chart.js odpowiada za porównania w czasie, Leaflet za kontekst geograficzny, a API zwraca agregaty i listy wyliczone z rekordów zapisanych w bazie.
Operacje modyfikujące wymagają aktywnej sesji oraz własnego nagłówka aplikacji, a konto gościnne ma wymuszony tryb tylko do odczytu. Dzięki temu publiczna aplikacja może prezentować system bez pozwalania odwiedzającym na trwałą zmianę danych.
Rezultat
Rezultatem jest działająca aplikacja webowa, w której frontend korzysta z wdrożonego API i trwałej bazy SQLite. Projekt pokazuje zarówno warstwę operacyjną dla liczników, jak i zaplecze do symulowania danych energetycznych.
