Building Better Web Map Applications using Web 2.0 Technology Matt Sheehan
Who is Matt Sheehan?
GeoSpatial & GeoLocation Developer BSc & MSc in Geography and GIS Web GIS programmer for 14 years Location based Flex development for 6 years Principal at WebMapSolutions.com Company builds Web and Mobile location based solutions
Who is this workshop for and what will we discuss?
Workshop - Agenda Audience: Technical and less technical Agenda: - History of the Internet to Web 2.0 - Geospatial sector - from desktop to the Web - Web 2.0 - Flex, Silverlight and AJAX? - Flex geospatial development - Demos and code - Mobile & Geolocation – a new revolution? - Q & A
Workshop - Goals Less technical – a better understanding of Web GIS Technical – a better understanding of Web Flex GIS development options plus code Decision Makers  –  a better understanding Web and mobile GIS solutions
History of the Internet to Web 2.0 Lynx and Mosaic HTML Javascript 2004 Web 2.0 “Web as Platform” Flash (2004) AJAX (2005) Flex (2006) and Silverlight (2008)
GeoSpatial Industry History 1960-75 -  Harvard Laboratory For Computer Graphics And Spatial Analysis 1969 - Environmental Systems Research Institute ( ESRI ) - built on Harvard Graphics developments 1970 - Intergraph Corporation – IBM spin off 1996 – Mapquest launched 1997 – ESRI launch  MapObjects IMS 2000 – ESRI launch ArcIMS 2000 – 2006 MapServer and GeoServer are released 2002 – ESRI launch ArcIMS  2005 –  Google maps is released   2005 – OpenStreetMap founded 2007 – Yahoo, Microsoft offer mapping sites and API’s  2008 - First GPS enabled smart phone
GeoSpatial Defined Analysis and visualisation of data with a locational component Geographic Information Systems (GIS) •   A collection of hardware, software, methods, and instructions, to: capture, manage, manipulate, analyze, & display •  A decision support system
GeoSpatial Web Development Stack Options Commercial GIS - ESRI Flex ArcGIS API, ArcGIS Spatial Serve, ArcSDE/Oracle Open Source GIS  OpenScales Flex API, OpenLayers AJAX, MapServer, GeoServer, PostGIS/Postgres Proprietary Consumer Mapping Google, Bing, Yahoo API’s Open Source Consumer Mapping Modest Maps Flex API
Let’s focus on client  technology
Web 2.0 - Requirements Browser plug ins: - Flash/Flex – Flash Player - Silverlight – .NET Plug in - AJAX – no requirements Adobe AIR – just to confuse things
Web 2.0 - Development What is the big deal about Web 2.0 technology? -  feels and acts like desktop apps -  sophisticated design .. pre built components -  expressive features such as transitions and animations  -  asynchronous server calls How are Flash, Flex, Silverlight apps built? What is an API?
GeoSpatial Client API’s ESRI ArcGIS - Flex API,  - Silverlight API  - Javascript API Open Source - OpenLayers Javascript API - OpenScales Flex API Other – Google, Modest Maps
Let’s focus on Flex
ESRI ArcGIS Flex API 2 options  1) ESRI 2.2 Flex Viewer   2) Custom application development
OpenScales Flex API
Google Maps Flex API
Modest Maps Flex API
Demos and Code
Mobile & Geolocation – a new revolution?
Mobile Development Mobile is confusing! - Hardware – smart phones v tablets - Platforms – IOS, Android, Symbian,  Blackberry, Windows - Software – Web apps v native apps - Tools – Objective C, Flex, AIR, Silverlight, Javascript
Mobile & Location GeoLocation “ The identification of the real-world geographic location of an object, such as a cell phone or Internet connected device” How does the market look at present? 1) Location based services (LBS) - Foursquare, Gowalla, Where, Yelp … 2) Geospatial - GIS on a smart phone! – whaaaat!
Flex Smart Phone ArcGIS
Flex Smart Phone OpenScales
Flex Mobile – BlackBerry PlayBook
The (near) Future of Mobile GIS? Hardware  - Data collection = smart phone/tablet  - Visualisation = Tablet  Software = Web  - One UI across all devices - One programming language GIS and geolocation?
Thank You - Questions? Website and Blog:  www.webmapsolutions.com Useful Links:  www.webmapsolutions.com/links.html Twitter:  www.twitter.com/flexmappers Contact:  [email_address]

