프로젝트 소개

• 북쪽행성 Hompage
• YouTube
• Notion 개발 WIKI
• 북쪽행성은 온라인 발표환경에서 발표를 쉽게 할 수 있게 도와주는 서비스입니다.
• 청취자는 발표자의 비언어적 표현과 발표자료를 함께 볼 수 있어 정보를 더 효과적으로 전달받을 수 있습니다.

실행화면

• 발표 방(1)

• 발표 방(2)

주요 기능

• 발표 방
  • 발표자는 자신이 올린 발표 자료를 선택할 수 있습니다.
  • 발표자는 손 동작과 단축키를 이용해서 발표자료 넘기기, 이동하기, 크기 키우기, 크기 줄이기를 할 수 있습니다.
  • 발표자는 대본을 통해 발표를 더 효과적으로 할 수 있습니다.

모션인식

 * 오른손으로 넘기는 모션: 페이지 넘기기
 * 오른손을 다 펴는 모션: 페이지 크기 키우기
 * 오른손을 주먹쥐는 모션: 페이지 크기 줄이기
 * 왼손을 드는 모션: 모션인식 일시정지 / 다시 실행하기
 * 왼손을 화면 위쪽에 가져가는 모션: 페이지 위로 이동하기
 * 왼손을 화면 오른쪽에 가져가는 모션: 페이지 오른쪽으로 이동하기

단축키

* a: 페이지 왼쪽으로 이동하기
* w: 페이지 위쪽으로 이동하기
* d: 페이지 오른쪽으로 이동하기
* <-: 이전 페이지로 돌아가기
* ->: 다음 페이지로 넘어가기
* 0~4: 페이지 크기 조절하기

• 마이페이지
  • 발표 자료를 다양한 형식으로 올릴 수 있습니다. (PPT, PDF, GIF, PNG, JPG)
  • 발표자료를 수정하며 애니메이션을 적용하고, 대본을 작성할 수 있습니다.
  • 발표 연습 페이지에서 발표를 연습할 수 있습니다.

📌 목차

• 시작하기
  • 실행환경
  • 실행하기
  • 배포환경
  • 배포하기
• 역할
• 프로젝트 명세
  • 개발 환경
  • 시스템 아키텍쳐
  • 데이터베이스
  • 핵심 라이브러리
• 디렉토리 구조
• 서비스 상세
  • Controller
  • WebSocket
  • Router
  • 사용자 시나리오
  • 기타 라이브러리
  
  

시작하기

실행환경

• java 1.8.0_301
• lombok 1.18.20
• npm 6.14.13
• Intellij 2021.1.3
• VisualStudioCode 1.59.0
• Chrome 92.0

실행하기

• 보러가기✔

배포환경

• URL : https://k5a204.p.ssafy.io
• 배포 여부 : O
• 접속 가능 : 접속 가능
• HTTPS 적용 : O
• PORT : 8443

배포하기

• 보러가기✔

역할

김민지(FE, BE)

• 구글 소셜 로그인
• 링크로 발표방에 접속
• 대본

김애은(FE, BE)

• JPA
• 발표 자료 수정
• 다른 파일 형식 업로드
• 모션 인식

서영은(FE, BE)

• 대본
• 채팅
• 배포
• 디자인 및 css

손동우(FE, BE)

• 발표 자료 수정
• 다른 파일 형식 업로드
• 모션 인식
• 배포

윤주엽(FE)

• 발표 수정 페이지
• 발표 연습 페이지
• 채팅

프로젝트 명세

개발 환경

Front-end

• HTML5, CSS3, JS(ES6)
• Bootstrap5
• Vue.js, Vuex
• Visual Studio Code

Back-end

• Java
• Spring Boot, Spring MVC, Spring Data JPA
• Gradle
• MySQL
• Intellij

DevOps

• AWS EC2
• Nginx
• Docker

Collaboration

• Jira, Mattermost
• Gitlab, Sourcetree, GithubDesktop
• Notion

시스템 아키텍쳐

데이터베이스

핵심 라이브러리

• Kurento MCU 서버
  • 링크 : https://doc-kurento.readthedocs.io/en/latest/tutorials/java/tutorial-groupcall.html
  • 소개 : Kurento는 WebRTC 미디어 서버이자 WWW 및 스마트폰 플랫폼용 비디오 애플리케이션 개발을 간단하게 해주는 클라이언트 API입니다.
  • 사용 기능 : 그룹 화상 통화
• Kurento-Utils
  • 소개 :브라우저의 WebRTC API를 제어하기 위해 RTCPeerConnection 객체의 생성 및 처리를 단순화하는 데 사용된 자바스크립트 기반의 Kurento 유틸리티 라이브러리.
  • 사용 기능 : 발표자료 제어

디렉토리 구조

Frontend

• 보러가기✔

Backend

• 보러가기✔

서비스 상세

Controller

• 보러가기✔

WebSocket

• 보러가기✔

사용자 시나리오

• 보러가기✔

기타 라이브러리

• 보러가기✔