BikinApp.com
Inverter Monitoring System: Realtime Energy Dashboard

Inverter Monitoring System: Realtime Energy Dashboard

2026Fira Solar

Inverter Monitoring System adalah aplikasi web untuk memantau performa inverter secara realtime, mengelola perangkat inverter, membaca data sensor, menampilkan grafik performa, mencatat event/alarm, serta menghitung estimasi produksi dan penghematan listrik.

Fitur Utama:
- Dashboard monitoring inverter realtime.
- Integrasi data telemetry dari inverter melalui MQTT.
- Tampilan detail inverter dengan animasi aliran energi PV, Grid/PLN, Inverter, Baterai, dan Beban.
- Grafik sensor harian untuk PV Power, Load Power, Grid Power, Battery SOC, voltage, current, temperature, frequency, dan sensor lainnya.
- Riwayat data sensor 5 menit, harian, dan bulanan.
- Ringkasan performa seperti produksi energi, jumlah sampel data, estimasi penghematan, dan rata-rata sensor.
- Manajemen inverter: tambah, edit, status aktif/nonaktif, lokasi, serial number, MQTT topic, dan akses client.
- Role-based access control untuk superadmin, admin, owner, dan client.
- Manajemen akses user ke inverter tertentu.
- Event/alarm inverter dengan status, aksi tandai dibaca, dan selesaikan event.
- Peta lokasi inverter menggunakan Google Maps.
- Pengaturan sistem dinamis untuk branding aplikasi, Google Maps, Google Analytics, Google OAuth, retensi data sensor, dan konfigurasi monitoring.
- Login manual dan login menggunakan Google OAuth.
- Notifikasi dan activity log untuk audit aktivitas.
- Dark mode dan light mode.
- UI responsive untuk desktop dan mobile.

Stack Teknologi:
- Backend: PHP 8.3, Laravel 13
- Frontend: Blade, Alpine.js, Tailwind CSS, Vite
- Realtime: Laravel Reverb, Laravel Echo, Pusher JS
- MQTT Integration: php-mqtt/laravel-client
- Chart: Chart.js, chartjs-plugin-zoom
- Authentication: Laravel Breeze, Laravel Socialite
- Authorization: Spatie Laravel Permission
- Maps: Google Maps API
- Analytics: Google Analytics 4
- Database: Relational database menggunakan Laravel Eloquent ORM
- Testing & Quality: PHPUnit, Laravel Pint
- Development Environment: Laravel Sail / Docker

Peran dan Kontribusi:
- Merancang dan membangun sistem monitoring inverter berbasis web.
- Mengimplementasikan integrasi MQTT untuk menerima data telemetry inverter.
- Membuat dashboard realtime dengan visualisasi sensor dan grafik performa.
- Mengembangkan sistem role dan pembatasan akses inverter per user.
- Membuat modul event/alarm inverter beserta status dan aksi penanganan.
- Mengintegrasikan Google Maps, Google Analytics, dan Google Login.
- Mendesain UI responsive dengan dukungan dark mode dan tampilan mobile-friendly.
- Mengoptimalkan tampilan detail inverter agar mudah dibaca dan ringan digunakan client.

Teknologi yang Digunakan

LaravelWebsocketPostgresqlRedis
Inverter Monitoring System: Realtime Energy Dashboard | Portfolio BikinApp | BikinApp