SlideShare a Scribd company logo
Open Source WebMapping
Architecture
Architecture
Architecture
Architecture

●   Compliance with Standards
●   OSGeo Certified/Incubation
●   Available resources
    –   Documentation
    –   Examples
    –   Articles
    –   Use cases
●   Community activity
●   Personal Preferences
Architecture
Architecture
OpenLayers

●   Javascript API
●   Supports OGC Standards
●   OSGeo Project
●   Big user and developer community
OpenLayers

●   Lots of formats (WMS, WFS, GML, SLD, …)
●   Several map controls (Zoom, pan, TOC, Scale, …)
●   Spatial editing
●
    Interaction with 3rd party services (OSM, Google,
    Yahoo, Bing Maps, Geonames, …)
●   Easy to Learn
●   Nice and useful example galley

                      USE THE SOURCE
OpenLayers

●   MAP
OpenLayers

●   LAYERS
OpenLayers

●   LAYERS
OpenLayers

●   CONTROLS
OpenLayers

●   CONTROLS
ExtJS

●   Javascript API
●   Dual-license
●   Developed and Supported by Sencha
●   Big user community
●   For building Rich Web Applications
●   Rich UI interfaces
ExtJS

●   Lots of fields: numeric, text, date, checbox &
    groups, combobox, fielsets, …
●   Forms and Tables
●   Windows, Panels, Tabs and Trees
●   Animations
●   Dynamic Charting
●   Supports XML, JSON
ExtJS

●   FORMS & FIELDS
ExtJS

●   WINDOWS, TABS, TABLES, TREE
GeoExt




●   OpenLayers is good for maps, though it has
    few and limited UI components
●   ExtJS has lots of UI components and
    functionality but … mapping is lacking
●   GeoExt brings both together to allow easy
    building of Spatial RIA
GeoExt


●   Map in windows, panels and tabs
●   TOC in a tree
●   Map controls in toolbars
●   Feature information in forms, tables
●   Legend Panel
●   Scale Combobox
GeoExt
●   MAP IN WINDOW
GeoExt
●   FEATURES AND TABLES
GeoExt
●   SCALE COMBOBOX AND LAYER TREE
Spatial RIA
Spatial RIA
Conclusions


●   Big diversity of Open Source software
●   Big modularity is an healthy advantage
●   Powerful frameworks available
●   It's fun and easy to learn
●   The big question is:   CAN YOU DO
                           IT???

More Related Content

What's hot (20)

PPTX
geoserver-rest in Web-GIS
Tek Kshetri
 
PPT
Open Source Databases And Gis
Kudos S.A.S
 
PPTX
Developing Efficient Web-based GIS Applications
Swetha A
 
PDF
MongoDB + GeoServer
MongoDB
 
PPTX
Open source web GIS
Shweta Ghate
 
PDF
Agi08 Jeremy Morley
Jeremy Morley
 
PDF
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
Manikanta Kondeti
 
PDF
Introduction to WebGIS- Esri norsk BK 2014
Geodata AS
 
KEY
Internet GIS
Iwan Setiawan
 
PPT
An Introduction to MapBox
Matt Yeh
 
PDF
Map box styles in GeoServer and OpenLayers
Jody Garnett
 
PDF
Cartography and Web GIS - Jack Dangermond
British Cartographic Society
 
PDF
Build Custom Maps with Appcelerator Titanium, Mapbox and OpenStreetMap - tiCo...
Adam Paxton
 
PDF
GeoServer Past Present Future 2009
Justin Deoliveira
 
PDF
Marble - ein Schweizer Taschenmesser für Karten
Marble Virtual Globe
 
PDF
Analysing Web GIS apps
M.Muneeb Ashraf
 
PPTX
Plugins in QGIS and its uses
Mayuresh Padalkar
 
PDF
Location based services for Nokia X and Nokia Asha using Geo2tag
Microsoft Mobile Developer
 
PDF
Nokia Asha webinar: Developing location-based services for Nokia Asha phones ...
Microsoft Mobile Developer
 
PDF
2018 GIS in Development: FOSS4G in the Government (Proof of Concept)
GIS in the Rockies
 
geoserver-rest in Web-GIS
Tek Kshetri
 
Open Source Databases And Gis
Kudos S.A.S
 
Developing Efficient Web-based GIS Applications
Swetha A
 
MongoDB + GeoServer
MongoDB
 
Open source web GIS
Shweta Ghate
 
Agi08 Jeremy Morley
Jeremy Morley
 
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
Manikanta Kondeti
 
Introduction to WebGIS- Esri norsk BK 2014
Geodata AS
 
Internet GIS
Iwan Setiawan
 
An Introduction to MapBox
Matt Yeh
 
Map box styles in GeoServer and OpenLayers
Jody Garnett
 
Cartography and Web GIS - Jack Dangermond
British Cartographic Society
 
Build Custom Maps with Appcelerator Titanium, Mapbox and OpenStreetMap - tiCo...
Adam Paxton
 
GeoServer Past Present Future 2009
Justin Deoliveira
 
Marble - ein Schweizer Taschenmesser für Karten
Marble Virtual Globe
 
Analysing Web GIS apps
M.Muneeb Ashraf
 
Plugins in QGIS and its uses
Mayuresh Padalkar
 
Location based services for Nokia X and Nokia Asha using Geo2tag
Microsoft Mobile Developer
 
Nokia Asha webinar: Developing location-based services for Nokia Asha phones ...
Microsoft Mobile Developer
 
