Benny Istanto Logo Benny Istanto Logo
  • Home
  • About
  • CSR
  • Blog
    • All Posts
    • Archive by Year
  • Works
    • Overview
    • Experiences
    • Projects
    • Consulting
    • Maps & Infographics
  • CV

Web Map Interface

GIS
This training was part of ADB’s ETESP Package 39 Part 2 project and was carried out last month, which was attended by staff from Aceh’s Forestry and Plantation Office
Author

Benny Istanto

Published

November 21, 2009

This training was part of ADB’s ETESP Package 39 Part 2 project and was carried out last month, which was attended by staff from Aceh’s Forestry and Plantation Office.

The training course is built around the concept of data severs, map servers and application servers and the open source software required at each tier to establish a scalable architecture capable of delivering spatial web services and web applications.

Outcomes

Participants will be up to date with the latest geospatial data standards and exchange formats which enable interoperability.

On completion of the training course, participants will have developed a map viewer framework using open source software which distributes spatial web services and web mapping applications.

Length

The length of the course is approximately 5 days

Topics

An overview of the training course material is summarised below;

Module 1, focuses on spatial web services, the standards, protocols and data exchange formats as well as practical applications including the creation, debugging and accessing of spatial web services. Link: https://drive.google.com/drive/folders/18sw7ek_z3qIUQkZjnJseFHc2lpg0rOcR?usp=sharing

MS4W

  • Introduction to Map Server 4 Windows (MS4W)
  • Map Server 4 Windows installation

WMS

  • Introduction to the Web Mapping Service (WMS) standard
  • MapServer, creating a WMS data service, debugging and troubleshooting
  • WMS and uDig

Download tools and materials

  • Data (Download here)
  • MS4W (http://www.maptools.org/ms4w/index.phtml?page=downloads.html), symbol (Download here) and fonts (Download here)
  • Firefox (http://www.mozilla.com/en-US/firefox/fx/)
  • Notepad++ (http://notepad-plus-plus.org/download/v5.9.3.html)
  • uDig (http://udig.refractions.net/download/)

Module 2, introduces the basic technologies that can be used to begin creating web applications, including client side javascript libraries and data formats. Link: https://drive.google.com/drive/folders/1nOmYcPmJnH2PpNVgWuNIChBkBIdKiRAc?usp=sharing

HTML and CSS

  • Introduction to Hyper-Text Markup Language (HTML)
  • Introduction to Cascading Style Sheets (CSS)
  • Creating a web site

JavaScript

  • Introduction to JavaScript
  • Using JavaScript to create Dynamic HTML (DHTML)

Ext JS

  • Introduction to Ext JS and the Ext JS API
  • Including Ext JS in your website

Download tools and materials

  • Firebug (http://getfirebug.com/downloads)
  • Ext JS (http://www.sencha.com/products/extjs/download/)
  • imgs (Download here)
  • Reference (Download here)

Module 3, introduces OpenLayers client side JavaScript libraries that are used to display web services and vector data formats, to enable the creation of dynamic maps in web applications. Link: https://drive.google.com/drive/folders/1qjUYT3w-1DwIiao7s0cGJfoiqfUt9JN-?usp=sharing

OpenLayers

  • Introduction to OpenLayers and the OpenLayers API
  • A basic web map
  • Vector Styles and Formats in Open Layers (KML, GML, WKT)

Download tools and materials

  • imgs (Download here)
  • MapFish (http://mapfish.org/downloads/)
  • OpenLayers (http://openlayers.org/download/)

Module 4, investigates spatial database systems, in particular the object-relational PostgreSQL with PostGIS spatial extension including database and table management, loading SHP files, basic and spatial queries and database formats. Link: https://drive.google.com/drive/folders/1kKDXBGe_xaAToFm_EfBDfbQZQZdHPO27?usp=sharing

PostGIS

  • Overview of PostGIS
  • Loading SHP files into PostGIS

DB Queries

  • Introduction to basic queries and results
  • Introduction to spatial queries and formats
  • OpenLayers and PostgreSQL/PostGIS

Download tools and materials

  • PostGIS (http://postgis.refractions.net/download/)
  • PostgreSQL (http://www.postgresql.org/download/)

Module 5, database access, spatial web services and JavaScript combine to produce a user friendly graphical web mapping application which enables geo-processing.

WebApp

  • Creating a toolbar and customised tools
  • Spatial database processing from the web client

Annex A provides a background to geographic standards and software and the web sites that provide support and documentation.

Reference sites to geographic standards, software downloads and supporting documentation

Download Web Map Interface Training module:

  1. Training Manual - English. Link: https://drive.google.com/drive/folders/1Jkirp8B6AlZEy6_5irrPFFulJ7q2etmI?usp=sharing
  2. Training Manual - Bahasa Indonesia. Link: https://drive.google.com/drive/folders/1Z45nEFL-iV6RLjcfwsV2nP9G7rJWil2T?usp=sharing
  3. Slide Powerpoint. Link: https://docs.google.com/presentation/d/1W7hS_FNHru-yfAUCL5caIsVTg51DHutE/edit?usp=sharing&ouid=104182606454912191559&rtpof=true&sd=true
  4. Compiled Training Material. Link: https://docs.google.com/document/d/1rp25WBoEn370nq9iXrnM859jAOtmHFFg/edit?usp=sharing&ouid=104182606454912191559&rtpof=true&sd=true
Back to top
PreviousLandmark survey in TLS NextWest Sumatra Earthquake Response 2009

© 2026, Benny Istanto.

Exploring Climate with GIS and Data Science, solving old problems in new ways. Turning earth observation data into actionable, life-saving insights.

Built with Quarto

  • View source
  • Report an issue

Buy Me a Coffee