Perancangan Tampilan Antarmuka Interface

56

6.3 Perancangan Tampilan Antarmuka Interface

6.3.1 Rancangan Jendela Utama

Rancangan Jendela Utama merupakan tampilan awal saat program dijalankan. Pada rancangan ini terdapat menu Data, Program dan Bantuan. Rancangan Jendela Utama dapat dilihat pada Gambar 3.17. Gambar 3.14 Rancangan Jendela Utama Keterangan: 1. Kotak nomor 1 merupakan CommandButton yang berfungsi untuk memulai, membuka, menyimpan dan keluar dari program. 2. Kotak nomor 2 merupakan CommandButton yang berfungsi untuk menjalankan, dan memberhentikan program. 3. Kotak nomor 3 merupakan CommandButton, yang berfungsi sebagai tempat menampilkan info aplikasi dan keluar dari sistem . 4. Kotak nomor 4 merupakan Label, yang berfungsi sebagai tempat menampilkan judul skripsi. 5. Kotak nomor 5 merupakan PictureBox yang berfungsi sebagai tempat menampilkan gambar logo fakultas. Judul Skripsi 4 Logo Fakultas 5 New Open Save Close Run Stop Info Exit 1 2 3 ALGORITMA GENETIK X Universitas Sumatera Utara 57

6.3.2 Rancangan Jendela Genetik Models

Rancangan Jendela Genetik Models berfungsi untuk memilih model genetik yang akan dikerjakan. Rancangan Jendela Buat Lagu ke Indeks dapat dilihat pada Gambar 3.18. Gambar 3.15 Rancangan Jendela Genetik Models Keterangan: 1. Menu nomor 1 merupakan ListMenu yang berisi radiobutton untuk memilih TSP. 2. Kotak nomor 2 merupakan CommandButton yang berfungsi untuk menjalankan program. 3. Kotak nomor 3 merupakan CommandButton, yang berfungsi untuk membatalkan perintah. 1 Cancel OK Traveling Salesman Problem Genetik Models GENETIK MODELS X 1 3 2 Universitas Sumatera Utara 58

6.3.3 Rancangan Jendela Load Data

Rancangan Jendela Load Data berfungsi untuk melakukan load data SKPD yang merupakan koordinat SKPD. Rancangan Jendela Load Data dapat dilihat pada Gambar 3.19. Gambar 3.16 Rancangan Jendela Load Data Keterangan: 1. Kotak nomor 1 merupakan CommandButton yang berfungsi untuk memulai, membuka, menyimpan dan keluar dari program. 2. Kotak nomor 2 merupakan CommandButton yang berfungsi untuk menjalankan, dan memberhentikan program. 3. Kotak nomor 3 merupakan CommandButton, yang berfungsi sebagai tempat menampilkan info aplikasi dan keluar dari sistem. 4. Kota nomor 4 merupakan toolbar, yang berfungsi sebagai tempat koordinat SKPD. 5. Kotak nomor 5 merupakan CommandButton yang berfungsi untuk load koordinat SKPD berupa file .csv. Load Data New Open Save Close Run Stop Info Exit 1 2 3 TSP X 4 Load SKPD 5 Universitas Sumatera Utara 59

6.3.4 Rancangan Jendela Settings

Rancangan Jendela Settings berfungsi untuk melakukan pengaturan nilai populasi,seleksi dan probability. Rancangan Jendela Load Data dapat dilihat pada Gambar 3.20. Gambar 3.17 Rancangan Jendela Settings Keterangan: 1. Kotak nomor 1 merupakan CommandButton yang berfungsi untuk memulai, membuka, menyimpan dan keluar dari program. 2. Kotak nomor 2 merupakan CommandButton yang berfungsi untuk menjalankan, dan memberhentikan program. 3. Kotak nomor 3 merupakan CommandButton, yang berfungsi sebagai tempat menampilkan info aplikasi dan keluar dari sistem. 4. Kotak nomor 4 merupakan toolbar, yang berfungsi sebagai tempat Setinggs. 5. Kotak nomor 5 merupakan penentuan parameter populasi. 6. Kotak nomor 6 merupakan penentuan parameter seleksi. 7. Kotak nomor 7 merupakan penentuan parameter probability. Settings Populasi Probability Crossover Mutasi Reproduction Size Elitism Method Nonlinear Coef New Open Save Close Run Stop Info Exit 1 2 3 TSP X Selection 4 5 6 7 Universitas Sumatera Utara 60

6.3.5 Rancangan Jendela Simulation

Rancangan Jendela Simulation berfungsi untuk menampilkan hasil proses TSP. Rancangan Jendela Simulation dapat dilihat pada Gambar 3.21. Gambar 3.18 Rancangan Jendela Simulation Keterangan: 1. Kotak nomor 1 merupakan CommandButton yang berfungsi untuk memulai, membuka, menyimpan dan keluar dari program. 2. Kotak nomor 2 merupakan CommandButton yang berfungsi untuk menjalankan, dan memberhentikan program. 3. Kotak nomor 3 merupakan CommandButton, yang berfungsi sebagai tempat menampilkan info aplikasi dan keluar dari sistem. 4. Kotak nomor 4 merupakan Label, yang berfungsi menampilkan Generasi. Simulation TSP X Generation Number Generation Shortest Path found Changed at generation Run started at Cur. iteration sec Avg. time finish time Avg. time Left min Duration min Shortest path New Open Save Close Run Stop Info Exit 1 2 3 4 6 7 8 5 Universitas Sumatera Utara 61 5. Kotak nomor 5 merupakan Label, yang berfungsi menampilkan Waktu. 6. Kotak nomor 6 merupakan Graf, yang berfungsi menampilkan Graf fitnes. 7. Kotak nomor 7 merupakan Graf, yang berfungsi menampilkan TSP. 8. Kotak nomor 8 merupakan Label, yang berfungsi menampilkan jarak terdekat.

6.3.6 Rancangan Jendela Tentang

Rancangan Jendela Tentang berfungsi untuk menampilkan keterangan dari aplikasi berisi nama, nim, judul skripsi. Rancangan Jendela Tentang dapat dilihat pada Gambar 3.22. Gambar 3.19 Rancangan Jendela Tentang Keterangan: 1. Kotak nomor 1 merupakan Label yang berfungsi sebagai tempat keterangan aplikasi. Keterangan Aplikasi 1 Tentang X Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dijelaskan implementasi dan pengujian sistem sesuai dengan analisis dan perancangan yang telah dibahas pada bab sebelumnya. Penjelasan tentang implementasi sistem dilakukan untuk mengetahui hasil dari aplikasi yang dirancang, dan pengujian sistem dilakukan untuk membuktikan nilai probabilitas crossover dan probabilitas mutasi terbaik sehingga program dapat mencari solusi mendekati solusi yang diharapkan.

6.4 Implementasi