🔖 키오스크 프로젝트

목차

1. 프로젝트 소개
2. 전체 App에 대한 기본 설명
3. 구현 기능
4. 트러블 슈팅
5. 기타

1. 프로젝트 소개

개발 목적과 효용성

코로나 19를 겪으면서 사람 간의 비접촉 서비스를 제공하기 위해 키오스크를 도입하는 매장들이 늘어났다. 여러 키오스크를 사용해 보면서 주문하는 과정에서 불편함을 느낀 경우가 있어 이러한 부분을 최소화하기 위해 이 앱을 개발

이 앱은 사용자에게 친숙한 경험 디자인 (UX design)을 고려하여 한 눈에 파악하기 쉽게 디자인하였고, 옵션 선택의 번거로움을 최소화하기 위해 카테고리에 따라 자동으로 선택된 옵션을 제공한다.
또한 충분한 주문 시간을 제공하여 주문 도중에 종료가 되어 다시 처음부터 주문해야 하는 경우를 방지

이러한 내용을 바탕으로 사용자는 신속하고 편리하게 원하는 서비스를 받을 수 있다.

제작 기간

2023.05.14 - 2023.06.05

2. 전체 App에 대한 기본 설명

이 앱은 카페 키오스크 앱으로 주문부터 결제까지 사용자에게 편리한 기능을 서비스하는 애플리케이션이다.
앱을 시작하면 맨 처음 로고 화면이 포함된 로딩 화면이 2초간 나온 후 간단한 문구가 있는 홈 화면으로 이동한다.
해당 화면 터치로 카페 메뉴가 있는 화면으로 이동할 수 있다.

메뉴는 여러 카테고리별로 구성되어 있으며 정해진 시간 안에 원하는 메뉴와 해당 옵션을 선택하여 리스트에 담을 수 있다.
또한 메뉴 삭제는 물론이며 수량까지 변경이 가능하고 결제 버튼을 통해 사용자가 선택한 전체 목록을 확인할 수 있는 화면으로 이동하게 된다.
그리고 원하는 장소를 선택한 후 카드 결제 창이 나타나는데 여기서 총 결제 금액 확인이 가능하다.
결제가 승인되면 완료되었다는 메시지가 나타나면서 5초 후에 자동으로 다시 메인 화면으로 되돌아가는 간단한 키오스크 앱이다.

3. 구현 기능

3 - 1 ) 스플래시 화면

• 앱이 처음 실행되었을 때 로고와 함께 한 번만 보여주는 화면
• 앱이 실행된 후 2초간 화면을 보여준 후 홈 화면으로 이동

3 - 2 ) 홈 화면

• 스플래시 화면 이후에 나오는 화면
• 앱을 실행하거나 메뉴 시간 초과 또는 주문 완료 후에 나타나는 화면
• 화면 터치시 메뉴 페이지 화면으로 이동

3 - 3 ) 메인 화면

• 화면을 터치하면 나오는 메인 화면
• 사용자가 원하는 카테고리에서 원하는 메뉴 선택 가능
• 화면을 옆으로 슬라이드 하거나 카테고리 탭 클릭하여 메뉴 선택 가능
• 총 300초가 주어지며 새로운 메뉴가 추가될시 300초로 초기화
• 시간이 초과된다면 모든 리스트를 비우고 홈 화면으로 돌아가는 구조
• 리스트가 존재한다면 결제하기 버튼을 통해 결제 화면으로 이동 가능
• 맨 위의 홈 아이콘 클릭할 경우 홈 화면으로 이동 가능

3 - 4 ) 옵션 다이얼로그 화면

• 각 메뉴를 클릭하면 나타나는 화면으로 각각의 옵션을 선택하여 주문이 가능
• 카테고리가 뜨거움이거나 차가움인 경우에는 옵션 자동 제공
• 두 가지 옵션을 선택해야만 주문 담기 버튼이 활성화되어 리스트에 추가 가능
• 카테고리가 디저트인 경우에는 옵션 없이 주문이 가능

3 - 5 ) 주문 추가

• 각 메뉴의 수량을 변경하여 가격이 변경되는 모습 확인 가능
• 각 아이템 삭제하거나 전체 삭제 가능

3 - 6 ) 전체 주문 목록 화면

• 리스트가 존재할 때 결제하기 버튼을 클릭한 다음에 나타나는 다이얼로그 화면
• 사용자가 주문한 총목록의 옵션, 수량, 가격을 스크롤하여 확인 가능
• 하단에 총 수량과 결제금액 확인 가능
• 취소 버튼을 통해 언제든지 리스트 수정 가능

3 - 7 ) 장소 선택 화면

• 사용자가 원하는 장소를 선택할 수 있는 화면
• 장소 선택한 경우 다음 버튼 활성화
• 취소 버튼 누를 경우 다이얼로그 창이 닫히며 메뉴 화면으로 이동

3 - 8 ) 카드 결제 화면

• 사용자가 주문한 총 금액 확인 가능
• 승인 요청 버튼을 통해 카드 결제하는 구조
• 카드 결제 중이라는 토스트 메시지 표시 후 5초 후에 화면 전환

3 - 9 ) 결제 완료 화면

• 카드 결제 완료한 5초 뒤에 볼 수 있는 화면
• 결제가 완료되었다는 메시지와 함께 5초 카운트다운 후 자동으로 홈 화면으로 이동

3 - 10 ) 결제 완료 후 홈 화면

• 사용자가 모든 결제를 완료한 후 자동으로 홈 화면으로 이동하여 보게 되는 화면 상태
• 다음 사용자는 해당 화면을 터치하여 메뉴 화면으로 이동하게 되어 주문 과정 반복

4. 트러블 슈팅

1. 시간 이벤트

• 문제 : 시간이 초과되어 홈 화면으로 이동하였는데 계속 일정 주기로 "시간 초과"의 토스트 메시지가 나타남
• 해결 : onPause()로 해결
  - onPause()는 활동이 더 이상 전면에 표시되지 않고, 백그라운드로 이동할 때 호출
  - MainActivity가 백그라운드에 있을 때 카운트다운을 정지
  - onResume()로 액티비티가 다시 활성화될 때 카운트다운 시작

5. 기타

더 자세한 글 아래 링크 참고
https://velog.io/@yoon91/series/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%ED%82%A4%EC%98%A4%EC%8A%A4%ED%81%AC