Login Monitoring

Contoh akun:
user1 / 1234 (admin)
user2 / 1234 (viewer)
user3 / 1234 (viewer)

Monitoring Realtime

Web monitoring untuk ESP32/ESP8266 – 5 temperatur, 5 kelembaban, 5 level, 16 digital I/O, logging ke IndexedDB & SD Card (CSV kompatibel Excel).

Temperatur 1

--.- °C

Temperatur 2

--.- °C

Temperatur 3

--.- °C

Temperatur 4

--.- °C

Temperatur 5

--.- °C

Kelembaban 1

--.- %

Kelembaban 2

--.- %

Kelembaban 3

--.- %

Kelembaban 4

--.- %

Kelembaban 5

--.- %

Level 1

-- %

Level 2

-- %

Level 3

-- %

Level 4

-- %

Level 5

-- %

Grafik Tren

Pilih mode grafik: realtime dari ESP atau recorded (rata-rata harian/pekanan/bulanan) dari database IndexedDB / CSV SD Card.

Temperatur (T1–T5)

Kelembaban (H1–H5)

Level (L1–L5)

Digital IO (16 Channel) & Control

Indikator status digital + tombol kontrol ON/OFF (hanya user1 / admin yang dapat mengubah).

D1
D2
D3
D4
D5
D6
D7
D8
D9
D10
D11
D12
D13
D14
D15
D16

Terakhir update: -

History & Database Monitoring

Data disimpan ke IndexedDB browser sebagai database monitoring. Format CSV sama dengan file di SD Card: mudah dianalisis di Excel/LibreOffice.

Waktu T1T2T3T4T5 H1H2H3H4H5 L1L2L3L4L5 D1D2D3D4 D5D6D7D8 D9D10D11D12 D13D14D15D16

Pengaturan (Hanya Admin / user1)

Periode Pengukuran / Polling

Pengaturan ini akan mengubah interval polling web (JavaScript) dan juga mengirim konfigurasi ke ESP32/ESP8266 (disimpan di EEPROM).

Konfigurasi Endpoint ESP

Sesuaikan IP / URL ESP32/ESP8266 di bawah ini.

Identitas Lokasi / Kandang

Set identitas site, kandang, dan titik ukur. Nilai ini ikut dikirim ke JSON & CSV (web dan SD Card).

RTC & Sinkronisasi Waktu

Sinkronkan waktu RTC di ESP32/ESP8266 dengan waktu browser (komputer/HP ini). Disarankan dijalankan setelah RTC terpasang dan siap.

Tentang Aplikasi

Aplikasi ini adalah contoh web monitoring untuk Arduino ESP32/ESP8266 dengan:

  • 5 variabel temperatur (analog)
  • 5 variabel kelembaban udara
  • 5 variabel level (tangki, sumur, dsb.)
  • 16 variabel digital On/Off + kontrol digital
  • Penyimpanan data ke IndexedDB di browser (database lokal)
  • Logging ke SD Card dalam format CSV kompatibel Excel
  • Import kembali CSV SD ke IndexedDB untuk analisis grafik
  • Mode grafik: Realtime & Recorded (harian/pekanan/bulanan)

Catatan keamanan: login di sini hanya di sisi browser (client-side), cocok untuk jaringan lokal/lab. Untuk produksi, sebaiknya pakai autentikasi di sisi server (ESP / backend).