Course Description

Web mapping focuses on disseminating and processing geographic information by means of Internet and World Wide Web. Combination of the web and GIS (Geographic Information Systems) has unlocked the potential of GIS, and put online maps and geospatial intelligence in the offices/homes of millions and the hands of billions. The increasing flexibility and interoperability of web mapping technologies has opened new opportunities for Web Based Mappers. This course teaches you how to build GIS web portal using open source GIS end to end solutions. The course is implemented together with open source GIS software including QGIS, PostGIS, GeoServer, and OpenLayers which all together can deliver the complete GIS solution. OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. Participants will learn how to create browser-based map applications and display data from a variety of sources. Basic JavaScript syntax will be covered. In GeoServer software, participants will learn how to load, publish, and share geospatial data. Discussion will include navigating the GeoServer user interface, OGC web services, styling data with SLD, and tile caching with GeoWebCache. In PostGIS, participants will learn and create spatial databases, load data from a variety of sources into a spatial database, and perform queries against the data. Basic SQL syntax will be covered.

Learning outcomes

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

• Understand the principles of GIS and Remote Sensing
• Acquire skills how to make different types of web map
• Understand spatial databases
• Become familiar with basics in HTML, JavaScript,CSS
• Install and load GIS data into Geoserver
• Learn how to publish maps online using open source software (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
• Work with data stored in Postgres and PostGIS on the Internet
• Create a client based browser application using OpenLayers
• Create an application that allows client and server interaction with GIS data.

Who should enroll?

This course is ideal for non-GIS users as well as experts, geographers, IT professionals, web developers, cartographers, geoscientists, surveyors, planners, software engineers, database administrators, system administrators and M & E experts.

Why train with us

Vital Extra Learning guarantees our clients:

• State-of-the-art facilities and training infrastructure
• Extended tradition of hand-holding during post engagement
• Service delivery through highly seasoned industry experts.
• Value for money

TOPICS TO BE COVERED

Module 1

Handling Spatial Data

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

Working with PostgreSQL with Postgis

• Installing PostgreSQL with PostGIS Functionality
• Creating a spatial database
• Loading data into a Postgis spatial database
• Displaying Postgres Data as SQL View
• Displaying Postgres Data with SQL filters

Module 2

Working with Geoserver

• Installing Apache Tomcat with XAMP
• Deploying Geoserver on Apache Tomcat
• Adding,  Styling and Displaying Data from Postgres
• Adding,  Styling and Displaying shapefiles
• Grouping layers

Creating SLD styles with QGIS

• Load your Data from Postgres into QGIS
• Apply the Desired Styles
• Save your styles as style templates(.sld)
• Import the .sld style templates into Geoserver
• Apply the styles to your layers in Geoserver

Bringing Data into Geoserver and Displaying the Results

• Adding, Styling, and Displaying Shapefiles
• Adding, Styling, and Displaying Data from Postgres

Module 3

Processing Client Requests on the Server

• Displaying Postgres Data as a SQL View
• Displaying Postgres Data with CQL Filters
• Serving Data from Geoserver to QGIS

Document Object Model and Events

• Intro to the DOM
• What is an object
• Abstraction and Instantiation
• Objects in computer programs
• Going from HTML to the DOM
• Intro to Events

Module 4

JavaScript and JQuery

• Intro to JavaScript
• Accessing the DOM from JavaScript
• Viewing objects in Developer tools
• Event Handlers
• Variables
• DOM manipulation
• Calculations in javascript
• Loops in JavaScript
• Arrays in Javascript
• Objects and JSON

Module 5

Interacting with Geoserver from the Client with Openlayers 5

• Open Street Maps
• Adding Static Layers from Geoserver
• Using Openlayers to Request Specific Data from Geoserver
• Increasing Flexibility by Using Openlayers to Request Ad-hoc data from Geoserver
• Mouse Interaction in Openlayers to Trigger Geoserver Responses
• Adding Vector Data from Geoserver to Your Open Layers Application
• Mouse Interaction in Openlayers with Vector Objects