🥋 TAFFY

Taekwondo Academy For Foreigner You
외국인들은 위한 태권도 교육 플랫폼

🚩 목차

1. 프로젝트 배경

2. 프로젝트 개요

• 프로젝트 기간

• 구성원

• 기술 아키텍쳐

• ERD 다이어그램

• MOCK UP

• 포팅메뉴얼

• 기능의 특장점

• 기술의 차별점

3. 주요 기능

• 품새 교육

• 품새 심사

• 겨루기

4. 사용법

---

🖼️ 프로젝트 배경

태권도는 특별한 장비 없이 접근할 수 있는 스포츠로, 덕분에 다양한 국가에서 올림픽 태권도 메달을 획득하여 태권도에 대한 관심이 높아지고 있습니다.

이러한 관심의 증가를 기회로 삼아, 태권도를 배우고 싶어하는 외국인들을 위해 언제 어디서나 태권도를 접할 수 있는 환경을 제공하고자 합니다.

🐕 프로젝트 개요

🗓️ 프로젝트 기간

2024.07.02(화) - 2024.08.15(목)
기획 및 설계 : 2024.07.02. ~ 2024.07.12. (2주)
개발 : 2024.07.15. ~ 2024.08.15. (5주)

👨‍👩‍👧‍👦 구성원

🛠️ 기술 아키텍쳐

💾 ERD 다이어그램

🧸 MOCK UP

TAFFY Figma

🛳️ 포팅메뉴얼

포팅 메뉴얼

기능의 특장점

1. 한/영 변환

• 글로벌 유저 타깃으로 한영 변환해 서비스 이용 가능

2. 품새 교육 및 심사

• media pipe를 통한 신체 관절 키포인트를 확인해 동작 정확도 판별
• 스테이지 별 품새 전체 및 개별 동작 교육
• 사용자 동작을 인식해 스테이지 별 품새 심사 기능

3. 겨루기

• OpenVidu와 AI 모션 인식을 통한 겨루기 게임
• 공격/수비 턴을 바꿔가며 태권도 동작을 활용해 게임 진행
• WebSocket을 이용한 상대방 초대 및 퀵 스타트 버튼으로 상대 유저와 겨루기 진행

4. 마이페이지

• 사용자가 성공한 품새 심사 스테이지 확인
• 닉네임 / 캐릭터 / 국적 변경
• 겨루기 승률 확인

기술의 차별점

1. OpenCV, mediapipe를 활용하여 Keras 모델을 통해 직접 모션인식 AI 모델 제작

2. 웹 환경에서 AI 모델을 사용하기 위해 tensorflow.js로 변환하여 모델 탑재

3. Openvidu와 AI 모델을 함께 사용하기 위해 CDN으로 제작하여 모델 사용

4. WebRTC를 활용하여 실시간 겨루기 대결 가능

---

🎈 주요 기능

🌏 다국어 지원

전세계인의 태권도 접근성을 위해 한국어, 영어 등 다국어 기능 지원, 더 많은 언어 추가예정

👨‍🎓 품새 교육

학습된 AI모델 품새의 개별 동작과 전체 동작을 학습할 수 있습니다.

개별 동작 교육

전체 동작 교육

💯 품새 심사

품새 교육에서 임의의 품새의 전체 교육을 성공하면 해당 품새를 심사 받을 수 있습니다. 심사를 통과하면 해당 품새에 해당하는 띠를 얻을 수 있습니다.

🏆 겨루기

다른 유저와의 화상통신을 통해, 주어진 동작을 먼저 정확하게 수행하여 겨룹니다.

퀵 스타트

초대 기능

겨루기 진행 및 결과

마이페이지

---

❓ 사용법

준비물
웹캠이 탑재된 노트북 또는 웹캠이 연결된 데스크탑

TAFFY 사이트로 이동