🚈Curi@us

Can U Respond In @ Subway emergency?
지하철 내에서 언제 일어날지 모르는 재난 상황을 대비한 상황 체험 및 안전 교육 서비스

🚀프로젝트 소개

📆진행 일정

22.10.10(월) ~ 22.11.18(금) (총 6주)

📅WBS

• Sub pjt1 - 기획 : 프로젝트 아이디어 도출, 주제 구체화, 기능 요구 명세서 작성
• Sub pjt2 - 설계 : 와이어프레임, 프로젝트 구조, 시나리오 구체화, 사용 기술 스택 선정
• Sub pjt3 - 개발 : 기능 구현, 배포, 통합 테스트, UCC, 발표

🤝팀

🦘거루 (홍주성)	‍🐱‍🏍히로 (김영웅)	🐸페페 (송예림)	🦥지크 (장종훈)	🐣뀨 (조성규)	🦅MK (최명권)
팀장, 백엔드, 프로젝트 관리, 유니티 서버	부팀장, 배포, 메타버스 door movement, 상호작용	팀원, 백엔드, REST API, 3D 모델링, 메타버스 대기맵	팀원, 프론트엔드 테크리더, 회원관리, 메타버스 UI,Fire	팀원, 프론트엔드, 메타버스(particle, UI, highlight, 소화기, collider 충돌처리, 상호작용)	팀원, 프론트엔드, 디자인, UCC, 3D 모델링

🏁목표

• 프로젝트 일정을 Jira를 이용해 체계적으로 관리하여 주어진 업무를 효율적으로 마무리하는 것을 제일의 목표로 합니다!
• 팀원 모두 역할을 균등 분배하여 메타버스 환경을 구축하고자 합니다!

🤔기획 의도

우리 일상 속에서 많은 위기 상황이 일어날 수 있습니다. 화재 대비 소방 훈련은 속한 조직에서 받고 있지만, 다른 상황을 대비한 훈련은 미비할 수 밖에 없습니다. 이를 메타버스를 활용한 체험을 통해 비상 상황에서 대처법을 기르고자 주제로 선정했습니다.

🎯서비스 대상

유치원, 학교 등의 교육기관 및 회사 등의 단체 조직

🎨 UI/UX

서비스 대상이 다양한 나이대이기때문에 누구나 쉽게 사용할 수 있고, 안전 교육 서비스인만큼 간단하고 단순한 UI/UX를 구성하였음

⚙ Technical

🕹유니티

지하철 맵 구성, 비상상황 시 필요한 오브젝트 구현, 상호작용 모션 구현

🖼프론트엔드

카카오 / 네이버 / 구글 소셜로그인, 유니티 배포를 위한 webgl 사용

📡백엔드

카카오 / 네이버 / 구글 소셜로그인, 회원관리 API

🛠기술 스택

• 세부내역

구분	기술스택	상세내용	버전
공통	형상관리	GitLab	-
		PlasticSCM	-
	이슈관리	Jira	-
	커뮤니케이션	Mattermost	-
		Notion	-
FrontEnd	HTML5
	CSS3
	JavaScript(ES6)
	Vue	Vue	3.2.13
	pinia
	IDE	Visual Studio Code	1.70.1
BackEnd	Java	OpenJDK	11
	Build	Gradle	7.5
	Spring	Boot	2.7.4
		Security	2.7.4
		OAuth2	2.7.4
	API Docs	Swagger2	2.9.2
	DB	Mysql	8.0.30
		Spring-Data-jpa	2.1.10
	IDE	IntelliJ	22.1.3
Server	AWS EC2	GNU/Linux	5.4.0-1018
	배포	Docker	20.10.17
		Jenkins	2.346.2
	WebServer	Nginx	1.18.0

📬배포 방법

• [링크 참조]

💼기획/설계

📑기능 요구 명세서

페이지별로 기능을 구체화하여 유저 스토리를 토대로 기능을 작성하고 기능 세부사항과 조건, 특이사항, 구현 우선순위를 지정하였음

🧩와이어프레임

피그마를 활용하여 작성함

🎞시나리오 구체화

여러 회의를 거쳐가며 비상상황 시나리오와 오브젝트를 구체화함

🧾에셋 리스트

메타버스 환경 구현에 필요한 에셋 리스트들을 작성한 후 회의를 통해 검토함

🛰프로젝트 관리/운영

🗂프로젝트 디렉토리

🖼프론트엔드	📡백엔드

📢Jira

🧾Notion

🙋‍♀️데일리 스크럼

🔍코드 리뷰

📱서비스 구현 내용

🕹주요 기능

🎡 메타버스 환경

⛑ 안전교육 학습

🖼 오브젝트 구현