DOI QR코드

DOI QR Code

Visualization of 3D Terrain Information on Smartphone using HTML5 WebGL

HTML5 WebGL을 이용한 스마트폰 3차원 지형정보 시각화

  • Kim, Kwang-Seob (Dept. of Information Systems Engineering, Hansung University) ;
  • Lee, Ki-Won (Dept. of Information Systems Engineering, Hansung University)
  • 김광섭 (한성대학교 정보시스템공학과) ;
  • 이기원 (한성대학교 정보시스템공학과)
  • Received : 2012.03.10
  • Accepted : 2012.04.09
  • Published : 2012.04.30

Abstract

The public and civilian demands regarding 3D geo-spatial information processing on mobile device including smartphone are increasing. But there are few actual implementations or application cases. This work is to present some results by a prototype implementation of 3D terrain information visualization function with satellite image and DEM using HTML5 WebGL, which is a web-based graphic library under the standardization process. This is a useful standard for cross-platform operation for 3D graphic rendering without other plug-in modules. As the results, in the different types of operating system or browser in a personal computer or a smartphone, it shows same rendering results, as long as they support HTML5 WebGL. As well;geo-metadata search and identification functions for data sets for 3D terrain visualization process are added in this implementation for the practical aspect.

스마트폰 등과 같은 모바일 단말에서 3차원 지형정보 처리 기술에 대한 민간과 공공 수요는 계속 증가하고 있으나 실제 개발 및 활용 사례는 많지 않다. 이 연구에서는 HTML5의 OpenGL ES 2.0을 기반으로 한 웹 기반의 그래픽 라이브러리인 WebGL을 적용하여 위성영상자료와 DEM 자료를 이용한 3차원 지형정보 가시화기능을 프로토타입으로 구현하고 시험 적용한 결과를 제시하고자 한다. WebGL을 사용함으로써 웹 환경 뿐만 아니라 뿐 모바일 브라우저에서도 별도의 추가 프로그램 없이 브라우저 만으로 구동이 가능하다. 실험 결과로 HTML5 WebGL을 지원하는 개인용 컴퓨터나 스마트폰에서 구동되는 서로 다른 운영체제와 브라우저에서 위성영상정보와 DEM 자료의 중첩에 따른 3차원 지형의 가시화 결과가 동일함을 확인하였다. 또한 적용된 자료는 각각 공간 메타데이터를 검색하고 확인할 수 있도록 하여 실무적인 활용 가능성을 증가 시킬 수 있도록 하였다.

Keywords

References

  1. 김광섭, 이기원, 2011. 위성영상정보 공간 메타데이터 검색 하이브리드 앱 설계 및 시험 구현, 대한원격탐사학회지, 27(2): 203-211. https://doi.org/10.7780/kjrs.2011.27.2.203
  2. 김광섭, 이기원, 2012. 스마트폰 3D 지형 공간 정보처리 HTML5 적용, 대한원격탐사학회 춘계학술대회 논문집.
  3. 박세환, 2011. 3차원 GIS 및 지도 데이터 기술 동향, 정보통신산업진흥원 주간기술 동향.
  4. 장영운, 최연웅, 조기성, 2011. VRML을 이용한 도심지역 LiDAR 압축자료의 3차원 표현, 지형공간정보학회지, 19(2): 3-85.
  5. 한국전자통신연구원, 1999. 웹 기반 3차원 지리정보 소프트웨어 도구개발에 관한 연구, 108p.
  6. Boulos, M.N.K., J. Warren, J. Gong, and P. Yue, 2010. Web GIS in practice WIII: HTML5 and the canvas element for interactive online mapping, International Journal of Health Geographics, 9: 1-14. https://doi.org/10.1186/1476-072X-9-1
  7. Kim, S.Y. and K. Lee, 2006. Development of Mobile 3D Terrain Viewer with Texture Mapping of Satellite Images, Korean Journal of Remote Sensing, 22: 351-356. https://doi.org/10.7780/kjrs.2006.22.5.351
  8. Lee, K. and S.Y. Kim, 2006. Development of Mobile 3D Urban Landscape Authoring and Rendering System, Korean Journal of Remote Sensing, 22: 221-228. https://doi.org/10.7780/kjrs.2006.22.3.221
  9. Lee, K. and W.C. Dong, 2008. A Prototype Implementation for 3D Feature Visualization on Cell Phone using M3G API, Korean Journal of Remote Sensing, 24: 245-250. https://doi.org/10.7780/kjrs.2008.24.3.245
  10. Mat, R.C., A.R.M. Shariff, and A.R. Mahmud, 2009. Online 3D Terrain Visualization: A Comparison of Three Different GIS Software, ICIME 2009.
  11. Mouton, C., K. Sons, and I. Grimsteadz, 2011. Collaborative Visualization Current Systemes and Future Trends, 2011 Web 3D Conference.
  12. Noguera, J.M., R.J. Segura, C.J. Ogayar, and R. Joan-Arinyo, 2011. Navigating large terrains using commodity mobile devices, Computers & Geosciences, 37: 1218-1233. https://doi.org/10.1016/j.cageo.2010.08.007
  13. Rettig P., 2011. 3D In the Browser, Presentation material in Liberally using Material From: Mozilla MIT IAP WebGL Class.
  14. Khronos, 2012. User Contributions, http://www.khronos.org/webgl/wiki/User_Contributions.

Cited by

  1. Open Source Cloud Computing: An Experience Case of Geo-based Image Handling in Amazon Web Services vol.28, pp.3, 2012, https://doi.org/10.7780/kjrs.2012.28.3.337
  2. A Study on Information Visualization using Building Information Modeling vol.16, pp.6, 2015, https://doi.org/10.5762/KAIS.2015.16.6.4170
  3. WebGL 블렌딩 기법을 이용한 다중 공간영상정보 중첩 가시화 vol.15, pp.4, 2012, https://doi.org/10.11108/kagis.2012.15.4.104
  4. 3-D Geovisualization of satellite images on smart devices by the integration of spatial DBMS, RESTful API and WebGL vol.30, pp.4, 2012, https://doi.org/10.1080/10106049.2014.888485