VesselWheel

Starting Assignments 작성하기 (feat. 키오스크 앱 프로젝트) 본문

Xcode Study

Starting Assignments 작성하기 (feat. 키오스크 앱 프로젝트)

JasonYang 2023. 12. 26. 16:38

Starting Assignments 의 구성

  1. 프로젝트 제목/간단 설명
    1. 프로젝트 명칭, 그리고 서비스의 핵심적인 목적 또는 기능에 대해 설명해주세요.
    2. 프로젝트 명은 언제든 변경해도 괜찮으니 부담 갖지 말고 가볍게 지어보세요!
  2. 와이어프레임
    1. Figma 같은 디자인 툴을 익히느라 시간 낭비하지마세요! 그림판도 괜찮습니다.
    • 이렇게, 손으로 그려보아도 좋아요. 최대한 구체적으로 그리는 것이 핵심입니다.
  3. 개발 기능 정리

 

스파벅스 SPABUCKS

✔️ 카페 메뉴를 주문할 수 있는 키오스크

  • 카테고리 및 메뉴를 선택할 수 있다
  • 주문내역 변경 및 삭제를 할 수 있다
  • 주문을 취소 및 결제할 수 있다

와이어프레임

메인뷰 화면
결제하기 버튼 활성화 시 화면

https://xd.adobe.com/view/4596c295-398e-45c3-9108-24a6c88726ff-10c5/screen/272c9b8b-8d31-4e83-9030-3044d92c1615/specs/

예정 개발 기능

✔️ 메인 화면

  • 전체 화면 UI 구성

✔️ 상단 메뉴 카테고리 바

  • 음료, 푸드, MD 3가지 카테고리 선택 가능
  • UIStackView 사용

✔️ 메뉴 화면

  • 각 카테고리별 메뉴 출력
  • UICollectionView 사용

✔️ 주문 내역 화면

  • 메인화면 하단(메뉴리스트 하단)에 노출
  • +, - 버튼으로 메뉴 갯수 변경 가능
  • 선택한 메뉴 삭제 가능

✔️ 취소하기 / 결제하기 버튼 화면

  • 취소하기 : 주문 전체 취소, 주문내역 삭제
    • 결제하기 : alert 창을 통한 결제 전 주문 체크, OK 시 결제 진행