1. 프로젝트 개요

1) 프로젝트 목표 ✨

WebRTC를 활용한 아이들의 협동심을 증진시키고, 몸짓과 그림을 사용해 소통하는 방식을 배워 감수성을 증진시킬 수 있는 게임 서비스 개발

2) 주요 기능 ⚙

1. 마이페이지에서 자신의 게임 전적, 승률 및 로봇 상태 확인
2. 직접, 랜덤으로 구분된 게임방 입장 가능
3. Quick Draw 데이터셋을 이용한 답안 자동 인식
4. Fabric js을 이용한 그림판 기능
5. 게임 진행 상황에 맞는 자동 레이아웃 변경 및 소리 제어

3) 전체 일정 📅

23.01.09 ~ 23.02.17 (6주)

기간	내용
01.09 ~ 01.16	아이디어 선정 및 요구사항 분석
01.17 ~ 01.20	기능 명세서, 와이어프레임, REST API 작성
01.25 ~ 01.29	회원가입, 로그인 등 회원 서비스 개발
01.30 ~ 02.13	Openvidu 커스텀, Quick Draw 모델 학습 등 게임 개발
02.13 ~ 02.15	버그 수정
02.16 ~ 02.17	서비스 배포 및 유지보수

4) 구성원 🥰

• 신대득: 팀장, 백엔드 개발 및 Git 관리자
• 김윤미: 백엔드 개발 및 Jira 관리자
• 서영탁: 백엔드 개발 및 Git 관리자
• 원채령: 프론트엔드 개발 및 발표자
• 이수연: 프론트엔드 개발 및 서기
• 이은혁: 프론트엔드 개발 및 UCC 제작자

2. 프로젝트 설계

1) 피그마

2) 개발환경

Backend	Frontend	CI	Collaboration Tools
Java 11	Vue3	AWS EC2	GitLab
Spring Boot Gradle	Javascript	Docker	Jira
Spring Data JPA	Vuetify3		Notion
Lombok	node.js (v18.13.0)		Discord
JWT	fabric.js
Spring Security
MySQL
Openvidu 커스텀

3) 아키텍처

4) REST API

5) Git

3. 프로젝트 소개

1) 회원가입

2) 마이페이지

3) 닉네임 변경

4) 로그아웃

5) 방 생성

6) 방 입장(직접 입장)

7) 방 입장(바로 입장)

8) 준비 상태

9) 방장 변경

10) 채팅

11) 게임 진행

12) 결과 페이지