Anda di halaman 1dari 17

TUGAS TUTORIAL WEBGIS

DATA BASED MANAGEMENT SYSTEM


NAMA : RIDO KOJA
NIM : 15136101
PRODI : GEOGRAFI

Pada pembuatan WEBGIS ini saya menggunakan Aplikasi QuantumGIS(QGIS)


1. Langkah pertama yang dilakukan adalah membuaka Aplikasi QGIS yang sudah diInstall.
Untuk mendapatkan Aplikasinya dapat download disitus resmi di laman resmi QGIS. Saya
menggunakan Aplikasi QGIS 2.14

2. Selanjutnya melakukan input data yang berupa Shapefile (Shp) yang akan ditampilkan
dalam WebGIS dengan melakukan Add Vector Layer
3. Pilih Browse untuk memunculkan data

4. Tampilan input data vector yang ingin dimasukkan ke dalam WebGIS

5. Untuk merubah symbol contohnya symbol Administrasi Kelurahan untuk membedakan


symbol administarasi masing-masing Kelurahan. Klik dua kali nama File ataupun bisa
dengan cara Klik Kanan > Properties sama seperti pengolahan pada ArcGIS
6. Tampilan data yang sudah disymbologykan

7. Langkah selanjutnya yaitu kita membuat web dengan cara Klik Plugins pada Toolbar >
Manage and Install Plugins
8. Kemudian kita cari qgis2web untuk mengkoneksinnya dengan internet dan kita juga harus
memastikan bahwasanya Komputer/Laptop pengerjaan kita sudah terkoneksi dengan
Internet kemudian Install Plugins dibagian bawah, karena pada laptop pengerjaan sudah
terinstal Pluginsnya maka pilihannya Uninstall

9. Jika sudah diinstal langkah selanjutnya yaitu Klik Create web map
10. Pada proses ini, kita bisa menampilkan keterangan yang ingin ditampilkan, tampilannya
bisa kita atur, jika ingin keterangan yang sejajar (horizontal) pilih “inline label”, jika sejajar
(vertical) pilih ”header label”, dan jika tidak ingin menampilkan pilih “no label”

11. Untuk tampilan tambahan bisa dilakukan pengeditan pada pilihan “Appearance”, pilih
sesuai keinginan
12. Jika ingin menampilkan OpenStreetMap maka berada pada pilihan bagian kanan bawah
pada Layer Export to web map

13. Jika sudah selesai pilihan untuk data webGISnya maka lakukan export data tersebut dan
pilih tempat penyimpanannya > Export
14. Tampilan web dengan folder penyimpanan

15. Tampilan folder-folder dan data web yang sudah di Export tadi
16. Selanjutnya kita merubah symbol seperti symbol-simbol yang dalam bentuk point. Dengan
cara pilih symbol baru dengan symbol yang akan diganti dalam format (png).

17. Kemudian kita rubah ukuran gambarnya maksimal sebesar 20x20


18. Selanjutnya kita copy rename symbology dari logo yang ingin kita rubah

19. Tampilan simbologynya sudah berubah, lakukan seperti langkah diatas untuk yang lainnya
20. Untuk melakukan edit tambahan, buka file “index.html” menggunakan notepad ++

21. Pada Folder data Kumpulan SCRIPT Untuk Web GIS. Buka file judul, logo dan shp titik
menggunakan notepad biasa.
22. Untuk file judul, copy dan pidahkan ke file “index.html”. untuk letak bisa dilihat pada
gambar setelah ini.

23. Ubah tulisan “Tuliskan Judul Peta” sesuai dengan keinginan, setelah selesai
kenampakannya akan muncul tulisan bergerak pada web
24. Tampilan judul yang sudah dirubah pada WebGIS

25. Selanjutnya untuk logo, copy seluruhnya pada file logo yang dibuka dengan notepad biasa
26. Kemudian pada bagian logo tersebut kita lakukan perubahan pad acara dibawah ini

27. Untuk shp titik, kegunaannya untuk mengubah icon didalam peta yang disesuaikan dengan
icon legenda.
28. Untuk letak bisa dilihat pada gambar diatas, untuk markers dalam peta, masukkan file ke
folder markers, pada script tersebut harus disamakan nama folder dan nama file yang ingin
digunakan.

29. Tampilan setelah dilakukan pengeditan Script, judul, logo dan shp titik
30. Selanjutnya membuat website gratis. Salah satu website yang menyediakan hosting gratis
adalah 000webhost.com. Silahkan teman-teman daftar dan melengkapi biodatanya.
Tunggu verifikasi email untuk melanjutkan webhosting.

31. Jika sudah melakukan Login maka pilih > File Manager
32. Kemudian Klik Upload files now untuk mengupload data webgis yang akan ditampilkan

33. Kemudian klik Upload File > Select Files


34. Kemudian buka pada kolom pencarian web nama web yang telah dibuat sebelumnya, dan
petapun sudah bisa digunakan dan dipublikasikan

Anda mungkin juga menyukai