1 of 14

PassOrder

음료 결제 / 매장 관리

Java 웹 개발 6개월 과정

2023 코리아 IT 웹 개발 최종 프로젝트

팀장: 김경민

팀원: 박창우 장혜민

코리아 IT

2 of 14

01

02

03

프로젝트 개요

개발 과정 소개

결과 및 회고

PassOrder 목차

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

3 of 14

01 프로젝트 개요

1. 화면 구성

2. 개발 수행 일정

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

4 of 14

프로젝트 개요

01

Survey Plus 사이트 화면

프로젝트 개요

  • 프로젝트명 : PassOrder 음료 결제 / 매장 관리 서비스

  • 과정명 : 코리아 IT JAVA 웹개발 최종 프로젝트

  • 프로젝트 팀 : 1팀

  • 프로젝트 서비스 명 : PassOrder

  • 프로젝트 기간 : 2022.10~2023.03

  • 프로젝트 설명 :

특정 카페의 메뉴를 구매하고, 쿠폰 및 티켓을 발행하여 사용자에게 편의를 제공하는 웹 사이트. 또한 카페 사장은 메뉴 관리 고객 관리 매출 관리를 제공 받음.

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

5 of 14

화면 구성

01

메뉴 페이지

회원 가입

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

6 of 14

화면 구성

01

관리자 주문 관리

장바구니 / 결제 화면

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

7 of 14

화면 구성

01

관리자 마이페이지

사용자 마이 페이지

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

8 of 14

프로젝트 개요

01

개발 수행 일정

02월 10일

주제선정 및 사전 발표준비

02월 11일

데이터베이스 테이블 정리

02월 12일

layout html + index html / css 시작

02월 13일

register page html / css, 작성 시작함(user, admin)

02월 14일

로그인 기능 구현시작, security config, principal detail 구현

02월 15일

register page html / css 완료, �회원 가입 기능 구현 완료, �user와 admin으로 구별하여 사용할 수 있음, 회원 가입 아이디 중복 체크 완료함

02월 16일

index page, login 성공 시 page html, css 작성

02월 17일

(로그인 + 회원가입) account 구현 완료(merge)

02월 18일

user-mypage html 시작 / 완료

02월 19일

admin-mypage html 시작

02월 20일

로그인 성공 시 성공 페이지로 전환 기능 구현

02월 21일

성공시 inner html 입력하여 환영 메시지 적용함,�데이터베이스 테이블 컬럼 일부 수정(FK 관련)

02월 22일

user-mypage js 작성 시작

02월 23일

admin-mypage html 완료

02월 24일

uesr-modify js 작성 시작

02월 25일

user-modify 기능 구현

02월 26일

admin-mypage 주문관리 html 작성

02월 27일

menu page(admin, user) html, css 작성

02월 28일

admin-mypage 주문관리 html / css 완료,�admin-mypage 주문관리 js 시작

03월 01일

admin-mypage 주문관리 js 완료

03월 02일

index, login-success js 시작 / 완료(header onclick 이벤트)

03월 03일

css 중간 다듬기

03월 04일

회원 가입 아이디 중복 체크 완료함

03월 05일

coupon api, service, repostiory 작성하여 결제된 totalprice 를 이용하여 등급과 쿠폰 개수를 설정 및 구현함

03월 06일

menu page js 작성 시작, menu api를 통해 메뉴들의 category를 그룹화 하여 들고 와서 카테고리 버튼을 구현함

user menu에서 cart 버튼을 누르면 팝업이 생성되고 내부 선택 값에 따라 cartMst, cartDtl값을 생성함

like api 작성완료

03월 07일

cart html 시작

03월 08일

admin 회원정보 수정 및 café정보 수정 api 작성완료

03월 09일

cart html 완료 / js 시작

03월 10일

admin menu modify popup html, css, js 작성 함

03월 11일

cart 기능 구현 완료 + 결제 기능 추가,�각 페이지 간 연결

03월 12일

관리자 매출 관리 page html, css, js 작성함, innerHtml 로 구현함,

03월 13일

like 기능 구현, css 디자인 최종 수정 + 발표 준비

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

9 of 14

프로젝트 시연

02 개발 과정 소개

1. 팀원 구성 및 역할

2. 주요 코드 리뷰

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

10 of 14

개발 과정 소개

팀원 역할

02

1

공동

김경민

박창우

장혜민

데이터 베이스 설계

API 명세서 작성

UI 구상

Register(user, admin)

Admin Modify

LIKE Service

Login Security�Cart & Payment

Admin Profit

Admin Menu

User / Admin Mypage

Cart & Payment

User Modify

Order Management

MainPage

User Menu

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

11 of 14

주요 코드 리뷰(1)

02

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

12 of 14

주요 코드 리뷰(2)

02

1

에 메뉴 담기

2

DB의 cartMst에도 새로운 cart_id 2개가 생성

3

버튼 클릭 - 결제 완료 시

동시에 3가지 작업이 이루어 짐

cartList가 비워짐

orderMst에서 새로운 order_id가 생성

orderDtl에서

새로운 order_dtl_id가 생성

동시에 3가지 작업이 이루어 짐

버튼 클릭 - 결제 완료 시

User - Cart page에 cartList가 생성

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

13 of 14

회고

프로젝트 진행 과정에서 java 기초에서

부족한 부분들을 많이 느낄 수 있었습니다.

좀 더 많은 복습을 해두었더라면

하는 후회가 생겼습니다.

또한 간단하게만 보였던 기능들을

막상 구현하려고 하니

쉽게 저절로 되는것이 하나도 없다는

깨달음을 얻을 수 있었습니다.

마지막으로 팀원들과 함께 하는것에서

때로는 의견을 통일하고, 각자의 생각을 서로에서

설명하고 설득하는것이 가장 중요함을 깨달았습니다.

ⓒSaebyeol Yu. Saebyeol’s PowerPoint

14 of 14

감사합니다

ⓒSaebyeol Yu. Saebyeol’s PowerPoint