Skip to content
limkhl edited this page Dec 22, 2021 · 12 revisions

Slam 기능 톺아보기

Splash 페이지

splash 화면 익명 유저로 지도 탐색


카카오 로그인 / 로그아웃

카카오 로그인 로그아웃


탐색 페이지

  • 탐색 시간이 현재 날짜와 현재 시간으로 기본적으로 설정됩니다.
  • 버튼을 통해 현재 위치 설정, 지도의 확대/축소가 가능합니다.
  • 현재 날짜로부터 14일 이내의 예약 현황을 선택한 날짜와 시간대(새벽, 아침, 낮, 밤)을 설정하여 확인할 수 있습니다.
  • 참여자가 아무도 없는 정지된 농구공, 참여자가 1~5명인 통통튀는 농구공, 그리고 참여자가 6명 이상인 불타는 농구공을 볼 수 있습니다.
  • 즐겨찾기 한 농구장, 예약이 있는 농구장은 아래에 별과 초록색 원이 표시되어 출력됩니다.
  • 지도에 표시된 농구공 마커를 클릭하여 농구장의 예약 인원, 농구장 주소를 확인할 수 있습니다.
  • 농구공 마커를 클릭 시 url에 courtId가 query string으로 추가되며, 해당 url로 접근시 코트 아이디를 통해 특정 농구장의 위치로 바로 접속할 수 있습니다.
  • 또한, 즐겨찾기, 농구장 채팅방(추후 구현), 카카오톡 공유하기, 카카오맵 길찾기 이동이 가능합니다.
  • 예약하기 버튼을 눌러 예약 페이지로 이동할 수 있습니다.

시간대에 따라 달라지는 데이터 날짜별로 달라지는 데이터 농구장 정보 확인


예약 페이지

  • 선택한 시간대로 스크롤이 이동합니다. 새벽 0시, 아침 6시, 낮 12시, 저녁 18시로 스크롤 포지션이 이동합니다.
  • 오늘 날짜의 정보 조회 시에는 이미 지나간 시간에 대해서는 UI로 예약이 불가함을 표시합니다.
  • 30분 블록 단위로 24시간에 대한 정보를 출력합니다.
    • 인원 현황은 0명, 1-5명, 6명을 색의 진하기로 구분하여 출력합니다.
    • 예약이 있는 경우 농구공의 개수를 출력합니다. 0개인 경우 우는 이모지로 출력하여 공을 가져와 줄 것을 기원합니다.
  • 예약 생성
    • 예약 생성 전 30분 단위의 블록으로 정보를 확인할 수 있습니다.
    • 이미 예약해 놓은 블록의 정보 확인시 예약을 생성할 수 있는 버튼이 출력되지 않습니다.
    • 버튼을 눌러 예약을 시작할 수 있습니다.
    • 시작시간과 종료시간을 설정하면 현재 유저가 참여한 결과가 반영되어 정보가 출력됩니다.
    • 이미 예약된 시간을 포함할 경우 버튼이 disabled 되며 예약을 생성할 수 없습니다.
    • 농구공 유무를 체크하여 예약 생성을 완료합니다.
  • 예약 수정/취소
    • 예약 시간 한 시간 전에는 수정/취소가 불가합니다
    • 농구장에 예약이 되어있는 경우 예약 블록이 표시됩니다.
    • 예약 블록 클릭시 수정과 취소가 가능합니다.
    • 수정을 클릭하면 해당 예약 시간범위가 선택되어 예약 수정을 시작합니다.
    • 시작 시간과 종료 시간을 설정하면 예약 수정 결과가 반영되어 정보가 출력됩니다.

선택한 시간대로 이동, 과거 시간 disabled, 전날, 다음 날 예약 이동 예약하기

예약 생성하기 시작 시간 / 종료 시간 선택 예약 정보 확인하기 / 예약 수정하기


예약 목록 페이지

예약 목록 조회 함께 예약한 유저 정보 조회


즐겨찾는 농구장 페이지

즐겨찾는 농구장 목록 조회 예약하기 버튼으로 해당 농구장 정보로 이동


특정 농구장 정보 카카오톡 공유하기 / 위치보기 기능

카카오톡 공유하기 카카오맵 위치보기


내 프로필 / 다른 유저 프로필 조회

내 프로필 조회 팔로우한 유저 프로필 조회 팔로우 안 한 유저 프로필 조회


프로필 편집 페이지

프로필 편집 validation 프로필 편집 과정 기본 프로필 이미지로 변경하기


새 농구장 추가 페이지

새 농구장 추가 과정 새 농구장 추가 validation


관리자 페이지 (사용자가 추가한 새 농구장 목록 관리)

목록 조회(무한 스크롤) 새 농구장 승인하기 새 농구장 거절하기


알림 페이지 / 알림 내비게이션

알림 목록 조회 알림 갯수 뱃지로 확인


팔로우 / 팔로우 알림

팔로우 / 언팔로우 팔로우 시 실시간 알림 보내기