Perancangan Halaman Awal Perancangan Perancangan Perancangan Perancangan

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