설치도, 로그인도 없이 표준을 그대로 담아냅니다
브라우저에서 강의를 만들고 SCORM 1.2 · SCORM 2004 · cmi5 표준 패키지로 그대로 내보냅니다. 미리보기는 실제 LMS가 쓰는 화면과 동일합니다.
- 0단계
- 강의 구조 · 코스~블록
- 0종
- 콘텐츠 블록
- 0종
- 시작 템플릿
- 0종
- SCORM 표준 지원
강의를 만들 때마다
반복되던 문제들
편집기에서는 괜찮았는데, LMS에 올리니 레이아웃이 깨져요
제작 화면과 실제 재생 화면이 같은 렌더링 로직을 쓰지 않아서 생기는 문제입니다. 저작도구는 두 화면이 항상 동일한 결과를 내도록 만들어졌습니다.
SCORM 규격을 매번 다시 찾아봐야 해요
imsmanifest.xml 생성, API 연동, suspend_data 처리 같은 표준 규격은 도구가 대신 처리합니다. 강의 내용에만 집중하면 됩니다.
진도율이 왜 저렇게 찍히는지 알 수가 없어요
차시별 표준 학습시간과 완료 조건을 직접 설정하므로, 진도가 어떤 기준으로 계산되는지 제작 단계에서부터 분명하게 알 수 있습니다.
왜 이 저작도구인가
클라우드 계정도, 별도 녹화 프로그램도 필요 없습니다. 강의 설계부터 표준 패키징까지 한 화면 안에서 끝납니다.
서버 없이, 로그인 없이
회원가입이나 구독 없이 바로 시작합니다. 강의는 내 PC의 .course.json 파일로 저장되어 외부 서버로 전송되지 않으므로, 완성 전 콘텐츠가 외부에 노출될 걱정이 없습니다.
만든 그대로 보인다
에디터의 미리보기는 실제 LMS가 콘텐츠를 그리는 것과 동일한 렌더러를 그대로 재사용합니다. "미리보기와 실제 배포본이 다르다"는 문제가 구조적으로 없습니다.
표준을 있는 그대로
SCORM 1.2, SCORM 2004, cmi5(xAPI) 세 가지 표준을 자체 구현한 러닝타임으로 패키징합니다. SCORM Cloud 등 실제 플랫폼에 올려 완료·진도·점수·이어보기를 검증했습니다.
촬영부터 배포까지 한 도구에서
화면·웹캠 녹화, 자막, 구간재생, 품질 점검, 표준 패키징까지 별도 프로그램을 오가지 않고 이 프로그램 하나로 끝냅니다. 분량이 짧은 마이크로러닝 제작에도 적합합니다.
제작 화면이 곧 학습 화면입니다
에디터의 미리보기는 실제 LMS가 콘텐츠를 그리는 것과 동일한 렌더러를 그대로 재사용합니다. "미리보기와 실제 배포본이 다르다"는 문제가 구조적으로 없습니다.
- 동일한 렌더러를 제작·학습 화면에 그대로 재사용
- 레이아웃이 LMS에서 깨지는 문제 원천 차단
- 차시 진행률 · 완료 조건도 미리보기에서 그대로 확인
코스 · 모듈 · 차시 · 블록
모든 강의는 네 단계로 조립됩니다. 이 중 차시가 SCORM이 완료 여부·진도·점수를 기록하는 최소 단위이고, 모듈은 추적 없이 차시를 묶는 순수 조직 단위입니다.
하나의 SCORM·cmi5 패키지 전체 — 내보내기의 단위
챕터 단위 구성 — 추적되지 않는 순수 조직 계층
SCORM SCO — 완료 · 진도율 · 점수가 기록되는 단위
텍스트 · 영상 · 퀴즈 등 실제 콘텐츠 조각
설계 원칙: 진도 보고 단위를 명확히 하기 위해 "완료를 어디까지 쪼갤 것인가"는 모듈이 아니라 차시 단위로 결정합니다. 모듈은 얼마든지 자유롭게 나누어도 성적·진도 데이터에는 영향을 주지 않습니다.
9종 콘텐츠 블록
차시 안에서 블록을 순서대로 배치해 화면을 구성합니다. 블록을 조합하는 순서와 종류에는 제한이 없습니다.
텍스트
서식이 적용된 본문 설명
강조 박스
주의사항이나 핵심 내용을 시각적으로 분리해 강조
아코디언
세부 내용을 접고 펼치는 단계적 정보 공개
표
수치·비교 데이터 정리
오디오
음성 설명 또는 내레이션 삽입
다운로드
실습 자료·참고 문서 등 첨부파일 제공
이미지
도표·사진 등 시각 자료
영상
자막(.vtt) · 포스터 이미지 · 구간재생 · 챕터를 지원하는 영상 플레이어
평가
퀴즈·문항을 연결하고, 합격 결과를 SCORM 성적 데이터로 보고
표준을 자체 구현한 이유
SCORM(Sharable Content Object Reference Model)은 이러닝 콘텐츠와 LMS가 완료 여부·진도율·점수·이어보기(재개)를 주고받기 위한 통신 표준입니다. 이 표준을 정확히 지키지 못하면, 강의는 문제없이 재생되더라도 LMS에는 결과가 전혀 기록되지 않을 수 있습니다.
| 표준 | 통신 방식 | 주요 특징 |
|---|---|---|
| SCORM 1.2 | JavaScript API (LMSSetValue 등) | 가장 널리 보급된 규격, 단순하고 호환성이 넓음 |
| SCORM 2004 | JavaScript API (SetValue 등), 시퀀싱 | 상세한 진도·상호작용 기록과 학습 순서 제어 |
| cmi5 (xAPI) | xAPI 문장(statement) 전송 | 모바일·오프라인 등 차세대 학습 환경까지 포괄하는 최신 규격. Watershed 같은 LRS(학습기록저장소)와 바로 연동됩니다 |
외부 라이브러리에 기대지 않음
범용 SCORM 런타임 라이브러리를 가져다 쓰는 대신, SCORM 1.2 · SCORM 2004 · cmi5 각 표준의 API와 데이터 모델을 독립 패키지로 직접 구현했습니다. 특정 LMS의 까다로운 동작에 맞춰 빠르게 대응할 수 있는 구조입니다.
실제 LMS로 검증
자동화된 E2E 검증에 더해, SCORM Cloud · Moodle · NUGUNA · Watershed 등 실제 플랫폼에 업로드해 완료 처리 · 진도율 · 점수 · 이어보기가 정확히 기록되는지 확인하는 절차를 거칩니다.
검증 이력의 예: SCORM Cloud 업로드 시 발생했던 "IO Error"를 LMS가 요구하는 zip 포맷에 맞춰 수정해 해결했고, 평가에 합격한 차시가 passed / failed 상태로 정확히 보고되도록 다듬은 이력이 있습니다. 표준 문서를 따르는 것과, 실제 LMS에서 통과하는 것은 다른 문제라는 전제로 검증을 반복합니다.
바뀌는 부분만 바뀌는 구조
강의 콘텐츠는 코어(구조·렌더링·추적)와 껍데기(저장 방식, 배포 대상)로 나뉘어 있습니다. 두 영역이 분리되어 있어, 필요한 부분만 바꿔 확장할 수 있습니다.
블록 조합은 전적으로 자유
9종 블록(텍스트·이미지·영상·퀴즈 등)을 차시 안에서 원하는 순서·개수로 배치합니다. 정해진 레이아웃에 콘텐츠를 끼워 맞추는 방식이 아닙니다.
템플릿은 출발점일 뿐
6종 시작 템플릿은 뼈대일 뿐 고정 양식이 아닙니다. 빈 코스에서 시작해 나만의 표준 구성을 새로 만들 수도 있습니다.
표준은 필요한 만큼만 선택
배포 대상 LMS 환경에 맞춰 SCORM 1.2 · SCORM 2004 · cmi5 중 필요한 표준만 골라 내보낼 수 있습니다.
코어와 껍데기의 분리
강의 구조 · 렌더링 · 추적 로직(코어)과 저장 · 자산 방식(껍데기)이 분리된 구조입니다. 지금은 로컬 파일 저장 방식이지만, 이 분리 구조 덕분에 향후 서버 연동이 필요해져도(예: 사내 온프레미스 연동) 코어를 건드리지 않고 껍데기만 교체하는 방식으로 확장할 수 있도록 설계되어 있습니다.
현재 버전은 로컬 실행에 집중되어 있으며, LMS 서버 연동은 로컬 버전이 충분히 안정화된 이후 별도로 검토되는 항목입니다.
기획자도, 강사도 바로 시작합니다
코딩 지식이나 별도 툴 학습 없이, 템플릿을 고르고 블록을 채우기만 하면 강의가 완성됩니다. 화면을 함께 보며 바로 리뷰하고 수정할 수 있습니다.
- 개발 지식 없이 템플릿 → 블록 채우기만으로 완성
- 팀원과 화면을 보며 바로 리뷰 · 수정
- 완성 즉시 SCORM 패키지로 내보내기
목적에 맞춘 6가지 뼈대
빈 화면에서 시작하지 않아도 됩니다. 자주 쓰는 강의 구성을 템플릿으로 골라 채우기만 하면 됩니다.
빈 코스
모듈 1 · 차시 1, 블록 없이 완전히 비어있는 상태에서 시작
표준 강의
도입 → 본문(영상) → 정리, 3단 구성의 기본형
영상 중심
차시마다 영상과 설명으로 구성된 3강 세트
영상 + 목표·퀴즈
학습목표 제시 → 영상 3강 → 확인 퀴즈로 마무리
퀴즈 포함
학습 차시 + 평가 차시(샘플 문항 포함)
정규 6단계
도입 · 학습목표 · 본문 · 요약 · 퀴즈 · 정리로 이어지는 정형화된 흐름
템플릿 선택부터 배포까지, 12단계
기획 · 제작 · 다듬기 · 배포, 네 단계로 묶었습니다. 표준 규격 지식이 없어도 순서대로 따라가면 됩니다.
기획
템플릿 선택
6종 템플릿 중 목적에 맞는 것을 고르거나 빈 코스에서 시작합니다.
구조 설계
모듈·차시 구성을 강의 목표에 맞게 배치합니다.
제작
영상 제작
화면·웹캠 녹화 또는 기존 영상을 업로드합니다.
영상 다듬기
자막·구간재생·챕터를 추가합니다.
본문 채우기
9종 블록으로 차시 내용을 구성합니다.
평가 구성
퀴즈·문항을 연결하고 합격 기준을 설정합니다.
다듬기
완료 규칙 · 재생 정책
차시 완료 조건과 영상 재생 방식을 설정합니다.
인트로 추가
강의 도입부 영상·화면을 삽입합니다.
미리보기 확인
실제 LMS와 동일한 화면으로 최종 점검합니다.
배포
품질 점검
누락·오류를 자동으로 검사합니다.
저장
.course.json / .courseproj.zip으로 로컬에 저장합니다.
내보내기
SCORM 1.2 · 2004 · cmi5 zip을 생성해 LMS에 업로드합니다.
일반적인 클라우드형 저작도구와 다른 점
| 항목 | 일반적인 클라우드형 저작도구 | 이 저작도구 |
|---|---|---|
| 시작하기 | 계정 생성 · 구독 결제가 필요한 경우가 많음 | 설치 · 로그인 없이 즉시 시작 |
| 데이터 위치 | 벤더 서버에 저장 | 내 PC의 로컬 파일로 저장 |
| 영상 제작 | 별도 녹화 프로그램을 오가야 하는 경우가 많음 | 에디터에 화면 · 웹캠 녹화가 내장 |
| 미리보기 | 별도 미리보기 엔진이라 실제 배포본과 미세하게 다를 수 있음 | LMS와 동일한 렌더러를 그대로 재사용 |
| 표준 대응 | 특정 표준 · 특정 LMS에 맞춰 조정하기 어려운 경우가 있음 | SCORM 1.2 · 2004 · cmi5를 자체 구현해 실LMS 이슈에 직접 대응 |
검증을 진행한 플랫폼
아래 4개 플랫폼을 대상으로 완료 처리 · 진도율 · 점수 · 이어보기 동작을 직접 검증하고 있습니다.