80
1 WHAT’S BEHIND OF WEB MAPS? Daniel Puiu TeamNet International 10 th of November 2012

Daniel Puiu - What's behind of web maps

Embed Size (px)

Citation preview

Page 1: Daniel Puiu - What's behind of web maps

1

WHATrsquoS BEHIND OF WEB MAPS

Daniel Puiu TeamNet International 10th of November 2012

WHAT WE DO AT WORK

2

WHAT THEY DO AT WORK

3

AGENDA

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

GIS Services

80 slides 20 minutes

1 slide15 seconds

4

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

5

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 2: Daniel Puiu - What's behind of web maps

WHAT WE DO AT WORK

2

WHAT THEY DO AT WORK

3

AGENDA

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

GIS Services

80 slides 20 minutes

1 slide15 seconds

4

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

5

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 3: Daniel Puiu - What's behind of web maps

WHAT THEY DO AT WORK

3

AGENDA

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

GIS Services

80 slides 20 minutes

1 slide15 seconds

4

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

5

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 4: Daniel Puiu - What's behind of web maps

AGENDA

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

GIS Services

80 slides 20 minutes

1 slide15 seconds

4

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

5

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 5: Daniel Puiu - What's behind of web maps

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

5

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 6: Daniel Puiu - What's behind of web maps

HOW TO STORE A DAM

6

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 7: Daniel Puiu - What's behind of web maps

STORING A DAM USING A TABLE

7

Id Name Material Height

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 8: Daniel Puiu - What's behind of web maps

HOW TO STORE DAMlsquoS LOCATION

8

Id Name Material Height Location

78 Suhaia Stone 5

79 Vlasin Stone 7

80 Vieru 2 Earth 5

81 Vieru 3 Earth 7

82 Magura Earth 2

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 9: Daniel Puiu - What's behind of web maps

USING DESCRIPTIVE WORDS

9

Id Name Material Height Location

78 Suhaia Stone 5 In Valea Adanca

79 Vlasin Stone 7 Near Schitu locality

80 Vieru 2 Earth 5 500 meters from Mitoc

81 Vieru 3 Earth 7 On the river Parapanca

82 Magura Earth 2 3 km upstream

83 Putineiu Other 4

84 Rojistea Wood 8

85 Cascioarele Wood 4

86 Luncavita Unknown 4

87 Catuna Stone 10

88 Malina Stone 8

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 10: Daniel Puiu - What's behind of web maps

ASSUMING A DAM IS JUST A POINT

10

X Y

A dam

A point

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 11: Daniel Puiu - What's behind of web maps

USING COORDINATES

11

Id Name Material Height X Y

78 Suhaia Stone 5 516370 246708

79 Vlasin Stone 7 569414 289438

80 Vieru 2 Earth 5 561804 260952

81 Vieru 3 Earth 7 562885 261682

82 Magura Earth 2 606078 293024

83 Putineiu Other 4 562633 265486

84 Rojistea Wood 8 532814 248998

85 Cascioarele Wood 4 618303 294620

86 Luncavita Unknown 4 757719 424369

87 Catuna Stone 10 734465 438727

88 Malina Stone 8 730292 441636

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 12: Daniel Puiu - What's behind of web maps

WHAT ABOUT A RIVER

12

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 13: Daniel Puiu - What's behind of web maps

A RIVER HAS A COLLECTION OF POINTS

13

X1 Y1

X2 Y2

X3 Y3

Xn Yn

X4 Y4

A river

A collection of points

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 14: Daniel Puiu - What's behind of web maps

UNLIKELY TO STORE IT LIKE THIS

14

Id Name Affluent Rank X1 Y1 X2 Y2 XN YN

177 Budac Sieu 3 469490 615859 469451 615925 hellip 469442 615935

178 Bolovan Budac 4 541236 249243 541241 249234 hellip 543921 238388

179 Budusel Budac 4 hellip hellip hellip hellip hellip hellip

180 Petris Budusel 5 hellip hellip hellip hellip hellip hellip hellip

