Membuat UI Monitoring di include app

Pendahuluan

Tampilan pada gambar menunjukkan halaman monitoring Temperature Sensor yang digunakan untuk memantau suhu tanaman secara real-time. Desain UI yang ditampilkan memiliki susunan sederhana, dengan visualisasi indikator suhu berbentuk gauge, status tanaman, serta grafik tren suhu. Hal ini memudahkan pengguna dalam memahami kondisi tanaman secara cepat dan intuitif.

Penjelasan

Halaman ini berfungsi untuk menampilkan hasil monitoring suhu tanaman secara langsung. Dari screenshot yang ditampilkan, fitur pada halaman monitoring Temperature Sensor meliputi:

1. Gauge Indikator Suhu

   • Terdapat tampilan jarum berbentuk setengah lingkaran.

   • Menunjukkan angka suhu terkini secara langsung (real-time).

2. Status Tanaman

   • Ditampilkan dalam tiga kategori dengan ikon berbeda:

     • Bahaya  jika suhu melewati ambang batas berbahaya.

     • Waspada  jika suhu mendekati batas kritis.

     • Normal  jika suhu berada dalam rentang optimal.

3. Grafik Realtime

   • Menampilkan grafik suhu dalam kurun waktu tertentu (last 1 minute).

   • Garis grafik (Temperature) ditandai dengan warna biru untuk memudahkan identifikasi.

   • Terdapat sumbu waktu di bagian bawah untuk melihat tren perubahan suhu.

Kesimpulan

Berdasarkan tampilan yang ditunjukkan pada gambar, halaman Monitoring Temperature Sensor dirancang dengan fokus pada kemudahan pemantauan suhu tanaman secara real-time.

• Gauge memberikan gambaran cepat mengenai suhu terkini.

• Status tanaman memudahkan pengguna dalam memahami kondisi tanpa harus menganalisis angka detail.

• Grafik realtime menampilkan tren perubahan suhu sehingga bisa dilakukan evaluasi secara cepat.

Dengan desain ini, monitoring suhu tanaman menjadi lebih praktis, cepat dipahami, dan mendukung pengambilan keputusan yang tepat terkait kondisi lingkungan tanaman.