티스토리 뷰

출시할 앱은 반려동물과의 하루를 기록하는 앱이다.

 

 

이전에 다이어리 프로젝트를 했었는데 관련 내용을 녹이기도 쉬울 것 같았고, 어떤 앱을 만들지 고민하던 중 뒤에서 자고있는 강아지와의 일상을 간단히 기록하고 보관할 앱을 직접 만들어보면 의미있을 것 같아서 진행해보기로 하였다.

 

 

비슷한 앱이 많아보이지만 출시해보는데에 의미를 두자.

 

 

구현할 기능은 크게 일상 기록, 일정, 반려동물 정보 기록으로 세 가지이다.

 

 

이에 따라 탭바로 관리할 화면은 세 가지이며, 각 화면마다 부가적인 기능들이 있어 추가적으로 구현해야할 화면도 있다.

 

 

(계획일뿐, 분명 조금은 바뀔 것 같음. 디자인적인 센스가 제로라서 큰일남. 지금 기획한대로 출시하면 아이폰3gs랑 잘어울릴듯. 비상임)

 

 

일단, 기본적인 계획이라도 적어놔야 수정하기 편할 것 같아 작성해본다.

(화면 디자인은 손으로 그린 느낌이 전혀 들지 않아서 혹시라도 누가볼까봐 안올림)

 

 

 

구현할 화면

 

 

1. 홈(메인) 화면 - 첫 번째 탭

 

 

기능

 

  • 오늘 작성한 기록을 보여줌
    - 화면에는 간단하게 제목과 함께 보낸 반려동물 리스트만 보여주며, 탭할 시에 디테일 화면으로 넘어가며 전체 내용 표시.
    - 만약 작성된 기록이 없다면 기록을 보여줄 뷰 대신 문구 랜덤으로 띄우기(date로 필터링)

  • 오늘 날짜를 navigationController의 타이틀로 보여줌.
    -> 이건 디자인적인 부분이라 고민중.

  • Bar Button
    - 메뉴, 작성하기, 검색 버튼을 추가할 예정.
    - 메뉴에는 모아보기 기능을 넣을건데, 검색도 같이 넣을지 서치컨트롤러로 구현할지 고민중
    - 작성하기 버튼은 바버튼으로 만들지 플로팅 버튼으로 만들지 고민중.
    - 또 지금은 설정 버튼을 펫 정보의 바버튼으로 구현하기로 했는데 메뉴에 추가할까 고민중
    - 다 고민임. 마찬가지로 큰일. 

 

부가적인 화면

 

  • 모아보기 화면
    - 메뉴 버튼을 눌렀을 때 띄워질 화면
    - 제목과 날짜만 테이블뷰에 보여줄 것 같음.
    - 캘린더 버튼을 넣어 한 번에 확인할 수 있게 할까 고민임. 근데 두 번째 탭이 캘린더라 그 안에 그냥 기록도 보여줄까 고민.
    - 아무튼 셀을 탭하면 전체 내용을 보여주는 뷰를 띄움.

  • 검색 화면
    - 서치 컨트롤러와 searchResultController로 구현할지, 따로 뷰컨트롤러를 띄워 구현할지 고민중.

 

 

2. 작성 화면

 

 

기능

 

  • 반려동물과의 하루를 기록
    - 제목, 사진, 내용
    - 사진을 고를 때, PHPickerViewController로 앨범에서 사진을 고를 수 있게 할 예정.
    - 여유가 된다면 AVFoundation을 이용해 커스텀하게 카메라 화면을 만들어 사진을 찍는 기능도 추가할지도.

  • 함께 하루를 보낸 반려동물을 추가할 수 있게 함.
    - 추가버튼을 누르면 등록한 애기들 리스트를 띄우고 선택하면 컬렉션뷰에 추가되는 형식으로 구현.
    - 반려동물 관리 화면에서 해당되는 애기와 연관된 기록들을 볼 수 있게 하기 위해
    - 모아보기에서도 필터링 기능을 추가할 예정.

  • 작성된 내용이 있는 경우에 취소 버튼을 누르면 한 번 더 확인시키기(Alert)
    - 제목과 사진은 필수가 아니지만 내용은 필수적으로 적혀 있어야 저장시킴
    - 제목을 적지 않은 경우엔 날짜를 제목으로, 사진이 없는 경우엔 디폴트 이미지로 설정

 

 

3. 전체 내용(기록 디테일) 화면

 

 

기능

 

  • 날짜, 제목, 사진, 내용을 스크롤뷰로 보여줌.
    - 내용 전체를 스크롤없이 보여줄 것이기때문에 스크롤뷰 사용(스크롤뷰 코드로 작성하는 방법 연습하기)
    - 사진 탭하면 사진 크게 보기

  • 오른쪽 하단에는 작성할 때 함께한 애기 리스트에 추가한 애기들 이름을 표시.
    - 이름 탭했을때 관련 기록 리스트 화면으로 넘어가게 할 수도 있음.

  • 우측 상단엔 삭제 버튼
    - 삭제하기 전에 한 번 더 확인시키기

 

 

4. 일정 화면 - 두번째 탭

 

 

기능 

 

  • 우측 상단에 추가 버튼
    - 일정 추가 화면 띄우기

  • FSCalendar로 일정 보여주기
    - 일주일만 보여주고 한 달 달력은 버튼을 눌렀을 때 나오게 할지, 아예 한 달을 기본적으로 보여줄지 고민중
    - 날짜를 누르면 등록한 일정을 테이블뷰로 보여줌
    - 애플 캘린더 앱과 비슷한 형태로 일정이 없다면 이벤트가 없다는 문구 표시
    - 일정을 등록할 때 기본적으로 색을 정할 수 있게 해서 일정을 보여줄때 색도 같이 표시(구현할 수 있을진모름)
    - 셀에는 제목과 시간만 보여주며 탭했을 시에 메모를 보여주는 뷰를 띄움.
    - 삭제 기능을 스와이프 액션에 넣을지, 탭해서 띄운 화면에서 넣을지 고민중

 

 

