45
3.5 Perancangan Antarmuka
Perancangan antarmuka menjelaskan bagaimana komunikasi antara sistem dengan pengguna. Tujuan utama dari perancangan antarmuka pengguna adalah untuk
membangun suatu komunikasi yang efektif yang terjadi antara manusia dengan komputer. Antarmuka yang menarik menjadi daya tarik bagi pengguna untuk
menggunakan perancangan sistem tersebut. Pada tahap ini akan dilakukan perancangan antarmuka sistem yang akan digunakan pada sistem.
3.5.1 Antarmuka Awal
Antarmuka awal sistem merupakan tampilan utama ketika sistem dijalankan. Rancangan antarmuka awal pada sistem ini dapat dilihat pada Gambar 3.8
File Keluar
JUDUL
Logo USU 1
2
3
4
Gambar 3.11 Tampilan Rancangan Antarmuka Awal
Keterangan : 1. Menu Editor File
Yang berfungsi untuk memilih metode LVQ dan Backpropagation. 2. Menu Editor Keluar
Yang berfungsi untuk memilih Keluar 3. Textfield Judul
Yang berfungsi untuk judul skripsi
Universitas Sumatera Utara
46
4. Axes Logo Yang berfungsi untuk menampilkan gambar logo pada skripsi
3.5.2 Antarmuka LVQ
Di dalam antarmuka metode LVQ terdapat dua bagian yang penting, yaitu : Bagian Training dan bagian Pengujian. Rancangan antarmuka metode LVQ diperlihatkan pada
Gambar 3.9
1 3
2
4 5
6
7 8
9 10
11 12
Data Pelatihan LVQ Data Pengujian LVQ
Grafik
Nama File Pelatihan Nama File Pengujian
Lama
Keluar Bersih
Pengujian Training
Data Training
Data Uji
Gambar 3.12 Tampilan Rancangan Antarmuka Metode LVQ
Universitas Sumatera Utara
47
Keterangan : 1. Listbox Data Pelatihan
yang berfungsi untuk menampilkan data pelatihan di matlab. 2. Listbox Data Pengujian
yang berfungsi untuk menampilkan data pengujian di matlab. 3. Axes Grafik
yang berfungsi untuk menampilkan gambar grafik di matlab. 4. Edit Nama File Pelatihan
yang berfungsi sebagai tempat nama file pelatihan di matlab. 5. Edit Nama File Pengujian
yang berfungsi sebagai tempat nama file Pengujian di matlab. 6. Edit Lama
yang berfungsi untuk melihat lama waktu yang diperlukan dalam proses pengujian data.
7. PushBottom Data Training yang berfungsi untuk memanggil data training di matlab.
8. PushBottom Data Uji yang berfungsi untuk memanggil data uji di matlab.
9. PushBottom Training yang berfungsi untuk melakukan training
10. PushBottom Bersih yang berfungsi untuk mengkosongkan kembali Listbox Data pelatihan dan
Data Pengujian yang telah diisi oleh user di matlab. 11. PushBottom Keluar
yang berfungsi untuk menghubungkan antarmuka metode LVQ dengan antarmuka keluar.
Universitas Sumatera Utara
48
3.5.3 Antarmuka Backpropagation
Di dalam antarmuka metode Backpropagation terdapat dua bagian yang penting, yaitu: Bagian Training dan bagian Pengujian. Rancangan antarmuka metode LVQ
diperlihatkan pada Gambar 3.10
1 3
2
4 5
6
7 8
9 10
11 12
Data Pelatihan Backpropagation
Data Pengujian Backpropagation
Grafik
Nama File Pelatihan Nama File Pengujian
Lama
Keluar Bersih
Pengujian Training
Data Training
Data Uji
Gambar 3.13 Tampilan Rancangan Antarmuka Metode Backpropagation
Keterangan : 1. Listbox Data Pelatihan
yang berfungsi untuk menampilkan data pelatihan di matlab. 2. Listbox Data Pengujian
yang berfungsi untuk menampilkan data pengujian di matlab. 3. Axes Grafik
yang berfungsi untuk menampilkan gambar grafik di matlab.
Universitas Sumatera Utara
49
4. Edit Nama File Pelatihan yang berfungsi sebagai tempat nama file pelatihan di matlab.
5. Edit Nama File Pengujian yang berfungsi sebagai tempat nama file Pengujian di matlab.
6. Edit Lama yang berfungsi untuk melihat lama waktu yang diperlukan dalam proses
pengujian data. 7. PushBottom Data Training
yang berfungsi untuk memanggil data training di matlab. 8. PushBottom Data Uji
yang berfungsi untuk memanggil data uji di matlab. 9. PushBottom Training
yang berfungsi untuk melakukan training 10. PushBottom Bersih
yang berfungsi untuk mengkosongkan kembali Listbox Data pelatihan dan Data Pengujian yang telah diisi oleh user di matlab.
11. PushBottom Keluar yang berfungsi untuk menghubungkan antarmuka metode LVQ dengan
antarmuka keluar.
Universitas Sumatera Utara
50
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem