Web cartography using Open Source software
-
Upload
edward-mac-gillavry -
Category
Design
-
view
960 -
download
1
description
Transcript of Web cartography using Open Source software
![Page 1: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/1.jpg)
Edward Mac Gillavry
WEB CARTOGRAPHYWEB CARTOGRAPHYUsing Open Source SoftwareUsing Open Source Software
![Page 2: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/2.jpg)
Richard Duivenvoorde – biologist Edward Mac Gillavry – cartographer Haarlem/Utrecht (2009) Geo-applications for the (mobile) Web OpenGeoGroep
WEBMAPPER: what the map can beWEBMAPPER: what the map can be
![Page 3: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/3.jpg)
ONLINE MAPPINGONLINE MAPPING
![Page 4: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/4.jpg)
CLASSIC VALUE CHAINCLASSIC VALUE CHAIN
* Musser, J. (2007)Web 2.0 Principles and Best Practices
Application
Service
Platform
Data
![Page 5: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/5.jpg)
WEB MAP = ART IMITATES LIVEWEB MAP = ART IMITATES LIVE
http://www.flickr.com/photos/zachklein/3609217246
![Page 6: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/6.jpg)
WEB MAPS = RED DOT FEVERWEB MAPS = RED DOT FEVER
![Page 7: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/7.jpg)
WEB CARTOGRAPHY USING WEB CARTOGRAPHY USING OPEN SOURCE SOFTWAREOPEN SOURCE SOFTWARE
![Page 8: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/8.jpg)
MAPPING AND THE TERMINALMAPPING AND THE TERMINAL
http://www.flickr.com/photos/andrew_sherman/156734298/
![Page 9: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/9.jpg)
OUR OPEN SOURCE TOOLBOXOUR OPEN SOURCE TOOLBOX
![Page 10: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/10.jpg)
INKSCAPEINKSCAPEIcons, patterns, interfaceIcons, patterns, interface
![Page 11: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/11.jpg)
QuantumGISQuantumGISExplore, style, editExplore, style, edit
![Page 12: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/12.jpg)
PgAdminPgAdminExplore, edit, pre-processExplore, edit, pre-process
![Page 13: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/13.jpg)
GeoServerGeoServerStylingStyling
![Page 14: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/14.jpg)
MAP FILES, SLDs, MapnikXMLMAP FILES, SLDs, MapnikXML
![Page 15: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/15.jpg)
DESIGNERS V. TERMINALSDESIGNERS V. TERMINALS
Desktop GIS QuantumGIS: Map file (plugin) and SLD (native) OpenJUMP: SLDs (Geotools) ESRI ArcGIS: GeoCat Bridge plugin
CSS-like GeoServer CSS plugin Cascadenik Carto
![Page 16: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/16.jpg)
TILEMILL: A CARTO EDITORTILEMILL: A CARTO EDITOR
![Page 17: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/17.jpg)
CLASSIC VALUE CHAINCLASSIC VALUE CHAIN
* Musser, J. (2007)Web 2.0 Principles and Best Practices
Application
Service
Platform
Data
![Page 18: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/18.jpg)
NEW VALUE CHAINNEW VALUE CHAIN
Application
Service
Platform
Data
YOU!
![Page 19: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/19.jpg)
DIR. GEN. PUBLIC WORKSDIR. GEN. PUBLIC WORKS
![Page 20: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/20.jpg)
PUBLIC SERVICE ON THE MAPPUBLIC SERVICE ON THE MAP
![Page 21: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/21.jpg)
NETHERLANDS FROM ABOVENETHERLANDS FROM ABOVE
![Page 22: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/22.jpg)
Cartography is
the science,the technology and
the artof making maps
![Page 23: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/23.jpg)
ESTHETIC EFFECTESTHETIC EFFECT
![Page 24: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/24.jpg)
Beautiful designsare perceived as more user-friendly
and better
![Page 25: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/25.jpg)
MARINETRAFFICMARINETRAFFIC
![Page 26: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/26.jpg)
NETHERLANDS FROM ABOVENETHERLANDS FROM ABOVE
![Page 27: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/27.jpg)
COLOUR USECOLOUR USE
![Page 28: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/28.jpg)
WEB COLOURSWEB COLOURSHTML4 and CSS 2.1: 16 + 1HTML4 and CSS 2.1: 16 + 1
+130 colours in SVG 1.0 = 147 in CSS 3
![Page 29: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/29.jpg)
WEB COLOURSWEB COLOURS216 “web safe” colours216 “web safe” colours
![Page 30: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/30.jpg)
SATURATIONSATURATIONHue, Saturation, Lightness (HSL)Hue, Saturation, Lightness (HSL)
![Page 31: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/31.jpg)
SATURATION: WHITESATURATION: WHITE
![Page 32: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/32.jpg)
SATURATION: BLACKSATURATION: BLACK
![Page 33: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/33.jpg)
SATURATION: BLACKSATURATION: BLACK
![Page 34: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/34.jpg)
COLOUR COMBINATIONSCOLOUR COMBINATIONS
kuler.adobe.com
www.colourlovers.com
![Page 35: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/35.jpg)
COLOUR COMBINATIONSCOLOUR COMBINATIONS
tristen.ca/hcl-picker/
![Page 36: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/36.jpg)
COLOUR COMBINATIONSCOLOUR COMBINATIONS
www.colorbrewer2.org
![Page 37: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/37.jpg)
COLOUR BLINDNESSCOLOUR BLINDNESS
![Page 38: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/38.jpg)
COLOUR BLINDNESSCOLOUR BLINDNESS
![Page 39: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/39.jpg)
COLOUR BLINDNESSCOLOUR BLINDNESS
![Page 40: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/40.jpg)
TYPOGRAPHYTYPOGRAPHY
![Page 41: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/41.jpg)
TYPEFACE SELECTIONTYPEFACE SELECTION
Sans-serif or serif ? Different weights:
Medium, Semi-bold Bold
Condensed
![Page 42: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/42.jpg)
COMBINING TYPEFACESCOMBINING TYPEFACES
www.typebrewer.org
![Page 43: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/43.jpg)
FONT SIZEFONT SIZE
6pt Amsterdam
8pt Amsterdam
9pt Amsterdam
10pt Amsterdam
11pt Amsterdam12pt Amsterdam13pt Amsterdam14pt Amsterdam
7pt Amsterdam
![Page 44: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/44.jpg)
FIGURE-GROUNDFIGURE-GROUND
![Page 45: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/45.jpg)
WIDGETS v. MAPWIDGETS v. MAP
![Page 46: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/46.jpg)
THEME v. ORIENTATIONTHEME v. ORIENTATION
![Page 47: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/47.jpg)
STAMENSTAMEN
![Page 48: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/48.jpg)
VIZZUALITYVIZZUALITY
![Page 49: Web cartography using Open Source software](https://reader033.fdocuments.us/reader033/viewer/2022052311/5586323cd8b42a4c578b5026/html5/thumbnails/49.jpg)
DEVELOPMENT SEEDDEVELOPMENT SEED