An Overview of Web GIS and Location Based Services

  • 1.
    Building Better WebMap Applications using Web 2.0 Technology Matt Sheehan
  • 2.
    Who is MattSheehan?
  • 3.
    GeoSpatial & GeoLocationDeveloper BSc & MSc in Geography and GIS Web GIS programmer for 14 years Location based Flex development for 6 years Principal at WebMapSolutions.com Company builds Web and Mobile location based solutions
  • 4.
    Who is thisworkshop for and what will we discuss?
  • 5.
    Workshop - AgendaAudience: Technical and less technical Agenda: - History of the Internet to Web 2.0 - Geospatial sector - from desktop to the Web - Web 2.0 - Flex, Silverlight and AJAX? - Flex geospatial development - Demos and code - Mobile & Geolocation – a new revolution? - Q & A
  • 6.
    Workshop - GoalsLess technical – a better understanding of Web GIS Technical – a better understanding of Web Flex GIS development options plus code Decision Makers – a better understanding Web and mobile GIS solutions
  • 7.
    History of theInternet to Web 2.0 Lynx and Mosaic HTML Javascript 2004 Web 2.0 “Web as Platform” Flash (2004) AJAX (2005) Flex (2006) and Silverlight (2008)
  • 8.
    GeoSpatial Industry History1960-75 - Harvard Laboratory For Computer Graphics And Spatial Analysis 1969 - Environmental Systems Research Institute ( ESRI ) - built on Harvard Graphics developments 1970 - Intergraph Corporation – IBM spin off 1996 – Mapquest launched 1997 – ESRI launch MapObjects IMS 2000 – ESRI launch ArcIMS 2000 – 2006 MapServer and GeoServer are released 2002 – ESRI launch ArcIMS 2005 – Google maps is released 2005 – OpenStreetMap founded 2007 – Yahoo, Microsoft offer mapping sites and API’s 2008 - First GPS enabled smart phone
  • 9.
    GeoSpatial Defined Analysisand visualisation of data with a locational component Geographic Information Systems (GIS) • A collection of hardware, software, methods, and instructions, to: capture, manage, manipulate, analyze, & display • A decision support system
  • 10.
    GeoSpatial Web DevelopmentStack Options Commercial GIS - ESRI Flex ArcGIS API, ArcGIS Spatial Serve, ArcSDE/Oracle Open Source GIS OpenScales Flex API, OpenLayers AJAX, MapServer, GeoServer, PostGIS/Postgres Proprietary Consumer Mapping Google, Bing, Yahoo API’s Open Source Consumer Mapping Modest Maps Flex API
  • 11.
    Let’s focus onclient technology
  • 12.
    Web 2.0 -Requirements Browser plug ins: - Flash/Flex – Flash Player - Silverlight – .NET Plug in - AJAX – no requirements Adobe AIR – just to confuse things
  • 13.
    Web 2.0 -Development What is the big deal about Web 2.0 technology? - feels and acts like desktop apps - sophisticated design .. pre built components - expressive features such as transitions and animations - asynchronous server calls How are Flash, Flex, Silverlight apps built? What is an API?
  • 14.
    GeoSpatial Client API’sESRI ArcGIS - Flex API, - Silverlight API - Javascript API Open Source - OpenLayers Javascript API - OpenScales Flex API Other – Google, Modest Maps
  • 15.
  • 16.
    ESRI ArcGIS FlexAPI 2 options 1) ESRI 2.2 Flex Viewer 2) Custom application development
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    Mobile & Geolocation– a new revolution?
  • 22.
    Mobile Development Mobileis confusing! - Hardware – smart phones v tablets - Platforms – IOS, Android, Symbian, Blackberry, Windows - Software – Web apps v native apps - Tools – Objective C, Flex, AIR, Silverlight, Javascript
  • 23.
    Mobile & LocationGeoLocation “ The identification of the real-world geographic location of an object, such as a cell phone or Internet connected device” How does the market look at present? 1) Location based services (LBS) - Foursquare, Gowalla, Where, Yelp … 2) Geospatial - GIS on a smart phone! – whaaaat!
  • 24.
  • 25.
    Flex Smart PhoneOpenScales
  • 26.
    Flex Mobile –BlackBerry PlayBook
  • 27.
    The (near) Futureof Mobile GIS? Hardware - Data collection = smart phone/tablet - Visualisation = Tablet Software = Web - One UI across all devices - One programming language GIS and geolocation?
  • 28.
    Thank You -Questions? Website and Blog: www.webmapsolutions.com Useful Links: www.webmapsolutions.com/links.html Twitter: www.twitter.com/flexmappers Contact: [email_address]