13 WebGIS RAMBU LALU LINTAS

SUB Pokok Bahasan

13.1. Capaian Pembelajaran Khusus

13.2. Persiapan Proyek WebGIS Rambu Lalu Lintas

13.3. Membuat Shapefile Titik Rambu

13.4. Membuat Symbology Rambu

13.5. Mengkonversi Data .shp ke Geojson

13.6. Memasukkan Data Foto ke Tabel Atribut

13.7. Membuat Pop Up Data

13.8. Membuat WebGIS Rambu

13.9. Referensi

13.1. Capaian Pembelajaran Khusus

Mampu membuat shapefile rambu lalu lintas
Mampu menambahkan field foto pada tabel atribute
Mampu membuat WebGIS Rambu Lalu Lintas

13.2. Persiapan Proyek WebGIS Rambu Lalu Lintas

1. Sebelum kita melaksanakan proyek membuat WebGIS Rambu Lalu Lintas, terlebih dahulu siapkan folder kerjanya. Karena praktek ini merupakan tugas ke 7, maka nama foldernya adalah 7_NamaTaruna. Pada tutorial ini, akan menggunakan folder dengan nama 7_EliJumaeli

2. Siapkan folder rambu

Folder ini akan digunakan untuk menyimpan file rambu dalam format .png dan svg. Format .png akan digunakan pada webgis, ketika di klik titik rambu yang bersangkutan, maka akan menginformasikan tentang rambu berikut fotonya. Perhatikan ukuran filenya, sebaiknya sekitar 100 pixel saja.

Sedangkan format .svg digunakan untuk symbol pada peta. Untuk mendapatkan file-file rambu svg, dapat dilakukan melalui situs wikimedia (lihat referensi), atau melalui sumber lain, atau membuat sendiri.

Berikut adalah contoh file rambu yang disimpan pada folder rambu

13.3. Membuat Shapefile Titik Rambu

Mengingat bahwa informasi yang diharapkan muncul pada webGis meliputi Kode Rambu, Jenis Rambu, Klasifikasi Rambu, Arti Rambu, Lambang Rambu, maka pahami terlebih dulu, apa yang dimaksud dengan kode rambu, jenis rambu, klasifikasi rambu, arti rambu, dan lambang rambu. Mengacu pada PM no.13 Tahun 2014 tentang Rambu Lalu Lintas, maka rambu lalu lintas digambarkan seperti berikut:

Kemudian buat tabel rambunya sesuai PM tersebut, sebagai referensi dalam membuat tabel atribut pada GIS nantinya. Sebagai contoh berikut ini :

2. Buka QGIS

3. Buka proyek Peta Wilayah (Tugas 6)

3. Klik New Shapefile Layer.

4. Sehingga muncul sebuah jendela New Shapefile Layer

5. Klik titik tiga

6. Menuju ke Folder 7, beri nama file Rambu. Jangan lupa type filenya shapefile ESRI. Setelah itu, klik Save.

6. Klik Save. Maka akan kembali ke jendela New Shapefile Layer, dan telah muncul filenamenya

7. Pilih geometry type nya. Karena rambu itu titik atau point dalam peta, maka pilih point.

8. Kemudian isi new fieldnya, dengan nama kolom kolom yang terdapat pada tabel rambu.

9. Penambahan field baru dapat dilakukan melalui tabel attribute, sebagaimana telah dibahas pada pertemuan sebelumnya.

10. Penambahan field baru dapat dilakukan melalui tabel attribute, sebagaimana telah dibahas pada pertemuan sebelumnya. Sehingga pada tabel atribut rambu terdiri dari kolom-kolom seperti berikut :

11. Kemudian kembali ke layer.

12. Klik layer Rambu (1)

13. Klik Toggle Editing (2)

14. Klik Add Point Feature (3)

15. Letakkan kursor/pointer ke posisi rambu, klik, (4)

16. Akan muncul jendela, dan input datanya kecuali lambang. Seperti contoh berikut :

Sehingga ketika kita lihat pada tabel atribut, tampak seperti ini

17. Lakukan langkah yang sama untuk semua rambu yang hendak kita pasang, seperti berikut ini :

18. Remove semua layer, sehingga hanya menyisakan layer rambu dan peta background

19. Simpan (save as) project di folder 7 dengan nama WebGis Rambu

13.4. Membuat Symbology Rambu

1. Salin gambar rambu .svg ke folder svg QGIS (lihat caranya pada tugas sebelumnya)

2. Klik kanan layer Rambu

3. Klik properties

4. Pilih Categories

5. Pilih SVg Marker

6. Pilih folder rambu

7. Pilih rambu yang sesuai

8. Maka akan muncul simbol rambu pada peta

13.5. Mengkonversi Data .shp ke Geojson

1. Klik kanan pada layer rambu

2. Klik export

3. Klik save feature as

4. Simpan dalam format Geojson

5. Jangan lupa simpan project

13.6. Memasukkan Data Foto ke Tabel Atribut

Klik kanan layer rambu
Pilih properties
Klik Attributes Form
Klik Field yang akan dimasukkan gambar/foto, dalam hal ini lambang
kemudian pada widget type, pilih attachment

6. Klik titik tiga (...) pada default path, pilih folder tempat gambar rambu berada, cohtohnya seperti berikut ini :

7. Klik select folder, sehingga nama folder akan nampak pada default path

8. Selanjutnya pilih :

store path as : Relative to Project path

storage mode : File paths

centang display resource path

centang use a hyperlink for document path (read only)

9. klik Apply dan OK

10. Buka attribut rambu

11. pilih mode edit

12. pada kolom lambang, yang hendak kita masukkan fotonya sesuai dengan folder yang sudah kita definikan sebelumnya

13. Pilih rambu yang sesuai. Disini yang dipilih adalah yang format .png, yang ditandai dengan terlihat jelasnya gambar rambu.

14, klik Open

15. Demikian seterusnya sampai semua data terisi.

15. Jangan lupa disimpan ya.

16. Juga simpan projectnya

13.7. Membuat Pop Up Data

Klik Identify Features

2. Kemudian klik pada titik rambu, sehingga akan muncul jendela seperti ini.

3. Jika tidak muncul, klik kanan pada Identify Features, sehingga akan muncul daftar features seperti berikut :

4. centang pada identify features, kemudian klik sembarang, sehingga muncul jendela seperti ini :

5. Agar informasi rambu dapat di pop up, maka klik identify setting, kemudian centang Auto Open form for single feature results

6. Kemudian non aktifkan kembali jendela Identify Results, dengan cara membuang centang Identify Results

7. Jangan lupa, untuk simpan proyeknya

13.8. Membuat WebGIS Rambu

Seperti pada latihan 5, kita sudah mencoba membuat WebGIS Kependudukan. Dengan cara yang sama kita buat webGIS Rambu.

Sehingga menghasilkan webpage, yang mana ketika titik rambu di klik akan menampilkan jendela informasi terkait rambu tersebut, seperti ini :

13.9. Referensi

Wikimedia Commons, 2023, SVG road signs of Indonesia, https://commons.wikimedia.org/wiki/Category:SVG_road_signs_of_Indonesia

Page updated

Google Sites

Report abuse