국토교통부 한강홍수통제소 — 스마트 물정보 모바일 앱

프로젝트 개요

국가수자원관리종합정보시스템(WAMIS)이 모아둔 수문 자료를 국민이 휴대폰에서 볼 수 있게 만든 앱입니다. 국토교통부 한강홍수통제소가 주관했고, 이온디는 앱 디자인을 담당했습니다.

작업 범위

인트로부터 관측소 목록, 관측자료 상세, 물지도, 하단 내비게이션까지 앱 화면을 디자인했습니다.

• 지형 일러스트 기반 7개 정보 노드 인트로
• 관측소 목록의 수위·유량 아이콘 시각화와 5단계 색 범례
• 실시간·일자료·유량 탭과 기간 지정 그래프
• 점형·선형 토글 물지도

주요 구현

인트로는 산·강·다리·댐·도시가 이어진 지형 일러스트에 7개 정보 노드를 핀으로 꽂아, 물이 흐르는 순서대로 정보를 찾아가는 그림으로 만들었습니다. 관측소 목록은 수계 선택과 음성검색을 상단에 두고 수위(현재·전년평균)와 유량(전일·전년평균)을 한 행에 넣되, 숫자만으로는 감이 오지 않는 값을 눈금 아이콘과 물방울 아이콘의 채움 정도로 함께 보여줬습니다. 유량 백분위는 10% 미만부터 90% 이상까지 5단계 색 범례를 화면 아래에 고정했습니다. 상세 화면은 제원·실시간자료·일자료·유량 4개 탭 위에 현재 수위를 큰 글씨로 띄우고 10분 전·1시간 전과의 차이를 함께 적었으며, 기간을 지정해 그래프를 다시 그리게 했습니다. 물지도는 점형과 선형을 각각 켜고 끌 수 있게 해 지점 값과 하천 구간 상태를 겹쳐 보게 했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.