181 Ses Budac 4 hellip hellip hellip hellip hellip hellip hellip

182 Budus Budac 4 hellip hellip hellip hellip hellip hellip hellip

183 Bistrita Sieu 3 hellip hellip hellip hellip hellip hellip hellip

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 15: Daniel Puiu - What's behind of web maps

USING ONE-TO-MANY RELATIONSHIPS

15

Id Name Affluent Rank

177 Budac Sieu 3

178 Bolovan Budac 4

179 Budusel Budac 4

180 Petris Budusel 5

181 Ses Budac 4

182 Budus Budac 4

183 Bistrita Sieu 3

Id RiverId X Y

45 181 469490 615859

46 181 469451 615925

48 181 469442 615935

hellip hellip hellip hellip

762 181 459806 615809

763 181 459770 615779 Rivers table

RiverPoints table

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 16: Daniel Puiu - What's behind of web maps

WHAT DO YOU SAY ABOUT GREECE

16

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 17: Daniel Puiu - What's behind of web maps

WE HAVE SOME ISSUES WITH GREECE

bullX30 Y30 bullX40 Y40

bullX40 Y40

bullX50 Y50

bullX30 Y30

bullX50 Y60

bullX1 Y1

bullX20 Y20

bullX10 Y10

bullX1 Y1 bullX20 Y20

bullX1 Y1

A collection of collection of points

Greece Islands

17

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 18: Daniel Puiu - What's behind of web maps

THE SOLUTION

18

Spatial Type is a type that stores information about physical location and the shape of geometric objects

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 19: Daniel Puiu - What's behind of web maps

STORING A POLYLINE USING SPATIAL TYPE

19

Id Name Affluent Ranking Shape

177 Budac Sieu 3 hellip

178 Bolovan Budac 4 hellip

179 Budusel Budac 4 hellip

180 Petris Budusel 5

0x00000000010497000000401CEBA237E811414072F9CFE49D16414039B44847E8114180E61D67F39C164140DD24463AE8114100AC1C9A229B16418010583959E81141C0AAC

FD5BC99164100849E0DC2E81141C054

LINESTRING (497847 247498 498003 247570 498158 247627 498362 247664 498670 247693 499097 247690 499426 247637 499796 247594 500159 247452 500338 247367 hellip 501521 245798)

ToString()

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 20: Daniel Puiu - What's behind of web maps

GEOMETRY VS GEOGRAPHY

20

Geometry Geography

Euclidian (flat-earth) Ellipsoidal (round-earth)

Stereo 70 WGS84

X 488621 Y 386736

Longitude 24deg 51 2055 Latitude 44deg 58 5016

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 21: Daniel Puiu - What's behind of web maps

SQL

21

-- Create table CREATE TABLE Lakes( Id int IDENTITY (11) Name nvarchar(50) Location geometry) -- Insert lake INSERT INTO Lakes(Name Location) VALUES( Morun geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 0 150 0 0)) 0)) -- Update lake geometry UPDATE Lakes SET Location = geometrySTGeomFromText( POLYGON ((0 0 150 0 150 150 75 200 0 150 0 0)) 0) WHERE Name = Morun

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 22: Daniel Puiu - What's behind of web maps

SHOW THE RESULTS

22

-- Get the lake

SELECT Id Name Location FROM LAKES WHERE Name = lsquoMorunrsquo

Results

Spatial results

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 23: Daniel Puiu - What's behind of web maps

SQL SERVER MANAGEMENT STUDIO

23

SELECT SHAPE FROM COUNTIES

1 The table

2 The query

3 The results

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 24: Daniel Puiu - What's behind of web maps

GEOMETRY METHODS

24

