[Intro] Intro 화면 UI

[dev-Lena]

공통

• [x] 글씨체 적용하기

Background

• [x] 웹 프론트와 로그인페이지의 대표 이미지 동일하게 설정
• [x] 동일한 이미지를 사용하여 동영상으로 background 설정
• [x] 동영상이 끝까지 재생되었을 경우 다시 처음부터 재생되도록 설정
• [x] 게하 사장 로고 배치
• [x] 소개 문구 배치 "게스트 하우스 맞춤형 예약 관리 시스템으로 게스트의 예약을 보다 손쉽게 관리하세요"

Login Button

• [x] '지금 시작하기' (웹과 통일된 문구) 버튼
• [x] '지금 시작하기' 버튼을 누르면 Action Sheet가 떠오르기

ActionSheet

• [x] 하단에 표시
• [x] 사장 / 스탭 중 사용자의 유형을 선택할 수 있는 보기 표시

[dev-Lena]

게하사장의 유저는 호스트와 스탭임. 로그인 시 호스트인지 스탭인지 고르게 하기 위해서 UI 중 action sheets를 사용했습니다. Apple Human Interface Guidelines을 중

Use an action sheet to let people initiate tasks, or to request confirmation before performing a potentially destructive operation. 을 참고하여 현재 Action Sheet로 구현하려고 하는 기능이 로그인을 하기 전 어떤 유형의 사용자인지 선택하는 행위(로그인을 시작하려는 행위)라고 생각해 액션 시트를 사용했습니다.

출처: HIG - ActionSheets

[dev-Lena]

변경 사항

• 기존에 Intro 화면에서 사장인지 스탭 선택하여 다른 로그인 화면을 보여주기로 한 방식에서 1차 배포 때 SNS 로그인 기능없이 이메일, 비밀번호로 로그인 하는 방식으로 변경
• 로그인 방식 변경으로 Action Sheets가 불필요해 삭제
• Intro 배경에 동영상 재생

고민한 점

• Intro 배경에 들어가는 움직이는 배경(ㅁ 자로 움직임)을 애니메이션으로 움직일 것인가 동영상으로 재생할 것인가
• Asset에 동영상을 추가하고 재생하면 동영상의 용량도 프로젝트의 용량으로 포함되므로 앱의 용량이 커지기 때문에 Asset 에 이미지를 추가하고 bounds를 움직이는 애니메이션으로 추가하고 싶었지만 애니메이션으로 구현하는 방법을 찾지 못함
• Asset에 동영상을 추가하고 AVPlayer로 영상을 재생함. 현재는 Asset에 동영상을 추가하여서 재생하였지만 추후 실 서비스를 할 때를 고려했을 때는 서버에서 영상을 받아서 재생한다면 앱 용량을 걱정하지 않아도 될 것 같음.