A Simple Way to Create a Web Infographic Map: For Public Data and - - PowerPoint PPT Presentation

a simple way to create a web infographic map
SMART_READER_LITE
LIVE PREVIEW

A Simple Way to Create a Web Infographic Map: For Public Data and - - PowerPoint PPT Presentation

A Simple Way to Create a Web Infographic Map: For Public Data and Private Data MangoSystem Research Engineer | Hanjin Lee @jinifor Who$Are$We?! How$to$Get$the$$ Public$(Open)$Data? NS$Center$ (National$Spatial$Information$Clearinghouse)


slide-1
SLIDE 1

A Simple Way to Create a Web Infographic Map:

For Public Data and Private Data

MangoSystem Research Engineer | Hanjin Lee @jinifor

slide-2
SLIDE 2
slide-3
SLIDE 3

Who$Are$We?!

slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6
slide-7
SLIDE 7

How$to$Get$the$$ Public$(Open)$Data?

slide-8
SLIDE 8

8

NS$Center$(National$Spatial$Information$Clearinghouse)

https://nsic.go.kr

slide-9
SLIDE 9

9

Open$Data$Portal

http://data.go.kr

slide-10
SLIDE 10

10

Seoul$Open$Data$Plaza

http://data.seoul.go.kr

slide-11
SLIDE 11

11

Seoul$Open$Data$Plaza

http://data.seoul.go.kr

Lat|Lon

slide-12
SLIDE 12

UnitedStatesofAmerica (http://www.data.gov/) Australia (http://data.gov.au/) UnitedKingdom (http://data.gov.uk/) Japan (http://data.go.jp/)

slide-13
SLIDE 13

PINOGIO$Features?

slide-14
SLIDE 14

14

Open$Source$Stack

  • PostgreSQL/PostGIS
  • GXTServer(GeoServerWPSExtension)
  • OpenLayers3/Leaflet
slide-15
SLIDE 15

#GXT

slide-16
SLIDE 16

16

GXT$(Geoprocessing$Engine)

GXT$ Core Grid$Coverage Custom Vector$Features Spatial$Statistics Geometry Statistics

GeoTools GeoAPI JTS JAI

slide-17
SLIDE 17

17

GXT$(Geoprocessing$Engine)

Category Function GXT$ Modules Geometry

  • Area,Buffer,Centroid,Distance,ManhattanDistance,Union

Vector

  • Overlay,Proximity,Calculation,Network

Raster

  • Surface,Interpolation,Density,Distance,Reclassification,

Conversion Statistics

  • Classification,BasicStatistics,Pearson,Regression

Spatial$ Statistics

  • Pattern(Moran’sI,G-Statistics,SpatialLQ,NearestNeighbor)
  • Distribution(MeanCenter,CentralFeature,Standard

Distance,SDE)

  • Cluster(k-means)

Custom

  • ExtensionDataStore
  • WebKOPSSalgorithmSupport

GXTOnlineDocumentation (http://gxt.mangosystem.com/)

slide-18
SLIDE 18

18

GXT$(Geoprocessing$Engine)

Category Function GXT$ Modules Geometry

  • Area,Buffer,Centroid,Distance,ManhattanDistance,Union

Vector

  • Overlay,Proximity,Calculation,Network

Raster

  • Surface,Interpolation,Density,Distance,Reclassification,

Conversion Statistics

  • Classification,BasicStatistics,Pearson,Regression

Spatial$ Statistics

  • Pattern(Moran’sI,G-Statistics,SpatialLQ,NearestNeighbor)
  • Distribution(MeanCenter,CentralFeature,Standard

Distance,SDE)

  • Cluster(k-means)

Custom

  • ExtensionDataStore
  • WebKOPSSalgorithmSupport

GXTOnlineDocumentation (http://gxt.mangosystem.com/)

' G X T $ u D i g $ T

  • l

B

  • x

' $ F r e e $ f

  • r

$ R e s e a r c h $ a n d $ E d u c a t i

  • n

! ! $

uDig$Plugin$Update$URL:$$ http://www.mangosystem.com:8080/gxt_updates$

slide-19
SLIDE 19

Service$Category

19

MAPS LAYER DATA

JSON,XML JSP/Ajax

REST API

slide-20
SLIDE 20

Service$Category

20

Zone$ Layer Base$ Map

MAPS LAYER DATA

slide-21
SLIDE 21

Mango$BaseMap

21

MangoBaseMap (TMS)

Zone$ Layer Base$ Map

MAPS LAYER DATA

Physical,Gray,Black…⋰

slide-22
SLIDE 22

Zone(District)$Layer

22

Zone$ Layer Base$ Map

MAPS LAYER DATA

slide-23
SLIDE 23

Zone(District)$Layer

23

Zone$ Layer Base$ Map

MAPS LAYER DATA

Nationalpointnumber

  • 100km$
  • 10km$
  • 1km$
  • 100m$
  • 10m
slide-24
SLIDE 24

#DATA

1

slide-25
SLIDE 25
  • SupportFormats
  • VectorFormats
  • RasterFormats
  • Transformsupport

#DATA

25

MAPS LAYER DATA

slide-26
SLIDE 26

TheFirstWorldMapofKorea+

#LAYER

slide-27
SLIDE 27

#LAYER

27

MAPS LAYER DATA

slide-28
SLIDE 28

28

Spatial$Statistics

= +

Population$Cartogram$$ SejongMetropolitanAutonomousCity,SouthKorea (http://www.sejong.go.kr/stat.do)

slide-29
SLIDE 29

29

Fishnet$/$Hexagon

AustralianLandTenure1993

(source:http://data.gov.au/dataset)

FishnetFeatures HexagonFeatures

slide-30
SLIDE 30

30

Map$Styling$Library

slide-31
SLIDE 31

31

COLOR$BREWER$2.0

http://colorbrewer2.org

slide-32
SLIDE 32

32

pinoStyler.js

Spectrum Colorpicker

+

ColorBrewer2.0

+ + +

slide-33
SLIDE 33

33

pinoStyler.js

UN-GGIM-AP$VGI$Portal$ productbyNationalGeographicInformationInstitute (http://www.ngii.go.kr)

slide-34
SLIDE 34
slide-35
SLIDE 35
slide-36
SLIDE 36
slide-37
SLIDE 37

Cloudyday Sunnyday Rainyday

slide-38
SLIDE 38

S t a c k

  • f

H a n d s

#MAPS

slide-39
SLIDE 39

39

MAPS$Template

…⋰…⋰

slide-40
SLIDE 40

Preview Settings

slide-41
SLIDE 41

41

MAPS$Contents

slide-42
SLIDE 42
slide-43
SLIDE 43
slide-44
SLIDE 44

@jinifor

Thanks!

hjlee mangosystem.com