Learning Capture
비대면 강의영상을 빠르게 캡쳐하고 기록할 수 있는 웹서비스 Github
기능
- 강의 영상 플레이어
- 재생속도 조절 (x0.5 ~ x2.0)
Shift + Space로 재생 또는 일시정지- 초단위 이동 (이전:
Shift + Ctrl/ 이후:Shift + Alt)
- 화면 캡처 및 필기
Ctrl + Q로 현재 화면 캡처- 필기내용 입력
Ctrl + Enter로 저장
- 수정 및 삭제
- 오른쪽에서 필기목록에서 해당 캡처 선택
- 캡처 또는 필기내용 수정 / 삭제
- 필기내용 출력
- 한 페이지에 최대 4개의 화면캡처 자동정렬
특징
- Django가 제공하는 Built-in 기능들의 적극적인 활용
- ORM을 활용해 스키마 및 쿼리 생성
- Class-based Views 상속 위주의 간결한 개발
- 간단한 CRUD는 Django Admin Site를 통해 처리
- Frontend 프레임워크 없이 jQuery만으로 구현
- 이유? 개발 당시 jQuery를 가장 잘 활용할 줄 알았기 때문
- AJAX로 캡처화면 및 필기를 업로드/조회
- 동적 생성 요소는 HTML 소스코드 수준으로 조작
STAR
- Situation 강의자료가 제공되지 않는 수업의 불편함
- 평소 PPT를 출력해서 수업 중에 새롭게 언급된 내용만을 기록
- PPT가 없는 경우 강의 화면의 내용까지 모두 기록
- 또한 사진이나 도표를 별도로 저장하기에는 번거로움
- Task 필기에 온전히 집중할 수 있는 서비스 구상
- 강의 영상의 캡처화면 저장을 통해 필기할 내용 감축
- 재생, 캡처, 필기를 키보드로만 조작하여 손 움직임 최소화
- 페이지 새로고침을 최소화하여 공부 흐름 유지
- Action 캡처와 필기를 편리하게 할 수 있는 기능 개발
- Django의 Built-in 기능들로 Backend를 간결하게 구현하고 Frontend 개발에 집중
- Keydown EventListener를 통해 단축키 기능 적용
- 최초 렌더링 이후 화면 변경은 AJAX를 통해 동적으로 처리
- Result 공부 부담 경감 및 학습 효율 향상
- 필기 시간 1/2 단축
- 깔끔한 출력기능으로 수월하게 복습
- (+ 비대면 강의 증가에 따른 서비스 활용가치 상승)