3.5 Perancangan Antarmuka Sistem
Perancangan antarmuka merupakan tahap dimana melakukan perancangan tampilan yang menghubungkan pengguna dengan aplikasi. Perancangan antar muka sendiri
dilakukan sebelum melakukan implementasi agar mendapatkan gambaran umum setiap tampilan yang terdapat pada aplikasi yang dibangun. Hal ini dilakukan agar
memudahkan dalam pengembangan sistem. Dalam melakukan perancangan antarmuka diusahakan membuat tampilan dan layout yang bersifat mudah digunakan,
sehingga pengguna dapat mengguna aplikasi dengan tepat dan benar. 3.5.1
Perancangan Halaman Utama Hasil Klasifikasi Halaman utama pada sistem ini merupakan halaman depan yang menampilkan data
hasil klasifikasi kualitas udara yang telah diproses secara background pada server. Ketika halaman ini dibuka, akan terdapat beberapa elemen penyusun halaman seperti
kotak nilai dari masing masing parameter polutan, kotak nilai polutan utama hasil klasifikasi dan kotak yang menampilkan grafik kualitas udara selama beberapa
minggu. Pada kotak nilai klasifikasi terdapat teks yang menjelaskan secara singkat
mengenai kondisi kualitas udara terakhir pada saat user mengakses halaman tersebut. Pada elemen ini juga terdapat sebuah tombol yang akan mengarahkan user pada
halaman yang menjelaskan mengenai kualitas udara secara lebih detail. Rancangan halaman ini dapat dilihat pada gambar 3.7
Universitas Sumatera Utara
Gambar 3. 9 Rancangan tampilan halaman utama
3.5.2 Perancangan Halaman Informasi Health Concern
Pada halaman ini user dapat mengetahui informasi terkait masalah kesehatan yang mungkin terjadi diakibatkan nilai polutan yang mencapai ambang batas tertentu.
Ketika halaman ini dibuka, terdapat kotak berisi combobox untuk user dapat memilih jenis polutan dan ambang batasnya dan sebuah tombol untuk memproses pilihan user.
Pada halaman ini terdapat juga sebuah kotak yang berisi tabel hasil yang menggambarkan sensitifitas, dampak kesehatan dan pencegahan dari jenis polutan dan
ambang batas yang dipilih user sebelumnya. Lalu pada halaman ini juga terdapat sekilas mengenai level kualitas udara sehingga pada halaman ini difokuskan untuk
informasi umum mengenai dampak bahaya dan batas toleransi dari pencemaran udara. Rancangan halaman ini dapat dilihat pada gambar 3.8.
Universitas Sumatera Utara
Gambar 3. 10 Rancangan tampilan halaman Health Concern
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Setelah melakukan analisis dan perancangan sistem selanjutnya dilakukan implementasi. Pada bab ini akan membahas tentang hasil yang diperoleh setelah
melakukan implementasi.
4.1 Implementasi Sistem
Dalam penelitian ini, penerapan metode Web Scraping dilakukan dengan menggunakan bahasa pemograman PHP, metode Naïve Bayes menggunakan bahasa
pemrograman Python, sedangkan untuk antarmuka menggunakan HTML beserta Javascript.
4.1.1 Konfigurasi Perangkat Keras
Spesifikasi perangkat keras yang digunakan untuk membangun sistem ini dan agar pengujian dapat berjalan dengan baik, penelitian ini menggunakan lima unit mini
komputer raspberry pi 2 dengan spesifikasi perangkat keras yang dapat dilihat pada tabel 4.1.
Tabel 4. 1 Konfigurasi perangkat keras yang digunakan No.
Jenis Komponen Komponen yang digunakan
1. SoC
Broadcom BCM2836 2.
CPU 900 MHz quad-core ARM Cortex A7 ARMv7
3. Kartu Grafis
- 4.
Storage 16GB Sandisk Ultra Class 10 Memory Card
5. Network
10100Mbps Ethernet
Universitas Sumatera Utara
Kategori