딥러닝 모델을 이용한 수화 교육 웹 어플리케이션-Handlang(2)

DSC EWHA에서 2019.9~2020.8 까지 진행한 팀프로젝트로, 딥러닝 모델을 이용한 수화 학습 웹 어플리케이션입니다. 이 포스팅에서는 웹에 관련된 것을 다룹니다.


Handlang - ASL(American Sign Language) Education by using deep learning model


딥러닝으로 학습된 수화 인식 모델을 바탕으로 알파벳, 숫자에 해당되는 수화를 학습 및 연습 할 수 있는 웹 어플리케이션입니다.


Wireframe - Figma

image

Figma를 사용하여 팀원들과 홈페이지 와이어프레임을 구상하였습니다.


Flask

웹 개발 초보자에게 비교적 쉬운 Flask를 사용하여 구현하였습니다.

Model Deploy

  • 학습시킨 모델을 불러오는 법
1
2
3
4
5
6
...
from keras.models import load_model

...
model = load_model('model/handlang_model_4.h5') # 지문자 모델
model2 = load_model('model/su_adamax.h5') # 숫자 모델

Ajax

웹캠으로 받은 이미지를 실시간으로 Detect해야하기 때문에 페이지를 새로 고치지 않아도 데이터를 로드할 수 있는 Ajax를 사용하였습니다.

Translation

한글/영어 버전의 웹페이지를 구현하기 위해 flask_babel을 사용했습니다.

Study & Quiz

image image image image


Team Handlang

Project Github Link