Perancangan Antarmuka Sistem Interface

Gambar 3.6SequenceDiagram

3.4 Perancangan Antarmuka Sistem Interface

Perancangan antarmuka menampilkan antarmuka sistem yang akan digunakan oleh user. Pada tampilan ini terdapat menu Title, Home, manage Verteks, About. 3.4.1 Halaman Menu Title Halaman menu Title merupakan halaman awal pada sistem saat dibuka. Pada halaman ini terdapat beerapa menu bar yaitu, Title, Home, Manage Verteks. Tampilan rancangan halaman menu Title dapat dilihat pada Gambar 3.7 berikut. Universitas Sumatera Utara Gambar 3.7Rancangan Antarmuka Halaman Menu Title Tabel 3.1. Keterangan Gambar Rancangan Interface Menu Title No Keterangan 1 Merupakan Tool Strip Menu ItemTitle 2 Merupakan Tool Strip Menu ItemHome 3 Merupakan Tool Strip Menu ItemPengaturan 4 Merupakan Tool Strip Menu ItemAbout 5 Merupakan Label Judul Skripsi 6 Merupakan Label Nama dan NIM 7 Merupakan Picture Box Logo Fakultas 8 Merupakan Label Program Studi 3.4.2. Halaman Menu Home Halaman menuhomemerupakan halaman yang digunakan untuk menginputkan node asal dan node tujuan, kemudian menentukan algoritma yang ingin digunakan dan juga untuk melihat hasil perbandingan lintasan terpendek baik jarak maupun execution time waktu eksekusi. Kemudian terdapat button yang dapat mengacak graph yang digunakan. Tampilan rancangan menu homedapat dilihat pada Gambar 3.8berikut : Universitas Sumatera Utara Gambar 3.8 Rancangan AntarmukaHalaman Menu Home. Tabel 3.2. Keterangan Gambar Rancangan Interface Menu Home No Keterangan 1 Merupakan Tool Strip Menu ItemTitle 2 Merupakan Tool Strip Menu ItemHome 3 Merupakan Tool Strip Menu ItemPengaturan 4 Merupakan Tool Strip Menu ItemAbout 5 Merupakan Text Box untuk Tentukan Jarak 6 Merupakan Combo Box untuk node asal 7 Merupakan Combo Box untuk node tujuan 8 Merupakan Combo Box untuk Pilihan Algoritma 9 Merupakan Button untuk Hasil 10 Merupakan Material Flat Button untuk Total Jarak 11 Merupakan Material Flat Button untuk Execution Time 12 Merupakan Button untuk Acak Graf 13 Merupakan Button untuk Reload Universitas Sumatera Utara 3.4.3. Halaman MenuPengaturan Halaman menu Pengaturan merupakan halaman menu yang digunakan untuk melakukan pertambahan node dan menentukan tetangga serta jarak node baru tersebut kemudian dapat juga menghapus node yang ada pada graph yang dijalankan. Berikut adalah tampilan rancangan menu Manage Vertexs pada Gambar 3.9 berikut : Gambar 3.9 Rancangan AntarmukaHalaman Menu Pengaturan Tabel 3.3. Keterangan Gambar Rancangan Interface Menu Pengaturan No Keterangan 1 Merupakan Tree View untuk menu Root 2 Merupakan Combo Box untuk Pemilihan Tetangga 3 Merupakan Button untuk Tambah Tetangga 4 MerupakanList View untuk Tetangga dan Jarak 5 Merupakan Text Field untuk NamaNode 6 Merupakan Button untuk Tambah Node 7 Merupakan Button untuk Delete Selected Node 8 Merupakan Button untuk Delete Selected Neighbor 9 Merupakan Button untuk Load 10 Merupakan Button untuk Save Universitas Sumatera Utara 3.4.4. Halaman Menu About Halaman menu About merupakan halaman yang memaparkan tentang biodata penulis dan juga beberapa keterangan lainnya. Tampilan rancangan halaman menu About dapat dilihat pada Gambar 3.10 : Gambar 3.10 Rancangan AntarmukaHalaman Menu About Tabel 3.4. Keterangan Gambar Rancangan Interface Menu About No Keterangan 1 Merupakan Tool Strip Menu ItemTitle 2 Merupakan Tool Strip Menu ItemHome 3 Merupakan Tool Strip Menu ItemPengaturan 4 Merupakan Tool Strip Menu ItemAbout 5 Merupakan Picture Box untuk Foto Penulis 6 Merupakan Text Box untuk Nama 7 Merupakan Text Box untuk NIM, Prodi 8 Merupakan Text Box untuk Ulasan 9 MerupakanScrool ButtonUntuk Ulasan Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi