Skip to content

2021 졸업작품 : 스마트 키오스크용 웹앱 MIKI

Notifications You must be signed in to change notification settings

dev-dain/graduate-Project-miki

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

스마트 키오스크 MIKI미키

image


설명

  • H&B 스토어 맞춤형 키오스크 '미키'는 상품 검색부터 온라인 쇼핑에서만 볼 수 있는 상품 디테일, 장바구니, 결제, 테스트 등의 서비스를 고객에게 제공하는 작품이다.
  • 스마트 미러 기능을 포함해 직접 테스트하지 않아도 가상으로 색조 화장품 테스트를 할 수 있도록 한다.
  • 또한 자판이 없는 키오스크 특성상 편리하게 음성으로 상품을 검색하도록 했다.

개발환경 & 스택

  • 디자인 : figma
  • 프론트엔드 : Javascript, TypeScript, SCSS
  • 백엔드 : Spring Boot, MySQL, AWS EC2
  • 기타 : ml5.js (얼굴 인식), p5.js (음성 인식), selenium (웹페이지 크롤링)

설계

image

디자인

image figma를 사용하여 웹앱 디자인을 마쳤다. 담당 김다인, 김다은.

기능

  • 음성 인식을 통한 검색
  • 얼굴 인식을 통한 화장품 가상 테스트
  • 상품 검색 및 디테일 확인
  • 상품의 별점과 후기 확인
  • 현재 위치와 가까운 다른 매장 정보 제공
    • 어떤 상품이 품절일 경우, 근처의 다른 매장의 해당 상품 재고 정보를 제공합니다.
  • 가상 장바구니/결제 시스템

시연 영상

유튜브 링크

사진

요약 이미지 홈 화면 메인 화면 음성 인식 검색 상품 브라우징 상품 페이지 장바구니 페이지

About

2021 졸업작품 : 스마트 키오스크용 웹앱 MIKI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 29.5%
  • Java 26.0%
  • HTML 22.2%
  • CSS 12.3%
  • TypeScript 8.9%
  • SCSS 1.1%