1 of 29

박지은 김성연 방성호 황선호 김광채

2 of 29

2

3. 프로젝트 일정 관리 ········ 16

-1. WBS ····················································· 17

-2. Github Projects, Issues ······················ 18

4. 주요 기능 소개 ··················· 19

5. 데모 시연··································· 26

6. 후기 ··············································· 27

1. 프로젝트 개요 ················· 3

2. 시스템 설계 ······················ 7

-1. 요구 사항 정의서 ························· 9

-2. 화면 설계서 ·································· 11

-3. ER Diagram ································· 12

-4. API 설계서 ··································· 13

-5. 사용기술 ······································· 14

-6. 시스템 구조도 ······························ 15

3 of 29

프로젝트 개요

3

4 of 29

1. 프로젝트 개요

4

COVID-19으로 필수인 온라인 교육,

재택학습

ZOOM, Webex, Google Meets

5 of 29

1. 프로젝트 개요

5

단발적 화상회의

일방적인

강의

소통

단발적 화상회의

일방적인

강의

6 of 29

1. 프로젝트 개요

6

학습하고자 하는 사람들에게

비대면 온라인 화상 교육

플랫폼 제공이 목표

NICE TO MEET은

7 of 29

시스템 설계

7

8 of 29

2. 시스템 설계

8

서비스를�사용하는 주체의�시나리오 정의

시나리오에 따라�세부 요구사항 도출

요구사항 정의서

화면 설계서

사용자가�상호작용할 수 있는�화면 요소를 정의

API 설계서

프론트엔드, 백엔드, 데이터베이스를�연결하는 API 정의

서비스의 객체와�객체 사이의 관계를�정의

객체가 가지는�데이터 속성을 정의

E-R Diagram

각 마이크로서비스에�필요한 서버 인프라와�그 사이의 연결 관계를�도식화�

시스템 구조도

9 of 29

2-1. 요구사항 정의서

9

사용자 - 학생

사용자 - 강사

관리자

온라인�화상 수업으로

배우고 싶어요!

온라인

화상 수업으로

가르치고 싶어요!

회원 정보와�강의 정보를

간편하게

관리하고 싶어요!

10 of 29

2-1. 요구사항 정의서

10

사용자 (학생)

강의 생성

강의 수강 신청

화상 회의/채팅

회원 관리

강의실 관리

공지 게시판 게시글 조회

과제/질문/자료 게시판�게시글 조회, 작성, 수정, 삭제

공지 게시판�게시글 작성/수정/삭제

사용자 (강사)

관리자

강의 수강생 관리

댓글 조회, 작성, 삭제

11 of 29

2-2. 화면 설계서

11

12 of 29

2-3. ER Diagram

12

Table List

lecture
user
classroom
notice

notice_Replies

assignment

assignment_Replies

discuss

discuss_Replies

reference

reference_Replies

13 of 29

2-4. API 설계서

13

14 of 29

2-5. 사용 기술

14

15 of 29

2-6. 시스템 구조도

15

시스템 구조도는 다음과 같이 구성하였습니다.

micro service architecture를 활용하여 프로젝트를 진행하고자

msa 표준 구성요소에 따라 external gateway,service mesh, runtime platform으로 구조화 하였습니다.

external gateway는 api gateway를 통해 다양한 종류의 api를 호출하며 클라이언트가 시스템 내,외부 연계 등 다양한 형태로 접근할 수 있게 생성하였습니다.

service mesh 부분은 서비스단의 다양한 부분들이 서로 데이터를 공유하는 방식을 제어하기 위한 service discovery를 생성하여 하나의 인스턴스로 묶어 배포하게 되었습니다.

runtime platform 에선 필요한 서비스단이 api 게이트웨이를 통한 rest 기반의 메시지 교환 및 응집도를 높기 위해 독립적으로 설계하였습니다.

이러한 독립적 서비스들을 마이크로 서비스의 유연하고 탄력적인 서비스 배포를 위해 확장성과 표준성이 장점인 도커를 통해 배포했습니다. 즉 각 서비스를 하나의 컨테이너로 유연하게 실행하고 동일하고 다양한 환경에서 배포할 수 있게 구성하였습니다.

이러한 구조를 aws를 통해 배포하고자 하였기에 ec2를 통해 총 8개의 인스턴스를 생성했습니다. 그림과 같이 같은 배경색으로 묶인 서비스단들이 하나의 인스턴스에 묶여 배포하였으며 데이터베이스 같은 경우는 rds를 통한 배포를 하여 시스템 배포에 대한 구성을 마무리했습니다. 따라서 보시는 바와 같이 클라이언트가 프론트에 접속하여 요청을 보내면 api gateway를 통해 각 서비스의 필요한 데이터를 요청하고 필요한 데이터는 rds에 올려진 데이터베이스에서 저장하고 불러오는 구조로 시스템으로 설계하였습니다.

16 of 29

일정 관리

16

17 of 29

3-1. WBS

17

각 요구사항별 기능적 중요도와�예상 소요 시간을 고려하여�우선순위 부여

프로젝트 수행하는 각 날짜에�진행할 요구사항 표시,�프로젝트의 진행도�파악 가능��

18 of 29

3-2. GitHub Projects, Issues

18

ith+

GitHub Repository에�각 주차별 Milestone을 설정,�Milestone에서 완료할 issue 등록

Github Projects에�각 이슈를 Card로 등록,�TODO/InProgress/Done으로 분류,�업무 진행도 파악 및 관리

19 of 29

주요 기능 소개

19

20 of 29

4. 주요 기능 소개

20

NICE TO MEET

사용자는

온라인 강의실을 직접 만들 수도 있으며,

초대받은 강의에 참여 가능

21 of 29

4. 주요 기능 소개

21

NICE TO MEET

사용자는�자신이 수강하는 온라인 강의의�화상수업에 참여 가능

22 of 29

4. 주요 기능 소개

22

NICE TO MEET

사용자는�강의실의 게시판에서 게시글과 댓글로

다른 수강생과 소통가능

23 of 29

4. 주요 기능 소개

23

NICE TO MEET

강사는

자신의 강의에 수강신청한 학생을

확인하고 관리 가능

24 of 29

4. 주요 기능 소개

24

NICE TO MEET

관리자는

서비스에 가입한 회원의 정보와

서비스에 등록된 강의의 정보를

관리 가능

25 of 29

데모 시연

25

26 of 29

5. 데모 시연

26

https://youtu.be/tOWpIOcZ_PQ

27 of 29

후기

27

28 of 29

6. 팀원 후기

28

Frontend - 박지은

“ 팀원들과 활발한 소통으로 좋은 프로젝트를 만들고자 했습니다. 서로 지식을 공유하며 협업에 대해 배울 수 있었습니다. ”

Frontend

Backend - 김광채

“ 기본적인 MSA 구조의 클라우드 기반 애플리케이션을 구현해보는 값진 경험을 했습니다. ”

Backend - 김성연

“ 이번 프로젝트로 Spring이 무엇인지 어떻게 사용하는지 알게 되었습니다. ”

방성호

Frontend - 방성호

“ 시스템을 MSA 구조로 설계하고 구현하는 방법을 배웠습니다. ”

Backend - 황선호

“ MSA,AWS를 통한 서비스 구성 및 배포를 통해 즐겁게 프로젝트를 진행하였습니다. ”

29 of 29

29

감사합니다