인공지능캡스톤디자인 계획서

캡스톤디자인 번호	2022-01
캡스톤디자인 분야	웹
캡스톤디자인 지도교수	노기섭 교수님
캡스톤디자인 명	(국문) 사진을 이용한 웹기반 퀴즈 게임(WITH)
	(영문) Photo WebOS Quiz Game
캡스톤디자인 책임자	팀 명		WITH – WhatIsTHis (1팀)
	학 과		인공지능소프트웨어학과
	성 명					학 번
	휴대폰					E-mail
캡스톤디자인 세부현황	번 호	세부역할			성 명		전 공		학 번
	1	영상처리
	2	웹코딩 및 DB작성
	3	웹코딩 및 DB작성
캡스톤디자인 수행기간	2021년 3월 21일부터 2021년 6월 14일 까지(12주)
2021년도 캡스톤디자인을 성실히 수행하고자 캡스톤디자인 계획서를 제출합니다. 2021 . 03 . 25 . 캡스톤디자인 책임자 인공지능소프트웨어 전공PD 귀하

1. 요약서

※ 본 요약서는 캡스톤디자인 전체에 대한 요약서임. 캡스톤디자인 전체의 총괄적인 내용을 위주로 간략하게  1page 이내로 작성함

캡스톤디자인 번호	2022-01
캡스톤디자인 명	사진을 이용한 웹기반 퀴즈 게임
캡스톤디자인 책임자

○ 캡스톤디자인 목표

현재 캐치마인드나 끝말잇기, 갈틱폰 등 사용자들과 간단한 게임을 플레이하는 사이트들이 있다. 앞의 예시 사이트들과는 다르게 우리는 영상처리 기술을 이용해서 사진을 변형하여 좀 더 어렵거나 난해한 퀴즈를 내고 맞추는 새로운 웹 게임을 구상하였다.

○ 캡스톤디자인 내용

퀴즈를 위한 퀴즈 이미지 예시 데이터를 저장하여 랜덤한 문제를 낸다. 같은 사진이더라도 외곽선만 출력하거나 일부분을 출력하는 방법을 포함한 여러 가지 변형을 이용하여 문제를 어렵게 내고 이를 본 사용자가 맞춘 순서 시간에 따라 점수가 달라지는 게임을 구상하였다. 사이트에 있는 퀴즈 데이터뿐만 아니라 사용자가 사진을 찍어 업로드를 할 경우 새로운 퀴즈를 만들어서 풀 수도 있다. 문제점이나 개선해야 할 사항이 있다면 점차 보완하여 게임의 완성도를 높인다.

○ 캡스톤디자인 개발에 따른 기대성과

현재 코로나19로 인해 외부에서 만나기 힘든 상황이다. 하지만 이 게임은 어디서나 손쉽게 플레이를 할 수 있으며 친구들과의 소통을 하고 친해지는 계기가 될 수 있다. 또한 전연령층이 즐길 수 있는 게임으로 변형된 사진을 보고 재치와 순발력으로 푸는 방식으로 색다른 접근을 할 수 있으며 상상력을 키울 수 있다. 더 나아가 교육 분야로 진출할 수 있을 것이라고 생각한다.

캡스톤디자인 계획서

캡스톤디자인 명 : WITH (What Is THis? - 사진 퀴즈 게임)

캡스톤디자인 책임자 :

1. 캡스톤디자인의 필요성

현재 코로나19가 심해지는 환경에서 여러 사람들과 만나는 것이 힘들다. 게다가 게임의 추세는 정형화된 게임이 많고 거기서 파생된 게임이 많다. 그로 인해 새로운 시도는 점점 적어지는 추세이고 비슷한 장르의 게임이 주를 이루고 있다. 우리가 구상한 What Is This(WITH)는 간단한 게임으로 전연령층이 쉽게 즐길 수 있는 게임이다. 누구나 손쉽게 접근할 수 있는 게임으로 별도의 다운로드 없이 즐길 수 있다. 공개방에서는 다양한 사람들과 친해지는 계기가 되고 초대방에서는 지인들과 서로 소통할 수 있다. 사람들과의 소통이 힘들고 새로운 게임이 적은 추세에서 간단하면서 접근성도 좋은 새로운 게임을 만들고자 하여 이러한 게임을 구상하였다.

2. 캡스톤디자인의 목표 및 내용

가. 캡스톤디자인 디자인 목표

요즘 갈틱폰, 캐치마인드 등과 같이 웹사이트 기반으로 간단하게 즐길 수 있는 게임들도 많다. 또한 인터넷이 활발해지고 코로나19로 인하여 온라인에서 사람과 접하는 경우가 많아지는 추세이다. 그래서 웹사이트에서 간단한 게임을 통해 사람들과 접할 수 있는 게임을 생각하였다. 디자인은 간편함과 접근성을 위하여 단순하지만 눈에 잘 들어오는 UI로 구성한다. 또한 별도의 로그인없이 별명을 만들어서 사용자와 손쉽게 플레이 하는 방식이다. 이를 활용하여 단순한 게임만이 아니라 전연령층이 즐길 수 있으며, 교육 및 친밀감을 도모하는 목적을 갖고 프로젝트를 구상하였다.

