고객이 QR-Code로 모바일 주문하고 점주가 POS로 실시간 관리할 수 있는 음식점용 통합 시스템 구축
- 프로젝트명: Kible: 음식점 QR-Code 모바일 주문 시스템
- 목표: 고객이 QR-Code로 모바일 주문하고 점주가 POS로 실시간 관리할 수 있는 음식점용 통합 시스템 구축
- 작업기간: 2021年01月01日 ~ 2021年11月26日
- 총 인원: 2명
- 인력구성: PM·FullStack-1명, FullStack-1명
- 대다수의 패스트푸드점이나 카페 같은 곳에서는 COVID-19를 기점으로 Kiosk를 확충함.
- 일반음식점은 테이블에서 태블릿을 활용하여 주문하는 시스템이 보급되고 있음.
- 테이블에서 태블릿을 활용하여 주문하는 시스템의 경우, 점주의 입장에서 관리 및 비용적인 부분에 많은 투자를 필요로 함.
- 네이버 주문과 같은 서비스의 경우 이 프로젝트와 맥락은 같으나, 식사를 하면서 추가 주문을 하고, 최종적으로 결제를 하게 되는 일반음식점의 환경과 맞지 않음.
- QR코드를 스캔하여 모바일로 주문할 수 있는 Mobile 환경 제작
- 주문을 실시간으로 수신하고, 관리할 수 있는 POS 시스템 제작
- Mobile과 POS 간의 양방향 실시간 통신 및 데이터 관리를 위한 Sever 제작
| Period | Phase | Key Tasks |
|---|---|---|
| 2021.01 ~ 02 | 선행 연구 |
• React Library 연구 • Express Framework 분석 • ORM 학습 |
| 2021.03 ~ 04 | 프로젝트 설계 |
• UI/UX 및 ERD 설계 • FE / BE Architecture 설계 |
| 2021.05 ~ 08 | 프로젝트 구현 |
• FE(POS, Mobile) & BE 개발 • HTTP 통신 및 Logging 시스템 구축 |
| 2021.09 ~ 10 | 실시간 통신/배포 |
• Socket.IO 기반 실시간 기능 구현 • AWS EC2, NGINX 배포 (SSL 적용) • Docker 기반 Database 컨테이너화 |
| 2021.11 | 유지보수 |
• QA 및 버그 수정 • 의존성 관리 및 서버 보안 강화 |
| POS 메인화면 | 메뉴 관리 화면 |
|---|---|
| POS Main Page | Menu Manage Page |
| 메뉴 선택 및 찜목록(카트) 화면 | 주문서 및 결제 화면 |
| Menu Select & Cart Page | Order Sheet & Payment Page |
| 메뉴 선택 화면 | 찜목록(카트) 화면 | 주문서 화면 |
|---|---|---|
| Menu Select Page | Cart Page | Order Sheet Page |
| Domain | Method | Endpoint | Description |
|---|---|---|---|
| TableMgnt | GET | /api/table-mgnt |
전체 테이블 목록 조회 |
| POST | /api/table-mgnt |
테이블 정보 등록 (table_no, table_name) | |
| MenuMgnt | GET | /api/menu-mgnt |
전체 메뉴 관리 목록 조회 (가격, 재고 포함) |
| SOCKET | /api/menu-mgnt |
메뉴 관리 조회 시 실시간 이벤트 전송 (GET /api/menu-mgnt Success) | |
| MenuSlct | GET | /api/menu-slct |
전체 메뉴 목록 조회 (가격, 재고 포함) |
| SOCKET | /api/menu-slct |
메뉴 조회 시 실시간 이벤트 전송 (GET /api/menu-slct Success) | |
| POST | /api/menu-slct |
메뉴 등록 (이름, 가격, 재고) | |
| PATCH | /api/menu-slct |
메뉴 재고 수정 | |
| DELETE | /api/menu-slct |
메뉴 삭제 | |
| WishList | GET | /api/wishlist/{table} |
특정 테이블의 위시리스트 목록 조회 |
| SOCKET | /api/wishlist |
위시리스트 조회 시 실시간 이벤트 전송 (GET /api/wishlist Success) | |
| POST | /api/wishlist/{table} |
테이블에 메뉴 추가 (기본 수량 1) | |
| PATCH | /api/wishlist/{table} |
위시리스트 메뉴 수량 변경 | |
| DELETE | /api/wishlist/{table} |
특정 메뉴 삭제 | |
| DELETE | /api/wishlist/reset/{table} |
테이블 위시리스트 전체 초기화 | |
| OrderSheet | GET | /api/ordersheet/{table} |
특정 테이블의 주문 목록 조회 |
| SOCKET | /api/ordersheet |
주문 조회 시 실시간 이벤트 전송 (GET /api/ordersheet Success) | |
| POST | /api/ordersheet/{table} |
테이블에 주문 메뉴 추가 | |
| PATCH | /api/ordersheet/{table} |
주문 메뉴 수량 변경 | |
| DELETE | /api/ordersheet/{table} |
테이블 주문 내역 전체 삭제 | |
| DailySales | GET | /api/dailysales |
일일 메뉴별 판매 내역 조회 (총 매출 포함) |
| SOCKET | /api/dailysales |
일일 매출 조회 시 실시간 이벤트 전송 (GET /api/dailysales Success) | |
| POST | /api/dailysales |
메뉴별 일일 판매 수량 등록 | |
| PATCH | /api/dailysales |
메뉴별 일일 판매 수량 수정 | |
| DELETE | /api/dailysales |
일일 매출 데이터 전체 초기화 |
이현준 GitHub
이현준
PM, FullStack, UI/UX설계, 문서화
PM, FullStack, UI/UX설계, 문서화
김준기 GitHub
김준기
FullStack, ERD설계, 자료조사
FullStack, ERD설계, 자료조사
Copyright © 2021 KibleLab. All rights reserved.