36
3.7 Perancangan Antar Muka
3.7.1. Perancangan Halaman Awal
Halaman Awal gambar 3.9 merupakan halaman yang muncul pertama kali ketika sistem dijalankan. Dalam halaman ini, hanya
terdapat 1 tombol yang bertuliskan ‘Masuk’, yang digunakan pengguna untuk masuk dalam sistem prediksi helm ini.
Gambar 3.9 Desain Halaman Awal
3.7.2. Perancangan
Halaman Halaman Utama
Halaman utama gambar 3.10 merupakan halaman dimana fungsi utama dari sistem prediksi wilayah pendistribusian helm ini
dilakukan oleh pengguna. Dalam halaman ini terdapat 6 tombol yang mewakili menu-menu dari sistem ini, antara lain tombol ‘Input Data
Training’ yang digunakan untuk membuka halaman input data training, tombol ‘Prediksi Helm’ yang digunakan untuk membuka
halaman prediksi helm berdasarkan kelompok maupun tunggal, tombol ‘Bantuan Sistem’ yang digunakan untuk membuka halaman
bantuan dalam sistem prediksi ini, tombol ‘Hitung Akurasi’ yang digunakan untuk membuka halaman pengujian perhitungan akurasi
dari data set yang ada, tombol ‘Tentang Sistem’ yang digunakan untuk membuka halaman tentang sistem yang berisikan informasi utama
yang berkaitan dengan sistem ini, dan tombol ‘Keluar’ yang digunakan untuk membuka halaman awal sistem ini.
37
Gambar 3.10 Desain Halaman Utama
3.7.3. Perancangan
Halaman Input Data Training
Halaman input data training gambar 3.11 merupakan halaman yang muncul ketika pengguna memilih pilihan ‘Input Data Training’
pada halaman utama. Input data training merupakan tahap awal yang harus dilakukan oleh pengguna sebelum melakukan proses prediksi.
Setelah berhasil melakukan input data training, pengguna akan mendapatkan suatu file model yang bertipe .obj.
Gambar 3.11 Desain Halaman Input Data Training
38
3.7.4. Perancangan
Halaman Prediksi Helm Data Kelompok
Halaman prediksi helm merupakan halaman yang muncul ketika pengguna memilih pilihan ‘Prediksi Helm’ pada halaman utama. Pada
halaman prediksi helm tersebut terdapat 2 menu tab yang ada yakni prediksi kelompok pada gambar 3.12 dan prediksi tunggal pada
gambar 3.13. Pada halaman prediksi helm dengan tab prediksi kelompok di atas, pengguna diminta untuk memasukkan sebuah file
yang berisikan data kelompok yang akan siap dilakukan proses prediksi dan file model hasil training yang bertipe .obj. Setelah
melakukan proses prediksi data kelompok, pengguna dapat mencetak hasil dari prediksi data kelompok tersebut dengan memilih tombol
‘Cetak Hasil Prediksi’.
Gambar 3.12 Desain Halaman Prediksi Data Kelompok
3.7.5. Perancangan
Halaman Prediksi Helm Data Tunggal
Pada halaman prediksi helm dengan tab prediksi tunggal di atas, pengguna diminta untuk memasukan data-data atribut dari suatu
prediksi helm, antara lain id-helm, merk helm, tipe helm, dan warna helm. Setelah melakukan proses prediksi data tunggal, pengguna
dapat melihat hasil pada tabel yang terdapat di halaman ini.
39
Gambar 3.13 Desain Halaman Prediksi Data Tunggal
3.7.6. Perancangan