Learn, Build and Deploy Web GIS Applications with Open-Source Technologies

Course Introduction

Geospatial information is increasingly becoming an essential part of modern decision-making. Organizations across government, urban planning, agriculture, infrastructure, environment, utilities, disaster management, transportation and business rely on spatial data to understand locations, patterns, relationships and changes.

Web GIS has transformed the way this information is managed and shared. Instead of working with spatial data only through desktop GIS applications, modern Web GIS platforms enable users to publish, visualize, query, analyze and share geospatial information through web browsers and online applications.

The Web GIS Fundamentals: From Spatial Data to Interactive Web Maps course introduces participants to the concepts, technologies and practical workflows required to develop Web GIS applications using open-source technologies.

Participants will learn how spatial data moves through the complete Web GIS ecosystem:

Spatial Data → Spatial Database → Geospatial Services → Web Map → Interactive Application

The course combines GIS concepts with practical implementation using technologies such as QGIS, PostgreSQL/PostGIS, GeoServer and modern web mapping libraries.

The emphasis is on hands-on learning, enabling participants to understand not only individual technologies but also how these technologies work together to create a complete Web GIS solution.

What Will You Learn?

Web GIS Concepts

• Understanding Web GIS
• Evolution from Desktop GIS to Web GIS
• Web GIS architecture
• Client-server architecture
• Components of a Web GIS platform
• Spatial databases and geospatial services
• Web maps and web applications
• OGC standards and interoperability
• Advantages and challenges of Web GIS

Spatial Data Management

• Vector and raster data
• Spatial databases
• PostgreSQL and PostGIS
• Coordinate Reference Systems
• Importing and exporting spatial datasets
• Spatial data organization
• Attribute and geometry management
• Preparing data for web publication

Spatial Analysis

• Attribute-based queries
• Location-based queries
• Spatial relationships
• Spatial joins
• Buffer and proximity analysis
• Intersection and overlay operations
• Basic raster analysis
• Data filtering and selection

Geospatial Web Services

• Introduction to GeoServer
• Publishing spatial datasets
• WMS and WFS
• Tile services
• Layer configuration
• Coordinate systems
• Styling and symbology
• Managing geospatial services
• Connecting services with web applications

Interactive Web Mapping

• Introduction to web mapping libraries
• Creating browser-based maps
• Adding base maps
• Displaying vector and raster layers
• Connecting WMS/WFS services
• Layer controls
• Feature identification
• Popups
• Search and query
• Map navigation and interaction

Web GIS Application Architecture

Understand how the different components work together:

QGIS / Data Sources
↓
PostgreSQL + PostGIS
↓
GeoServer / Geospatial Services
↓
OpenLayers / Web Mapping Library
↓
Interactive Web GIS Application

Course Objectives

The course is designed to provide participants with foundational knowledge and practical skills in Web GIS.

The key objectives are to:

• Understand the principles and architecture of Web GIS
• Introduce the open-source geospatial technology ecosystem
• Understand spatial data management and spatial databases
• Learn basic spatial querying and analysis
• Understand how GIS data is published through web services
• Introduce OGC standards and interoperability
• Develop interactive browser-based maps
• Integrate spatial services with web applications
• Understand the complete Web GIS development workflow
• Enable participants to develop a basic Web GIS application

Course Modules

Module 1 — Foundations of Web GIS

Topics Covered

• What is Web GIS?
• Evolution from Desktop GIS to Web GIS
• Web GIS architecture
• Client-server architecture
• Components of a Web GIS system
• Spatial data, services and applications
• Web GIS versus Desktop GIS
• Advantages and challenges of Web GIS
• Introduction to modern Web GIS platforms

Learning Outcome

Participants will understand the fundamental concepts, architecture and components of Web GIS systems.

Module 2 — Open-Source Geospatial Ecosystem

Topics Covered

• Introduction to open-source GIS
• Open-source versus proprietary GIS
• QGIS
• PostgreSQL/PostGIS
• GeoServer
• OpenLayers and other web mapping technologies
• OGC standards and interoperability
• Understanding how open-source components work together
• Typical open-source Web GIS architecture

Learning Outcome

Participants will become familiar with the major open-source technologies used to develop Web GIS solutions and understand their roles within the overall ecosystem.

Module 3 — Spatial Data Management with PostGIS

Topics Covered

• Introduction to spatial databases
• PostgreSQL and PostGIS
• Spatial data types
• Geometry and geography
• Coordinate Reference Systems
• Creating spatial databases
• Importing spatial datasets
• Managing vector data
• Working with attributes and geometry
• Basic raster data concepts
• Exporting spatial datasets

Learning Outcome

Participants will understand how geospatial information is stored, organized and managed within a spatial database.

Module 4 — Spatial Querying & Analysis

Topics Covered

• Attribute queries
• Spatial queries
• Spatial relationships
• Intersects, contains and within
• Distance and proximity queries
• Buffer operations
• Spatial joins
• Overlay operations
• Basic raster analysis
• Combining spatial and attribute information

Learning Outcome

Participants will be able to perform basic spatial queries and analytical operations and understand how spatial analysis supports Web GIS applications.

Module 5 — Publishing Geospatial Data as Web Services

Topics Covered

• Introduction to geospatial server technologies
• GeoServer architecture
• Connecting GeoServer with PostGIS
• Creating workspaces and data stores
• Publishing spatial layers
• Coordinate Reference Systems
• Layer configuration
• Styling and symbology
• WMS
• WFS
• Tile services
• Testing and consuming web services

Learning Outcome

Participants will understand how spatial datasets are transformed into web-accessible geospatial services.

Module 6 — Developing Interactive Web Maps

Topics Covered