나. 캡스톤디자인 내용

	사용자들은 별도의 로그인없이 생성된 방에 들어가거나 초대코드를 이용하여 방에 참가한다. 게임을 플레이하면 중앙에 사진이 나오고 타이머가 흐르며 현재 사진의 모습과 가장 비슷한 답을 고르는 방식이다. 또한 문제에서 제공되는 사진뿐만 아니라 사용자가 직접 사진을 찍으면 규격에 맞게 자른 후 영상처리를 이용하여 변형된 사진이 문제로 출제된다.

3. 캡스톤디자인의 추진전략 및 체계

웹개발프레임워크, 서버, DBMS, IDE, 협업 툴을 이용하여 진행한다.

2. 웹페이지를 제작하고 목적에 맞는 영상처리 소스코드를 작성한다. 작동이 순조롭게 될 때까지 수정 및 보완작업을 실행한다.

3. 작품이 완성되면 담당 교수님께 보여주고 피드백을 받아서 추가적인 수정 및 보완 또는 문제점들을 적절하게 조치한다.

4. PPT에 일부코드 및 작동영상을 보여주어 제품의 완성도를 전달한다.

5. 작품이 완성되면 제품을 홍보한다. 좋은 아이디어로 채택되면 더 많은 테마를 만들고 타 OS에서도 호환가능하게 개발한다.

4. 캡스톤디자인의 기대효과 및 활용방안

요즘 게임의 추세는 정형화된 게임이 많고 거기서 파생된 게임이 많다. 그로 인해 새로운 시도는 점점 적은 추세이고 비슷한 장르의 게임이 주를 이루고 있다. 또한 현재는 4차 산업혁명의 시기로 전세계 사람들이 온라인으로 손쉽게 만날 수 있다. 이러한 세상에서 저희 팀은 What Is This(WITH)라는 간단한 게임으로 전세계의 전연령층이 할 수 있는 게임을 구상하였다. 간단한 조작법과 UI를 통해 남녀노소 불문하고 가볍게 즐길 수 있으며 새로운 소통 방안으로 활용할 수 있다. 게다가 누구나 손쉽게 접근할 수 있는 게임으로 별도의 다운로드 없이 초대코드만을 이용하여 다른 공간에서도 서로 소통할 수 있다. 사람들과의 소통이 힘들어지고 새로운 게임이 적어지는 추세에서 간단하면서 접근성도 좋은 새로운 게임을 만들고자 하여 이러한 게임을 구상하였다. 이로 인해 친구들과의 친밀감이 형성되고 간단한 사진 퀴즈를 통해서 순발력과 재치를 키울 수 있다.

교육 프로그램도 디지털화하는 시점에서 사진을 통한 퀴즈 풀이 게임은 여러 가지 사진을 보고 맞추는 방식으로 유아층 및 초등교육에서의 교육적 기대효과를 볼 수 있다.

6. 작업분할 구조도(WBS, Work Breakdown Structure)

7. 소요장비 및 재료

장비 및 재료 명	규격	수량	용 도	비 고
개인용 컴퓨터 (PC)		3	작업
웹 브라우저 (Chrome)		3	정보 및 자료 검색
한컴오피스 한글 2010		3	문서 작성
Microsoft Power Point		3	PPT 제작
PyCharm		3	소스코드 작성
git, github		3	소스코드 공유 및 프로젝트 진행
anaconda		3	소스코드 작성 및 개발환경
Django		3	가상환경
MariaDB		3	DB
discord		3	팀원 간 연락
스마트폰		3	팀원 간 연락
ovenapp		3	전체적인 UI 구상
aws		1	웹서버 가동

8. 캡스톤디자인 추진일정 계획

	세부 추진 내 용				추 진 일 정 (월)
					3	4	5	6
WITH (퀴즈 게임)	1	환경 구축	Django	지식 습득
	2			구축
	3		DB, 서버	지식 습득
	4			구축
	5	프로그래밍	메인화면
	6		유저기능
	7		인게임
	8		영상처리
	9	웹 UI	디자인
	10		적용
	11	최종수정	최종수정

물품명 및 가격	스펙 및 부품	주소
총액	0원

9. 구매 품목

캡스톤디자인 지도교수 동의서

번호	학번	성명	연락처	비고
1
2
3

위의 학생(들)에 대한 캡스톤디자인 지도교수 선임에 다음과 같이 동의합니다.

- 다              음 -

전 공	직 위	지도교수 성명	날 인
인공지능 소프트웨어	교수	노기섭	노기섭

2022년   03월   25일

청주대학교 인공지능소프트웨어 전공PD 귀하