Skip to content

사용자 시나리오 by 김주원

Hyein Jeong edited this page Nov 5, 2024 · 1 revision

위치 기반 캔버스 사용자 시나리오

로그인

  • 로그인 o -> 작업물을 저장하는 폴더 존재 ( 기존에 있던 아들집으로 안내 폴더처럼 )
  • 로그인 x -> 새 지도 만들기

지도 만들기 캔버스

  • 시작을 어떻게 하지?
    • 사용자의 현재 위치 불러오기
    • 사용자가 장소를 검색하면 해당 장소에서부터 그리기 시작 -> 장소 정보가 담긴 API? 주소를 검색하면 좌표가 찍히는 API?
  • 저작도구 종류가 뭐가 있을까 → 오른쪽 아래 저작도구 툴(움직일 수 있게 할것인가)
    • 좌표 찍기
      • 시작점, 도착점
      • 이미지가 담긴 핑 -> ex) 해당 사진이 분리수거 장소, 이 카페를 기준으로 좌회전
      • 아이콘이 담긴 핑 -> ex) 숙소 주변의 마트 위치들(가게 아이콘), 추천하는 맛집들(식당 아이콘)
    • 선그리기
      • 단순한 선
      • 방향이 담긴 선
      • 선의 색깔 설정
      • 선의 굵기 조절
      • 고민사항
        • 드래그앤드롭으로 할까? 좌표 2개 찍으면 연결되게 할까? -> 그리는 동안 반투명 선은 있으면 좋겠다
        • 선을 2개이상 이을때 어떻게 해야 매끄럽게 이어질까? -> 직사각형 2개 이어진 모양x
    • 텍스트 박스 넣기
    • 이미지 넣기

(심화) 이미지를 여러개 입힐 수 있지 않을까?

  • Ex) 에어비앤비 숙소에서 숙소가는길, 가까운 마트 가는길, 역에서 오는길 하나만 보여주는게 아니라 각각 저장해두었다가 사용자가 역으로 길을 고르면 그것만 지도에 입혀주기
  • 그룹 나누기가 가능해야겠다
    • 그룹을 정해두고 경로나 좌표를 찍게 하자
    • 그룹 나누기를 그린 다음에 하면 어떡하지? -> 이미 다 그려진 그림에서 원하는 핑, 경로만 선택해서 그룹화하는게 가능해야겠다
      • 경로 같은 색 기준으로 선택이 가능해야해
      • 같은 아이콘 기준으로 선택 가능해야해

image

공유하기

  • 편집을 완료한 후에 공유하기 기능을 통해 링크를 공유하거나 이미지 파일을 생성 및 저장

시나리오 1

에어비앤비 주인

  • 숙소 주변의 정보들을 제공하기 위해 지도를 제작하려고 한다
  1. 로그인
  2. 새로운 맵 제작 버튼을 누른다
  3. 숙소의 위치를 검색하여 시작 점을 잡는다
  4. 핑을 이용해서 숙소의 위치를 찍고 주요 위치를 아이콘 핑을 이용해서 찍는다 (분리수거, 역)
  5. 골목에 있어서 길이 헷갈리는 경우에 이미지를 삽입하여 이해를 돕는다
  6. 주변 편의 시설을 묶기 위해 슈퍼마켓, 분리수거장 핑을 편의시설 그룹으로 묶는다
  7. 공유하기를 눌러 이미지는 에어비앤비에 기재하고, 정보가 담긴 링크는 사용자에게 전해준다

사용자

  • 받은 링크에 접속한다
  • 사용자는 관광지 추천을 보고 싶으면 해당 탭을 선택한다
  • 지도에 사용자의 현재 위치, 선택한 테마의 정보만 나타나게 된다
Clone this wiki locally