1. 개요

회원, 수강 신청과 상태, 영상마다 본 위치와 학습 완료, 수업 노트, 자료 받은 기록, 강의 구성은 브라우저에 저장됩니다. 운영 화면에서 올린 영상 파일도 브라우저 안에 저장되어, 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 카드 결제창 연결과 입금 자동 확인, 메일·문자 알림, 수료증, 운영자 로그인과 권한 나누기, 영상 복제 방지, 여러 기기에서 같은 계정을 쓰는 서버 저장.

2. 과제

1. 신청한 사람만, 정해진 기간 동안 보게 한다.

입금이 확인되기 전에는 영상이 열리면 안 되고, 기간이 끝나면 닫혀야 합니다. 그래도 맛보기 영상은 로그인 없이 볼 수 있어야 신청이 늘어납니다.

2. 그림 수업은 한 번에 끝까지 보지 않는다.

붓을 들고 따라 그리다 멈추고, 며칠 뒤 다시 켭니다. 멈춘 곳에서 이어 보고, 어디까지 했는지 한눈에 보여야 끝까지 갑니다.

3. 운영자는 누가 어디까지 왔는지 알아야 한다.

입금 확인, 기간 연장, 진도 확인을 엑셀과 메신저로 따로 하면 빠지는 사람이 생깁니다. 신청부터 진도까지 한 화면에서 보고, 강의 순서와 영상도 직접 고칠 수 있어야 합니다.

3. 화면 구조

수강생 화면(클래스·내 강의실·강의실)과 운영 화면(수강 신청·진도·강의 편집)을 주소로 나눴습니다. 수강 신청은 클래스 상세 안에서 열리고, 신청 → 입금 확인 → 강의실 순서로 같은 신청 건이 넘어갑니다. 뒤로 가기와 새로고침에도 보던 화면에 머뭅니다.

4. 주요 기능

강의실 — 이어보기와 학습 완료

영상을 보다 멈추면 본 위치가 저장되고, 다시 들어오면 "0:08부터 이어서 재생합니다"와 함께 그 자리에서 시작합니다. 90% 이상 보면 학습 완료로 표시되고 옆 커리큘럼의 체크와 진도 막대가 바로 바뀝니다. 영상마다 수업 노트를 적어 두면 자동으로 저장되고, 클래스 연습지를 내려받을 수 있습니다.

수강 신청과 입금 확인

입금자명을 적어 신청하면 신청번호(DC-날짜-순번)와 입금 계좌가 나오고, 그동안 영상은 잠겨 있습니다. 운영자가 입금 확인을 누르면 그날부터 90일 동안 수강이 열리고, 기간 연장·취소도 기록으로 남습니다. 기간이 끝난 수강생은 "기간 만료"로 바뀌고 다시 신청하면 진도가 그대로 이어집니다.

강의 편집 — 순서·공개·영상 올리기

파트 안에서 영상 순서를 위아래로 바꾸고, 미리보기와 공개 여부를 영상마다 정합니다. 영상 파일을 올리면 길이를 읽어 바로 공개되고, 파일 없이 추가한 영상은 "영상 준비 중"으로 두어 공개할 수 없게 막습니다. 영상이 아닌 파일이나 200MB가 넘는 파일은 받지 않습니다.

수강생 진도와 CSV 내려받기

수강생마다 완료한 영상 수와 비율, 마지막으로 본 영상과 시각, 자료 받은 횟수, 남은 기간을 한 줄로 봅니다. 강의별로 거르고, 보고 있는 목록을 CSV 파일로 내려받습니다. CSV는 엑셀에서 한글이 깨지지 않게 저장합니다.

• 내 강의실신청한 클래스마다 상태, 진도, 끝나는 날과 남은 일수를 보여 줍니다. "이어보기"를 누르면 마지막으로 보던 영상으로 바로 가고, 입금 전 신청은 여기서 취소합니다.
• 미리보기와 잠긴 영상클래스마다 첫 영상은 로그인 없이 볼 수 있습니다. 나머지 영상은 로그인 전·입금 전·기간 만료에 따라 다른 안내와 함께 잠기고, 영상 파일도 불러오지 않습니다.
• 회원 가입·로그인이름·이메일·비밀번호로 가입합니다. 빈칸, 이메일 형식, 이미 가입된 이메일, 8자 미만 비밀번호, 약관 미동의를 각각 다른 문장으로 알려 줍니다. 로그인하면 보던 화면으로 돌아가고, 비밀번호는 입력한 글자 그대로 저장하지 않습니다.
• 클래스 목록과 상세난이도로 거르고 추천순·가격 낮은순·영상 짧은순으로 정렬합니다. 수강 중인 클래스에는 표시가 붙습니다. 상세에는 소개·준비물·파트별 커리큘럼과 영상 길이를 적고, 옆 상자는 신청 상태에 따라 버튼이 바뀝니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 19가지: 난이도 거르기·가격순 정렬 · 로그인 없이 미리보기 재생과 나머지 잠김 · 회원 가입 입력 확인과 중복 이메일 막기 · 가입 후 내 강의실 · 수강 신청과 신청번호 발급 · 입금 전 영상 잠김 · 운영 입금 확인으로 수강 시작 · 새로고침 뒤 내 강의실 조회 · 본 위치 저장과 이어보기 · 끝까지 보면 학습 완료와 진도 반영 · 수업 노트 저장과 유지 · 학습 자료 내려받기 · 진도표와 CSV 내려받기 · 강의 순서 바꾸기와 준비 중 영상 공개 막기 · 영상 파일 올려 공개하고 새로고침 뒤 재생 · 틀린 비밀번호 막기와 로그인 · 입금 전 신청 취소와 상태 유지 · 수강 기간 30일 연장 · 이어보기와 뒤로 가기

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)

휴대폰: 첫 화면 표시 1.2초 · 가장 큰 요소 표시 2.2초 · 화면 흔들림 0.001 · 입력 막힘 0ms PC: 첫 화면 표시 0.4초 · 가장 큰 요소 표시 0.6초 · 화면 흔들림 0.004 · 입력 막힘 0ms

7. 결과