Gambar 3.4. Perancangan Wifi Shield dan 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 pengguna aplikasiyang
akan menggunakan
sistemuntuk melakukan
monitoring dan
pengendalian suplai air bersih pada kamar mandi.Rancangan use case sistem dapat dilihat pada Gambar 3.5.
Universitas Sumatera Utara
Gambar 3.5 Use Case Sistem Aplikasi Monitoring
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 CaseSistem Aplikasi Monitoring
No Use Case
Deskripsi
1 Login
Proses yang harus dilalui penggunauntuk masuk ke dalam sistem.
2 Logout
Proses untuk keluar dari sistem dan hanya dapat dilakukan apabila penggunatelah login.
3 Sensor
Menampilkan Informasi sensor yang digunakan dan dimana letak posisi sensor
4 Grafik
Menampilkan detail informasi penggunaan air yang telah digunakan
5 Tabel
Menampilkan tabel informasi penggunaan air yang telah digunakan.
3.5.2. Rancangan Halaman Login
Universitas Sumatera Utara
Pada halaman login, penggunaharus 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.6.
Gambar 3.6. Rancangan Halaman Login
3.5.3. Rancangan Halaman Utama Setelah penggunaberhasil login, maka penggunaakan masuk ke halaman utama
sekaligus halaman dashboard. Pada halaman utama ini terdapat menu-menu yaitu menu Grafik penggunaan air, tabel pemakaian air dan gambar sensor.Pada halaman ini
juga terdapat nama logo aplikasi. Rancangan halaman utama dapat dilihat pada Gambar
3.7.
Gambar 3.7. Rancangan Halaman Utama
e f
Universitas Sumatera Utara
Keterangan: a.
Merupakan nama admin dalam web tersebut. b.
Merupakan sub menu untuk menampilkan jumlah pemakaian debit air yang digunakan perharinya dalam bentuk grafik.
c. Salah satu sub menu yang ada pada web yang berguna untuk menampilkan
data pemakaian air dalam bentuk table d.
Merupakan sub menu untuk menampilkan gambar sensor yang digunakan dan spesifikasi dari sensor yang dipakai.
e. Merupakan tampilan grafik pada web tersebut
f. Merupakan sub menu untuk keluar dari halaman web tersebut.
3.5.4. Rancangan Halaman Tabel Pemakaian Halaman tabel pemakaian akan muncul apabila penggunamemilih menu tabel
pemakaianair. Di halaman ini penggunadapat melihat dan mencari informasi
mengenai jumlah pemakaian air yang digunakan perhari nya sesuai dengan tanggal dan jam serta jumlah debit air yang dipakai. Rancangan halaman tabel pemakaian
dapat dilihat pada Gambar 3.8
Gambar 3.8.Rancangan Halaman Tabel Pemakaian
Universitas Sumatera Utara
Pada sub menu tabel pemakaian akan menampilkan jumlah pemakaian air yang digunakan perhari nya.dan pada tambilan tampilan tabel tersebut terdapat menu
no,pemakaian dan waktu . Untuk melihat tampilan tersebut dapat dilihat pada petunjuk
tombol e.
3.5.5. Rancangan Halaman Gambar Sensor Halaman tabel pemakaian akan muncul apabila penggunamemilih menu Gambar
sensor. Di halaman ini penggunadapat melihat dan mencari informasi mengenai
sensor yang digunakan dan spesifikasi dari sensor tersebut. Rancangan halaman gambar sensor dapat dilihat pada Gambar 3.9.
Gambar 3.9. Rancangan Halaman Gambar Sensor
Apabila pengguna memilih tombol gambar sensor maka akan muncul gambar sensor yang digunakan dalam pembangunan sistem tersebut. Dan pada halaman ini
juga akan muncul nama sensor berserta spesifikasi dari sensor tersebut.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN
Bab ini membahas hasil yang didapatkan dari implementasi dan pengujian sistem dalam melakukan monitoring dan pengendalian suplai air bersih pada kamar mandi
sesuai dengan analisis dan perancangan yang telah dibahas pada Bab 3.
4.1. Implementasi Sistem
