Journal of the Korean Association of Geographic Information Studies (한국지리정보학회지)

The Korean Association of Geographic Information Studies (한국지리정보학회)
권호 표지
DOI QR코드

DOI QR Code

Applicability of Responsive Web of Geo-Spatial Web Services

공간정보 웹 서비스의 반응형 웹 적용성

  • PARK, Han-Saem (Dept. of Information Systems Engineering, Hansung University) ;
  • LEE, Ki-Won (Dept. of Information Systems Engineering, Hansung University)
  • 박한샘 (한성대학교 정보시스템공학과) ;
  • 이기원 (한성대학교 정보시스템공학과)
  • Received : 2015.06.07
  • Accepted : 2015.07.29
  • Published : 2015.09.30
Download PDF
⟨ Previous Next ⟩

Abstract

As a recent dominant web trend, mobile first strategy has been emphasized, and interests with respect to responsive web that provides effective methodology to various mobile devices and their display resolution are also increasing. However, it is an early adoption stage in web mapping for geo-spatial applications. This study is to present some practical examples of layouts using responsive web technologies linked to geo-spatial open platform. Suggestive consideration points for further application of responsive web to geo-spatial services are presented. On test implementing, HTML5, JavaScript, and CSS3 were used, and web mapping processing using OpenLayers was performed. It is expected that responsive web applications for contents derived from geo-spatial information or location data increase.

최근 웹 제작 추세로 모바일 우선 방식이 강조되면서 모바일 단말의 유형이나 화면 크기, 해상도가 다양해짐에 따라 이에 대응하여 웹 사이트 제작 시 효율적인 제작 방법을 제공하는 반응형 웹에 대한 실제적인 필요성이 증가하고 있다. 그러나 공간정보 웹 매핑 분야에서 반응형 웹의 적용은 초기 단계이다. 이번 연구에서는 반응형 웹을 이용하여 실제 공간정보 오픈 플랫폼과 연계한 가변 레이아웃에 대한 실제 시험 구현을 수행하고 그 결과를 예시하였다. 또한 공간정보 웹 서비스 구축에서 반응형 웹 방법을 적용하기 위한 제한 사항과 고려 사항을 제시하고자 하였다. 시험 구현 과정에서는 HTML5, JavaScript, CSS3 등과 같은 개발 환경을 OpenLayers와 연계하는 웹매핑 서비스를 대상으로 하였다. 앞으로 공간정보나 위치정보 등으로부터 파생되는 콘텐츠의 모바일 서비스 개발에서도 반응형 웹을 이용한 연계, 적용 사례가 증가할 것으로 기대한다.

Keywords

References

  1. Baturay, M.H. and M. Birtane. 2013. Responsive web design: a new type of design for web-based instructional content. Procedia-Social and Behavior Sciences 106:2275-2279. https://doi.org/10.1016/j.sbspro.2013.12.259
  2. Frain, B. 2012. Responsive Web Design with HTML5 and CSS3. Packt Publishing 305pp.
  3. Gratier, T., P. Spencer and E. Hazzard, 2015. OpenLayers 3 Beginner's Guide, Packt Publishing 488pp.
  4. Gustafson, A. 2011. Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement. Easy Readers, LLC., 144 pp.
  5. Han, J.G. and Y.K. Yeon. 2014. Development of multi-platform GEOscience information system(MGEO) based on responsive web. Journal of the Geological Society of Korea 50(4):551-564 (한종규, 연영광. 2014. 반응형 웹기반 멀티플랫폼 지질정보시스템(MGEO) 개발. 지질학회지 50(4):551-564).
  6. Jeong, J.D., H.S. Sagong, J.-Y. Lee, 2015. Inter-industry convergence strategies of geospatial information industry for overseas expansion. Journal of Korea Association of Geographic Information Studies 18(2):105-119 (정진도, 사공호상, 이재용. 2015. 공간정보산업 해외진출을위한 산업 간 융합 방안 연구. 한국지리정보학회지 18(2):105-119). https://doi.org/10.11108/kagis.2015.18.2.105
  7. Kim, G.Y, S.M. Kim and E.R. Hyun, 2015. A study on the evaluation of the UI-based usability of different sorts of responsive web interfaces. Journal of Korea Design Knowledge 33:181-190 (김가연, 김수민, 현은령. 2015. 반응형 웹인터페이스 유형에 따른 UI기반 사용성 평가 연구. 디자인지식저널 33:181-190).
  8. Kim, J.J., J.M. Park and S.K. Hong. 2014. A study on interface component for the realization of responsive Web. Korea Science and Art Forum 15:153-164 (김정진, 박종미, 홍석기. 2014. 반응형 웹 구현을 위한 인터페이스 구성 요소 연구. 한국과학예술포럼 15:153-164).
  9. Kim, K.S. and K.W. Lee. 2014. A web application for open data visualization using R. Journal of Korea Association of Geographic Information Studies 17(2): 72-81 (김광섭, 이기원. 2014. R 이용 오픈데이터 시각화 웹 응용. 한국지리정보학회지 17(2):72-81). https://doi.org/10.11108/kagis.2014.17.2.072
  10. Kim, S.H. and Y.K. Yoon. 2014. A study on minimalism in design for effectiveness of responsive web publishing. Journal of Korea Design Knowledge 30:211-220 (김성훈, 윤여경.2014. 반응형 웹 퍼블리싱 효율성을 위한디자인 미니멀리즘에 관한 연구. 디자인지식저널 30:211-220).
  11. Lee, G.J. 2014. Why are your websites failed. Seminar on HTML5 Development Strategy with NAVER (이건준. 2014. 당신의 반응형 웹이 실패한 이유. 네이버와 함께 하는 HTML5 개발 전략 세미나).
  12. Lee, G.S., K.J. Kim and H.J. Kim. 2013. Technology of location-based service for mobile tourism. Journal of Korea Association of Geographic Information Studies 16(3):1-11 (이근상, 김기정, 김형준. 2013. 모바일 관광을 위한 위치 기반서비스 기술. 한국지리정보학회지 16(3):1-11). https://doi.org/10.11108/kagis.2013.16.3.001
  13. Marcotte, E. 2011. Responsive Web Design. A Book Apart Publisher, 150pp.
  14. Podjarny, G. 2014. Responsive & Fast: Implementing High-Performance Responsive Design. O'Reilly Media, 58pp.
  15. Wroblewski, L. 2011. Mobile First. A Book Apart Publisher, 130pp.
  16. Yamazaki, D.(Kim, D. H. Translation) 2013. Responsive Web Design, Bjpublic 273pp. (야마자키 다이스케 지음, 김대희 옮김. 2013. 반응형 웹 디자인, Softbank Creative 273pp).

Cited by

  1. Application of OGC WPS 2.0 to Geo-Spatial Web Services vol.19, pp.3, 2016, https://doi.org/10.11108/kagis.2016.19.3.016