결과 화면

로그인 화면

  • 구글, 카카오를 통해 로그인할 수 있다.

메인화면

  • 뽀송길의 로그인 후 첫 랜딩 페이지로, 현재 사용자의 위치를 추적하여 이를 기반으로 지도를 띄워 위치 정보를 제공한다.
  • 화면 상단에 위치한 검색창 클릭 시 장소 검색 화면으로 전환되고 길찾기 버튼 클릭 시, 경로 찾기 페이지로 전환된다
  • (ㄱ) 1시간 간격 예상 강수량 버튼

    • 화면 중앙우측 격자 버튼 클릭시 , 1시간 간격의 시간 버튼이 나타나고 시간대 클릭시 기상청에서 기상 정보를 예보하는 간격 (5km x 5km)으로 나눠진 격자에 해당 시간대의 예상 강수량에 따라 각 구역별 색깔을 다르게 나타낸다. 이를 통해 구역별 시간 간격 예상 강수량 변화 추이를 확인할 수 있다
  • (ㄴ) 위치 추적 버튼

    • 클릭 시 현재 사용자의 위치를 추적해 지도에 표시하고 하단창 내 위치 주소 상세 정보(지번, 도로명주소)를 확인할 수 있다.
  • (ㄷ) 현재 위치 날씨 정보

    • 하단창을 통해 현재 사용자의 위치에 해당하는 주소정보와 구 동 전반적인 기상 정보(기온, 체감 온도, 최고 온도, 최저 온도, 풍속, 습도)를 제공한다
  • (ㄹ) 지도 내 클릭한 위치 정보

    • 지도 상의 건물 클릭 시, 해당 클릭 위치의 주소 정보를 하단창에 확인할 수 있다.

장소 검색 화면

  • (ㄱ) 장소 검색 기능

    • 검색 창 클릭 후 검색어 입력을 통해 장소를 검색한다.
  • (ㄴ) 검색 기록 제공

    • 검색어 입력 전, 사용자가 검색 창 하단에 이전 검색 장소명들을 확인할 수 있다. 검색 기록들중 하나를 선택하면 해당 장소명으로 검색된다.
  • (ㄷ) 검색어에 따른 장소명 자동 완성 기능

    • 검색어 입력 시 검색어와 일치하는 장소들의 목록을 확인할 수 있다. 장소명과 지번 주소를 확인할 수 있어 찾고자 하는 장소를 정확히 선택할 수 있다. 검색 결과 리스트 중 장소 선택 시, 해당 장소명으로 검색이 진행된다.

장소 검색 결과 화면

  • (ㄱ) 검색한 장소를 지도에 표시하는 기능

    • 검색 장소의 위치를 지도상에 표시하고 확대 및 마크업하여 표시하여 시각적으로 검색 장소의 위치를 파악할 수 있다.
    • 위치 버튼을 활성화하면 지도 중심이 사용자의 현 위치로 이동하여 마크업한다.
  • (ㄴ) 상세 주소 정보 및 시설 정보 제공 기능

    • 하단창을 통해 검색 장소명과 상세 주소 정보(지번, 도로명 주소)를 제공한다. 또한 시설 정보(카테고리명, 전화번호)가 존재할 시 추가적으로 시설정보를 제공한다.
  • (ㄷ) 출발지 / 도착지 설정 버튼

    • 하단 창 우측 하단에 위치한 출발/도착 버튼을 통해 검색한 장소를 경로의 출발지 또는 도착지로 설정할 수 있다.
    • 출발지 버튼을 클릭하면 도착지를 검색할 수 있는 ‘장소 검색 화면’으로 전환된다.
    • 도착지 버튼을 클릭하면 설정한 출발지-도착지간의 대중교통 경로를 검색하여 ‘경로 탐색 결과 화면’으로 넘어간다. 단, 출발지 설정을 안했으면 현 위치를 출발지로 자동 지정한다.

경로 탐색 결과 화면

  • (ㄱ) 출발지 도착지 전환 버튼

    • 우측 상단에 위치한 전환 버튼 클릭 시 출발지와 도착지 장소를 전환하여 탐색한 결과 화면을 보여준다.
  • (ㄴ) 경로 즐겨찾기 기능

    • 우측 상단에 위치한 북마크 버튼 클릭 시 현재 설정한 출발지-도착지 경로를 나의 즐겨찾기 경로에 저장한다.
  • (ㄷ) 경로 탐색 결과 정보

    • 사용자가 설정한 출발지, 도착지에 따른 경로 탐색 결과 리스트를 제공한다.
    • 각 경로의 정보를 요약바로 나타내어 한눈에 경로의 핵심적인 정보(소요시간, 환승 구간, 구간별 환승 정보 및 정류장)을 확인할 수 있다.
    • 해당 경로 이용시 노출 되는 예상 강수량 정보도 함께 제공한다.
  • (ㄹ) 이동 수단에 따른 정렬 버튼

    • 전체 / 버스 / 지하철 로 나눠진 버튼을 통해 경로들 중 사용자가 선호하는 대중교통 수단을 이용할 수 있다.
  • (ㅁ) 최소 도보 / 최단 거리 / 최소 환승 순 정렬 버튼

    • 다양한 정렬 옵션을 두어 사용자가 최우선으로 고려하는 조건에 맞게 경로를 정렬할 수 있다.

경로 유형 선택 화면

  • 선택한 경로 유형을 기본 경로 또는 뽀송 경로 중에서 선택할 수 있다. 두 경로의 대중교통 이동 구간은 동일하지만 대중교통 경로 내 도보 경로가 다르다.
  • (ㄱ) 기본 경로

    • 도보 경로로 최단 도보 경로를 안내해 준다.
  • (ㄴ) 뽀송 경로

    • 도보 경로로 거리가 조금 멀더라도 비를 막아주는 구조물이 있는 도보 경로를 안내해 준다.
  • 기본 경로 / 뽀송 경로 비교

    • 도보로 지붕이 있는 중부 시장을 경유하는 상세 경로 화면으로, 죄측은 기본 경로의 도보 경로를, 우측은 뽀송 경로내 도보 경로를 보여주는 화면이다.
    • 빨간색으로 표시한 부분이 지붕이 있는 도로이다.

상세 경로 화면

  • (ㄱ) 구간별 지도 확대 기능

    • 경로를 지도상으로 표시하며, 각 구간의 출발지를 마크로 나타내어 클릭하면 해당 구간으로 지도를 확대 및 이동하여 해당 구간 경로를 자세히 확인할 수 있다.
  • (ㄴ) 뽀송타임 제공

    • 현재 시간을 기준으로, 30분 간격의 예상 기상 정보를 제공하여 사용자가 최적의 출발 시각을 정할 수 있다.
  • (ㄷ) 경로 구간별 상세 정보

    • 각 구간별 소요시간, 승하차 정류장의 정보를 확인할 수 있다.
    • 대중교통 경로 구간에서는 노선 정보를, 도보 구간에서는 남은 거리(m)를 추가로 안내한다.
  • (ㄹ) 도보 구간 별 기상 정보

    • 도보 구간에 해당하는 위치의 기상 정보(예상 노출 강수량, 시간당 예상 강수량, 기온, 습도, 풍속)를 확인할 수 있다.

즐겨찾기 화면

  • (ㄱ) 저장한 경로 리스트

    • 경로 탐색 결과 화면에서 북마크한 경로 리스트를 확인할 수 있다.
    • 경로 리스트 중 하나를 선택하면 경로 유형 선택 화면으로 넘어간다.
    • 각 경로의 우측에 위치한 삭제 버튼을 통해 저장한 경로 목록을 관리할 수 있다.