[Daily 탐구 과제] 코드스테이츠 PMB 17기 W7D4 #네이버지도 #W6D1과제 회고

sosohan_challenges·2023년 3월 24일
0
post-thumbnail

지난 W6D1 과제를 회고하며 유저가 할 수 있는 행동에 대한 Flow Chart 그려보자면,

  • 네이버 지도 길찾기 Flow Chart

Flow Chart에 따른 UI, 클라이언트, 서버, DB가 각각 어떻게 보이고 작동할지 예상(지난 과제에서 일부 순서 등 좀 더 상세하게 수정)

1. 홈 화면 ➡️ 장소 검색 ➡️ 텍스트 검색

2. 장소, 버스, 지하철, 주소 입력

  • 클라이언트 : 텍스트로 검색하면서 실시간으로 서버에 해당 텍스트에 대한 장소 정보 요청

3. 가고자 하는 장소, 버스, 지하철, 주소 선택(장소 확인)

  • 서버 : DB에서 텍스트에 대한 장소 정보 불러오기 요청
  • DB : 장소 정보 제공
  • 서버 : 장소 정보 클라이언트로 제공
  • 클라이언트 : 장소 정보 보여주기 👉 가고자 하는 장소 확인 후 선택 👉 도착 선택

4. 경로 탐색(교통수단 선택)

🖥 클라언트: 교통수단 선택 (대중교통/ 자동차/ 도보/ 자전거)
🧑‍💻 서버: 네이버 지도가 보유한 다양한 데이터와 실시간 교통정보를 통해
        사용자에게 출발지에서 목적지까지 가는 최적의 경로 탐색하여 보여준다.
  • 🚍 대중교통

  • 클라이언트 : 교통수단 선택 👉 대중교통 (도보 구간은 별도로 표시하여 구분)
  • 서버 : 실시간 대중교통 정보 제공(몇 번째 전 정류소, 예상 소요 시간, 예상 금액, 대중교통 탑승 장소, 환승 정보 등)
  • 클라이언트 : 👉 선택한 정렬(최적 경로순/ 최소 시간순/ 최소 환승순/최소 도보순)에 맞게 정렬해서 보여줌

  • 클라이언트 : 보여준 대중교통 경로 선택 👉 선택한 경로에 대한 상세한 안내 보여주기(좌측에는 예상 도착 시간, 예상 금액, 경로에 대한 자세한 안내/ 우측 지도상에는 해당 경로에 대해 시각적 요소로 보여줌)
  • 🚘 자동차

  • 서버 : 실시간 교통 정보 제공(예상 소요 시간, 통행료), 예상 택시비, 길 안내
  • 클라이언트 : 실시간 추천/ 무료 우선/ 거리우선 등 여러 경로에 맞게 예상 소요 시간 및 요금(통행료, 예상 택시비 등) 보여주기(왼쪽 리스트 형식/우측 지도에서도 경로 이미지로 보여주기) 👉 선택에 맞게 상세 경로 보여주기 / 예상 안내 시작

참고 : 네이버 지도 API 상세 기능 소개로 이동

지난 과제를 회고하며 좀 더 상세하게 그리고 순서를 다시 재구성해보았다.

profile
꾸준하게 잔디심는 정원

0개의 댓글