Perancangan Sistem Sistem Pemantauan Kualitas Tanaman Sayur Pada Media Tanam Hidroponik Menggunakan Arduino

3.5 Perancangan Sistem

Perancangan sistem yang dibangun terdiri dari use case diagram, rancangan halaman login , rancangan halaman utama, rancangan halaman tabel pemakaian, rancangan halaman gambar sensor. 3.5.1. Use Case diagram Use case diagram merupakan sebuah model yang menggambarkan kebutuhan sistem dan fungsionalitas yang diharapkan dari suatu sistem dari sudut pandang pengguna sistem. Use case dibuat untuk memudahkan pengguna atau pembaca dalam mengerti alur kerja suatu sistem sehingga sistem dapat digunakan sebaik mungkin. Adapun aktor yang berperan pada sistem yang dibangun ini satu orang aktor yaitu user aplikasi yang akan menggunakan sistem untuk melakukan monitoring tanaman hidroponik dapat dilihat pada Gambar 3.6. Gambar 3.6 Use Case Sistem Aplikasi Monitoring Universitas Sumatera Utara Adapun penjelasan mengenai kegiatan-kegiatan di dalam diagram use case sistem penyusunan barang tersebut dapat dilihat pada Tabel 3.1. Tabel 3.1. Deskripsi Use Case Sistem Aplikasi Monitoring 3.5.2. Rancangan Halaman Login Pada halaman login, user harus melakukan proses login dengan mengisikan username dan password yang sesuai lalu menekan tombol “login” untuk menggunakan sistem. Rancangan halaman login dapat dilihat pada Gambar 3.7. USERNAME PASSWORD LOG IN Gambar 3.7. Rancangan Halaman Login 3.5.3. Rancangan Halaman Utama Setelah user berhasil login, maka user akan masuk ke halaman utama sekaligus halaman dashboard. Pada halaman utama ini terdapat menu-menu yaitu menu tanaman yang akan dimonitoring, Kondisi masing – masing sensor dan grafik kondisi sensor tanaman. Rancangan halaman utama dapat dilihat pada Gambar 3.8. No Use Case Deskripsi 1 Login Proses yang harus dilalui user untuk masuk ke dalam sistem. 2 Logout Proses untuk keluar dari sistem dan hanya dapat dilakukan apabila user telah login. 3 Sensor Menampilkan Informasi sensor yang digunakan dan dimana letak posisi sensor 4 Grafik Menampilkan detail informasi jumlah dari masing- masing data sensor yang telah digunakan 5 Tabel Menampilkan tabel informasi data dari masing- masing sensor yang digunakan. Universitas Sumatera Utara Gambar 3.8. Rancangan Halaman Utama Keterangan: a. Pada bagian ini adalah sub menu dari beberapa tanaman yang akan dimonitoring yaitu tanaman sawi, bayam dan selada . b. Di bagian ini akan menampilkan data atau nilai dari masing - masing sensor dalam bentuk nilai, lampu indikator sebagai notifikasi dan tampilan grafik. 3.5.4. Rancangan Halaman Tabel Monitoring Sensor Halaman table akan muncul apabila user memilih menu log sensor. Di halaman ini user dapat melihat dan mencari informasi mengenai jumlah kebutuhan tanaman yang digunakan sesuai dengan tanggal dan jam. Data juga bisa langsung diprint. Rancangan halaman table monitoring tanaman hidroponik dapat dilihat pada Gambar 3.9 Gambar 3.9.Rancangan Halaman Tabel Monitoring Sensor Tanaman Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN Bab ini membahas hasil yang didapatkan dari implementasi dan pengujian sistem dalam melakukan pemantauan tanaman hidroponik menggunakan media web dengan analisis dan perancangan yang telah dibahas pada Bab 3.

4.1. Implementasi Sistem