Antarmuka Pengguna User Interface

Tabel 4.6 Perkalian Nilai Kriteria Alternatif dengan Bobot Kriteria No Kriteria A B C 1. 5 × 0,32169357 6000 × 0,33740723 250000 × 0,34089917 2. 5 × 0,32169357 6000 × 0,33740723 270000 × 0,34089917 3. 5 × 0,32169357 6000 × 0,33740723 270000 × 0,34089917 4. 5 × 0,32169357 9000 × 0,33740723 345000 × 0,34089917 5. 5 × 0,32169357 7800 × 0,33740723 350000 × 0,34089917 Lalu jumlahkan hasil perkalian nilai kriteria alternatif dengan nilai bobot kriteria untuk mendapatkan nilai WSM sebagaimana yang terlihat pada Tabel 4.7. Tabel 4.7 Nilai Weighted Sum Model WSM No Nilai Weighted Sum Model WSM 1. 1,60846 + 2024,44338 + 85224,7925 = 87250,84 2. 1,60846 + 2024,44338 + 92042,7759 = 94068,83 3. 1,60846 + 2024,44338 + 92042,7759 = 94068,83 4. 1,60846 + 3036,66507 + 117610,21365 = 120648,48 5. 1,60846 + 2631,77639 + 119314,7095 = 121948,10 Berdasarkan Tabel 4.7, alternatif yang memiliki nilai WSM tertinggi adalah alternatif nomor 5, 4, 3, 2 dan yang terendah adalah 1, dengan tipe produk yaitu, Sanyo Cell 2, Luna, W06, W06 dan New Evo.

4.2 Antarmuka Pengguna User Interface

Perancangan antarmuka digunakan sebagai acuan untuk peng-coding-an halaman- halaman pada perangkat lunak. Berikut merupakan antarmuka user untuk halaman awal user, halaman kuesioner, halaman hasil pilihan konsumen. 4.2.1 Halaman Awal User Pada saat aplikasi dijalankan, maka halaman pertama yang akan muncul adalah halaman awal user. Halaman ini digunakan user untuk menginput nama, email dan gender sebagai informasi data konsumen. Gambar 4.1 merupakan tampilan awal halaman user pada aplikasi. Gambar 4.1 Halaman Awal User 4.2.2 Halaman Kuesioner Halaman yang akan muncul setelah user menginput data informasi konsumen adalah halaman kuesioner. Pada halaman kuesioner, user dapat memilih pilihan sesuai dengan keinginan dan kebutuhan. Halaman kuesioner pertama adalah halaman penilaian terhadap bobot setiap kriteria yaitu, merk, harga, kecepatan dan kapasitas produk. Gambar 4.2 merupakan tampilan halaman kuesioner pertama untuk menilai bobot setiap kriteria produk pada aplikasi. Gambar 4.2 Halaman Kuesioner untuk Menilai Bobot setiap Kriteria Produk Halaman kuesioner selanjutnya yang akan muncul adalah halaman untuk memilih kategori produk yang diinginkan atau dibutuhkan responden. Gambar 4.3 merupakan tampilan halaman kategori produk. Gambar 4.3 Halaman untuk Memilih Kategori Produk Setelah memilih kategori produk yang diinginkan atau dibutuhkan selanjutnya akan muncul halaman merk produk, terdapat beberapa pilihan merk produk sesuai dengan kategori produk. Gambar 4.4 merupakan tampilan halaman merk produk dari kategori “Power Bank”. Gambar 4.4 Halaman untuk Memilih Merk Produk Kriteria selanjutnya yang akan dipilih adalah pada halaman harga produk, terdapat beberapa kisaran harga produk yang sesuai dengan kategori produk. Gambar 4.5 merupakan tampilan halaman harga produk dari kategori “Power Bank”. Gambar 4.5 Halaman untuk Memilih Harga Produk Selanjutnya kriteria yang harus dipilih adalah pada halaman kapasitas produk, terdapat beberapa kapasitas produk sesuai dengan kategori produk. Gambar 4.6 merupakan tampilan halaman kapasitas produk dari kategori “Power Bank”. Gambar 4.6 Halaman untuk Memilih Kapasitas Produk Kriteria terakhir yang harus dipilih adalah pada halaman kecepatan produk, terdapat beberapa kecepatan produk sesuai dengan kategori produk. Gambar 4.7 merupakan tampilan halaman kecepatan produk dari kategori “Power Bank”. Gambar 4.7 Halaman untuk Memilih Kecepatan Produk 4.2.3 Halaman Hasil Kuesioner Setelah keseluruhan tahap kuesioner dilakukan, maka konsumen dapat melihat hasil pilihannya, pada halaman ini ditampilkan hasil pilihan konsumen yang sesuai dengan data produk yang dimiliki oleh admin. Gambar 4.8 merupakan tampilan hasil pilihan konsumen dari kategori “Power Bank” yang sesuai dengan data produk admin. Gambar 4.8 Halaman Hasil Kuesioner 4.2.4 Halaman Awal Admin Untuk dapat melakukan pengolahan data, maka admin terlebih dahulu harus melakukan login. Halaman awal admin digunakan untuk menginputkan email dan password admin, agar admin dapat mengakses dan mengolah data yang telah di input oleh user. Gambar 4.9 merupakan tampilan awal halaman admin pada aplikasi. Gambar 4.9 Halaman Awal Admin 4.2.5 Halaman Menu Admin Halaman menu admin merupakan halaman untuk mengakses dan mengolah data, admin memiliki beberapa menu yaitu, data produk, data konsumen dan data kuesioner. Menu tersebut merupakan menu utama admin. Gambar 4.10 merupakan tampilan halaman menu admin pada aplikasi. Gambar 4.10 Halaman Menu Admin 4.2.6 Halaman Data Produk Admin Halaman data produk merupakan halaman yang dapat diakses admin untuk menampilkan produk setiap kategori dan dapat menambahkan produk setiap kategori. Gambar 4.11 merupakan tampilan halaman data produk dari kategori “Headset”. Gambar 4.11 Halaman Data Produk 4.2.7 Halaman Data Konsumen Admin Halaman data konsumen merupakan halaman yang dapat diakses admin untuk menampilkan data konsumen yang telah diinputkan. Gambar 4.12 merupakan tampilan halaman data konsumen dari berbagai responden. Gambar 4.12 Halaman Data Konsumen 4.2.8 Halaman Data Kuesioner Halaman data kuesioner merupakan halaman yang dapat diakses admin untuk menampilkan data kuesioner yang disajikan kepada konsumen dan menambah data kuesioner. Gambar 4.13 merupakan tampilan halaman data kuesioner yang telah disajikan kepada konsumen. Gambar 4.13 Halaman Data Kuesioner 4.2.9 Halaman User Statistics Halaman user statistics merupakan halaman untuk menampilan hasil bobot setiap kriteria yang telah dihitung dari data setiap konsumen. Gambar 4.14 merupakan tampilan halaman user statistics atau hasil bobot setiap kriteria. Gambar 4.14 Halaman User Statistics atau Bobot setiap Kriteria

4.3 Pengujian Sistem