su-bro / gaon

[온라인 스쿨 웹] 화상미팅, 채팅, 접속현황 조회, 알림, 공지사항, 과제제출, 출석체크 등 온라인 수업을 위한 기능을 한번에 제공하는 싱글 페이지 어플리케이션

GAON 가온 : (Gather As One Network)

---

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

---

목차

• 프로젝트 소개
• 사용 기술
• 기능 설명
• 프로젝트 명세
  • 산출물
  • 배포 환경
  • 개발 환경
  • Design Resources

프로젝트 소개

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

---

사용 기술

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

---

기능 설명

• 회원 관리
  1. 구글 로그인/로그아웃
  2. 회원관리 (가입 수정 삭제)
• 방 기능
  1. 파일 자료 공유 ( 게시판 )
  2. 출석 확인
• 방 관리
  1. 방 만들기
  2. 방 참여
  3. 방 정보 수정
• 회의 관리
  1. 화상회의
  2. 화면공유
  3. 채팅
• 회의 부가 기능
  1. 개인알람 보내기 : 방장만 사용가능 / 멤버 화면 알람 아이콘을 클릭하여 알람을 송신
  2. 출석체크 : 해당 방 멤버 출석체크기능 접속중인 멤버는 출석에 체크되어있음 / 저장을 누르면 출석부 DB에 저장
  3. 접속현황 : 방 멤버들의 접속 현황 확인
  4. 공지사항 : 상단에 플로팅알람 띄우기 0 ~ 3600초간 유지되는 공지사항 / 남은시간도 같이 출력하여 타이머기능겸

---

프로젝트 명세

산출물

DB ERD

화면정의서

화면정의서.pdf

---

개발 환경

Front-end / Android

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

Back-end

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

Design

• Framework 사용 : O
  • Element Plus