WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

9
WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP

Transcript of WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

Page 1: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

WEB GIS

AN INTRODUCTION

TRAINING COURSE PPRD-EAST, 2013

Wim Feringa, GIP

Page 2: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

THE STAGE

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 3: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

RISK MAP VISUALIZATION, NETHERLANDS

Nederland.risicokaart.nl/risicokaart

• Enschede fireworks

disaster (13-05-2000)

• What to show

• On what scale

• To whom

• How

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 4: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

RISK MAP OF THE NETHERLANDS

Symbol Design (2003)

Technology = flamingo (viewer as Flash Player)

Framework:• Java (JDK 1.6 or newer)• Tomcat (6 or newer) Apache Tomcat is an open source software

implementation of the Java Servlet and JavaServer Pages technologies. • A database, currently supported

• Postgres (8.4 or newer)• Oracle (10g or newer)• MSSQL (2000 or higher)

Open source

https://github.com/flamingo-geocms/flamingo/wiki

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 5: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

NATIONAL ATLAS OF THE NETHERLANDS

http://geoserver.itc.nl/NatAtlas/NatAtlasViewer/NatAtlasViewer.html

• New design

• Html5

• Css 3

• JavaScript

• D3js

• Djason objects

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 6: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

NATURAL RISK MAPS, AUSTRIA

http://www.naturgefahren.at/karten/hochwasser/karte.html

• Open Layers

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 7: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

EXAMPLES OF WEB GIS APPLICATIONS

Italy

Austria

Andorra

Belgium

Sweden

Norway

Slovakia

France

Greece

Ireland

http://www.sinanet.apat.it/progettoiffi

http://geomap.geolba.ac.at/MASS/index.cfm

http://www.lliscat.upc.es/web/index.htm

http://dov.vlaanderen.be

http://ndb.msb.se/Default.aspx?l=EN

www.skrednett.no

http://mapserver.geology.sk/zosuvy/

http://www.bdmvt.net

http://maps.igme.gr/website_ext/igme_master_ext/viewer.htm?ln=en

http://www.gsi.ie/mapping.htm

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

Page 8: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

HANDS-ON EXERCISE, CREATE A WEBSERVICE

PPRD-EAST 2013, Cartographic symbol design, an introduction, Wim Feringa GIP

1. Create a webspace on the UT-Server:

http://win371.ad.utwente.nl/manage

2. Open your website in a browser

http://win371.ad.utwente.nl/student/<yourusername >

3. Open the serve folder, map it to your D: drive

4. Download “thailand.zip” from Blackboard to the server

folder and “unzip”

5. Let us get it all to work!

Page 9: WEB GIS AN INTRODUCTION TRAINING COURSE PPRD-EAST, 2013 Wim Feringa, GIP.

THANK YOU FOR YOUR ATTENTION

Cartographic symbol design, Introduction, Jeroen van den Worm,