Webgis_principles_and_applications_ucsb.pdf 22586o

Web GIS: Principles and Applications

Pinde Fu, Ph.D. [email protected] Project Lead / Senior Developer Professional Services Division

Esri 2012

Web GIS: Principles and Applications Pinde Fu & Jiulin Sun

Web GIS course Henan University, China

Applications

Principles

Technologies

Esri 2012

2

Contents • Introduction • Technical

evolutions • Applications

Esri 2012

The Web has changed everything USPS Washington Post / Newsweek Blockbuster v.s. Netflix …

New and more efficient business models have emerged, making previous models increasingly obsolete.

How does it affect you?

Esri 2012

GIS is no exception

1962 1969 CGIS Internet Roger Tomlinson Father of GIS

1990 WWW Tim Berners-Lee Father of the Web URL, HTTP, HTML

Esri 2012

1993 Web GIS Xerox PARC Viewer

Global reach; large number of s; better cross-platform; low cost; easy to use; diverse applications

Basic System Architecture

GIS database server

GIS server

Client (Web browser, desktop, or mobile)

Web server

HTTP Request In t er n et

HTTP Response

Data tier

Logical tier (i.e., middle tier)

URL HTTP HTML …

Esri 2012

Presentation tier

Evolutions • From

Web sites to Web services • From SOAP to REST • Web Services extended by browser side APIs • From 3 tiers to n-tiers • From local to the cloud • From one way to two ways • From wired to wireless • More than just mapping

Esri 2012

From Web sites to Web services ArcGIS Server 2D Map

3D maps

Image

Geometry

Feature

Search

Internet

Esri 2012

Tracking

Routing

Geoprocessing

Catalog

Esri 2012

From web services to browser side APIs Server side Map making and other processes

Receive requests and send responses

Scope of Web services

Internet

Send requests and receive responses

Display maps, interact with s

Browser side Esri 2012

Scope of browser-side APIs

ArcGIS API for JavaScript, Flex, Silverlight

From 3 tiers to n-tiers Most of today’s Web GIS applications are mashups Web resource 1 Web resource 3

Web resource 2

Mashup Web server 1

Web resource 4

Web browser

Impacts on NSDI, app dev, research Esri 2012

Mashup

Esri 2012

Highway incidents

Highway speed and photos

Basemaps

Hospital status

Geocode Service Helicopter and ground vehicle locations

Web application Server Processed to GeoRSS format

Internet

2 0 2

Find Incidents Service

Mashup on smart-phones using ArcGIS Mobile

Esri 2012

Mashup in Web browsers using ArcGIS JavaScript API and AJAX

Geoparsing, screenscraping

The internet is your geodatabase Esri 2012

14

Design pattern

Web GIS application = basemaps + operational layers + tools

Esri 2012

15

Geoportal & Cloud GIS, hubs of today’s Web GIS

Esri 2012

Geoplatform NSDI

Cloud GIS data to ArcGIS Online

Esri 2012

Cloud GIS

Publish to ArcGIS Online

Esri 2012

Lots of applications • e-Government

Public information service - Two way communication - Operation and decision -

Esri 2012

Public information service Online, not in line

Esri 2012

Demos • Environmental

Esri 2012

Public Health Tracking prototype

EPHT

Esri 2012

Reverse information flow & VGI ArcGIS Server feature service

Mapping the spatialtemporal patterns of VGI, tweets, YouTube, Flickr ….

Esri 2012

ePlanning and incident reporting

Demo: MWRD Esri 2012

From wired to wireless Post PC era

Web GIS

Mobile GIS

Application dev paths • Native application based • Browser based Important client for Web GIS

Esri 2012

Browser-based approach

•

ArcGIS API for JavaScript -

iOS

Still have access to GPS & other positioning technologies via HTML 5

Esri 2012

Native application based approach Esri products

Java

Silverlight Windows Mobile .NET Mobile

Objective C

Applications & SDKs Esri 2012

Demos

Esri 2012

28

More than just mapping

Pennsylvania Radio Network Outage Management Esri 2012

29

Map algebra

If one or more towers are down, Where & who will be affected?

ArcGIS Flex Viewer

Esri 2012

Demos • Geospatial

analysis online

Publish a geoprocessing service - Use it via JavaScript and ArcGIS Flex Viewer -

Esri 2012

Experience Design Principles 1. 2. 3.

Make it fast. “Don’t make me wait” Make it simple. “Don’t make think” Make it enjoyable. “Let me have fun!”

ArcGIS APIs for JavaScript Flex and Silverlight ArcGIS Explorer Esri 2012

ArcGIS.com Catalog

Technologies

Geoport al

Me tad ata

Se arc h an d dis cov er

Publish

Server Author with ArcGIS Desktop

Connect and use

ArcGIS Server, ArcGIS.com Cloud

Client

No programming

ArcGIS.com, ArcGIS Explorer, ArcGIS Flex Viewer, ArcGIS for iOS/Android … Esri 2012

Pr og ra m mi ng

Web APIs, Mobile APIs, …

Web GIS Course Lectures

Labs

GIS in the Web era Cloud GIS

Build a Web GIS application Using ArcGIS Online

Web Services Overview Web Services optimization

Publish and use your own map service Optimize your map services

Web Services Standards

Animate your space-temporal data

Geospatial mashup (I)

Use ArcGIS Viewer for Flex

Geospatial mashup (II)

Configure ArcGIS Viewer for Flex

ArcGIS API for JavaScript (I)

Build a Web GIS application using JavaScript (I)

ArcGIS API for JavaScript (II)

Build a Web GIS application using JavaScript (II)

Volunteered Geographic Information and Wed Editing GIS Analysis on the Web

Map social media data Publish and use feature services; Publish and use geoprocessing services

Mobile GIS; Web GIS Applications in e-Bus & e-Gov

Use ArcGIS for iOS and Android; Application case studies

Web GIS Frontiers and Prospects

Preview the next release of ArcGIS Server

Student final project presentation

Esri 2012

Technologies covered 1.

Esri 2012

ArcGIS.com (with free )

Challenges, science, research areas

• Security • Reliability • Scalability • Privacy • Data

quality and uncertainty • Standards and Interoperability • Semantic interoperability • Copyright • Business models • Dynamic Demography •… Esri 2012

Questions? Pinde Fu [email protected]

Adding Web GIS to your curriculum!

Esri 2012