Code Monkey home page Code Monkey logo

su-bro / gaon Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 83.58 MB

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

Dockerfile 0.16% Java 34.43% JavaScript 5.14% HTML 0.27% Vue 57.29% CSS 0.83% Shell 1.88%
spring-boot vue mysql docker-compose aws-ec2 querydsl-jpa openvidu elementplus

gaon's Introduction

GAON 가온 : (Gather As One Network)


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


목차


프로젝트 소개

  • 대상 : 학생 & 선생님 ( 교육 , 학습용 )
  • 배경 : 코로나가 길어지고 온라인 수업이 많아지고 있다.
  • 문제점
    • 기존의 플랫폼들은 단순 화상회의만을 위한 플랫폼이지 수업을 위한 플랫폼이 아니다.
    • 그래서 다음과 같은 문제들이 발생한다.
    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

ERD

화면정의서

화면정의서.pdf


개발 환경

Front-end / Android

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

Back-end

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

Design


gaon's People

Contributors

chaeyeonkim0223 avatar co323co avatar jungdaejin23 avatar su-bro avatar wanghojin avatar

Watchers

 avatar

Forkers

deeby

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.