공간정보 웹 서비스를 위한 반응형 웹 및 웹 접근성 적용

Abstract

최근 다양한 스마트 기기가 출시되고 있으며 이를 기반으로 한 웹 브라우저 사용률이 증가하고 있다. 또한, 현재 웹 서비스 제작 추세로 모바일 우선 방식이 강조되고 있기 때문에 스마트 기기를 기반으로 한 다양한 웹 서비스들이 존재한다. 공간정보 분야도 예외가 아니다. 스마트 기기를 사용하는 사용자들에게 데스크톱 PC에 제공하는 기능과 동일한 웹 서비스를 하고 있지만, 많은 웹 서비스들이 데스크톱 PC와 스마트 기기를 대상으로 하는 웹 페이지가 따로 존재한다. 이러한 사항을 보완하기 위해 반응형 웹 기술이 조금씩 발전하고 있지만, 공간정보와 결합된 사례는 많지 않다. 또한, 모든 사람들에게 편리한 웹 환경을 제공하는 기술인 웹 접근성 또한 비슷한 실정이다. 해외에서만 공간정보 웹 서비스에 웹 접근성을 적용시키기 위한 몇몇 사례 및 연구만이 존재할 뿐 아직까지 크게 고려하지 않고 있다. 이와 같이 공간정보에서의 반응형 웹 및 웹 접근성 적용에 대한 연구는 미흡한 실정이다. 이러한 점을 고려하여 이 연구에서는 웹상에서 온라인 오프라인 시각화 시스템을 설계 및 구현하고 반응형 웹과 웹 접근성을 적용해 보았다. 구현된 웹 서비스는 HTML5를 기반으로 배경지도로는 OSM을 사용하였고, 오프라인 시각화를 위해 HTML5의 주요 기술 중 하나인 IndexedDB를 사용하여 데이터를 저장하였다. 또한, JavaScript와 CSS3를 사용하여 구현된 웹 서비스에 반응형 웹을 적용시켜 보았다. 반응형 웹 레이아웃으로는 Tiny Tweaks와 Off Canvas를 혼합하여 사용하였으며, 웹 접근성도 소스코드에서 적용 가능한 부분에 한하여 적용해 보았다. 최종 구현된 웹 서비스는 반응형 웹이 제대로 적용되었는지 확인하기 위해 여러 기기의 다양한 웹 브라우저를 통해 테스트도 진행해 보았다. 이 연구에서는 공간정보 웹 서비스에 반응형 웹과 웹 접근성을 적용해 보았으며, 2가지 기술의 적용에 있어 추후 진행되는 다양한 연구의 기반이 될 것으로 예상한다.