성장일기 : 문과생의 개발 여정 (งᐖ)ว ( ᐛ )و

2차 회의내용_11/17 본문

백엔드개발/1차 프로젝트

2차 회의내용_11/17

hyemi_flora 2023. 11. 30. 15:08

* 버튼을 만들면 동글동글하게 만들려면? 
- 버튼색을 배경색과 같게 만들거나
- 버튼 선을 없애는 방법 찾기!
- 카테고리 배경색은 어떻게 하고 싶은가?

* 포장/ 먹고가기 창은 어디에?


* 회원제도에 대해 어떻게 해야할지? 
   - 회원가입? 관리자 창으로 가는 버튼?
   - db에는 있는데 키오스크에서는 가입하지 않으니까
   - 뒤로가기 버튼 대신에 관리자페이지로 갈 수 있게?


* 결제취소 버튼 -> 결제 취소 시 어디로 가야하는가?

ui 만들기


1. 바탕화면에 아이스크림사진이 표시되며 첫 화면에서 화면을 클릭하라는 메시지를 표시한다.

2. 화면 클릭시 포장과 매장을 선택할 수 있고, 선택 을 하면 메뉴 카테고리로 넘어간다.

3. 카테고리 품목은 아이스크림, 케이크, 커피, 음료, 디저트  5가지 이며 3 2개 두줄로 표시된다.

4. 상단에 카테고리는 항상 띄워놓고, 하단 우측에 결제하기/전체취소버튼이 21열로 늘 띄워져 있다.

  - NotrhPanel 부분 FlowLayout으로 레이아웃 설정해서 버튼들로 구성된 상단 바

  - CenterPanel 부분에서는 각 메뉴들은 간격을 가진 4 4행씩 16칸 차지 GridLayout(4,4,30,30)으로 레이아웃 설정

  + JButton 배열을 사용해서 각 내용 추가

  - SouthPanel부분 2 2행의 GridLayout으로 "총 금액: ", "<선택 내역>" JLabel pay, list

5. 각 품목을 선택하면 화면하단 좌측에 총 금액과 함께 선택내역이 나타난다.

6. 선택을 마친 후 결제 창에 들어가면 제휴사 할인과 포인트적립/사용 내역 창이 나온다.

7. 바로 결제를 하거나 돌아가기를 눌러 선택해 놓았던 품목들에 추가 수정할 수 있다.

8. 할인이나 적립을 사용할때 소수점이 발생하는 경우 1의자리까지 반올림하여 계산한다.




현재 만들어야하는 페이지들 >> 


1. 홈 화면 - 화면 터치하면 카테고리 화면으로 넘어감
    - 사진이 초 단위로 바뀜?
    - > 한 화면에 2개씩 * 2~3 번바뀌는 것
    - > 터치하세요 가운데로 내리기
    --> 이미지 넣고, 몇초후 바뀌게 하기
    - 제일 눈에 안띄는 우측 하단 열쇠모양 이미지 , 
              누르면 비밀번호 입력할 수 있는 창 띄우기 =>입력시 마지막 관리자 화면으로 넘어가게

2. 카테고리 - 이미지만 넣고, 각 카테고리로 넘어감
      --> 카테고리 사이즈 다 다르게 만들기
      --> 버튼 5개만들어 놓은거 있음 활용
      --> choiceFrame 1~5 이동시키는 것까지
      -> 배경 하얀색 / 또는 아이스크림을 넣어 

3. 각 카테고리 (5개) - 

: grid말고 다른 레이아웃으로 변경 
1> 탑 가운데 이미지 
2> 홈 버튼 누르면 카테고리페이지
3> 뒤로가기 어떤 활용 의미인지 알아야함
4> 각 패널 행 높이 조절 
5> 미정( 버튼이미지, 장바구니, 다음으로? 버튼, 선택목록 담긴 화면)

4번 맛 선택 다음 화면 
1> 결제 옆에 장바구니 표시는 이미지로
+ 추가로 아이스크림을 선택하게 되면 4번 페이지로가도록 설계되어있는가? ( 싱글/더블이면 콘선택화면, 그외 의 것은 플레이버 화면)
2> 장바구니 이미지 옆 가격은 텍스트 | 결제하기는 버튼
3> 장바구니에 담긴 제품 이름/ 맛 / 콘컵이미지 총 3개의 내용이 들어가야함
    취소버튼 
    해당 내용이 3개이상 되면 옆으로 넘기는 버튼 활성화

4. 장바구니 화면 & 플레이버 선택화면
 (상품정보 | 플레이버 화면)
- 상품정보란 > 콘/컵 이미지사용, 수량 변동은 코딩
- 이전버튼 누르면 어느화면으로 가는지 체크필요
- 플레이버 맛 선택하면 플레이버 화면으로 이동 ( 맨 위에 창 색 변하는 거 확인 필요)
- 맛 고르면 한번에 6개까지 고를수 있게
- 이미지에 x 창 활성화 방안 필요 
(배경은 흰색으로 / 맛 선택시 선택한 맛의 이미지가 3번째 패널의 버튼에 들어가게하고,
 해당 패널에 흰배경의 6개의 아이스크림 취소를 할 수 있는 버튼이 있어야 함
- 4번째 이전 / 다음 버튼
- 5번째 패널에 해당 플레이버의 정보( 이름/ 칼로리/ 내용)

5. 결제 페이지 / 포인트, 제휴사 할인

6개의 패널?
결제하기 (고정)

포인트/할인 | 적립 결제 (각 화면에 맞게 색상 변경)
포인트 할인,적립 선택 버튼

최종 결제 내용 : 텍스트

오른쪽 하단에 다음으로 버튼

포인트사용 / 적립
각 버튼(포인트 적립/ 포인트사용버튼 필요)을 누르면 옆에 빈 화면에 번호를 누를 수 있는 창(키패드창 (지우는버튼도 들어가야합니다))이 나오도록 한다.
누른 번호는 포인트버튼 아래에 나올 수 있어야한다.
-> 핸드폰번호를 입력하고 확인 누르면 -> 인증되었습니다 알림이 나오고 -> 할인이 적용된다

포인트 적립 - 핸드폰 번호 입력 -> 확인되었습니다 알림이 나오고 -> 적립금액이 보여진다

결제 페이지 


최종결제금액 : 텍스트
총 주문금액 - 총 할인금액 텍스트

각 결제방법 버튼을 누르면 결제하시겠습니까? 창 띄우기


6. 주문 상세내역 페이지 
주문번호, 주문내역, 맨 아래 확인 버튼 -> 1번 페이지 

이전| 결제취소 버튼

- 전체 이미지
- 홈버튼 이미지
- 카테고리 이미지
- 아이스크림 이미지 & 플레이버 이미지 2개 ( 플레이버 선택창, x가 붙어있는 이미지)
- 아이스크림 케이크이미지
- 디저트이미지
- 커피 이미지
- 음료 이미지
- 장바구니에 숫자써있는거 1~10까지
- 결제화면에 있는 카드 / 페이 / 등 
- 결제 화면에 있는 광고 이미지 필요
- 추가적으로 필요한 이미지는 스스로 찾아보자~

6. 관리자 페이지 
- 필요한 버튼 : 
 매출 관리 (손님 주문내역 확인), 
 상품 관리 (등록,취소,할인,본사에주문,품절관리 등)
 여기는 추가로 생각이 필요하다~

7. DB 업데이트