동적 파티클과 HTML5를 이용한 웹기반 해양정보 가시화시스템

Abstract

고정된 정적 이미지 형태의 정보제공자 중심 웹기반 또는 지도 상호작용을 통한 시 공간 연속적 정보제공이 가능하나 시스템의 확장성, 서비스 속도, 비표준 인터넷 웹환경, 사용자 접근성, 시 공간 변동성 표현 등에 제한이 있는 웹 GIS 기반 해양정보제공시스템을 개선하고자 HTML5와 동적 파티클을 이용한 웹기반 해양정보 가시화시스템을 구축하였다. 특히 위성을 통한 시 공간 연속 관측자료와 3차원 수치모델을 통해 생산되는 재분석 및 예측자료는 지리정보 기반의 이질적 대용량의 다차원 연속적 시 공간 변동성을 갖는 해양자료이다. 이에 대한 직관적이고 효과적인 이해와 활용을 위하여 동적 파티클을 이용하여 벡터성분의 해양변수 시공간 변동성 지리정보와 연동하여 가시화 하였고, 차세대 웹 플랫폼 표준인 HTML5와 WebGL, Canvas, D3, Leaflet map등의 오픈 라이브러리를 이용하여 구축된 해양정보 가시화시스템에 대해 소개하고자 한다.

In order to improve user accessibility and interactivity, system scalability, service speed, and a non-standard internet web environment, we developed a Web-based geovisualization system of oceanographic information using HTML5 and dynamic particles. In particular, oceanographic and meteorological data generated from a satellite remote sensing and radar measurement and a 3-dimensioanl numerical model, has the characteristics of a heterogeneous large-capacity multi-dimensional continuous spatial and temporal variability, based on geographic information. Considering those attributes, we applied dynamic particles represent the spatial and temporal variations of vector type oceanographic data. HTML5, WebGL, Canvas, D3, and Leaflet map libraries were also applied to handle various multimedia data, graphics, map services, and location-based service as well as to implement multidimensional spatial and statistical analyses such as a UV chart.