a. Gambar 5.2 adalah proses ketika masuk ke dalam halaman utama dengan
mengetikkan url
http:localhostgmapperdaganganindex.php maka otomatis akan masuk ke dalam halaman home.
Gambar 5.2. Halaman Home PERDAGANGAN
b. Gambar 5.3 adalah proses masuk ke halaman berikutnya yaitu halaman profile
dengan cara meng-click pilihan button profile di bagian atas page atau di pilihan menu. Apabila sudah masuk halaman profile maka url yang tertulis
pada browser adalah http:localhostgmapperdaganganProfile.php
Gambar 5.3. Halaman Profile PERDAGANGAN
c. Gambar 5.4 adalah proses masuk ke halaman berikutnya yaitu halaman maps
dengan cara meng-click pilihan button maps di bagian atas page atau di pilihan menu di kiri page. Apabila sudah masuk halaman maps maka url yang
tertulis pada browser adalah http:localhostgmapperdaganganmap.php
Gambar 5.4. Halaman maps PERDAGANGAN
d. Gambar 5.5 adalah proses masuk ke dalam halaman surabaya maps dimana
peta utama ditampilkan di halaman ini dengan cara meng-click pilihan click here to view detail maka akan otomatis masuk ke dalam halaman peta utama
surabaya maps dengan url http:localhostgmapgmap75.phtml.
Gambar 5.5. Halaman View Maps
e. Gambar 5.7 adalah proses masuk ke halaman news dengan cara meng-click
pilihan button news di bagian atas page atau di pilihan menu di bagian bawah page. Apabila sudah masuk halaman photo gallery maka url yang tertulis pada
browser adalah http:localhostgmapperdaganganberita.php.
Gambar 5.7. Halaman News PERDAGANGAN
f. Gambar 5.8 adalah proses masuk ke halaman detail berita dengan cara meng-
click link ”baca selengkapnya”yang tersedia pada halaman news. Apabila sudah masuk halaman detail berita maka url yang tertulis pada browser
adalah http:localhostgmapperdagangandetail20berita.php?id=1.
4.3.6. Halaman Info Dagang
Pada halaman ini userclient dapat memili atau melihat mall mana yang hanya menjual perlengkapan komputer dan elektronik,tempat penjualan souvenir untuk
peralatan pernikahan atau pun tempat pengkulakan partai besar dari kota lain dan dapat mengetahui mall mana saja untuk pergi shooping dalam waktu libur serta jalan-jalan
dengan kelurga.Dalam pembuatan Sistem Informasi Geografis Bidang Perdagangan Lokasi Mall dan Swalayan Kota Surabaya Berbasis Web, dapat lebih memudahkan
masyarakat kota maupun luar kota untuk berbelanja di kota Surabaya dengan mengetahui lokasi Mall yang akan dituju.
Gambar 5.8. Tampilan Halaman Info Dagang
Gambar 5.9. Halaman Guestbook PERDAGANGAN 5.3.2 . Uji Coba Pengoperasian Halaman Maps
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PERDAGANGAN.Pada halaman ini terdapat fungsi pengoperasian peta
pendidikan kota Surabaya. Pada halaman ini terdapat fungsi-fungsi seperti : 1
Fungsi manajemen penampilan legend peta 2
Fungsi tools penampilan peta 3
Fungsi navigasi peta
4 Fungsi peta indeks
5 Fungsi Quickview
Prosedur menampilkan halaman Surabaya maps telah dijelaskan pada gambar 5.5.
Gambar 5.10. Halaman Utama Maps PERDAGANGAN 5.3.3 . Uji Coba Penggunaan Fungsi Peta Legend
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PERDAGANGAN. Fungsi manajemen legenda peta terletak di samping kiri web
page dimana pengguna dapat memilih garis peta apa saja yang ingin ditampilkan
dengan cara meng-click check box pada legend sesuai dengan tampilan yang diinginkan, kemudian click refresh map.
Gambar 5.11. Tampilan Fungsi Legend pada PERDAGANGAN
Uji coba dilakukan dengan contoh misal pengguna ingin melihat hanya batas kecamatan, batas kelurahan, dan batas wilayah pemerintahan Kota Surabaya.
Gambar 5.12. Tampilan Halaman Utama Maps PERDAGANGAN setelah direfres
5.3.4 . Uji Coba Penggunaan Fungsi Tools
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PERDAGANGAN. Fungsi tools yang ada di dalam peta adalah fungsi mapsize.
Pada tahap ini, uji coba fungsi tools PERDAGANGAN. Uji coba langka
Gambar 5.13 adalah proses pengoperasian tools Map Size yaitu dengan cara memilih bagian ini
di bagian kanan page. Fungsi map size peta bertujuan agar pengguna dapat memilih ukuran
tampilan peta sesuai dengan ukuran yang diinginkan dengan cara memilih width dan height peta sesuai yang diinginkan.
Gambar 5.13. Tampilan Map Size
Gambar 5.14. Tampilan Surabaya Maps Setelah di-resize
5.3.5. Uji Coba Penggunaan Fungsi Navigation
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PERDAGANGAN. Pada halaman ini terdapat fungsi pengoperasian navigasi peta
digital kota Surabaya yang terletak tepat diatas peta utama. Berikut adalah button fungsi navigasi Surabaya Maps
Gambar 5.15. Tampilan Button Navigasi Surabaya Maps
Pada tahap ini, uji coba fungsi navigasi PERDAGANGAN. Uji coba langkah-langkah pengoperasian fungsi tools terdiri dari beberapa tahap, antara
lain : a.
Gambar 5.16 adalah proses pengoperasian zoom in PERDAGANGAN yaitu dengan cara meng-click
button zoom in
kemudian mengklik letak lokasi yang akan di zoom pada peta. Setelah zoom in maka akan tampil peta zoom sesuai dengan lokasi pilihan zooming
seperti gambar di bawah ini.
Gambar 5.16. Hasil Zoom in Peta
b. Gambar 5.17 adalah proses pengoperasian zoom out PERDAGANGAN
yaitu dengan cara meng-click button zoom out
pada peta maka peta akan mengecil.
Gambar 5.17. Hasil Zoom out Peta
c. Gambar 5.18 adalah proses pengoperasian recenterpengesaran peta
PERDAGANGAN yaitu dengan cara meng-click button
.Kemudian klik peta dan peta akan bergeser tampilannya.
Gambar 5.18. Tampilan Recenter Peta
d. Gambar 5.19 adalah proses pengoperasian query information informasi point
yang dipilih pada peta PERDAGANGAN yaitu dengan cara meng-click button .Kemudian klik point pada peta dan peta akan
memberikan informasi point yang dipilih .
Gambar 5.19. Tampilan Query Information Peta 5.3.6 . Uji Coba Fungsi Navigasi Peta Indeks
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PARIWISATA. Fungsi peta indeks disajikan dalam ukuran yang lebih kecil dari
tampilan peta utama, dan menggambarkan seluruh seluruh area peta. Navigasi melalui peta indeks dilakukan dengan cara meng-click di lokasi tertentu pada peta
indeks. Peta utama akan secara otomatis diperbaharui, sesuai dengan lokasi yang dipilih pada peta indeks.
Gambar 5.20. Proses Zoom Peta Melalui Peta Indeks
Gambar 5.21. Hasil dari Proses Zoom Peta Melalui Peta Indeks 5.3.7 . Uji Coba Fungsi Quickview Peta
Pada tahap ini, uji coba akan dilakukan pada halaman maps utama pada PARIWISATA. Fungsi quickview pada peta adalah untuk langsung menuju
ketempat yang telah kita pilih. Quickviews dapat dilakukan dengan cara memilih lokasi yang telah disediakan pada koloom quickviews. Peta utama akan secara
otomatis diperbaharui, sesuai dengan lokasi yang dipilih pada quickviews.
Gambar 5.22. Proses Pemilihan Lokasi Menggunakan Quickview
Gambar 5.23. Hasil dari Proses Quickview Peta 5.3.8 . Uji Coba Pengisian Guest Book
Halaman guest book dari Sistem Informasi Geogafis Bidang Perdagangan kota Surabaya berbasis web berfungsi sebagai sarana untuk pemberian saran,
masukan dan kritik oleh pengguna tujuan sebagai penyempurnaan PERDAGANGAN yang lebih baik. Pengoperasian guest book dengan mengisi
nama, email dan pesan yang akan disampaikan oleh pengguna. Lankah selanjutnya adalah click tombol simpan maka secara otomatis pesan akan
ditampilkan di halaman web guest book.
Gambar 5.24. Tampilan Guest Book Setelah Diisi oleh Pelanggan
5.4. Evaluasi
Hasil evaluasi dari uji coba terhadap aplikasi yang telah dilakukan membuktikan bahwa aplikasi telah berjalan dengan baik sesuai dengan fungsinya
masing-masing dan telah dilengkapi dengan fasilitas penanganan kesalahan saat berinteraksi dengan pengguna yang sangat membantu sistem untuk berjalan secara
optimal. Tampilan peta sudah sesuai dengan peta digital yang dibuat. Untuk kedepannya Sistem Informasi Geografis sektor perdagangan kota
Surabaya berbasis Web ini hanya menampilkan letak Mall dan swalayan.
84
BAB VI PENUTUP
6.1. Kesimpulan
Setelah dilakukan uji coba maka kesimpulan yang didapat dari perancangan web GIS ini adalah sebagai berikut :
a. Dengan memanfaatkan beberapa fungsi Mapserver MS4W versi 1.2. tampilan
dan fungsi Sistem Informasi Geografis Bidang Perdagangan Kota Surabya Berbasis WEB berjalan dengan baik sehingga dapat memudahkan pengguna
dalam mengoperasikan Web GIS ini. b.
Perancangan Web GIS ini menggunakan bahasa pemrograman PHP mapscript untuk desain Web serta menggunakan MapServer MS4W 2.1.1
sebagai Peta online perdagangan kota Surabaya. c.
Dengan memanfaatkan framework Gmap 1.2. yang merupakan salah satu fungsi MS4W 1.2 maka dapat digunakan untuk membangun database spatial
yang mudah diperbarui dan digunakan. d.
Dengan menggunakan Arcview 3.3 yang mempunyai fungsi membuat digitasi peta dasar dua dimensi 2D dan system layering pelapisan yang
menggabungkan beberapa peta menjadi satu sehingga Web pariwisata kota Surabaya ini bisa terbentuk.
6.2. Saran
Berdasarkan pengalaman dalam proses pembuatan Web GIS ini, terdapat beberapa saran yang diusulkan oleh penulis terkait untuk pengembangan Web GIS
lebih lanjut. Saran-saran tersebut antara lain: Menggunakan paket MapServer yang lebih update dan framework chameleon
yang compatible dengan versi Mapserver terbaru. a.
Memaksimalkan fungsi peta digital Surabaya dengan menambahkan layer- layer lain yang berkaitan dengan geografis perdagangan kota Surabaya
seperti peta wilayah potensial dan peta prasarana dan infrastruktur kota Surabaya sehingga dapat melengkapi peta yang sudah dibuat.
b. Pastikan bahwa data shapefile peta yang digunakan untuk perancangan web SIG
mempunyai format dua dimensi 2D. Sehingga data yang dibuat dapat ditampilkan di web.
c. Bagi yang ingin melanjutkan penelitian tentang Web GIS ini ada baiknya
diberikan beberapa titik point of interest seperti sarana dan prasarana berupa transportasi dan infrastruktur kota, sehingga bisa lebih melengkapi peta
Surabaya yang sudah ada. d.
Untuk pembuatan peta disarankan menggunakan software ArcView GIS 3.3 yang berlisensi sehingga apabila kedepannya aplikasi ini telah di-upload di
internet tidak melanggar undang-undang Hak Cipta.
