Pada struktur tabel device terdapat id, lokasi dan titik map.Pada kolom Id berfungsi sebagai primary key, kolom lokasi merupakan nama dari lokasi sedangkan pada
kolom titik map merupakan tanda lokasi pada peta yang terhubung ke internet
3.8 Perancangan Antarmuka
Perancangan antarmuka bertujuan untuk merancang tampilan yang dapat menghubungkan pengguna dengan program.Perancangan antarmuka dilakukan
sebelum tahapan implementasi sistem agar memudahkan dalam pengembangan sistem. Perancangan antarmuka dirancang khusus untuk user dalam
memonitoring dari perangkat arduino. 3.8.1 Perancangan Halaman Awal
Pada tampilan halaman awal ini, sistem akan menampilkan informasi mengenai lokasi alat yang digunakan pada peta yang telah disediakan.
Pada „Peta Lokasi Alat‟ terdapat lokasi alat yang telah disesuaikan pada peta tersebut. Dalam halaman ini juga terdapat
„Pilih Device‟ untuk memilih lokasi alat yang tersedia pada peta.„Pilih Device‟ berfungsi untuk menampilkan halaman utama yang berisi seluruh informasi mengenai
sensor berdasarkan lokasi yang dipilih.
Gambar 3.5 Perancangan Halaman awal
3.8.2 Perancangan Halaman Utama Pada perancangan halaman utama terdapat informasi mengenai seluruh sensor berupa
bentuk tabel maupun grafik.Pada tabel terdapat keterangan seperti tanggal, jam, suhu, kelembaban, kecepatan angin dan arah angin. Untuk membatasi baris yang akan
ditampilkan digunakan tampilan per-baris yang terletak diatas tabel sedangkan
Universitas Sumatera Utara
Logo Pilih Tanggal
Cetak Nama Halaman
Gambar
Tampilan per-baris
Nama Aplikasi Print Laporan
Logo
Tabel tanggal, jam dan sensor
Tampilan per-halaman Sensor 1
Sensor 3 Sensor 2
Grafik Sensor Jam
Lokasi
tampilan per-halaman digunakan untuk menampilkan halaman tabel selanjutnya yang terletak dibawah tabel. Pada grafik sensor terdapat informasi seperti suhu, kelembaban
dan kecepatan angin dalam bentuk grafik, dibawah grafik terdapat informasi mengenai jam dari masing-masing sensor. Pada bagian sebelah kiri halaman terdapat button
„Laporan Sensor‟ sebagai laporan dari data cuaca selama proses monitoring. Pada button „Laporan Sensor‟ akan menampilkan halaman rekap data cuaca. Juga terdapat
tombol lokasi pada sebelah kiri halaman untuk kembali ke halaman awal atau halaman pilih lokasi.
Gambar 3.6 Perancangan Halaman Utama
3.8.3 Perancangan Halaman Rekap Data Cuaca Pada halaman rekap data cuaca terdapat form „Pilih Tanggal‟ untuk memilih tanggal,
dengan cara mengisi tanggal yang ditentukan.Pada sebelah kanan form „Pilih Tanggal‟ terdapat button „Cetak‟selanjutnya akan ditampilkan pada halaman laporan cuaca.
Gambar 3.7 Perancangan Halaman Rekap Data Cuaca
Universitas Sumatera Utara
Tanggal Data Cuaca
Tabel Laporan Cuaca
3.8.4 Perancangan Halaman Laporan Cuaca Pata halaman laporan cuaca terdapat informasi mengenai tanggal data cuaca selama
proses monitoring, kemudian terdapat tabel berupa laporan cuaca yang bisa dicetak
Gambar 3.8 Halaman Laporan Cuaca
3.9 Perancangan Instalasi Perangkat Keras