5. 일정 추가 화면

 

 

기능

 

  • 입력한 내용이 없으면 추가 버튼 비활성화

  • 제목, 날짜, 색, 메모를 적을 수 있음.
    - 날짜 텍스트필드를 탭했을 때 날짜, 시, 분, 오전/오후 를 datePicker에 한 번에 표시
    - 색 고르는 기능은 아직 모르겠음. 만약 한다면 몇 가지의 색만 둘지, 사용자가 직접 정할 수 있게 할지 고민중. 
    근데 직접 고른다면, 색이 너무 다양해질 것 같아 몇 가지의 색을 두는 방향으로 할 것 같음. 이때, 몇 가지의 색을 사용자가 정할 수 있게 하면 될듯
    - 메모는 텍스트뷰를 이용할 예정이며, placeholder로 간단한 문구 띄우기

 

 

6. 펫 화면 - 세 번째 탭

 

 

기능 

 

  • 등록한 애기들 리스트를 테이블뷰로 사진과 이름만 간단하게 띄움.

  • 셀을 탭했을 때, 애기들의 디테일한 정보를 보여주는 화면 띄움.

  • 삭제하는 기능은 내가 괜히 마음이 아파져서 안넣으려고했는데 잘못 입력한 경우를 대비해 스와이프 액션으로 구현

  • BarButton
    - 설정 버튼을 여기에 넣으려고 했는데, 홈 화면의 메뉴 버튼에 넣을 수도 있음. 만약 넣는다면 설정 화면을 띄움.
    - 추가 버튼을 누르면 애기들을 등록하는 화면을 띄움 

 

 

7. 펫 정보(디테일) 화면

 

 

기능

 

  • 사진, 이름, 생일, 성별 보여주기
    - 사진을 눌렀을 때, 사진만 보여주는 뷰를 띄울까 고민중. 띄우게 된다면 확대 기능 생각중
  • 작성했던 특이사항을 텍스트뷰로 보여주기

  • 하단에 애기 관련한 기록 보러가기 버튼
    - 해당되는 애기가 포함된 기록들을 테이블뷰로 보여주기
    - 만약 관련 기록이 하나도 없다면 alert로 애기와 관련된 글이 없으니 빨리 추가하라는 메세지 띄우기

  • 우측 상단에 수정 버튼
    - 다음에 설명할 펫 등록화면에 데이터를 채워서 띄우기

 

 

8. 펫(애기) 등록 화면

 

 

기능

 

  • 성별, 이름, 생일, 사진, 특이사항 입력하는 화면
    - 필수항목(이름) 입력 안하면 완료 버튼 비활성화. 왜 비활성화인지 모를 수도 있기때문에 텍스트뷰 옆에 필수라고 표시

 

 

9. 설정 화면

 

 

기능 

 

  • 테마
    - 글씨체 변경 기능을 넣으려고 했는데 뺄 가능성이 굉장히 커지고 있는 상태(귀찮은거아님)

  • 백업/복구
    - json형식으로 복구해볼까 생각했는데, 아무래도 무리일듯. 그래서 기존처럼 파일앱에 보관하도록 할 예정
    - 복구한 경우엔 알림으로 앱을 껐다 켜달라고 메세지 띄우기
    - 백업할때도 앱을 지우면 백업 파일이 사라지니 파일앱 등에 저장하라고 메세지 띄우고 액티비티컨트롤러 띄우기

  • 기타
    - 문의 남기기 셀을 탭하면 메일 보내는 화면 띄우기
    - 리뷰 남기기 누르면 앱 스토어로 링크 이동시키기(안해봐서 알아봐야함)

 

 

그 외 구현할 화면 및 기능

 

 

  • 온보딩
    - 페이지 컨트롤러로 일상 기록 어떻게 하는지, 검색하는 화면, 일정 추가 ,펫 등록 화면 알려주기

  • 생일, 일정에 해당하는 날짜에 알림 띄우기
    - 이것도 가능할지 모르겠음. 

  • 디테일 화면에서 공유 버튼으로 전체 화면 캡쳐 후 공유 가능하게 할까 생각중
    - 스크롤뷰라면 화면이 너무 길어질 수도 있기때문에 생각좀해봐야할듯
    - 또한 가능하더라도 내 디자인을 공유하고싶을까 생각이 들긴함.

  • 사진 저장 기능도 추가할까 생각중

  • 다국어 지원
    - 이거 굉장히 고민중. 기본으로 사용되는 텍스트가 많지 않아서 영어라도 지원하게 해볼 것 같음.
    - 하게된다면 해외 사용자를 위한 것은 전혀 아니고, 오로지 경험해보고싶어서 지원한 것임 

  • MVVM을 적용해보고 싶은데 아직까지 제대로 알지도 못하고 괜히 시도했다가 이도저도 아닌 상태로 못끝낼 것 같아서 못할 것 같음

  • 세로 모드 고정

 

출시해보자.

'프로젝트 > Petmory' 카테고리의 다른 글

[Petmory] 업데이트 1.2.1  (0) 2022.10.25
[Petmory] 업데이트 1.2.0  (0) 2022.10.11
[Petmory] 업데이트 1.1.0  (0) 2022.10.04
[Petmory] 앱 출시 후기  (0) 2022.10.01
[Petmory] - 개인정보처리방침  (2) 2022.09.30
댓글
최근에 올라온 글
Total
Today
Yesterday