OpenLayers is an open source JavaScript library for displaying map data in web browsers. It provides an API for building rich web-based mapping applications. GeoExt provides a suite of customizable widgets and data handling support that makes it easy to build applications for viewing, editing, and styling geospatial data. This is ten-day course will take participant through to HTML, CSS, JavaScript, OpenLayers and GeoExt. Participant will learn how to create browser-based map applications and display data from a variety of sources.

Who Should Attend?

Anyone interested in web mapping is encouraged to attend as it is experience of creating simple web pages.

Duration: 10 days.

Course Objectives

1. Introduction to HTML, JavaScript,CSS
2. Install Geoserver,
3. Load GIS data into Geoserver
4. Serve vector, raster, and attribute data on the Internet with Geoserver
5. Serve data stored in Postgres and PostGIS on the Internet
6. Create a client-based browser application using OpenLayers 3.0
7. Create an application that allows client and server interaction with GIS data.

Course Content

Module I: Document Object Model and Events

1. Intro to the DOM
2. What is an object
3. Abstraction and Instantiation
4. Objects in computer programs
5. Going from HTML to the DOM
6. Intro to Events

Module II: JavaScript and JQuery

1. Intro to JavaScript
2. Accessing the DOM from JavaScript
3. Viewing objects in Developer tools
4. Event Handlers
5. Variables
6. DOM manipulation example 2
7. Calculations in JavaScript
8. More DOM manipulation
9. Loops in JavaScript
10. Arrays in JavaScript
11. Objects and JSON

Module III: Bringing Data into Geoserver and Displaying the Results

1. Adding, Styling, and Displaying Shapefiles
2. Adding, Styling, and Displaying Data from Postgres

Module IV: Processing Client Requests on the Server

1. Displaying Postgres Data as a SQL View
2. Displaying Postgres Data with CQL Filters
3. Serving Data from Geoserver to QGIS

Module V: Interacting with Geoserver from the Client with Openlayers 3

1. Open Street Maps
2. Adding Static Layers from Geoserver
3. Using Openlayers to Request Specific Data from Geoserver
4. Increasing Flexibility by Using Openlayers to Request Ad-hoc data from Geoserver
5. Mouse Interaction in Openlayers to Trigger Geoserver Responses
6. Adding Vector Data from Geoserver to Your Open Layers Application
7. Mouse Interaction in Openlayers with Vector Objects

Methodology

The instructor led trainings are delivered using a blended learning approach and comprises of presentations, guided sessions of practical exercise, web-based tutorials and group work. Our facilitators are seasoned industry experts with years of experience, working as professional and trainers in these fields.

Key Notes

i. The participant must be conversant with English.

ii. Upon completion of training the participant will be issued with an Authorized Training Certificate

iii. Course duration is flexible and the contents can be modified to fit any number of days.

iv. The course fee includes facilitation training materials, 2 coffee breaks, buffet lunch and a Certificate upon successful completion of Training.

v. One-year post-training support Consultation and Coaching provided after the course.

vi. Payment should be done at least a week before commence of the training, to DATASTAT CONSULTANCY LTD account, as indicated in the invoice so as to enable us prepare better for you.