Java swing kiosk project

🌟 Java swing kiosk project

프로젝트 개요

• 소프트웨어 개발 목표
  • 토스트 주문 시 선택할 수 있는 품목들과 추가할 수 있는 옵션들을 포함하여 고르고 총합 금액 확인과 결제까지 할 수 있는 키오스크 형태의 프로젝트를 개발할 것이다.
• 유사 소프트웨어 분석
  • 버거킹 키오스크, 맥도날드 키오스크, KFC 키오스크, 메가커피 키오스크 등 첫 화면에는 이벤트 중인 상품이나 가장 대표적인 상품, 또는 신상품이 띄워져 있는 경우가 많았다. 버거킹의 경우 상단 바에 콘텐츠를 보면 스페셜 세트, 일반 세트, 햄버거류 단품, 사이드 품목, 음료 순으로 배치되어 있었다. 하단에는 주문 내역을 확인할 수 있고 개수, 금액 등 정보가 표시되어 있었다. 전체 취소 버튼과 쿠폰 사용 버튼, 결제 진행 버튼이 오른편 하단에 있어 구조적으로 깔끔했다.

소프트웨어 기능 분석

• 소프트웨어 시나리오
  • 준비되어 있는 토스트 메뉴 중에서 사용자가 품목을 선택할 때 해당 데이터를 저장하여 화면에 그대로 표시하고 해당 품목의 금액을 홍 금액에 더하여 선택된 품목들의 총 금액도 한 눈에 확인할 수 있다. 품목들은 토스트 단품, 신메뉴, 할인이 들어간 추천세트, 음료, 옵션 등으로 구성되며 옵션 항목의 경우 토스트를 선택하지 않은 상태에서는 햄 추가나 피클 추가 등의 선택을 하는 것이 불가능하므로 토스트가 들어간 품목에서 하나 이상 선택해야지만 옵션을 선택할 수 있게끔 구상했다.
• 핵심적 기능과 흐름

1. 바탕화면에는 토스트 사진이 표시되며 첫 화면에서는 토스트 상호명과 아무 곳이나 클릭하라는 메시지를 표시한다.
2. 클릭 시 포장과 매장을 선택할 수 있고 선택을 하면 바로 메뉴 선택 화면으로 넘어간다. 메뉴 품목은 토스트 단품, 신메뉴, 할인이 들어간 추천세트, 음료, 옵션, 홈 화면 버튼이 있고 품목 선택 시 화면에 총 금액과 함께 선택 내역이 나타다.
3. 선택을 마친 후 총 금액을 확인하여 결제 창에 들어갈 수 있고, 바로 결제를 하거나 돌아가기를 눌러 선택해놓았던 품목들에서 추가로 수정할 수도 있다.
4. 결제 시 쿠폰을 사용하는 경우에는 10%, 20% 할인 쿠폰을 사용할 수 있다. 소수점이 발생하는 경우 1의 자리까지 반올림하여 계산한다.
• 화면의 설계 및 구성

 

• NorthPanel 부분에서는 FlowLayout으로 레이아웃을 설정해서 버튼들로 구성된 상단 바를 만들었다.
• CenterPanel 부분에서는 각 메뉴들이 어느 정도의 간격을 가진 3열 3행씩 9칸을 차지하도록 GridLayout(3, 3, 30, 30)으로 레이아웃을 설정했다. 크기가 9인 JButton 배열을 이용해 각각 내용을 추가하였다. 결제 창의 경우 “결제하시겠습니까?” 문구는 JLabel로 처리하였다.
• SouthPanel 부분에서 2열 2행의 GridLayout 레이아웃으로 “총 금액 : ”, “<선택 내역>” 부분은 각각 JLabel pay, list이고 “전체 취소”와 “결제하기”는 JButton 처리하였다.

소프트웨어 상세 기능 기술 및 우선순위

<상상토스트 키오스크> 기능 분석 리스트

➀ 상품 선택 시 데이터가 저장되고 총 금액에 해당 품목 금액이 더해진다.

➁ 전체 취소버튼을 눌러 선택된 상품들을 모두 선택 해제할 수 있다.

③ 선택한 상품들의 내역과 총 금액은 하단에서 확인할 수 있다.

④ 결제를 선택할 경우 선택 품목과 총 금액을 다시 확인할 수 있고 카드 결제, 현금 결제, 돌아가기 중 하나를 선택할 수 있다.

⑤ 돌아가기 버튼을 통해 결제 창에서 다시 메뉴 선택 품목 들을 확인할 수 있고 수정할 수 있다.

⑥ 선택을 하던 중 홈 화면 버튼을 누르면 데이터가 초기화되고 다시 원래의 초기 화면으로 넘어온다.

소프트웨어 화면 구성

소프트웨어 개발 순서

  토스트 단품, 신메뉴, 할인이 들어간 추천세트, 음료, 옵션, 홈 화면 버튼을 눌렀을 때 각각 보여지는 화면들을 먼저 구성한다. 이후에 각 화면에 알맞은 이미지를 넣고 메뉴 품목의 각 버튼을 눌렀을 시 선택 항목에 추가되도록 하는 작업과 총 금액에 합산되도록 하는 작업을 수행한다. 그 후 전체 취소 버튼을 누를 경우 모두 초기화되도록 하는 작업을 수행한다. 마지막으로 결제 창에서 카드결제와 현금결제를 눌렀을 경우 결제 완료 처리되는 표시를 하게끔 하고 돌아가기를 눌렀을 시 바로 이전 상황으로 되돌아가도록 하는 작업을 할 것이다.

화면설계와 동작흐름 설계

Github Link

https://github.com/childevnote/kioskProject

GitHub - childevnote/kioskProject