2018 GIS in Development: FOSS4G in the Government (Proof of Concept)
GIS in the Rockies
 

Similar to GeoCamp 2012 - Open Source WebMapping (20)

PPTX
Internet-enabled GIS Using Free and Open Source Tools
John Reiser
 
PPT
Dotted Eyes - Open Software, Standards and Data
Dotted Eyes
 
PDF
Saving Money with Open Source GIS
bryanluman
 
PDF
IV. Jornadas Sig Libre: The State of OSGeo and the Global SDI
Arnulf Christl
 
PDF
GI2012 buono-cnr-geo-platform
IGN Vorstand
 
PPTX
Open layers
Janak Parajuli
 
PPTX
FOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript Widgets
Allan Glen
 
PPT
Barcelona - LIBER - OpenSource
Petr Pridal
 
PDF
Geohosting
Karel Charvat
 
ODP
Introducing the Geomajas Open Source framework for building spatial web appli...
MapWindow GIS
 
PDF
Open Source GeoSpatial
arno974
 
PDF
Optimizing your Map Services
Esri
 
ODP
Geomajas introduction, BeJUG, March 2012
Joachim Van der Auwera
 
PDF
The User-participated Geospatial Web as Open Platform
Channy Yun
 
PDF
Open Geo Data in Italy and the OpenStreetMap case
Maurizio Napolitano
 
PDF
An online viewer for Geospatial Vector Data using HTML5 Canvas and JavaScript
Manikanta Kondeti
 
PDF
2013 Enterprise Track, Building GIS, Decision Support, and Location Intellige...
GIS in the Rockies
 
PPT
Open Source GIS
Joe Larson
 
PPTX
Getting Started with the ArcGIS API for JavaScript, Esri, Julie Powell, Antoo...
Esri Nederland
 
Internet-enabled GIS Using Free and Open Source Tools
John Reiser
 
Dotted Eyes - Open Software, Standards and Data
Dotted Eyes
 
Saving Money with Open Source GIS
bryanluman
 
IV. Jornadas Sig Libre: The State of OSGeo and the Global SDI
Arnulf Christl
 
GI2012 buono-cnr-geo-platform
IGN Vorstand
 
Open layers
Janak Parajuli
 
FOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript Widgets
Allan Glen
 
Barcelona - LIBER - OpenSource
Petr Pridal
 
Geohosting
Karel Charvat
 
Introducing the Geomajas Open Source framework for building spatial web appli...
MapWindow GIS
 
Open Source GeoSpatial
arno974
 
Optimizing your Map Services
Esri
 
Geomajas introduction, BeJUG, March 2012
Joachim Van der Auwera
 
The User-participated Geospatial Web as Open Platform
Channy Yun
 
Open Geo Data in Italy and the OpenStreetMap case
Maurizio Napolitano
 
An online viewer for Geospatial Vector Data using HTML5 Canvas and JavaScript
Manikanta Kondeti
 
2013 Enterprise Track, Building GIS, Decision Support, and Location Intellige...
GIS in the Rockies
 
Open Source GIS
Joe Larson
 
Getting Started with the ArcGIS API for JavaScript, Esri, Julie Powell, Antoo...
Esri Nederland
 
Ad

GeoCamp 2012 - Open Source WebMapping

  • 5. Architecture ● Compliance with Standards ● OSGeo Certified/Incubation ● Available resources – Documentation – Examples – Articles – Use cases ● Community activity ● Personal Preferences
  • 8. OpenLayers ● Javascript API ● Supports OGC Standards ● OSGeo Project ● Big user and developer community
  • 9. OpenLayers ● Lots of formats (WMS, WFS, GML, SLD, …) ● Several map controls (Zoom, pan, TOC, Scale, …) ● Spatial editing ● Interaction with 3rd party services (OSM, Google, Yahoo, Bing Maps, Geonames, …) ● Easy to Learn ● Nice and useful example galley USE THE SOURCE
  • 11. OpenLayers ● LAYERS
  • 12. OpenLayers ● LAYERS
  • 13. OpenLayers ● CONTROLS
  • 14. OpenLayers ● CONTROLS
  • 15. ExtJS ● Javascript API ● Dual-license ● Developed and Supported by Sencha ● Big user community ● For building Rich Web Applications ● Rich UI interfaces
  • 16. ExtJS ● Lots of fields: numeric, text, date, checbox & groups, combobox, fielsets, … ● Forms and Tables ● Windows, Panels, Tabs and Trees ● Animations ● Dynamic Charting ● Supports XML, JSON
  • 17. ExtJS ● FORMS & FIELDS
  • 18. ExtJS ● WINDOWS, TABS, TABLES, TREE
  • 19. GeoExt ● OpenLayers is good for maps, though it has few and limited UI components ● ExtJS has lots of UI components and functionality but … mapping is lacking ● GeoExt brings both together to allow easy building of Spatial RIA
  • 20. GeoExt ● Map in windows, panels and tabs ● TOC in a tree ● Map controls in toolbars ● Feature information in forms, tables ● Legend Panel ● Scale Combobox
  • 21. GeoExt ● MAP IN WINDOW
  • 22. GeoExt ● FEATURES AND TABLES
  • 23. GeoExt ● SCALE COMBOBOX AND LAYER TREE
  • 26. Conclusions ● Big diversity of Open Source software ● Big modularity is an healthy advantage ● Powerful frameworks available ● It's fun and easy to learn ● The big question is: CAN YOU DO IT???