Overview

Web mapping enables the dissemination and processing of geographic information over the Internet. Combining GIS with web technologies unlocks powerful opportunities to deliver maps and geospatial intelligence to support monitoring and evaluation (M&E). This course trains participants to build GIS web portals using open-source GIS solutions including QGIS, PostGIS, GeoServer, and OpenLayers. Participants will learn to create browser-based map applications, display and query spatial data, and interact with GIS data on client-server platforms. The course also covers basics of HTML, CSS, JavaScript, and SQL to support web GIS development for M&E purposes.

Target Audience

Non-GIS users and experts including IT professionals, web developers, geographers, cartographers, surveyors, planners, database administrators, and M&E experts.

Learning Outcomes / Objectives

By the end of this course, participants will be able to:

• Understand the principles of GIS and Remote Sensing.
• Acquire skills to create different types of web maps for M&E.
• Understand spatial databases and their management.
• Learn basics of HTML, JavaScript, and CSS.
• Install and load GIS data into GeoServer.
• Publish maps online using open-source tools (Carto DB, Fusion Tables, GeoServer).
• Draw and query maps on the server using Web Map Service.
• Work with vector, raster, and attribute data on the Internet with GeoServer.
• Manage data stored in PostgreSQL/PostGIS for web applications.
• Create client-based browser applications using OpenLayers.
• Develop interactive GIS applications with client-server communication.

Duration

5 days

Modules / Course Content

Module 1: Handling Spatial Data and PostgreSQL/PostGIS Handling Spatial Data

• Components of GIS
• Types of GIS
• GIS Capabilities
• Spatial Data types
• Coordinate systems
• Spatial Data Infrastructure (SDI)

Working with PostgreSQL and PostGIS

• Installing PostgreSQL with PostGIS functionality
• Creating a spatial database
• Loading data into PostGIS
• Displaying Postgres data as SQL view
• Displaying Postgres data with SQL filters

Module 2: Working with GeoServer Installing and Configuring GeoServer

• Installing Apache Tomcat with XAMPP
• Deploying GeoServer on Apache Tomcat

Managing Data in GeoServer

• Adding, styling, and displaying Postgres data
• Adding, styling, and displaying shapefiles
• Grouping layers

Creating SLD Styles with QGIS

• Loading Postgres data into QGIS
• Applying desired styles
• Saving styles as .sld templates
• Importing .sld templates into GeoServer
• Applying styles to layers

Bringing Data into GeoServer and Displaying Results

• Adding, styling, and displaying shapefiles
• Adding, styling, and displaying Postgres data

Module 3: Processing Client Requests on the Server Serving Data from GeoServer

• Displaying Postgres data as SQL view
• Displaying Postgres data with CQL filters
• Serving data from GeoServer to QGIS

Document Object Model (DOM) and Events

• Introduction to DOM
• Understanding objects in programs
• Abstraction and instantiation
• Mapping HTML to DOM
• Introduction to events

Module 4: JavaScript and jQuery for Web GIS JavaScript Basics

• Intro to JavaScript
• Accessing the DOM from JavaScript
• Event handlers and developer tools
• Variables, loops, calculations
• Arrays, objects, and JSON
• DOM manipulation

Module 5: Client Interaction with GeoServer using OpenLayers OpenLayers 5 Applications

• Integrating Open Street Maps
• Adding static layers from GeoServer
• Requesting specific data from GeoServer using OpenLayers
• Ad-hoc data requests for flexibility
• Mouse interaction to trigger GeoServer responses
• Adding vector data from GeoServer to OpenLayers
• Interactive mouse interactions with vector objects

Training Methodology

The course will employ a hands-on, practical approach to ensure participants develop both conceptual understanding and technical proficiency. Each module will integrate interactive lectures, guided software demonstrations, and individual or group exercises based on real-world illustrations. Participants will receive continuous feedback and personalized coaching to reinforce learning. By the end of the training, they will have completed a mini project that demonstrates their ability to apply the acquired skills in a practical context.

More Details

Upon successful completion of this course, participants will be issued a certificate.