🎤 서비스 소개: (졸업작품: '21년 2학기 캡스톤 디자인 프로젝트)

서비스명: Learntube

누구나 쉽게 온라인 학습 시스템(LMS)를 활용하고,
다양한 양질의 Youtube 영상들을 교육용 컨텐츠로 활용할 수 있고,
자동 출결을 처리해주는 LMS 플랫폼입니다.

📅 개발기간:

2021.07 ~ 2021.12

✨ 사용한 기술스택:

HTML, CSS, JavaScript, Ajax, JSP, Spring, MyBatis, MariaDB

💻 팀원 및 담당파트

이예원 : ‘YouTube 동영상 강의컨텐츠 제작 및 관리’, '공지/강의 캘린더', '프런트엔드'
이진우 : ‘YouTube 동영상 강의컨텐츠 제작 및 관리’ 및 ‘구성원 초대 및 관리’
조하영 : '학생의 강의시청 기록을 통한 출결관리' 및 'Zoom csv파일을 통한 자동 출결관리'

2021년 2학기 캡스톤 페스티벌 Learntube 포스터

포스터 이미지 보기!! ← 클릭!!

😎 제가 맡은 파트 구현 화면은 다음과 같습니다:

1) Youtube 동영상 검색 및 동영상 짜깁기 :

(i) Youtube 동영상 검색

🔍 동영상 검색 후 선택 (왼쪽 목록) > 선택된 동영상 제목, 태그, 재생구간 설정 후 장바구니에 추가하기

(ii) Youtube 동영상 추가

🔍 장바구니에 담긴 여러 동영상들을 한꺼번에 저장하여 한 학습컨텐츠 강좌(Playlist)로 만들기

2) 학생 초대 및 학생 관리 :

(i) 구성원 관리

🔍 학생초대 방법: 학생초대 버튼 클릭하여 (초대 링크 복사하기) 강의실에 추가하고자 하는 학생들에게 링크 공유!

(ii) 강의실 학생 초대 페이지

🔍 초대된 학생에게 보여지는 페이지 > 여기서 학생은 '수강신청하기' 버튼을 통해 강의 신청 가능!

3) 자동출결처리 기능 (기획 및 구현 방법) :

< Zoom 화상강의 csv파일 등록 >

🔍 출결 인정 시작 시간과 끝 시간을 설정하고 Zoom CSV 파일 (온라인 화상 강의 참여자 기록)을 업로드하여 차시별 자동 출결 처리 가능!
🎉 (대략 3분~5분의 업무시간을 단 30초 이하로 단축!!)

캡스톤 프로젝트 (졸업 작품) 실제 레포지토리는 아래와 같습니다!

https://github.com/OnepageLMS/youtubePlaylist.git

구현 화면 (전체):

로그인

대시보드

공지

캘린더

강의컨텐츠

강의컨텐츠 상세페이지

Youtube 동영상 검색

Youtube 동영상 추가

교육컨텐츠 (Playlist) 관리

선생님 출결/학습현황:

Zoom 화상강의 csv파일 등록:

학생 출석/학습현황

구성원 관리

강의실 학생 초대 페이지

(학생) 강의실 신청 현황