Tampilan Program Aplikasi Implementasi Sistem

[T0-T19-T20-T11-T10-T26-T14-T15-T30-T18-T37-T5-T6] dengan total jarak 2100 dalam satuan meter.

4.1.2 Tampilan Program Aplikasi

Form awal merupakan tampilan pertama yang akan muncul ketika aplikasi mulai digunakan. Pada tampilan ini terdapat pengenalan pertama aplikasi berupa judul aplikasi dan tiga tombol pilihan antara lain Enter, How To Use, dan About. Gambar 4.2. Form Awal Tombol pilihan Enter akan menuju tampilan menu pilihan, tombol pilihan How To Use akan menuju form Cara Penggunaan, dan tombol pilihan About akan menuju tampilan informasi mengenai program aplikasi. Universitas Sumatera Utara Gambar 4.3. Cara Penggunaan Gambar 4.4. Tentang Aplikasi Setelah pengguna mengklik tombol Enter, maka pengguna akan dihadapkan ke Form Menu Pilihan. Pada tampilan ini terdapat tiga tombol yang menuju ke proses penggunaan selanjutnya antara lain, Tampilkan Peta, Temukan Rute Terpendek, dan Cara Penggunaan. Universitas Sumatera Utara Gambar 4.5. Menu Pilihan Tombol Tampilkan Peta akan menuju Form Peta USU, tombol Temukan Rute Terpendek akan menuju Tampilan Pilih Node dan tombol Cara Penggunaan akan kembali menuju Tampilan Cara Penggunaan. Gambar 4.6. Peta USU Setelah pengguna mengklik tombol Tampilkan Peta, maka aplikasi akan menampilkan form peta Universitas Sumatera Utara dalam bentuk openlayers yang Universitas Sumatera Utara memberikan fitur Zoom In, Zoom Out, dan lain – lain. Ketika pengguna melakukan proses drag baik ke kiri maupun ke kanan maka program akan menampilkan Form Legenda. Gambar 4.7. Legenda Dan pada Form Legenda pengguna melakukan proses drag ke kiri maupun ke kanan kembali maka program akan kembali menampilkan Tampilan Peta USU. Apabila pengguna kembali ke Form Menu Pilihan, maka program akan menampilkan Form Pilih Node. Universitas Sumatera Utara Gambar 4.8. Pilih Node Pada form Pilih Node ini, maka pengguna akan dihadapkan pada dua listview berupa Node Awal dan Node Akhir serta tombol Find Shortest Path. Setelah pengguna memilih node awal dan node akhir lalu mengklik tombol Find Shortest Path maka program akan melakukan proses komputasi untuk mencari rute terpendek dari node awal menuju node akhir, lalu secara otomatis program akan langsung menuju Form Map Result. Gambar 4.9. Hasil Peta Universitas Sumatera Utara Form Map Result ini merupakan form peta Universitas Sumatera Utara berupa openlayers yang memiliki fitur Zoom In, Zoom Out, dan lain – lain dengan perubahan yang menunjukkan rute terpendek hasil komputasi algoritma Dijkstra. Apabila pengguna melakukan proses drag ke kiri maka program akan menampilkan Form String Result dan apabila pengguna melakukan proses drag ke kanan maka program akan menampilkan Form Maximum Distance. Gambar 4.10. Hasil Teks Form String Result ini merupakan hasil komputasi algoritma Dijkstra dalam bentuk teks. Apabila pengguna melakukan proses drag ke kiri maka program akan menampilkan Form Maximum Distance dan apabila pengguna melakukan proses drag ke kanan maka program akan menampilkan Form Map Result. Universitas Sumatera Utara Gambar 4.11. Total Jarak Form Maximum Distance ini merupakan hasil komputasi algoritma Dijkstra yang menampilkan total jarak paling dekat kecil dari node awal hingga node akhir. Apabila pengguna melakukan proses drag ke kiri maka program akan menampilkan Form Map Result dan apabila pengguna melakukan proses drag ke kanan maka program akan menampilkan Form String Result.

4.2 Pengujian Sistem