Perancangan Interface Implementasi Sistem

4. Tabel rute, tabel ini berfungsi untuk menyimpan penggabungan data Tabel 3.4 Tabel Rute No Field Type Keterangan 1 Int nomor Menyimpan nomor lokasi 2 varchar no_rute Menyimpan nomor rute 3 kodeawal varchar Menyimpan kode start awal 4 Id_rute int Meyimpan id rute 5. Tabel rute2, tabel ini berfungsi untuk menyimpan lokasi tempat pada peta Tabel 3.5 Tabel Rute2 No Field Type Keterangan 1 Varchar norute Menyimpan nomor rute 2 Int idrute2 Meyimpan id rute 3 jalan Decimal Menyimpan nama jalan 4 km Int Menyimpan berapa jarak 5 rute int Meyimpan nomor rute yang dilalui

3.7 Perancangan Interface

Rancangan ini dibuat sebagai media perantara user dengan aplikasi. Desain struktur ini hanya dijelaskan secara garis besar dan umum. Menu-menu ini yang nantinya diaplikasikan sebagai tampilan pada halaman web.

3.7.1 Desain Tampilan Perangkat Lunak

Desain tampilan perangkat lunak adalah tahapan perancangan tampilan aplikasi yang nantinya akan dibuat. Desain ini bertujuan untuk menggambarkan desain perancangan sistem yang dibuat. Universitas Sumatera Utara

3.7.2 Desain Tampilan Halaman Utama User

Pada halaman ini user akan memilih lokasi awal dan lokasi tujuan kemudian user akan mendapatkan rute terpendek menuju tempat wisata yang dimaksudkan. Gambar 3.13 Desain Halaman Utama

3.7.3 Desain Tampilan Halaman Rooting Pencarian

Pada halaman ini user akan mendapatkan informasi jalur mana yang akan ditempuh dan nama-nama jalan yang akan dilalui beserta jarak tempuh dan waktu tempuhnya. Gambar 3.14 Desain Halaman Rooting Pencarian Universitas Sumatera Utara

3.7.4 Desain Tampilan Halaman Tempat Wisata

Pada halaman ini user akan mendapatkan informasi tempat-tempat wisata beserta informasi tentang tempat tersebut. Gambar 3.15 Desain Halaman Tempat Wisata

3.7.5 Desain Tampilan Halaman Login Admin

Pada halaman ini Adminakan memasukkan username dan password agar bisa masuk ke halaman Admin. Gambar 3.16 Desain Tampilan Halaman Login Admin Universitas Sumatera Utara

3.7.6 Desain Tampilan Halaman Utama Menu Admin

Halaman ini merupakan halaman yang dapat diakses oleh administrator untuk melakukan pengisian data. Gambar 3.17 Desain Tampilan Halaman Utama Menu Admin

3.7.7 Desain Tampilan Halaman Admin Input Lokasi

Halaman ini merupakan halaman yang dapat diakses oleh administrator untuk melakukan input data tempat wisata, lokasi tempat wisata, lokasi awal, lokasi tujuan. Gambar 3.18 Desain Halaman Admin Input Lokasi Universitas Sumatera Utara BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi Sistem

