Membuat UI Settting di include app

Pendahuluan

Tampilan pada gambar menunjukkan halaman Setting Temperature Sensor yang digunakan untuk melakukan pengaturan ambang batas suhu tanaman. Desain UI yang ditampilkan memiliki susunan sederhana dan rapi, dengan form input yang jelas sehingga memudahkan pengguna dalam mengisi data.

 

Penjelasan

Halaman ini digunakan untuk melakukan pengaturan ambang batas (threshold) suhu sesuai kebutuhan pengguna atau jenis tanaman yang dipilih.

Pada screenshot yang ditampilkan, halaman Setting Temperature Sensor memiliki fitur sebagai berikut:

• Input Jenis Tanaman → pengguna dapat mengisi jenis tanaman (misalnya: jagung, padi, tomat).

• Pengaturan nilai rentang suhu dengan beberapa kategori:

  • Batas Normal → rentang suhu optimal tanaman.

  • Batas Atas Waspada → suhu mulai mendekati batas atas aman.

  • Batas Bawah Waspada → suhu mulai mendekati batas bawah aman.

  • Batas Atas Bahaya → suhu sudah berada di atas batas optimal.

  • Batas Bawah Bahaya → suhu sudah berada di bawah batas optimal.

• Input Min dan Max pada setiap kategori suhu untuk memberikan fleksibilitas dalam penentuan threshold.

• Tombol Simpan (walaupun tidak terlihat pada screenshot, umumnya fitur ini ada) untuk menyimpan pengaturan threshold.

Kesimpulan

Berdasarkan tampilan yang ditunjukkan pada gambar, halaman Setting Temperature Sensor dirancang dengan fokus pada kemudahan input dan pengaturan threshold suhu. Struktur form yang berurutan dari jenis tanaman hingga batas suhu membantu pengguna memahami alur pengisian tanpa kebingungan.

Dengan desain ini, pengguna dapat menyesuaikan parameter suhu sesuai kebutuhan spesifik tanaman mereka secara cepat dan efisien. Tampilan sederhana, terorganisir, dan mudah digunakan ini mendukung proses pemantauan suhu agar lebih praktis bagi petani maupun pengguna non-teknis.