Skip to content

AIVLE-BigProject-15/Kiisu-Kiosk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


📌 키슈(Kiosk IS YOU) : 모두를 위한 키오스크

2022.11.28 ~ 2023.01.05 KT AIVLE 충남/충북 15조 빅프로젝트
'키슈(Kiosk IS YOU)'는 키오스크에 익숙치 않은 노년층이나 장애가 있어 사용에 어려움을 겪는 사람 등을 위해 개발되었습니다. 고령층을 위한 간단 UI, 장애인용 모바일 어플리케이션을 통해 모든 사람이 이용할 수 있는 키오스크 서비스입니다. 또한 인공지능 모델을 통해 사용자의 연령대를 추측하여 그에 따른 추천 메뉴를 제공하는 등 다양한 기능을 구현하였습니다.

로고

image

조원 소개

  • AI충남/충북1반 2조[15조]

최재혁(조장), 김수빈, 김유민, 이시영, 이지호, 조진호, 황재윤

목차

  1. 개발 배경 및 목적

  2. 기능 및 UI/UX

  3. 서비스 FLOW

  4. Service Architecture

  5. DB 설계

  6. 개발 환경

  7. 설정 및 구동


1. 개발 배경 및 목적

🍀 '키오스크로부터 소외당하는 구성원이 없는 사회를 위하여'
우리는 패스트푸드점, 은행 등 각종 서비스 업체를 중심으로 무인 주문 시스템인 '키오스크(Kiosk)'를 자주 접할 수 있다. 키오스크가 어떤 이들에게는 편리와 경제적 이익을 가져다주지만, 또 다른 사람들에게는 쓸모 없는 고철 덩어리에 불과할지도 모른다. 높은 연령대 고객의 경우 키오스크의 복잡한 UI로 인해 사용에 어려움을 겪고 있다는 사실이 각종 매체를 통해 끊임없이 보도된다. 또한 시각장애인 고객은 키오스크의 UI를 인식할 수 없으며, 휠체어를 탄 고객도 높낮이 조절이 안되어 터치 주문이 어렵다는 문제점도 꾸준히 제기되고 있다.
따라서 본 프로젝트는 이러한 문제점들을 인식하고 다양한 특성을 가진 고객들이 주문을 원활히 할 수 있는 키오스크 서비스를 개발하는 것에 목적을 둔다.



  • 나이가 많아도 👵👴
    • AI 모델이 사용자의 안면 인식을 통한 연령대 추측 수행
    • 40대 이상일 경우 간편 UI로 화면 전환


  • 장애가 있어도 👨‍🦽👩‍🦯
    • 장애인용 모바일 어플리케이션 제작
    • 시각 장애인: 스마트폰 내 스크린리더 기능을 활용해 청각적 요소 추가
    • 휠체어 이용자: 키오스크의 높이와 관계 없이 스마트폰을 이용해 주문 가능


  • 점주를 위해서도 🙏
    • 장애인차별금지법 개정안: 공공기관은 1년 이내 민간 기관은 최대 2년 이내에 배리어프리 키오스크를 의무적 도입
    • 하지만 배리어프리 키오스크의 가격은 일반 제품의 6~7배이므로 소상공인 점주의 부담이 증가
    • 기기 교체 없이 기존 키오스크의 문제점을 해결하기 위한 소프트웨어를 제작


2-1. 키오스크🖥: 기능 및 UI/UX

서비스 주요 기능 보기 🍽

📌 홈 화면

image

📌 연령대 추측

image

  • 인공지능 모델을 통해 사용자의 연령대를 추측


📌 추천 메뉴 화면

  • 앞에서 예측한 연령대에 따른 추천 메뉴


📌 일반 메뉴 UI



📌 고령자를 위한 간편 UI



📌 주문 내역 확인 페이지

image

📌 신용카드 결제중

image

📌 주문 완료 페이지

image



2-2. 장애인 전용 어플📱: 기능 및 UI/UX

서비스 주요 기능 보기 😎

📌 홈 화면

image

📌 연령대 추측

image

  • 인공지능 모델을 통해 사용자의 연령대를 추측


📌 메뉴 화면

  • 앞에서 예측한 연령대에 따른 추천 메뉴


📌 메뉴 상세 화면



📌 장바구니

  • 좌: 장바구니에 아무것도 없을 때
  • 우: 장바구니에 메뉴를 담은 모습


📌 결제 화면

image

  • 결제 API 사용해 여러 결제 수단 구현

📌 결제 완료!

image


3. 서비스 FLOW

  • 주요 기능 Flow

image

4. Service Architecture

아키텍쳐

5. DB 설계

  • ERD Kiosk Is U ERD

6. 개발 환경

  • Front-End

    HTML CSS JS Bootstrap
    html css js bootstrap
  • Back-End and Cloud

    Python Django SQLite
    pngwing com pngwing com (1)
  • Application

    Flutter Dart Firebase
  • Etc

    VS Code Microsoft Teams GitLab Redmine
    pngwing com (4)


7. 설정 및 구동

Install requirements

pip install -r requirements.txt

SSLServer 설정 및 구동

  • Key 파일 생성
openssl genrsa 1024 > django.key
  • CRT 파일 생성
openssl req -new -x509 -nodes -sha256 -days 365 -key django.key > django.crt
  • runsslserver
python manage.py runsslserver 0.0.0.0:8443 --certificate django.crt --key django.key