melakukan proses drag geser ke kiri. Dan pengguna juga dapat kembali ke pemilihan node untuk memilih titik awal danatau titik akhir yang lain.
3.1.3.3 Sequence Diagram
Berikut ini dijelaskan proses tampil peta USU dan pencarian rute terpendek yang terjadi pada sistem penentuan rute terpendek USU dengan menggunakan sequence
diagram.
3.1.3.3.1 Sequence Diagram Tampil Peta USU
Pada proses tampil peta USU, sistem akan menampilkan peta lingkungan Universitas Sumatera Utara beserta legenda peta. Sequence diagram untuk proses tampil peta
USU diperlihatkan pada Gambar.
Gambar 3.5. Sequence Diagram Tampil Peta USU
Pada sequence diagram gambar terlihat proses menampilkan peta yang dimulai dengan memilih menu Enter pada tampilan awal kemudian pengguna akan
dihadapkan pada beberapa pilihan pada Menu Pilihan Option. Kemudian pengguna
Universitas Sumatera Utara
akan memilih Tampil Peta, lalu sistem akan memberikan Tampilan Peta. Layout Tampilan Peta merupakan viewflipper yang mengizinkan pengguna untuk melakukan
geser drag dan jika pengguna melakukan proses drag ke kiri maka sistem akan memberikan Tampilan Legenda.
3.1.3.3.2 Sequence Diagram Pencarian Rute Terpendek
Proses pencarian rute terpendek akan menampilkan hasil perhitungan algoritma Dijkstra berdasarkan node atau titik yang dipilih oleh pengguna. Sequence diagram
yang dapat menggambarkan proses pencarian rute pada sistem dapat dilihat pada gambar.
Gambar 3.6. Sequence Diagram Pencarian Rute Terpendek
Pada sequence diagram diatas pengguna akan dihadapkan pada menu utama. Pengguna memilih Enter untuk masuk ke Menu Pilihan atau Option. Pengguna
memilih menu Temukan Rute Terpendek kemudian sistem akan menampilkan Tampilan Pemilihan Node. Pada layout ini, pengguna dihadapkan pada pemilihan
Universitas Sumatera Utara
Node Awal dan Node Akhir. Jika pengguna telah memilih Node Awal dan Node Akhir lalu kemudian memilih menu Temukan Rute Terpendek, maka sistem akan
melakukan perhitungan algoritma Dijkstra dan secara otomatis menampilkan Tampilan Peta hasil perhitungan algoritma Dijkstra tersebut. Tampilan Peta ini
merupakan viewflipper yang memperbolehkan pengguna melakukan proses geser drag. Jika pengguna melakukan proses drag ke kiri maka sistem akan menampilkan
hasil String perhitungan algoritma Dijkstra tapi jika pengguna melakukan proses drag ke kanan maka sistem akan menampilkan Total Jarak perhitungan algoritma Dijkstra.
3.2 Perancangan Sistem
Antarmuka merupakan perantara antara pengguna dengan sistem. Tampilan antarmuka sangat mempengaruhi penggunaan suatu sistem, oleh karena itu antarmuka
harus dirancang sedemikian rupa sehingga memudahkan pengguna dalam menggunakan sistem tersebut. Pada tahap ini akan dilakukan perancangan antarmuka
sistem yang akan digunakan dan dalam perancangannya sebagai aplikasi Android maka tampilan antarmuka ini dirancang pada masing – masing layout yang saling
berintegrasi satu sama lain. Rancangan antarmuka sistem ini terdiri dari beberapa layout yang memiliki tujuan dan kegunaan yang berbeda – beda, seperti layout
Tampilan Awal, layout Cara Penggunaan, layout Info Aplikasi, layout Pilihan, layout Tampil Peta USU, layout Pilih Node, dan layout Hasil. Namun dari sejumlah layout
tersebut, layout Tampil Peta USU, layout Pilih Node dan layout Hasil merupakan tampilan utama yang dinamis dan akan dirancang secara khusus.
3.2.1 Antarmuka Tampil Peta USU
Antarmuka Tampil Peta USU merupakan layout yang dilihat oleh pengguna untuk hanya sekedar melihat peta USU. Layout ini memiliki fungsi ViewFlipper yang
memperbolehkan pengguna untuk melakukan proses geser drag ke kiri dan ke kanan untuk menampilkan dua tampilan yang berbeda. Pada layout Tampil Peta USU ini
terdapat dua tampilan yang berbeda antara lain tampilan peta USU dan tampilan legenda.
Universitas Sumatera Utara