Building Better Web Map Building Better Web Map Applications using Web 2.0 Applications using Web 2.0

TechnologyTechnology

Matt SheehanMatt Sheehan

Who is Matt Sheehan?Who is Matt Sheehan?

GeoSpatial & GeoLocation DeveloperGeoSpatial & GeoLocation Developer

BSc & MSc in Geography and GISBSc & MSc in Geography and GIS Web GIS programmer for 14 yearsWeb GIS programmer for 14 years Location based Flex development for 6 Location based Flex development for 6

yearsyears Principal at WebMapSolutions.comPrincipal at WebMapSolutions.com Company builds Web and Mobile location Company builds Web and Mobile location

based solutionsbased solutions

Who is this workshop for and Who is this workshop for and what will we discuss?what will we discuss?

Workshop - AgendaWorkshop - Agenda

Audience: Technical and less technicalAudience: Technical and less technical Agenda:Agenda: - History of the Internet to Web 2.0- History of the Internet to Web 2.0 - Geospatial sector - from desktop to the Web- Geospatial sector - from desktop to the Web - Web 2.0 - Flex, Silverlight and AJAX?- Web 2.0 - Flex, Silverlight and AJAX? - Flex geospatial development- Flex geospatial development - Demos and code- Demos and code - Mobile & Geolocation – a new revolution?- Mobile & Geolocation – a new revolution? - Q & A- Q & A

Workshop - GoalsWorkshop - Goals

Less technical – a better understanding of Less technical – a better understanding of Web GISWeb GIS

Technical – a better understanding of Web Technical – a better understanding of Web Flex GIS development options plus codeFlex GIS development options plus code

Decision Makers Decision Makers – – a better understanding a better understanding Web and mobile GIS solutionsWeb and mobile GIS solutions

History of the Internet to Web 2.0History of the Internet to Web 2.0

Lynx and MosaicLynx and Mosaic HTMLHTML JavascriptJavascript 2004 Web 2.0 “Web as Platform”2004 Web 2.0 “Web as Platform” Flash (2004)Flash (2004) AJAX (2005)AJAX (2005) Flex (2006) and Silverlight (2008)Flex (2006) and Silverlight (2008)

GeoSpatial Industry HistoryGeoSpatial Industry History 1960-75 - 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 DefinedGeoSpatial Defined

Analysis and visualisation of data with a Analysis and visualisation of data with a locational componentlocational component

Geographic Information Systems (GIS)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 OptionsGeoSpatial Web Development Stack Options

Commercial GIS - ESRICommercial GIS - ESRI

Flex ArcGIS API, ArcGIS Spatial Serve, ArcSDE/OracleFlex ArcGIS API, ArcGIS Spatial Serve, ArcSDE/Oracle

Open Source GIS Open Source GIS

OpenScales Flex API, OpenLayers AJAX, MapServer, GeoServer, OpenScales Flex API, OpenLayers AJAX, MapServer, GeoServer, PostGIS/PostgresPostGIS/Postgres

Proprietary Consumer MappingProprietary Consumer Mapping

Google, Bing, Yahoo API’sGoogle, Bing, Yahoo API’s

Open Source Consumer MappingOpen Source Consumer Mapping Modest Maps Flex APIModest Maps Flex API

Let’s focus on client Let’s focus on client technologytechnology

Web 2.0 - RequirementsWeb 2.0 - Requirements

Browser plug ins:Browser plug ins:

- Flash/Flex – Flash Player- Flash/Flex – Flash Player

- Silverlight – .NET Plug in- Silverlight – .NET Plug in

- AJAX – no requirements- AJAX – no requirements Adobe AIR – just to confuse thingsAdobe AIR – just to confuse things

Web 2.0 - DevelopmentWeb 2.0 - Development

What is the big deal about Web 2.0 What is the big deal about Web 2.0 technology?technology?

- - feels and acts like desktop appsfeels and acts like desktop apps - sophisticated design .. pre built components- sophisticated design .. pre built components - expressive features such as transitions and animations - expressive features such as transitions and animations - asynchronous server calls- asynchronous server calls

How are Flash, Flex, Silverlight apps built?How are Flash, Flex, Silverlight apps built?

What is an API?What is an API?

GeoSpatial Client API’sGeoSpatial Client API’s

ESRI ArcGISESRI ArcGIS - Flex API, - Flex API, - Silverlight API - Silverlight API - Javascript API- Javascript API Open SourceOpen Source - OpenLayers Javascript API- OpenLayers Javascript API - OpenScales Flex API- OpenScales Flex API Other – Google, Modest MapsOther – Google, Modest Maps

Let’s focus on FlexLet’s focus on Flex

ESRI ArcGIS Flex APIESRI ArcGIS Flex API

2 options 1) ESRI 2.2 Flex Viewer2 options 1) ESRI 2.2 Flex Viewer

2) Custom application development2) Custom application development

OpenScales Flex APIOpenScales Flex API

Google Maps Flex APIGoogle Maps Flex API

Modest Maps Flex APIModest Maps Flex API

Demos and CodeDemos and Code

Mobile & Geolocation – a new Mobile & Geolocation – a new revolution?revolution?

Mobile DevelopmentMobile Development Mobile is confusing!Mobile is confusing!

- Hardware – smart phones v tablets- Hardware – smart phones v tablets

- Platforms – IOS, Android, Symbian, - Platforms – IOS, Android, Symbian, Blackberry, Windows Blackberry, Windows

- Software – Web apps v native apps- Software – Web apps v native apps

- Tools – Objective C, Flex, AIR, - Tools – Objective C, Flex, AIR, Silverlight, JavascriptSilverlight, Javascript

Mobile & LocationMobile & Location GeoLocationGeoLocation

“ “The identification of the real-world geographic location of an object, The identification of the real-world geographic location of an object, such as a cell phone or Internet connected device”such as a cell phone or Internet connected device”

How does the market look at present?How does the market look at present?

1) Location based services (LBS)1) Location based services (LBS)

- Foursquare, Gowalla, Where, Yelp …- Foursquare, Gowalla, Where, Yelp …

2) Geospatial2) Geospatial

- GIS on a smart phone! – whaaaat!- GIS on a smart phone! – whaaaat!

Flex Smart Phone ArcGISFlex Smart Phone ArcGIS

Flex Smart Phone OpenScalesFlex Smart Phone OpenScales

Flex Mobile – BlackBerry PlayBookFlex Mobile – BlackBerry PlayBook

The (near) Future of Mobile GIS?The (near) Future of Mobile GIS?

Hardware Hardware - Data collection = smart phone/tablet - Data collection = smart phone/tablet - Visualisation = Tablet - Visualisation = Tablet Software = Web Software = Web - One UI across all devices- One UI across all devices - One programming language- One programming language GIS and geolocation?GIS and geolocation?

Thank You - Questions?Thank You - Questions?

Website and Blog: Website and Blog: www.webmapsolutions.comwww.webmapsolutions.com

Useful Links: Useful Links: www.webmapsolutions.com/links.htmlwww.webmapsolutions.com/links.html

Twitter: Twitter: www.twitter.com/flexmapperswww.twitter.com/flexmappers

Contact: Contact: matt@webmapsolutions.commatt@webmapsolutions.com