revisi Desaign Figma smart Farm Temperature senin

-

Pendahuluan

Suhu yang terlalu tinggi maupun terlalu rendah dapat memengaruhi kualitas dan produktivitas tanaman. Oleh karena itu, diperlukan sebuah sistem yang mampu menampilkan informasi suhu dengan jelas, mudah dipahami, serta memberikan peringatan ketika kondisi yang sudah yang ditentukan.

Desain antarmuka pengguna memegang peran penting dalam keberhasilan sistem monitoring. UI yang sederhana, informatif, dan mudah digunakan akan membantu pengguna, khususnya petani, dalam memahami kondisi tanaman tanpa perlu keahlian teknis yang mendalam. Dengan adanya desain UI yang baik, proses monitoring suhu dapat dilakukan lebih cepat, akurat, dan efisien.


Tujuan

Tujuan dari pembuatan desain UI aplikasi Smart Farm Temperature Monitoring ini adalah:

  1. Merancang tampilan aplikasi yang sederhana dan mudah dipahami oleh pengguna.

  2. Menyediakan fitur pengaturan ambang batas suhu (threshold) sesuai kebutuhan tanaman.

  3. Menampilkan status kondisi tanaman secara real time dalam bentuk indikator visual.

  4. Memberikan kemudahan bagi pengguna untuk memantau riwayat suhu melalui grafik monitorin


Penjealasan Fitur

Home Page


Tampilan awal aplikasi yang berfungsi untuk menampilkan daftar perangkat (device) yang digunakan dalam sistem smart farm.
Fitur utama yang terdapat pada halaman ini adalah:

  • Menampilkan daftar perangkat 

  • Indikator status perangkat (Online atau Offline).

  • Tombol untuk menambahkan perangkat baru.


Setting

Halaman ini digunakan untuk melakukan pengaturan ambang batas (threshold) suhu sesuai kebutuhan pengguna atau jenis tanaman yang dipilih.
Fitur utama pada halaman ini adalah:

  • Input jenis tanaman (misalnya: jagung, padi, tomat).

  • Pengaturan nilai rentang antar suhu:

    • Normal → rentang suhu optimal tanaman.

    • Waspada → suhu mulai mendekati batas aman.

    • Bahaya → suhu berada di luar batas optimal.

  • Tombol Simpan untuk menyimpan pengaturan threshold.


monitorig

Tampilan utama bagi pengguna untuk memantau kondisi suhu tanaman secara real time.
Fitur utama pada halaman ini adalah:

  • Indikator Meter yang menampilkan suhu terkini.

  • Status Kondisi Tanaman Normal/Hijau, WaspadaKuning, dan Bahaya/Merah 

  • Grafik Monitoring Suhu Real Time untuk menampilkan riwayat suhu harian, sehingga pengguna tetap bisa melihat data meskipun tidak memantau secara langsung pada saat itu.


Kesimpulan

Berdasarkan proses perancangan yang telah dilakukan, desain UI aplikasi Smart Farm Temperature Monitoring berhasil menampilkan fitur-fitur utama yang dibutuhkan dalam sistem pemantauan suhu pertanian. Aplikasi ini menyediakan:

  1. Halaman Home yang menampilkan daftar perangkat dengan status konektivitas.

  2. Halaman Setting yang digunakan pengguna memasukkan threshold suhu dan jenis tanaman.

  3. Halaman Monitoring yang menampilkan kondisi suhu terkini melalui indikator visual dan grafik real time.

Dengan desain yang sederhana, informatif, dan mudah dipahami, aplikasi ini dapat membantu pengguna, khususnya petani, dalam mengawasi kondisi suhu tanaman secara lebih praktis dan efisien.



Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat akun blog

-
Langkah 1: Siapkan Akun Google Blogger adalah layanan milik Google, jadi kamu harus punya akun Gmail terlebih dahulu. Langkah 2: Buka Situs Blogger Kunjungi https://www.blogger.com Klik tombol “Create Your Blog” atau “Buat Blog Anda” . Login menggunakan akun Google kamu. Langkah 3: Buat Blog Baru Setelah masuk, klik tombol “Blog baru” (New Blog) . Isi data berikut: Judul blog → nama blog kamu, misalnya Catatan Elektronika Haidar . Alamat blog (URL) → ini yang nanti dipakai orang untuk mengakses blog kamu, misalnya catatanhaidar.blogspot.com . Tema (template) → pilih tampilan blog sesuai selera. Klik “Buat blog” . Langkah 4: Mulai Menulis Setelah blog jadi, klik “Postingan Baru” (New Post) . Tulis judul dan isi artikelmu. Tambahkan gambar, video, atau tautan bila perlu. Klik “Publikasikan” untuk menayangkan tulisan. Langkah 5: Atur Tampilan & Pengaturan 1.  Di menu Tata Letak (Layout) → atur posisi elemen seperti header, sidebar,...
Baca selengkapnya

Konfigurasi Jaringan CCTV Hikvision dengan Mikrotik dan Bridge

-
Gambar
Topologi Jaringan CCTV https://surl.li/iavqeo I. Komponen di Topologi  1. CCTV (Kamera)  Fungsi: Merekam video secara real-time. 2.  NVR (Network Video Recorder)  Fungsi: Menerima, mengelola, dan menyimpan video dari CCTV. 3.  Switch Jaringan  Fungsi: Menghubungkan semua perangkat jaringan (CCTV, NVR, laptop) supaya  saling berkomunikasi. 4.  Laptop  Fungsi: Mengakses NVR untuk konfigurasi,  5. Komputer  Fungsi: menampilkan gambar hasil dari kemera CCTV secara real time II. Alur Kerja Jaringan CCTV  Mengirim video → Switch .   Switch → Meneruskan data video → NVR . NVR → Menyimpan video dan mengatur rekaman. NVR → Mengirim video real-time ke Komputer    untuk monitoring. NVR : NVR Memberikan akses ke Laptop → untuk konfigurasi dan pengecekan lewat switch III. Konfigurasi Bridge pada mikrotik fungsi Bridge adalah untuk menggabungkan beberapa Interface kedalam satu segment IP Address yang sama dengan metod...
Baca selengkapnya

C++ Life tech VT1 - VT 29

-
Gambar
 1.  STRUKTUR DASAR, VARIABEL, TIPE DATA, KOMENTAR struktur pemrograman pada C++ Setiap program Arduino wajib memiliki dua fungsi utama: void setup() : Berfungsi untuk menjalankan perintah satu kali di awal program. void loop() : Berfungsi untuk menjalankan perintah secara berulang-ulang setelah fungsi  setup  selesai. Penjelasan Tipe Data Boolean: Menyimpan nilai kebenaran, yaitu true atau false . Di lingkungan pemrograman, true sering diwakili dengan angka 1 dan false dengan 0. Tipe data ini hanya membutuhkan memori sebesar 1 byte . Byte: Menyimpan bilangan bulat positif dari 0 sampai 255. Tipe data ini efisien untuk menyimpan nilai kecil dan hanya membutuhkan 1 byte memori. Char: Digunakan untuk menyimpan satu karakter, misalnya 'A' , 'B' , atau '1' . Seperti byte , tipe data ini juga membutuhkan 1 byte memori. Int: Singkatan dari integer , digunakan untuk menyimpan bilangan bulat dalam rentang -32.768 sampai 32.768. Ukuran memorinya ...
Baca selengkapnya