Perancangan Antarmuka Implementasi Sistem Inferensi Fuzzy Dalam Proses Pendukung Keputusan Pemilihan Smartphone Menggunakan Metode Mamdani

max Decimal Nama tabel: tbHarga Nama Tipe Data Deskripsi ID Integer Tabel ini berisi nilai-nilai yang digunakan pada setiap fungsi keanggotaan untuk tiap himpunan fuzzy pada variabel harga smartphone. Bentuk Text min Decimal norm_kiri Decimal norm_kanan Decimal max Decimal Nama tabel: tbHasil Nama Tipe Data Deskripsi kode_barang Text Tabel ini berisi derajat keanggotaan setiap variabel yang dimiliki oleh smartphone. nama Text ukuran_layar Decimal RAM Decimal kec_processor Decimal kamera Decimal kapasitas_internal Decimal harga Decimal hasil Decimal

3.11 Perancangan Antarmuka

Perancangan antarmuka merupakan kegiatan merancang tiap halaman yang akan digunakan sebagai perantara komunikasi antara user dengan sistem yang dibangun. Antarmuka menjadi hal yang penting dikarenakan user bertindak sesuai dengan apa yang dapat dilakukan dan diperlihatkan oleh sistem.

3.11.1 Perancangan Halaman Utama

Halaman utama merupakan halaman pembuka ketika aplikasi mulai pertama kali dijalankan. Rancangan halaman utama dapat dilihat pada Gambar 3.11. Pada halaman utama tersebut ditampilkan enam variabel yang digunakan untuk proses inferensi fuzzy metode Mamdani. Keenam variabel tersebut memiliki tiga pilihan himpunan fuzzy yang bisa dipilih sesuai dengan keinginan user. Tombol “Proses” digunakan untuk mulai menjalankan proses inferensi fuzzy dengan metode Mamdani. Tombol “Daftar Smartphone” digunakan untuk membuka halaman yang berisikan data smartphone beserta spesifikasinya. Tombol “Daftar Variabel” digunakan untuk membuka halaman yang berisikan fungsi-fungsi keanggotaan yang digunakan untuk tiap-tiap variabel. Sedangkan, tombol “About Me” digunakan untuk membuka halaman yang berisikan nama penulis. Universitas Sumatera Utara Gambar 3.11 Rancangan Halaman Utama

3.11.2 Perancangan Halaman Daftar Smartphone

Halaman daftar smartphone merupakan halaman yang digunakan untuk menampilkan semua daftar smartphone yang dimiliki oleh penjual selaku user. Rancangan halaman daftar smartphone dapat dilihat pada Gambar 3.12. Gambar 3.12 Rancangan Halaman Daftar Smartphone Pada halaman daftar smartphone ditampilkan sebuah tabel yang berisikan daftar semua smartphone yang tersedia. Tombol “Ubah” digunakan untuk mengubah sebuah data smartphone yang tersedia dalam daftar smartphone. Tombol “Tambah” digunakan untuk menambah data smartphone yang baru. Tombol “Hapus” digunakan untuk menghapus data smartphone. Tabel Data Smartphone Ubah Tambah Hapus IMPLEMENTASI SISTEM INFERENSI FUZZY DALAM PROSES PENDUKUNG KEPUTUSAN PEMILIHAN SMARTPHONE MENGGUNAKAN METODE MAMDANI Ukuran Layar RAM Kecepatan Processor Kamera Kapasitas Internal Harga Proses Daftar Smartphone Daftar Variabel About Me Universitas Sumatera Utara

3.11.3 Perancangan Halaman Data Smartphone

Halaman data smartphone merupakan halaman yang digunakan untuk mengubah maupun menambahkan data smartphone. Rancangan halaman data smartphone dapat dilihat pada Gambar 3.13. Gambar 3.13 Rancangan Halaman Data Smartphone Pada halaman data smartphone ditampilkan delapan kolom berupa kode barang, nama barang, ukuran layar, RAM, kecepatan processor, kamera, kapasitas internal, dan harga. Ke-8 kolom tersebut digunakan untuk mengubah atau memasukkan spesifikasi dari data smartphone. Tombol “Simpan” digunakan untuk menyimpan data smartphone.

3.11.4 Perancangan Halaman Daftar Variabel

Halaman daftar variabel merupakan halaman yang digunakan untuk menampilkan daftar fungsi keanggotaan yang digunakan untuk setiap himpunan fuzzy pada tiap-tiap variabel. Rancangan halaman daftar variabel dapat dilihat pada Gambar 3.14. Kode Barang Nama Ukuran Layar RAM Kecepatan Processor Kamera Kapasitas Internal Harga Simpan Universitas Sumatera Utara Gambar 3.14 Rancangan Halaman Daftar Variabel Pada halaman daftar variabel ditampilkan enam tabel yang berisikan fungsi keanggotaan dari masing-masing variabel. Tombol “Ubah” pada masing-masng tabel digunakan untuk mengubah fungsi keanggotaan dari masing-masing variabel.

