Pemateri
Teguh Budiman
Geospatial AnalystTeguh Budiman adalah seorang profesional di bidang Sistem Informasi Geografis dengan pengalaman dalam pemetaan topografi, pengolahan data spasial, dan pembangunan aplikasi WebGIS berbasis open source. Ia memiliki rekam jejak sebagai staf GIS dan surveyor di berbagai proyek konsultan, yang memberinya pemahaman kuat terhadap alur kerja pemetaan, analisis data geospasial, serta penyajian informasi spasial yang presisi. Keahliannya mencakup pemanfaatan QGIS, integrasi data spasial dan nonspasial, pembuatan visualisasi tematik, hingga pengelolaan repository untuk publikasi WebGIS. Sebagai pemateri pada pelatihan “Pembuatan WebGIS Sederhana untuk Visualisasi Data Pemilu 2024”, Teguh membawakan materi mulai dari dasar WebGIS, teknik pengolahan data di QGIS, penggunaan plugin QGIS2Web, sampai proses hosting melalui GitHub Pages. Pendekatannya yang sistematis membuat peserta mampu mengikuti seluruh alur pembuatan WebGIS dari awal sampai menjadi dashboard interaktif. Pengalaman praktisnya di dunia GIS menjadikan Teguh instruktur yang mampu menjelaskan konsep teknis secara jelas dan aplikatif, sehingga peserta tidak hanya memahami teori tetapi juga siap menerapkannya dalam kebutuhan pemetaan nyata.
Deskripsi
Pelatihan ini dirancang untuk membekali Sobat Geosoftware dengan pemahaman menyeluruh mengenai pengembangan WebGIS menggunakan QGIS, QGIS2Web, GitHub Pages, dan Visual Studio Code. Peserta akan mempelajari alur dasar pembuatan peta digital, mulai dari menyiapkan tools, memahami struktur data spasial, hingga mengolah data vektor dan tabel non-spasial untuk kebutuhan visualisasi. Materi juga mencakup proses input data, join tabel, pengaturan simbologi choropleth, serta styling peta agar hasil visual lebih komunikatif dan mudah dibaca. Tahapan ini membangun fondasi kuat agar peserta memahami bagaimana data geospasial diproses menjadi peta tematik yang siap dikonversi ke format WebGIS.
Melalui praktik langsung, peserta akan mempelajari cara mengekspor peta dari QGIS menjadi aplikasi WebGIS menggunakan plugin QGIS2Web, melakukan editing dasar struktur file HTML–CSS–JavaScript di Visual Studio Code, dan mempublikasikannya secara online melalui GitHub Pages. Peserta juga belajar membangun dashboard interaktif untuk WebGIS, meliputi penataan layout, penyajian grafik pendukung, panel informasi, dan integrasi penuh antara peta dan elemen antarmuka. Dengan pendekatan bertahap dari pengolahan data hingga publikasi aplikasi, pelatihan ini memastikan peserta memahami workflow end-to-end pembuatan WebGIS serta mampu mengadaptasinya untuk berbagai kebutuhan analisis dan penyajian data geospasial.
Jadwal dan List Materi:
Sesi 1 — Mengenal Dasar WebGIS dan Menyiapkan Tools
- Review konsep WebGIS dan arsitektur client–server
- Pengenalan QGIS, plugin QGIS2Web, GitHub, dan Visual Studio Code
- Instalasi tools pendukung (QGIS, VS Code, Git)
- Struktur dasar WebGIS: data, style, dan file output
- Mengenal format GeoJSON, HTML, CSS, dan JavaScript pada WebGIS
- Persiapan repository GitHub untuk hosting
Sesi 2 — Pengolahan Data dan Simbologi untuk Visualisasi Perolehan Suara
- Input data non-spasial (Excel) ke QGIS
- Join data tabel dengan shapefile wilayah
- Pengaturan simbologi koroplet (choropleth) untuk visualisasi hasil perolehan suara
- Pengaturan label, warna, dan layout peta
- Styling lanjutan untuk menampilkan data kategorikal dan numerik
- Review data final sebelum dikonversi ke WebGIS
Sesi 3 — Konversi Peta QGIS ke Web dan Hosting dengan GitHub Pages
- Ekspor WebGIS menggunakan plugin QGIS2Web
- Memahami struktur folder output: HTML, JS, CSS, dan data
- Editing dasar WebGIS di Visual Studio Code
- Membuat repository GitHub dan upload file WebGIS
- Publikasi WebGIS melalui GitHub Pages
- Pengujian dan perbaikan tampilan WebGIS di browser
Sesi 4 — Membangun Dashboard Interaktif untuk WebGIS Pemilu
- Pengenalan konsep dashboard pada WebGIS
- Penataan layout menggunakan CSS Grid atau Flexbox
- Menambahkan chart, tabel, dan panel informasi
- Embedding WebGIS ke dalam dashboard interaktif
- Integrasi beberapa elemen UI (filter, legend, highlight wilayah)
- Finalisasi tampilan dashboard dan publikasi
Konten
Mengenal Dasar WebGIS dan Menyiapkan Tools
Pengolahan Data dan Simbologi untuk Visualisasi Perolehan Suara
Konversi Peta QGIS ke Web dan Hosting dengan GitHub Pages
Silabus
01
Silabus
Akses silabus melalui link berikut: https://s.id/silabuswebgis
Frequently Asked Question
Apakah pelatihan ini cocok untuk pemula?
Cocok. Pelatihan ini dibuat untuk tingkat dasar–menengah dan seluruh langkah dijelaskan secara bertahap. Peserta yang belum pernah membuat WebGIS dapat mengikuti materi dengan nyaman.
Apakah saya harus bisa coding?
Tidak wajib. WebGIS dasar dapat dibuat tanpa menulis kode melalui QGIS2Web. Namun, pemahaman ringan mengenai HTML atau CSS akan membantu ketika mengedit tampilan web di Visual Studio Code.
Apakah software yang digunakan gratis?
Ya. Semua software yang dipakai—QGIS, QGIS2Web, Git, GitHub Pages, dan Visual Studio Code—gratis dan bebas digunakan.
Apakah saya perlu data sendiri untuk latihan?
Tidak perlu. Semua data latihan disediakan, termasuk shapefile wilayah dan tabel perolehan suara.
Apakah WebGIS bisa dipublikasikan untuk umum?
Bisa. Pada sesi ketiga, peserta belajar mempublikasikan WebGIS melalui GitHub Pages sehingga bisa diakses bebas oleh siapa saja.
Apa itu dashboard WebGIS dan apakah saya akan mempelajarinya
Dashboard WebGIS adalah tampilan interaktif yang menggabungkan peta dengan grafik, tabel, dan panel informasi. Pembuatan dashboard dipelajari pada sesi keempat.
Apakah saya akan mendapatkan sertifikat?
Peserta yang menyelesaikan Mini Project sesuai ketentuan akan menerima Certificate of Appreciation.
Kelas Ini Cocok Untuk?
01
Kemampuan Dasar yang Disarankan untuk Peserta:
1. Pemahaman Dasar Geospasial dan Data Spasial: Peserta diharapkan memahami konsep dasar pemetaan seperti sistem koordinat, proyeksi, serta data raster dan vektor. Pengetahuan ini membantu dalam proses input data, join attribute, pengaturan simbologi, dan tahap styling di QGIS sebagaimana digunakan pada Sesi 2 dalam silabus. 2. Kemampuan Dasar Komputer dan Pengelolaan Data: Peserta tidak diwajibkan memiliki kemampuan teknis yang kompleks, namun sebaiknya familiar dengan penggunaan spreadsheet (Microsoft Excel), pengelolaan folder, serta pengaturan file. Hal ini penting karena pelatihan melibatkan proses input data non-spasial, penyusunan repository, dan pengaturan struktur file hasil ekspor plugin QGIS2Web. 3. Pemahaman Awal Tentang HTML, CSS, atau JavaScript (Opsional namun Membantu): Meskipun tidak wajib, pemahaman dasar mengenai HTML, CSS, atau JavaScript akan sangat membantu peserta saat memasuki materi pembuatan dashboard, penyesuaian tampilan web, serta proses embedding pada Sesi 4. Peserta tanpa pengalaman pun tetap bisa mengikuti karena seluruh langkah dijelaskan secara bertahap....
02
Spesifikasi Perangkat yang Disarankan:
1. Sistem Operasi: Windows 10/11 (64-bit), macOS versi terbaru, atau Linux seperti Ubuntu 20.04 LTS. Semua software yang dibutuhkan (QGIS, Visual Studio Code, GitHub) kompatibel dengan OS tersebut sebagaimana digunakan dalam Sesi 1 dan Sesi 4. 2. Prosesor (CPU): Minimal Intel Core i3 generasi ke-8 atau AMD Ryzen 3 2000 series agar QGIS, browser, dan Visual Studio Code dapat berjalan dengan baik. Untuk pengalaman yang lebih stabil ketika mengakses banyak layer atau file WebGIS, disarankan menggunakan Intel Core i5 atau Ryzen 5. 3. Memori (RAM): Minimal 8 GB RAM agar proses membuka QGIS, mengedit web file di Visual Studio Code, dan menjalankan browser untuk preview WebGIS berjalan lancar. Direkomendasikan 16 GB RAM untuk kelancaran saat memproses data yang lebih besar....
03
CATATAN
Pelatihan ini ditujukan bagi peserta yang ingin mempelajari pembuatan WebGIS sederhana menggunakan QGIS, plugin QGIS2Web, serta GitHub Pages sebagai platform hosting. Peserta akan mempelajari seluruh alur kerja mulai dari review konsep WebGIS, menyiapkan tool seperti GitHub dan Visual Studio Code, melakukan input dan join data, mengatur simbologi choropleth, hingga mengekspor WebGIS menggunakan plugin QGIS2Web. Materi juga mencakup pembuatan dashboard interaktif, pengaturan grid CSS, proses embedding, dan publikasi hasil melalui GitHub Pages. Dengan penyusunan materi yang bertahap sebagaimana disajikan pada Sesi 1 sampai Sesi 4, pelatihan ini memastikan peserta memahami alur lengkap pembuatan WebGIS dari awal hingga dapat diakses publik sebagai aplikasi pemetaan interaktif....