SIG Berbasis Net

Mata kuliah ini membahas mengenai WebGIS. Garis besar materi perkuliahan adalah sebagai berikut:

  1. Pengenalan HTML dan CSS
  2. Dasar komunikasi client-server
  3. Client-side Scripting (Javascript)
  4. Server-side scripting (PHP, NodeJS)
  5. AJAX, XML dan (Geo)JSON
  6. WebGIS berbasis Cloud (Mapbox, Carto db, GISCloud) + WebCartography dengan TileMill
  7. WebGIS dengan Map API (Leaflet, OpenLayers, MapboxJS, GMap API)
  8. Mengatur Map server (Geoserver via OpenGeoSuite)
  9. WebGIS tiga dimensi dengan WebGL/ThreeJS.
  10. Pengenalan Android-based WebGIS dan Location Based Services (LBS)
  11. Optimasi WebGIS dan WebCartography

Download rencana pembelajaran SIGNet di sini.

 

Materi Minggu 1 & 2 : Pengenalan Web

Silahkan isi terlebih dahulu kuesioner berikut:

Materi praktikum minggu ini adalah sebagai berikut:

  • - Pengenalan materi praktikum
  • - Penjelasan tentang cara kerja Web
  • - Server, Client, Port, Protokol
  • - Penjelasan Hosting dan Domain
  • - Macam-Macam WebGIS
  • - Dasar Pemrograman HTML dan CSS

Bahan yang dapat dipelajari untuk minggu ini antara lain dapat ditemukan di halaman berikut:

  • - W3Schools.com. Akan kita pakai sepanjang praktikum SIGNet
  • - codecademy.com. Belajar Coding secara langsung di internet
  • - Learn.code.org. Dasar-dasar logika pemrograman
  • - http://thenewboston.org/tutorials.php. Video tutorial dari dasar
  • - http://www.howstuffworks.com/web-server.htm. Penjelasan mengenai cara sebuah Web bekerja
  • - http://www.idhostinger.com/. Contoh hosting gratis yang bisa digunakan (bukan iklan)
  • - http://resrc.io/list/10/list-of-free-programming-books/
  • - http://www.skilledup.com/learn-web-design-guide/. Komplit. Tinggal nyari :p

Materi Minggu 5 - PHP

Materi Presentasi

Tugas untuk minggu (Tugas 4) ini adalah:

Buat sebuah halaman PHP yang memanggil isi database pada server dan ditampilkan pada halaman HTML. Isi database adalah data atribut (non spasial) mengenai sebuah kabupaten (misalnya jumlah penduduk, nama desa, jumlah puskesmas, dan lain sebagainya).

Yang dikumpulkan adalah file TXT berisi alamat web pada hosting masing-masing (jika menggunakan layanan hosting) atau laporan langkah-langkah pengerjaan tugas jika menggunakan server lokal (seperti XAMPP).

Materi Minggu 6 - Mini Project

Tugas mini project untuk minggu ke-6:

https://developers.google.com/maps/articles/phpsqlajax_v3

Gunakan data titik-titik anda sendiri

Materi Minggu 8 - Menggunakan Map API

Minggu ini akan dibahas mengenai Map API untuk memberikan fungsi interaktif pada peta. Berikut beberapa hal yang akan dipelajari:

  • Review SIGNet dan Materi sebelum Midterm
  • Pengenalan Map API (GMAP, OpenLayers, Leaflet)
  • Pembuatan peta interaktif dengan Leaflet

Fokus Map API yang dipelajari adalah Leaflet (www.leafletjs.com). Tugas untuk minggu ini:

Tugas 6: Pembuatan peta Chloropleth dengan data sendiri. 

Pengerjaan tugas mengikuti tutorial di http://leafletjs.com/examples/choropleth.html. Untuk tugas gunakan data dan lokasi yang anda pilih sendiri. Cari tutorial di internet sebanyak mungkin. Manfaatkan website sejenis stackexchange.com untuk memperkaya pemahaman. Tugas dikerjakan di website masing-masing, dan dikumpul pada file txt melalui upload pada halaman ini.

Semoga sukses dan selalu sabar :)

 

 

Materi Minggu 10 - Spatial Data Server

Bahan Praktek

Ini sedikit materi tentang Pengenalan Geoserver:

 

Upload tugas SIGNet di sini: