This is an Open-Access article distributed under the terms of the Creative Commons Attribution Non-Commercial License (http://creativecommons.org/licenses/
by-nc/3.0) which permits unrestricted non-commercial use, distribution, and reproduction in any medium, provided the original work is properly cited.
†
*
**
This research was supported by National Land Space Information Research Program by Ministry of Land, Infrastructure and Transport of Korean government (No. 14NSIP-B080144-01)
Kwangseob Kim, Doctoral Student, Dept. of Information System Engineering, Hansung University. [email protected] Kiwon Lee, Professor, Dept. of Information System Engineering, Hansung University. [email protected]
(Corresponding Author)
전자정부 표준 프레임워크 모바일 실행환경 기반 공공데이터와 공간데이터 시각화
Visualization of Geo-spatial Data and Public Data Using Mobile Operating Environment in the eGovernment Standard Framework
김광섭*․ 이기원**
Kwangseob Kim ․ Kiwon Lee
요 약 최근 다양한 웹 트렌드와 모바일 웹 개발 기술들이 급속도로 발전되어 확산되고 있다. 이와 관련하여 정보시스 템 구축의 효율성을 향상시키기 위하여 전자정부 표준 프레임워크가 도입되어 시장에 보급되고 있으며, 최근에는 추가 적으로 전자정부 모바일 표준 프레임워크가 개발되어 제공되고 있다. 또한 정부 3.0 정책으로 공공기관에서 생산하고 보유하고 있는 수많은 유형의 공공데이터가 공공데이터포털 등을 통하여 공개되고 있다. 한편 현재 거의 모든 콘텐츠 사업 분야에서 모바일 웹 어플리케이션의 활용이 일반화되면서 모바일 브라우저를 위한 웹 표준과 공통 프레임워크 활 용과 지원에 대한 수요가 증가하고 있다. 그러나 다른 응용 분야에 비하여 이러한 주요 기술 동향들을 공간정보와 연계 하거나 융합하려는 시도는 아직 초기 단계이다. 이러한 배경에 따라 이번 연구에서는 전자정부 표준 프레임워크 모바일 실행환경 하에서 HTML5와 연계하여 공공데이터와 공간데이터의 시각화를 주요 기능으로 하는 모바일 웹 어플리케이 션 시스템을 설계하고 시험적으로 구현하였다. 이번 연구에서 시험 구현한 시스템은 향후 전자정부 표준 프레임워크 핵 심 개발 환경을 적용하고 특정 목적 시스템의 수요자 요구 사항을 만족하는 기능 확장과 성능 향상을 통하여 공공데이터 와 공간데이터를 활용하는 다양한 모바일 응용 사업 모델 개발에 적용할 수 있을 것으로 기대한다.
키워드 : 전자정부 표준 프레임워크, 모바일 웹, 공공데이터, 시각화
Abstract Recently new web trends and mobile technologies are expanding and developing so fast. To improve the implementation efficiency of information systems, eGovernment standard framework has been developed and distributed. Recently, eGovernment standard framework for mobile environment was further developed. In addition, many types of public data produced by public organizations supported by government are being opened through public data portal according to Government 3.0 policy. Demands regarding web standards and common framework usages for mobile application development in most business fields dealing with any types of contents are increasing. However, to link those things to geo-spatial data or integrate those with them are an early stage in the geo-spatial application field, compared to other application fields. Based on these backgrounds, a mobile web application system was designed and implemented to present visualization functionalities of public data and geo-spatial data using HTML5 components under mobile operation environment in eGovernment standard framework in this study. It is expected that this system can be applied to develop many mobile application business models, by the further works such as application of core developing environment in eGovernment standard framework, additional functionalities, and high performance to satisfy with user requirements for a certain target application.
Keywords : eGovernment Standard Framework, Mobile Web, Public Open Data, Visualization
1. 서 론
대규모로 추진되면서 유사분야의 과업을 수행하기 위한 정보시스템 구축은 소스코드의 재사용을 가능하 게 하고 생산성 , 확장성, 성능 및 효과적인 유지보수를
위해 메서드 및 객체를 최대한 독립적으로 작성하고
좀 더 나아가 디자인 패턴을 이용하는 방식이 유리하
다 . 또한 어플리케이션 개발 복잡도와 규모가 증가함
에 따라 프레임워크를 이용한 재사용과 여러 공통 디
자인 패턴 요소의 사용에 대한 필요성이 증가하고 있
다 . 우리나라에서는 소프트웨어의 표준화, 품질 및 재 사용성 향상을 목표로 2009년부터 전자정부 표준 프 레임워크 개념을 도입하여 배포하고 있다. 전자정부 표준 프레임워크는 오픈소스 기반으로 범용화되고 공 개된 기술의 활용으로 특정 벤더의 솔루션에 대한 종 속성을 배제하고 있으며, 상용 솔루션과 연계가 가능 한 표준을 제시하여 상호 운용성을 보장하고 있다. 또 한 모바일 환경을 위한 모바일 앱, 모바일 웹, 또는 하이브리드 앱 개발을 지원하고 있다.
공공데이터는 데이터베이스, 전자화된 파일 등 공 공기관이 법령 등에서 정하는 목적을 위하여 생성 또 는 취득하여 관리하고 있는 광 또는 전자적 방식으로 처리된 자료 또는 정보로 정의한다 [8]. 미국, 영국, 일 본 등에서는 공공데이터 개방 시 데이터의 민간 배포 에 따른 유동화 , 사업적 연계가 가능한 민간부문과의 투명한 관계구축등과 같은 많은 순기능을 도모할 수 있다는 점에서 공공데이터 정책을 적극적으로 추진하 고 있다[11]. 우리나라에서도 공공기관이 제작하거나 생산한 다양한 종류의 공공데이터가 관리, 축적되고 있는 바, 정부 3.0 정책 시행에 따라 각각의 기관에서 보유하고 있는 데이터를 개별적인 해당 홈페이지에서 제공하고 있다. 또한 공공데이터포털(http://data.go.kr) 을 통해 통합적으로 공공데이터 유형과 현황을 확인 할 수 있다. 2014년 11월 현재 총 11,810개의 데이터가 공개되어 있고 공공행정, 교통물류, 국토관리 등 크게 16개의 분야로 유형이 구분되어 모바일 앱, 웹 사이트, 개인 블로그 등 다양한 방법으로 데이터가 활용되고 있다. 미국은 DATA.GOV (http://www.data.gov), 영국 은 DATA.GOV.UK (http://data.gov.uk)을 통해 공공데 이터 개방 현황을 확인할 수 있으며 , 일본에서도 마찬 가지로 DATA.GO.JP (http://data.go.jp)를 통해 확인할 수 있다.
한편 스마트폰뿐만 아니라, 태블릿 PC, 스마트 TV 등과 같은 다양한 모바일 기기 사용자가 증가하면서 콘텐츠 응용 사업계를 중심으로 모바일에 특화된 서 비스가 개발되면서 새로운 모바일 기반 사업이 형성 되고 있다. 모바일 기기에도 PC 환경과 동일한 웹 브 라우저가 탑재되어 있어, 브라우저를 통해 정보 획득 이 가능하지만 모바일 웹 브라우저에서는 작은 화면 과 플러그인 설치 제약이 있다. 웹 표준 또한 이러한 사항에 맞춰 HTML5 (HyperText Markup Language 5) 가 개발, 보급되면서 기존 데스크톱만 고려하였던 웹 서비스들이 모바일 기기에서도 불편함이 없이 사용할 수 있는 환경으로 급속히 변화되고 있다.
이번 연구에서는 이러한 변화에 맞춰 모바일 웹 환
경에서 전자정부 표준 프레임워크를 이용하여 공공데 이터와 공간데이터를 시각화하는 서버 및 클라이언트 시스템 구축 기술을 개발하였으며, 이를 적용한 웹 어 플리케이션을 설계하고 시험적으로 구현하였다. 전자 정부 표준 프레임워크는 다양한 개발 환경과 사용자 운영 환경이 제공되고 있으며, 이번 연구에서는 표준 프레임워크 환경 중에서 모바일 실행환경을 사용하였 다 . 시험 시스템에서 예시하는 공공데이터는 서울시 열 린 데이터 광장과 공공데이터포털에서 제공하고 있는 환경정보 데이터를 사용하였다. 이와 함께 공간데이터 는 통계청의 구 경계 지도 데이터와 브이월드(VWorld) 의 배경지도, 데이터 API (Application Programming Interface) 등과 같은 다양한 유형을 사용하였다. 한편 데이터 시각화 기능을 포함한 대부분의 시스템 구성 요소는 오픈소스를 기반으로 설계하고 구현에 적용하 였다. 구현 성과의 예시를 위한 테스트 장치로는 태블 릿 PC인 아이패드 미니 2를 사용하였다.
2. 주요 기술 요소
2.1 전자정부 표준 프레임워크
전자정부 표준 프레임워크는 공공사업에 적용되는 개발 프레임워크의 표준정립으로 응용소프트웨어 표 준화, 품질 및 재사용성 향상을 기본적인 목표로 설정 하고 있다. 이러한 전자정부 표준 프레임워크의 주요 특징은 개방형 표준 준수, 상호 운용성 보장, 국가적 표준화 지향, 모듈화 기반 교체 및 변화에 대한 유연성 강조, 모바일 환경 지원, 이클립스(eclipse) 기반 개발 환경 제공 등과 같이 요약할 수 있다. 최근에는 행정, 철도 , 교육, 의료, 국방, 관세, 체육 등 다양한 분야에서 실제적으로 표준 프레임워크를 사용한 사례가 발표되 고 있다(http://www.egovframe.go.kr/).
전자정부 표준 프레임워크는 내부적으로 웹 기반
정보화시스템 구축 시 필요로 하는 어플리케이션 아
키텍처, 기본기능 및 공통컴포넌트를 제공하고 있으
며 실행환경, 개발환경, 운영환경, 관리환경과 공통컴
포넌트로 구성되어 있다. 이 중에서 실행환경은 전자
정부 사업에서 개발하는 업무 프로그램의 실행에 필
요한 공통모듈의 표준화가 용이하도록 하는 응용 프
로그래밍 환경으로 공통기반, 화면처리, 업무처리, 데
이터처리 , 연계통합, 배치처리, 모바일 화면 처리로 나
눠지며, 스프링 프레임워크(Spring framework)를 기반
으로 하고 있다 . 스프링 프레임워크는 자바 플랫폼을
위한 오픈소스 어플리케이션 프레임워크로 동적인 웹
Table 1. The field of open data by public data portal (data.go.kr), as of Nov. 2014
Field File Open API
Education 612 96
Land 651 39
Administration 2,203 147
Finance 327 23
Industry & Employment 969 88
Welfare 878 35
Health & Food 357 62
Culture & Tour 1,151 196
Health/Medicine 806 49
Safety 442 16
Transportation 597 109
Environment & Weather 750 38 Science & Research 417 70
Agriculture 488 42
Diplomacy 137 2
Law 39 11
사이트를 개발하기 위해 여러 가지 서비스를 제공하 고 있다. 개발환경은 테스트자동화도구, 코드검사도 구, 공통컴포넌트 조립도구, 맞춤형 개발환경 구성도 구, 모바일용 공통컴포넌트 조립도구, 모바일용 맞춤 형 개발환경 구성도구 등과 같이 전자정부 업무 프로 그램의 개발에 필요한 환경을 제공한다. 한편 운영환 경은 실행환경과 배치환경의 운영 서비스를 포함한 다. 관리환경과 공통컴포넌트는 각각 개발 프레임워 크 및 공통서비스를 각 개발 프로젝트에 배포 및 관리 하기 위한 모듈과 전자정부 공통컴포넌트는 전자정부 사업에서 응용프로그램 개발 시 공통적으로 활용하기 위하여, 재사용이 가능하도록 개발한 어플리케이션의 집합을 나타낸다.
모바일 디바이스 Core API는 모바일 하이브리드 어 플리케이션에서 모바일 디바이스 자원에 대한 직접적 인 접근과 활용이 가능한 다양한 API를 나타낸다. 모 바일 디바이스 API 실행환경은 디바이스 어플리케이 션이 웹 리소스 기반으로 구현 및 실행될 수 있도록 지원하는 응용 프로그램 환경이며 모바일 디바이스 API 개발환경은 Android 기반환경에서의 디바이스 어플리케이션 개발을 위한 이클립스 플러그인과 iOS 환경에서의 개발을 위한 Xcode내의 프레임워크 프로 젝트로 이루어져 있다.
모바일 사용자 경험(UX: User Experience) 지원기 능과 관련하여 전자정부 표준 프레임워크에서는 모바 일 디바이스에 최적화된 모바일 공통 컴포넌트를 추 가하고 10종의 신규 모바일 공통 컴포넌트와 30종의 웹 공통 컴포넌트의 모바일 환경 전환 개발을 하였다.
2014년 11월 현재 전자정부 표준 프레임워크 실행환 경, 개발환경, 공통컴포넌트의 버전은 3.1.0버전이며, 모바일 실행환경, 디바이스 API 버전은 2.7.0버전이 보급되고 있다.
2.2 공공데이터
우리나라에서 공공데이터를 개방 및 공유하기 위한 정책 수립을 위한 연구가 계속적으로 진행되고 있으 며[1,4], 개방된 공공데이터를 활용한 다양한 연구 사 례와 서비스가 지속적으로 출시되고 있다 [9,10,12]. 이 러한 데이터들은 각 기관 홈페이지에서 확인할 수도 있지만, 전체적인 현황을 공공데이터포털을 통하여 확인할 수 있다 . 이 포털은 정부가 보유하고 있는 다양 한 공공정보를 민간에게 개방하여 이를 편리하고 손 쉽게 활용할 수 있도록 안전행정부를 중심으로 공공 데이터 개방의 창구를 일원화한 것으로[2], 교통물류,
국토관리, 문화관광, 환경기상 등 총 16개의 큰 분류로 나누어져 있으며 2014년 11월 현재 공공데이터포털 에서 제공되고 있는 공공데이터는 총 11,847개, 이 중 1,023개는 오픈API 방식, 10,824개는 파일데이터 방 식으로 제공되고 있다.
Table 1은 현재 기준으로 제공되고 있는 공공데이터 의 분야별 데이터 제공 방식에 따른 건 수를 정리한 것이다. 이 중에는 직접 위치 정보가 포함되어 있거나 위치 정보와 연계가 가능한 데이터가 다수 포함되어 있다.
오픈API와 파일데이터 제공 형식은 각각 서로 다른 특징을 가지고 있다. 오픈API는 누구나 사용할 수 있 도록 공개된 API로 공공데이터포털에서는 대부분의 데이터가 XML (Extensible Markup Language), JSON (JavaScript Object Notation) 형식으로 제공되고 있다.
XML 형식의 파일은 마크업(Markup) 언어의 일종이 며 , 문서를 사람과 기계 모두가 읽을 수 있는 형식으로 부호화하는 규칙의 집합을 정의하는 것이다. 이러한 파일 형식은 웹상에서 데이터 전송이 가능한 REST (Representational State Transfer)기술을 이용하여 URL (Uniform Resource Locator)을 통해 실시간 데이터 접 근이 가능하다는 장점이 있다.
파일데이터의 경우 일반적으로도 많이 사용되고 있
는 문서, 사진 형태의 파일을 말하고 있으며, 제공되는
Table 2. Mobile supporting status of major web browsers of HTML5 API, as of Nov. 2014
Feature Android Browser Google Chrome iOS Safari Opera Mobile Firefox
Application Cache O O O O O
Web Storage O O O O O
Geolocation O O O O O
Canvas API O O O O O
SVG O O O O O
Motion Sensor O O O O O
Touch Events O O O O (android) O
WebGL O (specific device) O X O (android) O
Web Sockets X O O O O
CSS3 Basic O O O O O
O: Supported, X: Not supported yet
파일 형식으로는 PDF, JPG, XLS, TXT, HWP, CSV 등이 있다. 파일 형식이기 때문에 정적인 데이터가 제 공되고 있어 오픈API처럼 실시간 데이터를 제공받을 수 없지만 일반 사용자가 쉽게 확인할 수 있다.
이번 연구에서는 공공데이터포털에서 확인할 수 있 는 대기환경정보 오픈API를 이용하여 적용하였다. 전 국 대기환경정보는 한국환경공단에서 제공하고 있으 며, 시도별 실시간 측정정보를 조회할 수 있다. 또한 서울시 대기환경의 경우 서울 열린 데이터 광장(http://
data.seoul.go.kr)을 통해 서울 지역의 경우 실시간 데 이터뿐만 아니라 과거 데이터도 검색할 수 있도록 오 픈 API가 제공되고 있다. 국토교통부에서 제공되고 있 는 브이월드 포털 서비스에서도 공간정보 분야의 지 도 데이터를 오픈API로 제공하고 있으며 종류로는 2D지도, 3D지도, 배경지도, WMS (Web Map Service)/
WFS (Web Feature Service), 데이터, 지도 검색, 정적 지도 API가 제공되고 있다[6]. 이번 연구에서는 브이 월드의 오픈API 서비스 중 배경지도와 WMS 서비스 를 시각화할 수 있도록 제공하고 있다. WMS 서비스 는 지적도, 용도 지역도를 포함한 총 71종의 레이어를 제공하고 있으며, 최대 5개까지 레이어를 동시에 요청 할 수 있다.
2.3 모바일 HTML5 환경
HTML5는 월드와이드웹컨소시엄(W3C: World Wide Web Consortium)에서 여러 해 동안 표준화 작업이 진 행되었으며, 2014년 10월 28일 표준 권고로 확정하였 다 . 웹 표준 HTML5는 기존의 웹 기술과는 다르게 최 신 멀티미디어 콘텐츠를 브라우저에서 쉽고 용이하게
볼 수 있게 하는 것을 목적으로 하고 있으며, 단순한 정보 검색만의 웹 서비스가 아닌 웹 어플리케이션으 로 발전하고 있다 . 현재 대부분의 모바일 기기에는 전 용 웹 브라우저가 탑재되어 출시되고 있다 . 모바일 웹 브라우저의 경우 기존 데스크톱 웹 브라우저와는 다 르게 플러그인 설치가 불가능하고 화면이 작으며, 터 치스크린을 기반으로 하고 있어 기존 데스크톱 서비 스를 동일하게 제공하기는 수월하지 않지만 HTML5 의 대부분 주요 기능을 모바일에서도 지원하고 있어 모바일 UI (User Interface)발전과 함께 사업 활용도가 급속히 증가하고 있다.
이번 연구의 주요 키워드 중 하나인 모바일 기기에 탑재된 웹 브라우저의 HTML5 지원 현황을 MOBILE HTML5 (http://mobilehtml5.org)를 통해 확인할 수 있 다. Table 2는 MOBILE HTML5에서 정리된 모바일 지원 현황 전체 중 많이 사용되고 있는 모바일 웹 브라 우저인 안드로이드 웹 킷 , 구글 크롬, 애플 사파리, 오 페라 모바일, 모질라 파이어폭스 브라우저의 HTML5 의 주요 기능 지원 현황을 정리한 것이다.
모바일 웹 개발시 브라우저 호환성이 있는 자바스
크립트 라이브러리인 jQuery, jQuery Mobile과 Sencha
Touch와 같은 라이브러리들 출시로 웹 어플리케이션
개발을 할 때 복잡한 개발 과정을 단순화할 뿐만 아니
라 모바일 화면에 맞춰 사용자 인터페이스를 구성할
수 있도록 도와주고 있다. 그 중 jQuery는 복잡하고
많은 반복 작업을 함수의 호출만으로 쉽고 빠르게 개
발이 가능하도록 도와주는 자바스크립트 라이브러리
이다. 위에서 언급한 전자정부 표준 프레임워크 모바
일 디바이스 API 실행환경에서도 jQuery와 jQuery
Mobile을 사용하고 확장하였다. jQuery는 브라우저
Table 3. System developing / operation environments and tools applied in this work
Development / Operation Environment Name Version
Application Server
Operating System Ubuntu 14.04 LTS
Web Container/Server Tomcat / Apache 7 / 2.2.22
Geo-spatial Data Server GeoServer 2.6.0
eGov Framework
Framework Spring framework 3.6.2
Java Development Kit Open JDK 6
Mobile Visualization Server Module (on eGov framework) External
Data
Public Open Data Seoul Open API
Geo-based Data VWorld, OpenStreetMap
Mobile Client
eGov Framework
(Mobile Operating Environment)
UX/UI
EgovMobile 1.3.2
jQuery 1.9.1
jQuery Mobile 1.3.2
The Feature Detection Library Modernizr 2.0.4
Map Library OpenLayers 3
Chart Visualization Library D3.js 3.4.2
Mobile Visualization Client Module (on eGov framework mobile operating environment) 호환성을 주요 특징으로 하는 자바스크립트 라이브러
리이며, 모바일 버전인 jQuery Mobile은 모바일 기기 의 특징인 작은 화면과 터치 가능에 최적화되어 있는 jQuery의 확장 라이브러리이다. 이를 사용하여 모바 일 사용자에게 편리한 사용자 인터페이스와 몇 가지 사용자 경험 기능을 제공할 수 있다.
3. 모바일 웹 앱 시험 시스템 설계
이번 연구에서 개발된 모바일 웹 어플리케이션 시 험 시스템은 서버, 외부 데이터, 클라이언트로 나눠지 며, 전자정부 표준 프레임워크와 기존 오픈소스를 활 용하여 개발된 공공데이터와 공간데이터 시각화 모듈 이 포함되어 있다.
Table 3은 모바일 웹 어플리케이션의 시스템을 구성 하는 주요 환경에 대해 나타낸 것이다. 시스템 환경의 서버와 클라이언트 구성 요소들은 모두 순수 오픈소 스로 이루어져 있다. 서버는 전자정부 표준 프레임워 크에서 기반으로 사용하고 있는 스프링 프레임워크를 사용하였고, 클라이언트에서는 모바일 실행환경을 사 용하였다. 모바일 실행환경은 UX/UI 컨트롤러 컴포 넌트, 자바스크립트 모듈 어플리케이션 프레임워크, HTML5, CSS3 서비스를 제공하고 있다.
이번 연구의 키워드 중 하나인 데이터 시각화는 의 사결정 과정에 중요한 영향을 미치는 핵심 도구로 부
각되고 있다[3,5]. 데이터 시각화는 다양한 분야에서 사용되고 있으며, Kwakkel et al.[7]은 웹을 통한 공간 정보 시각화의 사회적 가치와 그 중요성에 대하여 설 명한 바 있다. 이번 연구에서 공공데이터와 공간데이터 를 모바일 웹상에서 시각화하기 위해 클라이언트에서는 두 개의 오픈소스가 사용되었다. 공간데이터를 시각 화를 위한 목적으로는 OpenLayers3 (http://openlayers.
org)를 사용하였다. OpenLayers는 웹 브라우저에서
지도 데이터를 표현하고 조작할 수 있는 공간 정보
분야의 오픈소스 라이브러리이다. 이 버전에서는 웹
표준인 HTML5 기술을 사용하여 모바일 기기에서도
공간데이터를 효율적으로 보여줄 수 있다. 또한 터치
스크린 이벤트, 다양한 화면 크기에 따른 효율성, 모바
일 장치의 특정 기능 지원과 함께 HTML5 웹 표준이
제공하고 있는 다양한 이벤트를 모두 지원함으로써 데
스크톱과 모바일 모든 장치에서 사용이 가능하다. 한
편 데이터 시각화를 목적으로 하는 오픈소스로 데이터
시각화 라이브러리인 D3.js (Data-Driven Documents)를
채택하였다. D3.js는 프로토비스(Protovis) 자바스크
립트 데이터 시각화 라이브러리를 확대한 프로젝트
산출물이다[13]. 이 도구는 HTML5 기술과 연계된 다
양한 그래픽 객체를 이용하여 차트 생성 및 변경 기능
을 제공한다. 공공데이터에서 오픈API로 제공하고 있
는 XML과 JSON파일 형식을 D3.js 차트 형식에 맞게
가공하면 라이브러리에서 제공하고 있는 다양한 차트
Figure 1. Components, functions, and work flow in mobile web application system
를 쉽게 시각화할 수 있다.
Figure 1은 시험 적용된 모바일 웹 어플리케이션 시 스템 구성도를 나타낸 것으로 개발된 모듈이 포함되 어 있다. 서버에서는 공간정보 분야에서 사용되고 있 는 오픈 소프트웨어인 GeoServer가 사용되었다. Geo- Server는 공간정보 분야의 다양한 데이터를 저장, 관 리할 수 있으며 , 클라이언트에서 쉽게 불러와 시각화 가 가능하다 . 서버 모듈로는 GeoServer 매니저와 공공 데이터가 있으며, GeoServer 매니저에서는 공간 데이 터서버인 GeoServer에 저장되어 있는 레이어 이름을 가지고 온다. 공공데이터 모듈에서는 공공데이터포털 과 서울 열린 데이터 광장을 통해 대기환경 데이터를 요청하여 수신 뒤 클라이언트 요청에 맞게 재생성 및 보내주는 역할을 한다. 클라이언트는 기본적으로 전 자정부 표준 프레임워크 모바일 실행환경을 사용하고 있으며 , 모바일 어플리케이션 서버 요청, 사용자 인터 페이스 생성 , D3 시각화, 기능 연결과 공간 데이터 요 청 모듈 등으로 이루어져 있다.
모바일 어플리케이션 서버 요청에서는 공공데이터 를 요청하여 데이터를 받아오고 이를 요청에 맞게 처 리하는 모듈, 공간정보가 저장되어 있는 GeoServer의 데이터를 요청할 수 있는 모듈이 개발되어 있다. 그
외에도 외부 공간정보인 브이월드, OpenStreetMap의 데이터를 직접 요청할 수 있는 모듈이 별도로 개발되 어 있다. 사용자 인터페이스 생성 모듈에서는 브이월 드 WMS 데이터를 시각하기 위한 레이어 선택 사용자 인터페이스 생성과 공공데이터의 환경정보를 시각하 기 위한 사용자 인터페이스를 생성하는 모듈이 존재 한다. 서울 열린 데이터광장의 대기환경 서비스의 경 우 날짜, 시간, 환경정보 종류를 입력 값으로 요구한 다. 공공데이터포털의 대기환경 서비스는 환경정보 종류만 입력하도록 하였다. D3 시각화 모듈에서는 D3.js에서 제공되고 있는 다양한 차트 그래픽 객체를 처리할 수 있도록 하였다.
4. 시각화 모바일 웹 앱 시험 구현
공공데이터와 공간데이터 시각화 모바일 웹 어플리
케이션의 사용자 인터페이스는 전자정부 표준 프레임
워크 모바일 실행환경을 적용하였다. 공간정보 시각
화에 사용된 데이터는 무료로 공개되어 있는 국가행
정구역 벡터 데이터를 모바일 어플리케이션 서버에
설치된 GeoServer를 통해 저장된 데이터와 API 형식
으로 공개되어 있는 외부 서버인 브이월드 데이터이
Figure 2. Application examples of implementation based on eGov mobile operating environment on iPad mini 2:
(a) OpenStreetMap as base map, (b) VWorld Map as base map, (c) land-use thematic data API in VWorld, and (d) vector-typed public district data stored in GeoServer
다. 테스트 장치로는 아이패드 미니 2에 탑재되어 있 는 사파리 웹 브라우저를 이용하였다.
Figure 2는 구현 성과를 이용한 처리 결과의 예시이 다. 공간데이터 시각화의 종류는 배경지도, 브이월드 데이터 API, GeoServer의 벡터데이터 시각화이다. 배 경지도는 외부 접속 지도데이터인 OpenStreetMap [Figure 2 (a)]과 브이월드[Figure 2 (b)]를 이용하였으 며 , WMS API인 총 71개의 레이어 중 17개를 선택할 수 있도록 사용자 인터페이스를 설계하였다. 사용자 는 이 중에서 최대 5개를 선택하여 시각화 가능하며, 농립지역, 방화지구, 시설보호지구 데이터를 중첩 처 리한 결과이다[Figure 2 (c)]. Figure 2 (d)는 GeoServer 벡터데이터 시각화 결과로 충청남도와 경상북도의 동 단위 데이터를 시각화한 결과이다. GeoServer의 저장 되어 있는 벡터 유형의 파일은 통계청의 통계지리정 보서비스(http://sgis.kostat.go.kr)에 제공하는 행정구 역 정보를 사용하였다.
이번 연구에서 시험적으로 적용한 시각화 데이터는 서울 열린 데이터 광장의 지역별 대기환경정보와 도 로변 대기환경정보, 한국 환경 공단에서 제공하고 있
는 전국 대기환경정보이다.
Figure 3은 공공데이터 환경정보 서비스 별 사용자
인터페이스를 생성 모듈을 통해 생성된 정보 입력 창
결과와 데이터 시각화 결과이다. 실시간 서울 대기환경
서비스는 실시간 데이터 외 이전 날짜의 데이터 검색
도 가능하도록 날짜와 시간을 선택할 수 있는 사용자
인터페이스가 생성되고[Figure 3 (a)], 도로변 측정소
별 실시간 대기환경 서비스의 경우 환경정보 종류만
입력할 수 있도록 인터페이스가 생성된다[Figure 3
(b)]. Figure 3 (c)는 공공데이터포털에서 제공 중인 실
시간 대기환경 서비스로 전국 환경데이터를 제공하기
때문에 지역을 선택할 수 있도록 사용자 인터페이스
가 생성된다. 공통적인 사항으로 시각화 방법인 맵 시
각화, 차트 그래픽 시각화, 맵과 차트 동시 시각화 기
능이 제공되며 Figure 3(d)는 서울 열린 데이터 광장의
환경 데이터 결과를 공간 데이터와 차트 그래픽과 동
시에 시각화한 결과이다.
Figure 3. (a), (b), (c) User Interface of public data and (d) bar chart of public data and of classification mapping geo-spatial data based on eGov mobile operating environment on iPad mini 2
5. 결 론
전자정부 표준 프레임워크가 개발되면서 정부에서 는 다양한 응용 분야에서 프레임워크 개발 기술의 활 용으로 효율적인 재사용성을 증가시키고 경비 소모적 인 중복성을 지양하는 서비스 모델 개발을 도모하고 있으므로 표준 프레임워크 유지보수 및 이를 활용한 서비스가 계속적으로 증가될 것으로 보고 있다. 또한 공공데이터의 경우에도 여러 기관에서는 보유하고 있 는 데이터를 민간 부분에서 각자의 활용 목적에 맞는 서비스로 개발할 수 있도록 오픈API 방식의 데이터 공개 사례가 점점 증가할 것이다. 이번 연구에서 전자 정부 표준 프레임워크와 공공데이터 개방정책으로 공 유되고 있는 공공데이터, 공간정보 분야의 공간데이 터 , 다양한 기능별 오픈소스, 웹 표준인 HTML5 사양 등을 주요 기술 요소로 고려하고 연계하고자 하였다.
공공데이터와 공간데이터의 실무적인 활용 가능성 을 검토해 보고자 시험 시스템 구현을 목표로 하고, 전자정부 표준 프레임워크의 모바일 실행환경을 이용 하여 모바일 환경에서의 오픈소스를 기반으로 한 시 각화 기능을 중심으로 하는 기술 개발을 하였다. 시험 구현된 시스템은 모든 구성 요소가 순수 오픈소스의 조합과 추가 개발 성과로 이루어져 있다. 또한 독립적 인 모듈로 구성되어 있어 모듈별 개별 처리가 가능하 며 , 기능 추가를 통한 확장도 가능한 구조이다. 그러므 로 이번 연구에서는 단순 시각화 기술만 적용하여 모 바일 웹상에서 공간데이터와 공공데이터를 시각화하
였지만, 향후 이를 확장하여 시각화 기능 뿐만 아니라, 모바일 데이터베이스 속성 관리 기능과 융합 분석 기 능 등을 포함하는 공공데이터 융합 처리 모델을 개발 할 예정이다.
References
[1] Hong, Y. W. 2014, A Study on the Invigorating Strategies for Open Government Data, Journal of the Korean Data Information Science Society, 25(4):769-777.
[2] Kim, D. G; Joo, W. K; Kim, E. J; Lee, Y. H.
2014, A Case Study on Classification System Design for Public Sector Information Typology, Journal of Digital Convergence, 12(4):51-68.
[3] Kim, H. W; Koo, B. H; Woo, S. B; Lee, H. S;
Lee, Y. W. 2014, Geovisualization of Coastal Ocean Model Data Using Web Services and Smartphone Apps, Journal of Korea Spatial Information Society 22(2):63-71.
[4] Kim, J; Lee, D. H; Bae, S. H. 2014, A Study on the Current Legal Issues of the Re-Use of the Public Sector Data in Korea, Korean Lawyers Association, 63(4):5-45.
[5] Kim, K. S; Lee, K. W. 2014, A Web Application
for Open Data Visualization Using R, Journal of
the Korean Association of Geographic Information,
17(2):72-81.
[6] Kim, T. H; Kim, S. S; Hong, C. H; Hwang, J.
R. 2013, Development of Interconnection Tech- nology for Urban Geographic Information on OGC Standards, Journal of Korea Spatial Information Society, 21(1):15-22.
[7] Kwakkel, J. H; Stephen, C; John, C; Scott, W.
C. 2014, Visualizing Geo-spatial Data in Science, Technology and Innovation, Technological Fore- casting & Social Change, 81:67-81.
[8] OECD, 2007, OECD Principles and Guidelines for Access to Research Data from Public Funding, Accessed Oct. 30, http://www.oecd.org/sti/sci-tech/
38500813.pdf
[9] Park, K. R; Jung, J. Y; Ahn, W. Y; Chung Y.
S. 2012, A Study on Energy Consumption Predictive Modeling using Public Data, Proceeding of the Korea Society of Computer and information, 20(2):
329-330.
[10] Shin, J; Lee, D. 2013, The Review on Activation of Big Data in Public Sector Information Focused on Meteorological Information, Chonbuk Law Journal, 4(1):79-89.
[11] Song, H. J; Hwang, S. S. 2014, Seeking Strategies for Local Governments to Prepare for Public Data Act, Journal of Korean Association for Regional Information Society, 17(2):1-28.
[12] Yoon, S. Y. 2013, A Study on National Linking System Implementation based on Linked Data for Public Data, Journal of the Korean Society for Information Management, 30(1):259-284.
[13] Zhu, N. Q. 2013, Data Visualization with D3.js Cookbook, Packt Publishing.
Received：2014.11.27 Revised ：2015.1.27 Accepted：2015.1.28
