A SHORT INTRO TO THE WORLD-WIDE WEB
3©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
HTTP communication
Client-server architecture
Browser
(Explorer, FireFox, Opera)
Webserver
(IIS, Apache, HTTPd)
Client Server
Can I have that file?
Here it is...
4©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
Request by URL
http://geoserver.itc.nl/roma02/index.html
Host & domain
Host & domain
PathPath
filefile
ProtocolProtocol
Uniform Resource Locator:
5©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
URL Protocol Prefxes
http: - Used to access HTML documents (web pages)
https: - http over a secured connection ftp: - Used to connect to an FTP site or
download a particular fle via FTP telnet: - Used to connect to a remote Internet
site using Telnet mailto: - Used to connect to an mail server
using SMTP etc…
6©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
a
abc
http:// www.itc.nl/file.html
The Simple Case
GET file.htmlSERVERSERVER CLIENTCLIENT
7©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
a
abc
http:// www.itc.nl /file.html
file.html
The Simple Case
a
HTMLdocument<img src = “file.gif”><br><i>STATIC </i> MAP
SERVERSERVER CLIENTCLIENT
8©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
a
abc
<img src = “file.gif”>
The Simple Case
GET file.gifSERVERSERVER CLIENTCLIENT
9©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
a
abc
http:// www.itc.nl /file.html
a
abc
The Simple Case
aa
abc
file.gif
file.gif
STATIC MAP
SERVERSERVER CLIENTCLIENT
10©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
A Web Browser interprets an HTML document
Web pages are written in HTML: the Hypertext Markup Language
They may look different depending on hardware and browser
11©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
HTML = HyperText Markup Language
A brief history of HTML:
Originally developed by Tim Berners-Lee at CERN Popularized by the Mosaic browser developed at
NCSA (“oh please, no pictures...!”) Been extended in a number of ways.
Now in version HTML5 (not fnal)
12©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
HTML = HyperText Markup Language
HTML code = TEXT: the content, indepent of formatting +TAGS: two types of ‘commands’
formatting, eg:▶make text <B>bold</B>▶make text <font color=“#0000FF”>blue</font>
(inter)activity, eg:▶<IMG src=“aFile.gif ”>show an image▶<A href=“aFile.html>link to a location</A>
13©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
HTML code
<P>Hello<B>World</B><HR>How are<I>you</I>?<P><A HREF= ”otherfile.html”>Click here</a> to go.
Looks like:
Hello World How are you? Click here to go.
14©2012 – Dept. of Geo–Information ProcessingUNIVERSITY OF TWENTE.
HTML5 Is the latest version of HTML (still under development) Is part of the “openWeb”: using only Open Standard
formats (e.g. making Flash unnecessary) Allows for MathML and SVG elements to be used inside
a document Combined with in-line JavaScript, it allows creation of
client-side web-applications
interoperability &
geowebservices
16 UNIVERSITY OF TWENTE.
Interoperability
Client
RequestRequest
Server
ResponseResponse
Software application
Software application
Software application
Software application Software
application
Software application
Server
Server
Software application
Software application
Server
To communicate between systems we need to standardise the messages between them
Software application
messagemessagemessagemessage
messagemessagemessagemessage
17 UNIVERSITY OF TWENTE.
How to achieve interoperability?
make data seamlessly transferable & accessible Encode data in a standardized, platform & application
independent manner
access distributed functionality seamlessly Specify and set up an infrastructure of interoperable (software)
services, which encapsulate functionality and make it accessible via well specifed interfaces
XML
Web Services
18 UNIVERSITY OF TWENTE.
Example
Currency converter with processable request and response: A fexible application using XML
many examples at http://www.webservicex.net/
<FromCurrency>USD</FromCurrency>
<ToCurrency >EUR</ToCurrency>
<double>0.92635</double>
RequestRequest
ResponseResponse
19 UNIVERSITY OF TWENTE.
GeoGeoWebServices
If webservices have spatial functionality, for example if they use geographic data, can output maps or fnd routes, we call them geowebservices Google Maps, Bing maps, etc.: interfaces are publicly
available, but defned, developed and owned by commercial companies
Open Standard GeoWebServices: Open Web Services (OWS) of the Open Geospatial Consortium (OGC).
20 UNIVERSITY OF TWENTE.
Plugins (client-side)
PDF-READER
a
abc
aa
abc
file.pdf
a
HTMLdocument<img src = “file.pdf”><br><i>interactive </i> map
interactive map
SERVERSERVER CLIENTCLIENT
21 UNIVERSITY OF TWENTE.
SERVERSERVER
a
abc
10 March 2009
Client-side scripting (eg. JavaScript)
JavaScript interpreter
a
HTMLdocument
<script >
<!--
Document.write(Date());
}
//-->
</script>
CLIENTCLIENT
22 UNIVERSITY OF TWENTE. a
HTMLin memory
server-plugin(Microsoft IIS
asp.dll)
Server-side scripting
(eg. Active Server Pages)
a
abc
database stuff
a
Database
a
HTMLdocument<img src = <%foundrec.image %><br>database stuff
<img src = map.gif><br>database stuff
SERVERSERVERCLIENTCLIENT
23 UNIVERSITY OF TWENTE.
Query/Command by URL
Host & domain
Host & domain
PathPath
ApplicationApplication
ProtocolProtocol
http://localhost:8080/RIMapper/WMS?VERSION=1.1.1&SRS=4326
ParametersParameters
24 UNIVERSITY OF TWENTE.
www.kartografie.nl/CGI?makemap
&title=“itc”
Server-side applications
(eg. CGI)
a
abc
itc
a
GIF file(virtual)
abc
SERVERSERVER CLIENTCLIENT
a
Database
CGIAPPLI-
CATION
Open Geo Standards
26 UNIVERSITY OF TWENTE.
Open STANDARDS created in an open, international, participatory process non-proprietary, that is, owned in common. free rights of distribution (no royalty or other fee) free, public, and open access to interface specifcations technology neutral
Open STANDARDS based software: employs Open Standard formats & interfaces can be proprietary, commercial or open source, free
27 UNIVERSITY OF TWENTE.
Open Standard in Geo domainGeo domain
Open Geospatial Consortium (OGC) “our core mission is to deliver interface specifcationsc that are openly
available for global use”
Not-for-proft, international voluntary consensus standards organization industry, government, and university members Founded in 1994
28 UNIVERSITY OF TWENTE.
OGC standardisation topics Topic 0 Overview Topic 1 Feature Geometry Topic 2 Spatial Reference Systems Topic 3 Locational Geometry Topic 4 Stored Functions and Interpolation Topic 5 The OpenGIS Feature type Topic 6 The Coverage Type Topic 7 Earth Imagery Topic 8 Relations Between Features Topic 9 Accuracy Topic 10 Feature collections Topic 11 Metadata Topic 12 OpenGIS Service Architecture Topic 13 Catalog services ...etcetera...
29 UNIVERSITY OF TWENTE.
OGC Simple features geometry schema
UML representation of the Geometry schema
QuickTimeᆰ and a decompressor
are needed to see this picture.
30 UNIVERSITY OF TWENTE.
Open Web Services & related EncodingsA set of Implementation Specifcations for
(vector) data encoding:Geographic Markup Language (GML)
Keyhole ML (KML)
Data Access:Web Feature Service (WFS)
Web Coverage Service (WCS)
Portrayal:Web Mapping Service (WMS)
Symbology Encoding / Styled Layer Descriptor (SE/SLD)
Processing:Web Processing Service (WPS)
Metadata:Catalog Service Web (CSW)
31 UNIVERSITY OF TWENTE.
“Standardized interface for the creation of superimposed map-like views of geographic information”
WMS is actually the most mature and widest adopted OWS specifcation (numerous open source, as well as commercial solutions, e.g. WMS connector for ArcIMS)
Web Map Service (WMS)
32 UNIVERSITY OF TWENTE.
WMS GetCapabilities
&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetCapabilities
<WMT_MS_Capabilities version="1.1.1">
<Service> ...service metadata (name, title, keywords, etc)…
</Service>
<Capability>
<GetMap>
<Format>image/gif</Format>
<Format>image/png</Format>
</GetMap>
<GetFeatureInfo>
<Format>text/plain</Format>
<Format>text/html</Format>
</GetFeatureInfo>
... other service parameters...
</Capability>
<Layer queryable="1" opaque="0" cascaded="0">
<Name>airports</Name>
<Title>airports</Title>
<SRS>EPSG:4326</SRS>
<BoundingBox SRS="EPSG:4326" minx="97.9" miny="6.5" maxx="104.8" maxy="19.9" /
</Layer>
...other layers...
</WFS_Capabilities>
<WMT_MS_Capabilities version="1.1.1">
<Service> ...service metadata (name, title, keywords, etc)…
</Service>
<Capability>
<GetMap>
<Format>image/gif</Format>
<Format>image/png</Format>
</GetMap>
<GetFeatureInfo>
<Format>text/plain</Format>
<Format>text/html</Format>
</GetFeatureInfo>
... other service parameters...
</Capability>
<Layer queryable="1" opaque="0" cascaded="0">
<Name>airports</Name>
<Title>airports</Title>
<SRS>EPSG:4326</SRS>
<BoundingBox SRS="EPSG:4326" minx="97.9" miny="6.5" maxx="104.8" maxy="19.9" /
</Layer>
...other layers...
</WFS_Capabilities>
33 UNIVERSITY OF TWENTE.
WMS GetMap
&SERVICE=WMS
&VERSION=1.1.1
&REQUEST=GetMap
&LAYERS=forest,railroad,airports
&SRS=EPSG:4326
&BBOX=97.3,5.6,105.6,20.4
&WIDTH=400&HEIGHT=600
&FORMAT=image/png
Open SourceGeo Software
35 UNIVERSITY OF TWENTE.
Open SOURCE software
Source code is freely accessible free for all to use, change and (re)distribute usually allowed to sell products that include source code
Development done in public: usually not by a company by a community: distributed, informal team of developers
36 UNIVERSITY OF TWENTE.
Open source software (OSS) solutions
Advantages Low installation and maintenance
costs Independence of software vendors Large, open-minded and helpful user
community When documentation fails, code is
available for last resort Customisation: Can change
functionality to meet own’s needs
Disadvantages in some areas, proprietary solutions
(still) offer more functionality Documentation is often sparse Cannot force support Requires build-up of computer
literacy in own organisation: have to invest in people
37 UNIVERSITY OF TWENTE.
Open source software STACK
(web)map-viewers, Graphic User Interfaces, desktop GIS, etcetera
thin clients thick clients
middleware: geo-webservicesdata-, map- and process services
Back-end: spatial databases
LIBRARIES: software components for :•data access•conversion•analysis•projection•graphics•etc...
38 UNIVERSITY OF TWENTE.
The OSGEO stack in this course
PrototypeMozillaQt
GDAL/OGR
Proj4
Geotools/GEOS
Open Geo Data
40Barend Köbben (GIP)UNIVERSITY OF TWENTE.
OPEN DATA
Open Data is maybe more important than Open Source
without data, software means nothing most data is still
proprietary currently there is considerable movement to public access of geo-data
EU INSPIRE initiative OpenStreetMap Netherlands moves to OpenData:
data “basisregistraties” since 2012 opendataoverheid.nl PDOK demo gives an overview: http://nieuwsinkaart.nl/pdok/ Enschede “open data stad” (opendataenschede.nl)
Nov 23, 2014Nov 23, 2014Nov 23, 2014Nov 23, 2014 http://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.org 41414141
OSGEO - Open Source Geospatial Foundation
– a not-for-profit organization
–mission to support and promote the collaborative development of open geospatial technologies and data.
– provides financial, organizational and legal support
– serves as an independent legal entity to which community members can contribute code, funding and other resources
– serves as an outreach and advocacy organization
– publishes the show-case OSGEO LiveDVD
Nov 23, 2014Nov 23, 2014Nov 23, 2014Nov 23, 2014 http://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.org 42424242
Insert and Reboot
Nov 23, 2014Nov 23, 2014Nov 23, 2014Nov 23, 2014 http://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.org 43434343
Thumb Drive & Virtual Machine
Nov 23, 2014Nov 23, 2014Nov 23, 2014Nov 23, 2014 http://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.org 44444444
OSGeo-Live
Nov 23, 2014Nov 23, 2014Nov 23, 2014Nov 23, 2014 http://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.orghttp://live.osgeo.org 45454545
Want to know more?
http://live.osgeo.org
OSGeo Foundationhttp://osgeo.org
Conferences:http://foss4g.org
46UNIVERSITY OF TWENTE.
INTRODUCTION TO THE WORKSHOP
we will employ the OSGeoLive system to: use a JS library (Leafet) to build a webpage that:
▶ shows a layer of Open Data (from OpenStreetMap) prepare a data layer (using QGIS) publish that data using OGC Open Standard WMS
(using GeoServer) use Leafet again to extend the webpage to:
▶ show the WMS layer and combine it with the OSM layer learn about and use Spatial Data Infrastructure technology
in geoportals
… and discuss the implications of this technology for your organisations
47UNIVERSITY OF TWENTE.