GAON 가온 : (Gather As One Network)

---

삼성 청년 SW 아카데미 2학기 공통 프로젝트

---

목차

• 프로젝트 소개
• 사용 기술
• 기능 설명
• 프로젝트 명세
  • 산출물
  • 배포 환경
  • 개발 환경
  • Design Resources
  • 핵심 라이브러리

프로젝트 소개

• 대상 : 학생 & 선생님 ( 교육 , 학습용 )
• 배경 : 코로나가 길어지고 온라인 수업이 많아지고 있다.
• 문제점
  • 기존의 플랫폼들은 단순 화상회의만을 위한 플랫폼이지 수업을 위한 플랫폼이 아니다.
  • 그래서 다음과 같은 문제들이 발생한다.
  1. 웹액스, 구글미트 등의 대부분의 화상회의 플랫폼은 학생이 방에 접속하려면 링크를 눌러야한 한다. 즉 매일 접속해야하는 수업이더라도 해당 링크를 매일 눌러주어야 참여할 수 있다.
  2. 선생님이 출석 체크를 따로 해야한다. 수업용 플랫폼이 아니기 때문에 출석체크 기능이 존재하지 않는다.
  3. 과제 제출을 위해 다른 플랫폼을 추가로 사용해야 한다.
  • 이와 같은 문제들로 대부분의 온라인 수업에서 화상미팅 프로그램 과제 제출용 플랫폼 카카오톡, mattermost 등 소통용 플랫폼 등 여러 플랫폼을 동시에 사용하고 있다.
• 해결책
  • 화상수업, 과제제출, 출석체크 + 다양한 부가기능 등의 수업을 위한 기능을 한번에 제공하는 웹 사이트를 제공하자!

---

사용 기술

• Front-end
  • Vue.js
  • Element-plus
• Back-end
  • Spring Boot
  • JPA + Quserydsl
  • Swagger
  • MySql
• 기타
  • Docker Compose
  • OpenVidu
  • AWS

---

기능 설명

• 회원 관리
  1. 구글 로그인/로그아웃
  2. 회원관리 (가입 수정 삭제)
• 방 기능
  1. 파일 자료 공유 ( 게시판 )
  2. 출석 확인
• 방 관리
  1. 방 만들기
  2. 방 참여
  3. 방 정보 수정
• 회의 관리
  1. 화상회의
  2. 채팅
• 회의 부가 기능
  1. 개인알람 보내기
  2. 출석체크 (출석부란, 수동체크 → 현재 미접속인 애들 자동체크되어있다) 좀 편하게
  3. 접속현황 : 현재 미접속인 애들, 접속인애들 분리해서 보여주기
  4. 상단에 플로팅알람 띄우기 (플로팅에 타이머도) (ex 발표할때 시간넘으면 컷트)

---

프로젝트 명세

산출물

DB ERD

화면정의서

화면정의서.pdf

---

개발 환경

Front-end / Android

• Framework : Vue.js
• 지원 환경 : Web
• 담당자 : 김채연, 왕호진, 정대진

Back-end

• Framework : Spring boot + jpa/querydsl
• Database : MySQL
• 담당자 : 김민정, 오수형

Design

• Framework 사용 : O
  • Element Plus