Pada bab ini dibahas mengenai hasil uji coba sistem yang telah di rancang dan di buat. Uji coba dilakukan untuk mengetahui apakah sistem dapat berjalan sebagaimana mestinya dengan lingkungan uji coba yang telah ditentukan serta dilakukan sesuai perancangan. Untuk menjalankan aplikasi optimasi perjalanan wisata di Kota Banda Aceh dengan algoritma Dijkstra, sebelumnya harus mempersiapkan kebutuhan dari program yang akan diimplementasikan baik dari segi perangkat keras maupun perangkat lunak komputer. Lokasi awal pada aplikasi ini adalah lokasi yang sudah dianggap popular seperti bandara, terminal bus, pelabuhan, mesjid dan lokasi terkenal lainnya di kota Banda Aceh. Pada tabel dibawah ini akan ditampilkan titik koordinat dari lokasi- lokasi tempat wisata yang berada di Kota Banda Aceh. Tabel 4.1 Tabel Koordinat Lokasi Wisata No Nama Lattitude Longitude 1 PLTD Apung 5.546707 95.306865 2 Bandara Sultan Iskandar Muda 5.518558 95.422432 3 Pelabuhan Ferry Ulee Lheu Banda Aceh 5.564412 95.295235 4 Terminal Bus Banda Aceh 5.529792 95.329996 5 Museum Tsunami 5.547882 95.315126 6 Universitas Syiah Kuala 5.582672 95.362601 7 Taman Ratu Safiatuddin 5.573958 95.339155 8 Taman Sari Banda Aceh 5.536968 95.306865 9 Mesjid Raya Baiturrahman 5.553969 95.318366 10 Taman Putroe Phang 5.547519 95.317676 11 Monumen Pesawat RI 001 5.550487 95.314012 Universitas Sumatera Utara Pada pengujian ini, hasilnya berupa sistem informasi pencarian rute terpendek menuju tempat wisata yang berada di Kota Banda Aceh. Pada aplikasi webgis ini admin hanya menginput beberapa lokasi wisata saja sebagai contoh bahwasanya sistem telah berjalan dengan baik. Implementasi merupakan langkah yang dilakukan setelah perancangan aplikasi. Setelah semua komponen komputer yang mendukung proses aplikasi webgis terinstall, proses selanjutnya adalah penjelasan aplikasi. Penjelasan program aplikasi webgis merupakan petunjuk yang dapat digunakan dalam menjalankan suatu program. Berikut adalah proses pencarian Dijkstra yang telah dirancang. Gambar 4.1 Tampilan Proses Pencarian Dijkstra 1. ?php 2. keterangan 3. aa=select a.nama from peta_icon a where a.nomor=awal; 4. bb=mysql_queryaa; 5. cc=mysql_fetch_arraybb; 6. pos_awal=cc[nama]; 7. aaa=select a.nama from peta_icon a where a.nomor=akhir; 8. bbb=mysql_queryaaa; 9. ccc=mysql_fetch_arraybbb; 10. pos_akhir=ccc[nama]; 11. echo 12. table width=500 13. trtd colspan=3 align=centerDjikstra Search br Dari :.pos_awal. Ke Wisata: .pos_akhir.tdtr 14. tr 15. thNo.th 16. thNama Jalanth 17. thJarakth Universitas Sumatera Utara 18. tr 19. ; 20. a=select a.noRute from rute2 a 21. left join rute b on a.noRute=b.noRute 22. where b.KodeAwal=awal and b.nomor=akhir 23. group by a.norute order by suma.km asc; 24. b=mysql_querya; 25. whiler=mysql_fetch_arrayb{ 26. norute=r[noRute]; 27. a1=select a.jalan,a.km,a.rute,a.noRute from rute2 a where a.noRute=norute; 28. b1=mysql_querya1; 29. echo trtd colspan=3 align=leftMelalui Rute :.norute.tdtr; 30. no=1; 31. ttl_jarak=0; 32. whiler1=mysql_fetch_arrayb1{ 33. echo 34. tr 35. td.no.td 36. td.r1[jalan].td 37. td.r1[km]. Kmtd 38. tr 39. ; 40. ttl_jarak+=r1[km]; 41. no++; 42. } 43. echo trtd colspan=2 align=leftJarak Total :tdtd.ttl_jarak.tdtr; 44. echo trtd colspan=3tdtr; 45. echo trtd colspan=3tdtr; 46. } 47. echo table; 48. ? Gambar 4.2 Script Menentukan Jarak Terpendek Script diatas adalah proses pencarian rute terpendek Dijkstra dari Bandara Sultan Iskandar Muda menuju tempat wisata Kapal PLTD Apung, dan hasil yang di tampilkan dari pencarian rute terpendek tersebut berupa total jarak tempuh terpendek sejauh 18.8 Km beserta jalan-jalan yang dilalui. Untuk menjalankannya harus terkoneksi dengan internet karena kita mengambil layanan yang disediakan oleh google maps . Universitas Sumatera Utara

4.2 Pengujian Sistem

Dokumen yang terkait

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza / Mall Dikota Medan)

13 67 105

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 2

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 36

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 11

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 2

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 5

Sistem Informasi Geografis Berbasis Web Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra (Studi Kasus : Plaza Mall Dikota Medan)

0 0 12

Implementasi Sistem Informasi Geografis Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra Berbasis Web (Studi Kasus : Tempat Wisata di Kota Banda Aceh)

0 0 27

BAB II TINJAUAN PUSTAKA 2.1 Pengertian Sistem Informasi Geografis - Implementasi Sistem Informasi Geografis Untuk Menentukan Jarak Terpendek Menggunakan Algoritma Dijkstra Berbasis Web (Studi Kasus : Tempat Wisata di Kota Banda Aceh)

0 0 11

IMPLEMENTASI SISTEM INFORMASI GEOGRAFIS UNTUK MENENTUKAN JARAK TERPENDEK MENGGUNAKAN ALGORITMA DIJKSTRA BERBASIS WEB (Studi Kasus : Tempat Wisata di Kota Banda Aceh) SKRIPSI TEUKU MUARRIF IKRAMULLAH 101421016

0 0 12