플러스프로젝트 배경
온라인 교육 플랫폼 개발·운영 경험을 바탕으로 만든 학원·교육기관용 강의 시스템 데모입니다. 수강생은 차시 영상을 보고 수료 조건을 채워 수료증을 출력하고, 관리자는 수강생 진도와 독려 대상, 차시별 이탈 구간을 확인합니다. 기관명과 수강생 데이터는 모두 가상입니다. 1. 문제점 - 영상을 건너뛰어도 진도율이 올라가 실제 학습 여부를 알 수 없음 - 누가 학습을 멈췄는지 관리자가 일일이 찾아야 함
프로젝트 성과
시청 구간 기반 진도
재생한 구간만 쌓아 진도율을 계산하고, 건너뛴 구간은 빗금으로 보여 줍니다.
수료 조건과 수료증
전 차시 90% 시청과 평가 통과를 체크리스트로 보여 주고, 충족하면 수료번호가 들어간 수료증을 인쇄합니다.
독려 대상과 이탈 구간
7일 이상 미접속이거나 진도가 낮은 수강생을 골라 독려 문자를 보내고, 차시별로 가장 많이 빠져나간 구간을 표시합니다.
핵심 기능
강의 보기
차시 영상, 재생 속도, 이어보기, 시청 구간 표시
진행 단계
화면 설계
2026.10.
수강생과 관리자의 업무 흐름을 나눠 화면을 설계했습니다.
프로젝트 상세
1) 포트폴리오 소개 학원·교육기관용 온라인 강의와 수료 관리 시스템 데모입니다. 2) 작업 범위 - 기획, 디자인, 프론트엔드 개발 (1인) - 반응형 웹 3) 주요 업무 - 시청 구간 기반 진도 계산과 이어보기 - 수료 조건, 평가, 수료증 출력 - 관리자 진도 현황, 독려 대상, 이탈 구간 통계 - 수강생 이름 마스킹 4) 주요 수치 - 강의 5차시, 수강생 12명 - 차