-- Get hotelrsquos location DECLARE hotelLocation geometry SET hotelLocation = (SELECT hotelAddress FROM Hotels as hotel WHERE hotelId = 2) -- Get all lakes within 20 km SELECT NameLocation FROM Lakes WHERE (LocationSTDistance(hotelLocation) lt= 20000

Calculate distance between a lake and a hotel

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 25: Daniel Puiu - What's behind of web maps

ENTITY FRAMEWORK 50

25

Get hotels location

var hotel = dbHotelsSingle(hotel =gt hotelId == 2)

Get all lakes within 20 km range

var lakes = from lake in dbLakes

where lakeLocationDistance(hotelLocation) lt= 20000

select lake

public class Hotel

public Int32 Id

public String Name

public Int32 NumberOfRooms

public DBGeometry Location

public class Lake

public Int32 Id

public String Name

public DBGeometry Location

Query using LINQ

Hotel class Lake class

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 26: Daniel Puiu - What's behind of web maps

HOW TO STORE A CAR ACCIDENT POSITION

26

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 27: Daniel Puiu - What's behind of web maps

LINEAR REFERENCING

27

Km 46

Id RoadId Description M

45 234 Big accident 405

46 462 hellip 234

48 563 hellip 100

hellip hellip hellip hellip

Accidents table

Road E 85

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 28: Daniel Puiu - What's behind of web maps

HOW TO STORE ROAD SPEED LIMITS

28

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 29: Daniel Puiu - What's behind of web maps

DYNAMIC SEGMENTATION

Quality

Material

Speed

Lanes

Km 0 Km 21 Km 44

Km 17 Km 30

2 lines 4 lines

Good Fair Poor Good

Asphalt Concrete Asphalt

50 kmh 60 kmh 70 kmh 50 kmh

Km 0 Km 10 Km 20 Km 30 Km 40 Km 50

29

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 30: Daniel Puiu - What's behind of web maps

MORE OPEN QUESTIONS

30

bull Q What was the quality of Iasi-Botosani road from 2000 until now

bull A Archiving bull Q How can we ensure that there are no gaps between

Iasi and Vaslui counties bull A Spatial Data Integrity

bull Q How do we reach to National Arena from Iasi bull A Network Analyst

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 31: Daniel Puiu - What's behind of web maps

FOR ALL THE REST THERElsquoS GEODATABASE

31

A geodatabase is a database with extensions for storing querying and manipulating geographic information

System Tables User Defined Tables

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 32: Daniel Puiu - What's behind of web maps

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

32

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 33: Daniel Puiu - What's behind of web maps

WHAT IS A LAYER

33

A layer is a collection of spatial elements that share the same attributes the same geometry type

Id Name Attribute Shape

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

hellip hellip hellip hellip

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 34: Daniel Puiu - What's behind of web maps

WHAT IS A LAYER

34

A layer is a collection of spatial elements that share the same attributes the same geometry type and share symbols etiquettes and scales

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 35: Daniel Puiu - What's behind of web maps

SIMPLE SIMBOLOGY

A blue color point

35

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 36: Daniel Puiu - What's behind of web maps

GRAPHIC SYMBOLS

An icon representing a point

36

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 37: Daniel Puiu - What's behind of web maps

QUANTITATIVE SIMBOLOGY

Points having radius proportionally with the

volume

37

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 38: Daniel Puiu - What's behind of web maps

CATEGORY SYMBOLS

Counties symbolized by area

38

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 39: Daniel Puiu - What's behind of web maps

TEXT SYMBOLS

Labels for cities and rivers

39

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 40: Daniel Puiu - What's behind of web maps

MAP DOCUMENT

Map Document

Data Source

Layers

Scales

Fields

Simbology

40

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 41: Daniel Puiu - What's behind of web maps

ARCGIS SERVER ARCHITECTURE

SOC

SOC

SOM

s

d

F

GIS Server Web Server Data

Map Document

41

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 42: Daniel Puiu - What's behind of web maps

GIS SERVICES

Mapping Services

Serves cached and dynamic maps

Feature Services

Serves features and simbology

Network Analyst

Performs analysis such as routing closest facility etc

Geometry Services

Provides geometric calculation such as distance buffer etc

Geoprocessing Services

Provides spatial analysis and data processing services

Geocode Services

Finds address locations

42

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 43: Daniel Puiu - What's behind of web maps

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

43

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 44: Daniel Puiu - What's behind of web maps

HOW DO I GET DATA INTO MY APP

REST REpresentational State Transfer

SOAP Simple Object Acces Protocol

OGC Open Geospatial Consortium

44

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 45: Daniel Puiu - What's behind of web maps

GIS SERVICES

Service Resource URL

Map Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer

Layer Services httptni-iasi-atlasArcGISrestservicesBasemapMapServer34

Geometry Services

httptni-iasi-atlasArcGISrestservicesGeometryGeometryServer

Geoprocessing Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteGPServer

Network Analist Services

httptni-iasi-atlasArcGISrestservicesGiurgiuShortRouteNAServer

All GIS services are exposed as resources

45

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 46: Daniel Puiu - What's behind of web maps

GIS SERVICES

Service Operation Operation URL

Map Services Export Map

httprestservicesBasemapMapServerexport

Layer Services Query httprestservicesBasemapMapServer35query

Geometry Services

Distance httpservicesGeometryGeometryServerdistance

Geoprocessing Services

Submit Job

httpservicesGPServerGiurgiuShortRoutesubmitJob

Network Analist Services

Solve Route

httpservicesGiurgiuShortRouteNAServerRoutesolve

Some services have operations

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 47: Daniel Puiu - What's behind of web maps

REST SAMPLE

Bbox 464102209281060872761802 bboxSR PROJCS[rdquoStereo_70rdquo] dpi 96 f image format png8 size 1908932 Transparent true

Input Parameters Output

httptni-iasi-atlasarcgisrestservicesSpeciesMapServerexport

47

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 48: Daniel Puiu - What's behind of web maps

WHAT DOES A WEB MAPPING API OFFER

Easily integrate maps into web pages

48

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 49: Daniel Puiu - What's behind of web maps

HOW DO I GET DATA INTO MY BROWSER

ArcGIS Mapping for SharePoint

ArcGIS API for Silverlight

ArcGIS API for Flex

ArcGIS API for JavaScript

49

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 50: Daniel Puiu - What's behind of web maps

WHY JAVASCRIPT API

mapaddLayer(baseLayer)

vs httpsampleserver1arcgisonlinecomArcGISrestservicesSpecialtyESRI_StateCityHighway_USAMapServerexportbbox=-1278154-635605ampf=pjson

50

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 51: Daniel Puiu - What's behind of web maps

HELLO WORLD THE CODE

JavaScript var map = new esriMap(map) Add the topographic layer to the mapvar baseLayer = new

esrilayersArcGISTiledMapServiceLayer(http) mapaddLayer(baseLayer) lt-- HTML gt ltdiv id=map style=hellipgt ltdiv style=hellipgtHelloltdivgt ltdivgt

51

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 52: Daniel Puiu - What's behind of web maps

HELLO WORLD THE RESULT

52

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 53: Daniel Puiu - What's behind of web maps

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

53

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 54: Daniel Puiu - What's behind of web maps

WHAT IS A WEB MAP APPLICATION

54

2 Integrated into a web application

3 That users interact with

4 To accomplish meaningful tasks

1 One or more map services

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 55: Daniel Puiu - What's behind of web maps

WHAT A WEB MAP APPLICATION IS NOT

55

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 56: Daniel Puiu - What's behind of web maps

WHAT MAKES WEB MAP APP TO BE GREAT

56

2

Fast

3

Up to date

4

Great cartography and multi scale

1

Easy to use and understand

5

Informative and useful

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 57: Daniel Puiu - What's behind of web maps

TWO TYPES OF DATA ORGANIZATION

57

Geographic frame of reference Static data

Reusable in multiple applications

Show a focused item of interest Editable data

Displayed on top of a basemap

Basemaps Operational Layers

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 58: Daniel Puiu - What's behind of web maps

MAP TYPES

58

Cached tiles

Client graphics

Dynamic maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 59: Daniel Puiu - What's behind of web maps

TILE CACHING

59

GIS Server

Browser

Web Server

The server generates and stores the whole

map at different scales

File System

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 60: Daniel Puiu - What's behind of web maps

WHAT YOU SEE

60

First level of zoom in the

browser

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 61: Daniel Puiu - What's behind of web maps

IS NOT WHAT YOU GET

61

First level of zoom on the

server

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 62: Daniel Puiu - What's behind of web maps

IS NOT WHAT YOU GET

62

Second level of zoom on the

server

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 63: Daniel Puiu - What's behind of web maps

WHAT TO CACHE

63

Donrsquot change often

Basemaps

High traffic volume

National Geographic

Map

Lakes Map

Sandy Hurricane

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 64: Daniel Puiu - What's behind of web maps

CACHING PROlsquoS AND CONlsquoS

64

Performance

Quality

Large storage

Generation time

Out of date

2

3

4

1

5

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 65: Daniel Puiu - What's behind of web maps

DYNAMIC MAPPING

65

Data

Map Document

GIS Server

Browser

Web Server

Server generates images on the fly

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 66: Daniel Puiu - What's behind of web maps

WHAT FOR TO USE

66

Frequently changing data

Real-time data

Complex geometries

Road Traffic Map

Forecast Map

Heat Map

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 67: Daniel Puiu - What's behind of web maps

DYNAMIC MAPS PROlsquoS AND CONlsquoS

67

Reflects the actual data

No need to maintain caches

Slower than caching

Need for server resources

Trade quality for performance

2

3

4

1

5

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 68: Daniel Puiu - What's behind of web maps

CLIENT SIDE GRAPHICS

68

Data

Map Document

GIS Server

Browser

Web Server

The browser draws maps

JSON

ArcObjects API

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 69: Daniel Puiu - What's behind of web maps

WHAT TO USE FOR

69

Interactive maps

Web editing

Query data Parcel Query

Popup Info

Parcel Editor

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 70: Daniel Puiu - What's behind of web maps

GRAPHICS PROlsquoS AND CONlsquoS

70

2

3

4

1

5

Nice user experience

Off-load the work from the server

The ldquopressurerdquo is on the client

Limited number of features

Lower quality

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 71: Daniel Puiu - What's behind of web maps

bullDatabase

bullSQL Server

bullGeography

bullJavaScript

bullSQL

bullWeb Services

bullHTML5 bullSOAP

bullREST

bullData

bullGeodatabase

bullSpatial Type

bullGeometry

bullSimbology

bullMap document

bullGIS Server

bullFlex

bullSilverlight

bullMap

bullLayer

bullJSON

bullCaching

bullGeoprocessing

bullTable

bullESRI

bullEntity Framework

bullCreate map

bullDynamic Maps

bullGraphics

bullTime aware

bullTools

bullBasemap

bullLegend

Store Data

World

Demo

Web Map Apps

Web Map APIs

Map Services

71

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 72: Daniel Puiu - What's behind of web maps

WATER INTEGRATED MANAGEMENT SYSTEM

72

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 73: Daniel Puiu - What's behind of web maps

DANUBE DELTA MANAGEMENT

73

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 74: Daniel Puiu - What's behind of web maps

ROADS MANAGEMENT

74

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 75: Daniel Puiu - What's behind of web maps

WHAT IS COMMON

75

Map

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 76: Daniel Puiu - What's behind of web maps

WHAT IS COMMON

76

Map Legend

Grid Table of content

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 77: Daniel Puiu - What's behind of web maps

WHAT IS COMMON

77

Map Legend

Grid Table of content

Basemap gallery Search

Measure tool

Print tool

Spatial filter

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 78: Daniel Puiu - What's behind of web maps

78

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 79: Daniel Puiu - What's behind of web maps

79

Thank you

Daniel Puiu TeamNet International 10th of November 2012

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80

Page 80: Daniel Puiu - What's behind of web maps

Diamond Sponsors

Platinum Sponsors Gold Sponsors

Training Partners Media Partners Other Partners

80