41
b. Tampilan Pilihan Menu
Pada tampilan halaman utama sistem terdapat juga menu yang terletak di sebelah kanan. Menu tersebut terdiri dari menu utama, daftar SPBU dan about. Tampilan
pilihan menu dapat dilihat pada gambar 4.2.
Gambar 4.2 Tampilan Pilihan Menu
Menu utama untuk kembali ke halaman utama. Daftar SPBU digunakan untuk menampilkan halaman daftar SPBU yang ada di Kota Medan. About untuk
menampilkan biodata peneliti.
4.3 Pengujian Sistem
Pengujian sistem dilakukan untuk mengetahui apakah sistem berjalan sesuai dengan rancangan yang telah dibuat sebelumnya. Pada halaman utama seperti pada gambar
4.1 pengguna dapat memasukkan tujuan dengan cara memilih salah satu tombol tujuan yang berupa combo box yang telah disediakan. Pengguna akan dapat
melakukan pencarian rute SPBU terdekat dengan cara menekan button “Cari SPBU
Universitas Sumatera Utara
42
terdekat” atau melihat daftar SPBU yang ada pada sistem. Berikut pengujian terhadap sistem :
4.3.1 Tampilan memasukan pilihan tujuan
Gambar 4.3 Pengujian Saat Melakulan Pilihan Lokasi Tujuan
Pada gambar 4.3 sistem menampilkan beberapa daftar tujuan yang dapat dipilih user. Daftar tujuan tersebut telah disimpan di dalam database. Jumlah daftar
yang disimpan sebanyak 96 titik tujuan dan semuanya berada di wilayah sekitar Univesitas Sumatera Utara USU. Wilayah sekitar USU antara lain jalan Gatot
Subroto, jalan Setia Budi, jalan Dr Mansyur, jalan Cinge, jalan Kapten Patimura dan jalan Gajah Mada. User dapat memilih salah satu titik tujuan agar dapat memproses
pencarian SPBU.
Universitas Sumatera Utara
43
4.3.2 Tampilan rekomendasi SPBU terdekat Apabila user selesai memilih salah satu tujuan lalu user
menekan tombol “cari SPBU terdekat” dan hasilnya sistem akan menampilkan 3 rekomendasi SPBU terdekat
dalam bentuk tabel seperti pada gambar 4.4.
Gambar 4.4 Tampilan Hasil Rekomendasi SPBU
Dari tabel rekomendasi tersebut terdapat jarak asal ke SPBU, jarak SPBU ke tujuan, jarak total yaitu jarak asal ke tujuan serta alamat letak posisi SPBU. Urutan
jarak yang ditampilkan berdasarkan jarak total dengan urutan jarak paling pendek. Di bawah tabel rekomendasi terdapat button
“Cari Lagi” yang berguna untuk kembali ke halaman utama.
4.3.3 Tampilan rute rekomendasi SPBU terdekat Apabila user memilih salah satu hasil dari tabel rekomendasi SPBU terdekat maka
sistem akan menampilkan rute jalan yang dilalui user ke lokasi tujuan dalam bentuk Google Maps. Dalam gambar 4.5, user memilih SPBU yang beralamat di jalan Jamin
Universitas Sumatera Utara
44
Ginting maka sistem akan menampilkan rute dalam bentuk peta Google Maps. Bulatan warna merah merupakan titik awal, logo pertamina adalah SPBU terdekat
dari titik awal dan bulatan biru adalah titik tujuan user. Garis merah menunjukan jalan user menuju SPBU dan garis biru menunjukan jalan user dari SPBU ke lokasi
tujuan. Hal ini dapat ditunjukkan pada gambar 4.6.
Gambar 4.5 Tampilan rute SPBU
Posisi user SPBU
Garis biru SPBU ke tujuan
Garis merah User ke SPBU
tujuan
Gambar 4.6 Keterangan tampilan rute SPBU
Universitas Sumatera Utara
45
4.3.4 Tampilan Daftar SPBU User
dapat melihat daftar SPBU dengan memilih “Daftar SPBU” yang ada pada pilihan menu. Data SPBU disimpan didalam database. Daftar SPBU ini berfungsi
untuk memudahkan user melihat SPBU yang ada di kota medan. Daftar SPBU tersebut berjumlah 30 data SPBU. Data SPBU yang ditampilkan berada di wilayah
sekitar USU. Daftar SPBU yang ditampilkan dalam bentuk tabel yang berupa No SPBU, nama SPBU dan alamat SPBU. Tampilan daftar SPBU dapat dilihat pada
gambar 4.7.
Gambar 4.7 Tampilan Daftar SPBU
Universitas Sumatera Utara
BAB 5 KESIMPULAN DAN SARAN
Kategori