ANALISIS DAN PERANCANGAN SISTEM
3.3 Perancangan Antarmuka (Interface)
Perancangan antarmuka (interface) merupakan mekanisme antar pengguna dan sistem.
Pada Antarmuka (interface) pengguna dapat menerima informasi dari sistem dan hal yang penting adalah kemudahan dalam memakai atau menjalankan sistem. Tujuan Antarmuka (interface) yaitu mengkomunikasikan fitu-fitur yang ada pada sistem agar pengguna mengerti ketika menjalankan sistem tersebut.Tampilan yang terdapat pada sistem ini adalah halaman menu Beranda, Sekilas Info,Pencarian ATM, Bantuan dan Tentang.
24
3.3.1 Halaman Menu Beranda
Halaman Beranda merupakan halaman utama yang ditampilkan ketika sistem dijalankan.Tampilan rancangan halaman menu Home dapat dilihat pada Gambar 3.9 dan keterangan gambar rancangan halaman pada Tabel 3.1.
Gambar 3.9 Rancangan Antarmuka Halaman Menu Beranda Beranda Pencarian
ATM
Bantuan
PERBANDINGAN ALGORITMA FLOYD-WARSHALL DAN BELLMAN-FORD DALAM PENCARIAN
JARAK TERPENDEK ANTAR ATM DI KOTA TEBING TINGGI
SKRIPSI SASTI LESTARI
131401044
Logo
PROGRAM STUDI S-1 ILMU KOMPUTER
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA
Tabel 3.1 Keterangan Gambar Rancangan Antarmuka Halaman Menu Beranda
3.3.2 Halaman Menu Pencarian ATM
Halaman Pencarian ATM merupakan halaman yang tampil saat pengguna memilih menu Pencarian ATM pada menu bar. Pada halaman ini pengguna dapat melihat jarak, waktu dan Algoritma yang digunakan. Selain itu di halaman ini terdapat tombol Tampilan graph yang jika di klik akan menampilakan halaman berupa Tampilan graph. Rancangan halaman menu Pencarian ATM dapat dilihat pada Gambar 3.10 dan keterangan gambar rancangan halaman pada Tabel 3.2.
No Keterangan
1 TabControl berfungsi untuk menunjukkan halaman-halaman yang tersedia pada sistem
2 Label untuk menampilkan judul skripsi 3 Label untuk menampilkan Nama, dan Nim
4 Picture Box untuk menampilkan logo Universitas Sumatera Utara 5 Label untuk menampilkan Program Studi
26
Gambar 3.10 Rancangan Antarmuka Halaman Menu Pencarian ATM Tabel 3.2 Keterangan Gambar Rancangan Antarmuka Halaman Menu
Pencarian ATM
No Keterangan
1 Tab Control untuk menunjukkan halaman yang tersedia pada sistem
2 Combo Box untuk menampilkan nama- nama Lokasi Awal ATM pada sistem
3 Combo Box untuk menampilkan nama- nama Lokasi Awal ATM pada sistem
4 Combo Box untuk menampilkan nama- nama Algoritma yang ingin digunakan pada system
5 Button untuk proses penentuan Hasil
6 Tab Control berfungsi untuk menunjukkan halaman-halaman yang tersedia pada system
7 Data Grid View berfungsi menampilkan data dalam bentuk grid
Nama ATM
Tampilan Proses OK
Bellman-Ford Floyd-Warshall
3.3.3 Halaman Menu Bantuan
Halaman Bantuan merupakan halaman yang berisi sub menu yaitu sekilas info, petunjuk penggunaan sistem, dan profil perancang. Rancangan halaman menu Bantuan beserta sub menu petunjuk penggunaan sistem dapat dilihat pada Gambar 3.11 dan keterangan gambar rancangan halaman pada Tabel 3.3.
Gambar 3.11 Rancangan Antarmuka Halaman Menu Bantuan dan Sub Menu Petunjuk Penggunaan Sistem
8 PictureBox berfungsi menampilkan icon jam 9 PictureBox berfungsi menampilkan icon ATM
10 TextBox untuk menampilkan hasil dari waktu proses pada system 11 PictureBox berfungsi menampilkan icon view
12 Button berfungsi sebagai tombol untuk menampilkan graph
Beranda Pencarian ATM
1. Klik Beranda untuk kembali ke Tampilan Awal 2. Klik Sekilas Info untuk mengetahui informasi tentang sistem
3. Klik Pencarian ATM untuk melakukan pencarian jarak antar ATM
Caranya : - Klik Lokasi Awal - Klik Lokasi Tujuan
- Pilih Algoritma yang ingin digunakan - Klik Ok
Untuk melihat Tampilan Graph klik Tampilan Graph
4. Klik Tentang untuk melihat Profil 2
4 3
28
Tabel 3.3 Keterangan Gambar Rancangan Antarmuka Halaman Menu Bantuan dan Sub Menu Petunjuk Penggunaan Sistem
3.3.4 Halaman Sub Menu Sekilas Info
Halaman Sub Menu Sekilas Info merupakan halaman yang tampil saat pengguna memilih sub menu Sekilas Info pada menu Bantuan. Pada halaman ini pengguna dapat melihat informasi seputar Algoritma yang digunakan pada sistem ini. Rancangan halaman sub menu Sekilas Info dapat dilihat pada Gambar 3.12 dan keterangan gambar rancangan halaman pada Tabel 3.4.
Gambar 3.12 Rancangan Antarmuka Halaman Menu Sekilas Info
No Keterangan
1 Tab Control untuk menunjukkan halaman yang tersedia pada sistem 2 Label untuk menampilkan informasi penggunaan system
3 Picture Box untuk menampilkan icon petunjuk
4 Label untuk berisi informasi langkah-langkah dalam menggunakan system
Beranda Pencarian ATM
1
2
Algoritma Floyd-Warshall
Algoritma Floyd-Warshall merupakan salah satu varian dari pemograma dinamis.
Pada algoritma Floyd-Warshall pemecahan masalah dilakukan dengan memandang solusi sebagai suatu keputusan yang terkait yaitu solusi yang terbentuk merupakan hasil dari tahap sebelumnya dan memungkinkan solusi lebih dari satu(Kriswanto,et al.2014).
Algoritma Bellman-Ford
Algoritma Bellman-Ford adalah salah satu algoritma pencarian jarak terpendek. Pada Algoritma Bellman-Ford memiliki konsep seperti Algoritma djikstra, namun terdapat perbedaan dimana algoritma Bellman Ford dapat menghitung graph yang memiliki bobot bernilai negative. Algoritma bellman-ford merupakan salah satu algoritma yang menangani kasus pencarian lintasan dengan bobot terkecil. Algoritma ini memungkinkan apabila di dalam sistem yang dibangun terdapat pencilan. Seperti yang sudah dicobakan sebelumnya, apabila simpul yang dituju ataupun simpul asal merupakan sebuah pencilan maka hasil yang didapatkan adalah infinity. Tidak hanya itu bahkan apabila ternyata tidak ada lintasan yang menghubungkan antara simpul awal dan simpul tujuan, maka bobot yang dihasilkan juga berupa infinity (Utami, 2009). Pengaplikasian dari Algoritma Bellman-Ford diantaranya yaitu menghemat sumber daya jaringan dan penyelesaian masalah dua routing matrik (Sanan,et al.2013).
Tabel 3.4 Keterangan Gambar Rancangan Antarmuka Halaman Sub Menu Sekilas Info
No Keterangan
1 Tab Control untuk menunjukkan halaman yang tersedia pada sistem 2 Label untuk Informasi Tentang Algoritma Floyd-Warshall
3 Label untuk Informasi Tentang Algoritma Bellman-Ford 3.3.5 Halaman Sub Menu Profil Perancang
Halaman sub menu Profil Perancang merupakan halaman yang berisi biodata penulis.
rancangan halaman sub menu Profil Perancang dapat dilihat pada Gambar 3.13 dan keterangan gambar rancangan halaman pada Tabel 3.5.
Gambar 3.13 Rancangan Antarmuka Halaman Sub Menu Profil Perancang
Beranda Pencarian ATM
Tempat Tanggal Lahir : Tebing Tinggi,21 November 1995
Email : Sastiidea21@gmail.com
No.Hp : 085923380154
Konsentrasi : Desain dan Analisis Algoritma Judul Skripsi : Perbandingan Algoritma Floyd- Warshall dan Bellman-Ford Dalam Pencarian Jarak Terpendek Antar ATM Di Kota Tebing Tinggi
Moto Hidup : Menjadi Orang yang Bermanfaat
30
Tabel 3.5 Keterangan Gambar Rancangan Antarmuka Halaman Sub Menu Profil Perancang
No Keterangan
1 Tab Control untuk menunjukkan halaman yang tersedia pada sistem 2 Label untuk menampilkan informasi profil penulis
3 Picture Box untuk menampilkan logo Univeristas
Universitas Sumatera Utara
BAB 4