Map + pin
지도에 핀을 꽂아 기억하고 싶은 장소를 기록해보세요.
Mappin은 사용자의 위치정보를 기반으로 장소에 대한 기록을 작성할 수 있는 앱입니다.
초기 화면
앱을 실행하면 맨 처음 보이는 화면
사용자의 기록이 존재한다면, 타임라인 형식으로 기록들을 나타낸다.
우측 상단의 map button을 누르면 지도 화면으로 넘어간다.
타임라인의 기록을 누르면 기록들을 조회할 수 있는 화면으로 넘어간다.
조회 화면
앱 상단에 타이틀로 여행의 타이틀이 나타난다.
여행 타이틀에 속한 데이터들이 tableView로 나타난다.
tableView Cell을 누르면 데이터를 조회할 수 있다.
지도 화면
앱 상단에 초기 화면으로 돌아가는 back button과 핀을 추가할 수 있는 plus button이 있다.
plus button을 누르면 ActionSheet 형태로 기존 여행에 핀을 추가할 것인지, 새 여행을 추가하고 핀을 꽂을 것인지 유저에게 선택지를 제공할 수 있다.
기존 여행에 추가 버튼을 누를 경우, 바로 핀 추가 화면으로 넘어간다.
새 여행 추가 버튼을 누를 경우, 여행 추가 화면으로 넘어간 뒤, 핀 추가 화면으로 넘어간다.
지도에는 사용자가 추가했던 기록을 토대로 pin이 나타나있다.
pin을 한번 누르면 title과 content, date를 간락하게 나타낸다.
pin을 길게 누르면 pin을 삭제할 것인지 묻는 alert를 나타낸다.
추가 화면
유저가 본격적으로 기록을 담을 수 있는 화면
앱 상단 왼쪽에는 취소를 위한 버튼이, 오른쪽에는 완료 버튼이 있다.
카메라 버튼을 누르면 카메라, 라이브러리를 선택하는 ActionSheet를 띄운다.
카메라로 찍거나 라이브러리에서 선택한 이미지가 collectionView 형태로 쌓인다.
이미지 아래에는 타이틀, 날짜, 위치를 설정할 수 있는 공간이 있다.
새 여행 만들기를 통해 접근했을 경우, 타이틀에는 기본적으로 새로 만든 여행의 타이틀이 담긴다.
기존 여행에 추가를 통해 접근했을 경우, 타이틀은 비어있다.
타이틀 공간을 눌렀을 경우, 사용자가 만들어둔 여행 타이틀 중 하나를 선택할 수 있는 화면이 나타난다.
날짜는 기본적으로 오늘을 기준으로 담겨있고, 눌렀을 경우 날짜를 선택할 수 있다. 날짜는 과거~현재까지만 선택할 수 있다.
위치는 기본적으로 사용자의 현재 위치가 선택되어있다. 위치 아래의 지도를 눌렀을 경우, 위치를 선택할 수 있는 화면이 나타난다. 위치 오른쪽의 버튼을 누를 경우, 다시 사용자의 현재 위치가 선택된다.
위치 설정 화면
지도가 나타나고, 가운데에는 pin이 고정되어 있다.
완료를 누르면, pin의 위치가 저장된다.
오른쪽 하단의 버튼을 누르면 사용자의 현재 위치에 pin이 맞춰진다.