나만의 데이터와 오픈 데이터를 활용하여 다양한 공간분석 기법을 통한 인터랙티브 지도, 그래프를 만들고 공유할 수 있는 오픈소스소프트웨어 기반으로 구축한 웹 솔루션 소개

1. VISUALIZATION & INFOGRAPHICS
인포그래픽 맵 생성을 위한
솔루션 소개
2014년 08월 27일
(주)망고시스템
이한진 (jinifor@gmail.com)

2. TOPICS
■ INFO + GRAPHICS
 데이터와 시각화
 데이터 종류에 따른 시각화 방법
 인포그래픽 제작 도구 및 서비스
 인포그래픽 맵 제작 도구 및 서비스
■ m33 소개
 아키텍쳐
 서비스 카테고리 (DATA, LAYER, MAPS)
 활용분야
 앞으로의 계획

3. INFO + GRAPHICS
- 데이터와 시각화
- 데이터 종류에 따른 시각화 방법
- 인포그래픽 제작 도구 및 서비스
- 인포그래픽 맵 제작 도구 및 서비스

4. 이한진(jinifor@gmail.com)
데이터와 시각화
4

5. 이한진(jinifor@gmail.com)
데이터 종류에 따른 시각화 방법
시간
분포
관계
비교
공간
시간 경과에 따른 연속적 변화
최대·최소·전체 분포 특성을 가짐
변화하는 두 변량의 상관관계
하나 이상의 변수로 구성하여 비교
< Nathan Yau, VISUALIZE THIS - 시각화의 분류>
5

6. 이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
...
6

7. 이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
<easelly – create visual>
7

8. 이한진(jinifor@gmail.com)
인포그래픽 제작 도구 및 서비스
<Piktochart – Map Data Mapping>
8

9. 이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
OpenLayers 3
...
9

10. 이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<CartoDB – Choropleth Map>
10

11. 이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<Mapbox – Custom Styling map>
11

12. 이한진(jinifor@gmail.com)
인포그래픽 MAP 제작 도구 및 서비스
<Maroon 5 - MAPS>
12

13. m33
- 아키텍쳐
- 서비스 카테고리 (DATA, LAYER, MAPS)
- 앞으로의 계획

14. m33
■ 인포맵 생성과 공유할 수 있는 웹 애플리케이
이한진(jinifor@gmail.com)
션
14

15. 주요 특징
■ 데이터를 직접 업로드하여 지도 시각화
■ 행정경계와 같은 영역(ZONE) 데이터 제공
■ 국제화(i18n) 가능한 환경과 인코딩 사용
■ 데이터베이스(공간) 확장성을 가진 설계로 다양
이한진(jinifor@gmail.com)
한 DBMS 사용 가능
■ 많은 종류의 지오프로세싱 알고리즘 보유
■ 생성한 레이어,맵의 다운로드 가능
■ 데이터, 레이어, 맵의 공유
15

16. 이한진(jinifor@gmail.com)
시스템 아키텍쳐
GXT for GeoServer
Mango MAP
16

17. 이한진(jinifor@gmail.com)
소프트웨어 아키텍쳐
17

18. 이한진(jinifor@gmail.com)
서비스 카테고리
18

19. 이한진(jinifor@gmail.com)
DATA
<서울 열린데이터 광장, TIGER Products, 국가공간정보유통시스템>
19

20. <Single> <Graduated> <Heatmap> <Statistical Chropleth>
이한진(jinifor@gmail.com)
LAYER
?
<Statistical> <Hexagon> <Thiessen>
20

21. 이한진(jinifor@gmail.com)
=
INFOMAP
?
21

22. ■ 디자인 개선
■ 인포맵 생성 템플릿의 다양화
■ 소셜 데이터의 활용을 위한 기반 마련
 지오태그 자료 구분
 Foursquare 체크인 데이터
■ 지오코딩, 데이터 정제
이한진(jinifor@gmail.com)
앞으로의 계획
22

23. DEMO
- 데이터 업로드
- 레이어 생성
- 공유맵 활용

24. 이한진(jinifor@gmail.com)
DEMO - 데이터 업로드 · 관리
<데이터 업로드>
<업로드된 데이터 관리 - 데이터타입 변경, 컬럼명 수정>

25. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<서울시 스타벅스 매장 포인트 데이터로 동단위로 구분 - Statistical Chropleth>

26. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<부산지역의 대형마트의 수를 코로폴리스 맵으로 표현 - Statistical Chropleth>

27. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<서울시 주차장 분포 현황 - Heatmap>

28. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<전국 우체국 분포를 100㎡ 단위로 Point Statistics
분석 결과 – Fishnet : Rectangle>

29. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<Grid 폴리곤을 생성과 분석을 위한 옵션 – Fishnet : Rectangle>

30. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<원형타입의 Fishnet 지도 생성 – Fishnet : Circle>

31. 이한진(jinifor@gmail.com)
DEMO - 레이어 종류
<Hexagon 폴리곤 생성 후 분석 실행 - Hexagon>

32. Q&A
- jinifor@gmail.com
- http://mangosystem.com