• Introduction to Web Mapping
• Web map architecture
• Introduction to OpenLayers
• Creating a web map
• Adding base maps
• Adding vector and raster layers
• Integrating GeoServer WMS/WFS
• Layer management
• Feature identification
• Popups
• Map controls
• Search and query
• User interactions
• Basic map styling

Learning Outcome

Participants will be able to develop a basic interactive Web GIS application using browser-based mapping technologies.

Module 7 — Integration & Web GIS Application Development

Topics Covered

• Integrating spatial databases, services and web applications
• End-to-end Web GIS architecture
• Connecting PostGIS with GeoServer
• Connecting GeoServer with web mapping applications
• Managing multiple spatial layers
• Implementing user interactions
• Basic application structure
• Web GIS deployment concepts
• Introduction to scalability and performance
• Introduction to security and access control
• Real-world Web GIS architectures

Learning Outcome

Participants will understand how to integrate different components into a complete Web GIS application.

Learn by Building: Hands-on Exercises

The course follows a practical, project-based approach.

Exercise 1 — Prepare Spatial Data

Participants will use QGIS to:

• Open and inspect spatial datasets
• Perform basic data preparation
• Edit attributes and geometry
• Reproject datasets
• Export data for database storage

Exercise 2 — Create a Spatial Database

Participants will:

• Create a PostgreSQL/PostGIS database
• Load spatial datasets
• Explore spatial tables
• Perform basic spatial queries
• Prepare data for web publishing

Workflow

GIS Data → PostGIS

Exercise 3 — Publish Data through GeoServer

Participants will:

• Connect GeoServer to PostGIS
• Create a workspace
• Publish spatial layers
• Configure CRS
• Apply styling
• Enable WMS/WFS
• Test published services

Workflow

PostGIS → GeoServer → WMS/WFS

Exercise 4 — Build an Interactive Web Map

Participants will create a browser-based map using a web mapping library and:

• Add a base map
• Add GeoServer layers
• Display WMS/WFS
• Configure layer controls
• Add feature popups
• Implement basic queries
• Add map interactions

Workflow

GeoServer → Web Map → Interactive Web GIS

Exercise 5 — Build a Complete Web GIS

The final exercise integrates the complete workflow:

Spatial Data
↓
PostGIS
↓
GeoServer
↓
WMS / WFS
↓
Web Mapping Application
↓
Interactive Web GIS

Participants will create a basic end-to-end Web GIS solution.

Real-World Applications

Web GIS can support a wide range of applications.

🏙️ Urban & Municipal GIS

• Property mapping
• Infrastructure management
• Urban planning
• Municipal services
• Development monitoring

🌾 Agriculture & Natural ented toward Agriculture students, partiResources

• Field mapping
• Crop and land-use mapping
• Resource management
• Environmental monitoring
• Watershed applications

🛣️ Transportation & Infrastructure

• Road networks
• Asset management
• Infrastructure inventories
• Corridor management
• Location-based analysis

⚡ Utilities

• Electricity networks
• Water supply
• Gas networks
• Utility asset management
• Field operations

🌍 Environment & Disaster Management

• Environmental monitoring
• Land-use change
• Flood mapping
• Disaster assessment
• Natural resource management

🏢 Business & Location Intelligence

• Site selection
• Market analysis
• Service coverage
• Customer location analysis
• Territory management

Who Is This Training For?

This course is suitable for:

• GIS Professionals
• GIS Analysts
• GIS Developers
• Web GIS Developers
• Geospatial Engineers
• Software Developers
• Remote Sensing Professionals
• Urban Planners
• Surveying & Mapping Professionals
• Government GIS Professionals
• Infrastructure Professionals
• Environmental Professionals
• Researchers
• Students and Academics
• Technology Professionals entering the geospatial domain

It is particularly suitable for professionals who want to move from desktop GIS and static maps toward web-based geospatial applications.

Prerequisites

Participants should have:

• Basic understanding of GIS
• Familiarity with spatial data
• Basic understanding of vector and raster data
• Basic computer and data-handling skills

Basic knowledge of HTML, CSS and JavaScript is helpful for the application development component but is not mandatory for understanding the concepts.

No prior Web GIS development experience is required.

Duration

7 Days

Training Modes

• 🏢 Onsite Training
• 💻 Live Online Training
• 🔄 Hybrid Training
• 👥 Corporate / Government Group Training
• 🎯 Customized Project-Based Workshops

Training can be customized using real organizational datasets and use cases.

What You Will Be Able to Do

By the end of the training, participants will be able to:

✓ Understand the architecture and components of Web GIS
✓ Understand the open-source geospatial technology ecosystem
✓ Manage spatial data using PostgreSQL/PostGIS
✓ Perform basic spatial queries and analysis
✓ Publish geospatial data using GeoServer
✓ Understand and use WMS and WFS services
✓ Develop interactive browser-based maps
✓ Integrate web maps with geospatial services
✓ Implement basic map controls and user interactions
✓ Understand Web GIS application architecture
✓ Connect databases, geospatial services and web applications
✓ Design a basic end-to-end Web GIS solution
✓ Apply Web GIS concepts to real-world GIS projects

Why Web GIS?

Web GIS makes geospatial information accessible, interactive and shareable.

Instead of limiting spatial information to individual desktop systems, organizations can create centralized platforms where users can:

Access → Visualize → Query → Analyze → Share → Make Decisions

This course provides the foundation for building such platforms using a modern open-source stack:

QGIS + PostGIS + GeoServer + Web Mapping Technologies

Participants will learn not only how to create a web map, but how the complete Web GIS ecosystem works—from spatial data management and analysis to publishing services and developing interactive applications.ented toward Agriculture students, parti