3.11.5 Perancangan Halaman Data Variabel

Halaman data variabel merupakan halaman yang digunakan untuk mengubah fungsi keanggotaan dari masing-masing variabel. Rancangan halaman data variabel dapat dilihat pada Gambar 3.15. Gambar 3.15 Rancangan Halaman Data Variabel Bentuk Minimum Normal Kiri Normal Kanan Maksimum Simpan Nama Variabel Daftar Fungsi Keanggotaan Variabel Ukuran Layar Ubah Daftar Fungsi Keanggotaan Variabel RAM Ubah Daftar Fungsi Keanggotaan Variabel RAM Ubah Daftar Fungsi Keanggotaan Variabel Ukuran Layar Ubah Daftar Fungsi Keanggotaan Variabel RAM Ubah Daftar Fungsi Keanggotaan Variabel RAM Ubah Universitas Sumatera Utara normal kiri, normal kanan, dan maksimum. Kolom “Nama Variabel” berisikan salah satu dari enam variabel yang akan diubah data fungsi keanggotaannya. Kolom “Bentuk” merupakan combo box yang berisikan tiga himpunan fuzzy berupa “Rendah”, “Normal”, dan “Tinggi”. Kolom “Minimum”, “Normal Kiri”, “Normal Kanan”, dan “Maksimum” menampilkan data sesuai dengan himpunan fuzzy yang dipilih. Tombol “Simpan” digunakan untuk menyimpan hasil pengubahan nilai fungsi keanggotaan.

3.11.6 Perancangan Halaman About Me

Halaman about me merupakan halaman yang berisikan informasi yang berkaitan dengan penulis. Rancangan halaman about me dapat dilihat pada Gambar 3.16. Gambar 3.16 Rancangan Halaman About Me Pada halaman about me ditampilkan judul skripsi yang dikerjakan, nama penulis, NIM penulis, logo USU, dan jurusan dari penulis.

3.11.7 Perancangan Halaman Hasil

Halaman hasil merupakan halaman yang berisikan hasil perhitungan dari proses inferensi fuzzy dengan metode Mamdani. Halaman ini dibagi menjadi dua bagian. Halaman yang pertama adalah halaman yang menampilkan sebuah data smartphone yang paling sesuai dengan keenam variabel. Halaman yang kedua adalah halaman yang menampilkan daftar nilai proses perhitungan dari semua data smartphone. Rancangan halaman hasil yang menampilkan sebuah data smartphone yang sesuai dengan keenam variabel tersebut IMPLEMENTASI SISTEM INFERENSI FUZZY DALAM PROSES PENDUKUNG KEPUTUSAN PEMILIHAN SMARTPHONE MENGGUNAKAN METODE MAMDANI AGUS SALIM 061401008 PROGRAM STUDI S-1 ILMU KOMPUTER FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA 2013 Logo USU Universitas Sumatera Utara keseluruhan data smartphone dapat dilihat pada Gambar 3.18. Gambar 3.17 Rancangan Halaman Hasil Keluaran Data Smartphone Pada Gambar 3.17 ditampilkan halaman hasil yang menunjukkan sebuah data smartphone yang paling sesuai dengan keenam variabel yang dimasukkan user pada halaman utama. Untuk dapat melihat hasil perhitungan keseluruhan data smartphone, user dapat memilih tombol “Hasil Keseluruhan Daftar Smartphone”. Pada Gambar 3.18 ditampilkan daftar keseluruhan data smartphone beserta derajat keanggotaan masing-masing variabel yang diurutkan berdasarkan nilai yang didapatkan dari hasil perhitungan proses inferensi fuzzy dengan metode Mamdani. Kode Barang Nama Ukuran Layar RAM Kecepatan Processor Kamera Kapasitas Internal Harga Daftar Hasil Perhitungan Inferensi Fuzzy dengan Metode Mamdani Kode Barang Nama Ukuran Layar RAM Kecepatan Processor Kamera Kapasitas Internal Harga Hasil Keseluruhan Daftar Smartphone Universitas Sumatera Utara Pada halaman hasil tersebut ditampilkan delapan kolom berupa kode barang, nama barang, ukuran layar, RAM, kecepatan processor, kamera, kapasitas internal, dan harga. Ke-8 kolom tersebut digunakan untuk menampilan data lengkap smartphone yang dipilih dari tabel daftar smartphone. Universitas Sumatera Utara IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dijelaskan implementasi dan pengujian sistem telah selesai dibangun dari hasil rancangan pada bab 3. Tahap ini memperlihatkan apakah setiap proses yang ada dapat berjalan dengan baik dan mampu memberikan hasil yang diharapkan.

4.1 Implementasi