키오스크와 직접 접촉하지 않아도 카메라만을 이용하여 동작할 수 있는 키오스크 입니다.
데모 페이지
❗️[ 크롬 브라우저 사용, 카메라 권한 허용 ] 필수❗️
키오스크 사용에 어려움이 있는 사용자들에게 추천되는 주문 방식입니다. 일반 주문 보다는 글씨와 메뉴 카드를 크게 배치 하였습니다. 버튼의 배치는 시선이 가장 자연스러운 위 -> 아래 로 배치하였으며, 버튼들은 모두 버튼이라는 것을 인지시키기 위하여 영역이 확실하도록 구분했습니다. 쉬운 주문 모드에서는 옵션 선택은 따로 없으며, 메뉴 선택시 기본 옵션의 메뉴가 선택됩니다.
키오스크 사용 시 사용자의 얼굴을 인식하여 성별, 연령대 정보를 추출합니다. 현재 사용자의 주문한 날짜, 시간대, 성별, 연령대 정보를 바탕으로 가장 주문 가능성이 높은 메뉴를 카테고리별로 3개씩 추천해줍니다. 메뉴 추천은 나이브 베이지안 방식이 사용됐습니다.- 클라이언트 : React.js
- 서버 : Node.js (Express.js)
- 손 인식 : tensorflow.js, @MediaPipe/hand.js
- 데이터베이스 : csv 파일 사용
- db(csv 파일) 제작 : python
$ git clone https://github.com/hsj-96/untactkiosk2
$ cd untactkiosk2
$ cd front $ npm install $ cd ../server $ npm install
$ cd front $ npm run start