3.5.1 Perancangan Relasi Antartabel
Perancangan relasi antartabel berfungsi untuk menampilkan informasi hubungan relasi ketergantungan
dependence antar tabel pada database. Rancangan relasi antar tabel dapat dilihat seperti pada Gambar 3.6.
Gambar 3.6 Database Relasi
3.6 Perancangan Antarmuka Pengguna User Interface
Dalam membangun sebuah sistem perlu adanya perancangan antarmuka User Interface
yang nantinya sangat membantu memudahkan pengoperasian sistem. Dalam merancang antarmuka pengguna, ada beberapa syarat yang harus dipenuhi agar tercipta sebuah perangkat
lunak yang mudah dan informatif untuk pengguna user friendly.
3.6.1 Perancangan Menu Utama
Perancangan Menu Utama berfungsi untuk tempat menu keberadaan program-program pendukung sistem pencarian rute terdekat yang terdiri dari menu
Login, Aplikasi Pencarian Jarak Terpendek,
View Map, Edit Data User, Edit Data Rute, About dan Keluar. Perancangan Menu Utama menampilkan menu-menu sebagai berikut:
1. Login, berfungsi untuk melakukan pemasukan hak akses sebagai pengguna sistem.
2. Aplikasi Pencarian Jarak Terpendek, berfungsi untuk melakukan pencarian jarak terdekat
antara rute-rute. 3.
View Map, berfungsi untuk menampilkan peta kota Medan. 4.
Edit Data User, berfungsi untuk mengedit data pengguna sistem.
5. Edit Data Rute, berfungsi untuk mengedit data rute dan jarak sistem.
6. About, berfungsi untuk menampilkan profile.
7. Keluar, berfungsi sebagai tombol untuk menutup menu utama.
Bentuk rancangan Menu Bar terlihat seperti pada Gambar 3.7 berikut:
Gambar 3.7 Rancangan Menu Utama
3.6.2 Perancangan Login
Perancangan Login berfungsi sebagai otorisasi hak akses dengan pemasukan AdminID nama
pengguna serta Password. Bentuk perancangan Login dapat dilihat seperti pada Gambar 3.8
berikut.
Gambar 3.8 Rancangan
Login
Edit Data User Aplikasi Pencarian Jarak Terpendek
Keluar Login
View Map
ABOUT
xxxxxxxxx Admin ID
Password OK
Exit xxxxxxxxxx
Edit Data Rute
3.6.3 Perancangan Pencarian
Perancangan Pencarian Jarak Terpendek berfungsi untuk pencarian rute terpendek dengan angkutan umum bertrayek. Perancangan Pencarian Jarak Terpendek dapat dilihat seperti pada
Gambar 3.9.
Gambar 3.9 Perancangan Pencarian Jarak Terpendek
Perancangan pencarian jarak terpendek terdiri dari Tombol Cari berfungsi untuk melakukan pencarian rute terpendek dengan pemasukan lokasi asal dan tujuan yang
ditampilkan berupa rute-rute lokasi yang dilalui beserta jarak dan dalam bentuk list. Tombol Batal berfungsi untuk membersihkan hasil pencarian rute terdekat serta Tombol Keluar untuk
menutup tampilan halaman Pencarian Jarak Terpendek.
3.6.4 Perancangan Data User