1 of 11

Adobe Captivate

HTML5 → SCORM 가이드

콘텐츠 제작·게시부터 웹페이지(LMS) 업로드까지

SCORM 패키지(ZIP) 제작 및 업로드 방법

2 of 11

전체 흐름: 5단계로 SCORM 패키지 완성

2

STEP 1

콘텐츠 준비

웹 콘텐츠를 Captivate에 담는 방식 결정

STEP 2

프로젝트 제작

슬라이드·퀴즈 구성 또는 Web Object 삽입

STEP 3

SCORM 설정

Reporting 활성화, 버전·완료 기준 지정

STEP 4

HTML5 게시

Zip Files 옵션으로 패키지(ZIP) 생성

STEP 5

업로드·검증

웹페이지에 업로드 후 학습자 화면에서 확인

최종 산출물 imsmanifest.xml이 포함된 SCORM ZIP 패키지 1개 → 웹페이지(LMS)에 그대로 업로드

Adobe Captivate HTML5 → SCORM 가이드

3 of 11

시작 전 확인할 3가지

3

지원하는 SCORM 버전

업로드할 웹페이지(LMS)가 SCORM 1.2 또는 SCORM 2004 중 무엇을 지원하는지 확인합니다. 요구 버전에 맞춰 Captivate에서 선택해야 합니다.

업로드 방식과 보안

SCORM ZIP 업로드를 지원하는지 확인합니다. https 환경이라면 콘텐츠에 넣는 외부 URL도 https여야 실행됩니다.

추적 요구사항

단순 열람 완료만 추적할지, 퀴즈 통과·점수까지 보고할지 정합니다. 이 결정이 이후 Reporting 설정을 좌우합니다.

Adobe Captivate HTML5 → SCORM 가이드

4 of 11

STEP 1. 웹 콘텐츠를 Captivate에 담는 두 가지 방법

4

방법 A. Web Object 삽입

방식

Objects > Web에서 URL을 입력해 슬라이드에 웹페이지를 표시

장점

빠르게 적용, 기존 웹페이지 그대로 활용

제한

외부 사이트가 iframe 삽입을 막으면 표시되지 않음. https LMS에서는 http 페이지 불가

적합

단순 열람, 참고 자료 화면

방법 B. 슬라이드로 재구성

방식

텍스트·이미지를 슬라이드에 옮기고, 필요하면 화면 녹화·PPT 가져오기 활용

장점

퀴즈·인터랙션 추가, 진도·점수 추적이 안정적

제한

콘텐츠를 옮기는 제작 시간이 필요

적합

학습 이수·점수 관리가 필요한 콘텐츠

추적이 필요하다면 B를 권장합니다. A는 외부 URL에 의존하므로 원본 사이트 변경이나 접속 불가의 영향을 받습니다.

Adobe Captivate HTML5 → SCORM 가이드

5 of 11

STEP 2. SCORM 리포팅 설정

5

1

Quiz > Quiz Preferences 열기

(또는 Edit > Preferences > Quiz > Reporting)

2

Enable reporting for this project 체크

3

LMS 목록에서 Other Standard LMSs 선택

4

Standard에서 SCORM 1.2 또는 SCORM 2004 선택

업로드할 웹페이지(LMS)가 요구하는 버전과 일치시킵니다

5

Configure 클릭 → Manifest 정보 입력 후 OK

코스 식별자·제목 등 매니페스트 정보를 설정합니다

알아두기

  • SCORM 1.2는 아직 많은 LMS가 사용하는 가장 보편적인 버전입니다.
  • OK를 누르면 매니페스트 파일이 만들어집니다.
  • 메뉴 이름은 Captivate 버전에 따라 조금 다를 수 있습니다.

Adobe Captivate HTML5 → SCORM 가이드

6 of 11

완료 기준과 보고 데이터 설정

6

설정 항목

권장 설정

의미

Success/Completion Criteria

Slide views and/or quiz

열람 또는 퀴즈를 완료 기준으로 사용 (대부분 이 옵션)

퀴즈 연동

Quiz 체크 + Quiz is Passed

퀴즈를 통과해야 완료 처리

Data to Report

Quiz Score → Percentage

점수를 백분율로 LMS에 보고

Quiz > Settings

Required (퀴즈 필수)

퀴즈를 풀어야 다음으로 진행

Interaction Data

필요할 때만 선택

문항별 응답 데이터까지 보고

퀴즈를 통과해야 완료 처리되도록 설정하면, 퀴즈를 통과하지 못한 학습자는 미완료로 기록됩니다.

Adobe Captivate HTML5 → SCORM 가이드

7 of 11

STEP 3. HTML5로 게시하여 ZIP 만들기

7

메뉴

File > Publish

Publish As

HTML5/SWF 선택, Output Format은 HTML5 (SWF는 현재 브라우저 미지원이므로 HTML5만 권장)

Project Title / Location

패키지 이름과 저장 위치 지정

Zip Files

체크 (리포팅을 활성화하면 기본 선택됨)

Force re-publish on all slides

체크하여 모든 슬라이드를 다시 게시

Publish

클릭하면 SCORM ZIP 생성

결과물

프로젝트명.zip

이 ZIP 파일을 풀지 않고 그대로 웹페이지에 업로드합니다

Adobe Captivate HTML5 → SCORM 가이드

8 of 11

패키지 구성 확인과 사전 테스트

8

ZIP 패키지에 포함되는 것

1

SCORM 매니페스트 파일

LMS가 패키지를 검증·추적할 때 사용

2

HTML 파일

콘텐츠 실행 페이지

3

JavaScript 파일

SCORM 통신과 콘텐츠 동작

4

미디어·이미지 등 에셋

슬라이드에 사용한 리소스

업로드 전 SCORM Cloud로 테스트

  • 무료 SCORM Cloud에 ZIP을 올려 실행합니다.
  • 완료 상태·점수 보고가 정상인지 확인합니다.
  • 문제가 없으면 실제 웹페이지에 업로드합니다.

프로젝트가 여러 개라면

각 프로젝트를 Zip으로 게시한 뒤 Multi-SCORM Packager(Publish Course)로 하나의 패키지로 묶을 수 있습니다.

Adobe Captivate HTML5 → SCORM 가이드

9 of 11

STEP 4. 웹페이지(LMS)에 업로드하기

9

1

강좌(코스) 만들기

업로드할 강좌 또는 강의 항목을 새로 만듭니다

2

SCORM 콘텐츠 추가

콘텐츠 유형에서 SCORM(또는 패키지 업로드)을 선택합니다

3

ZIP 파일 업로드

게시한 ZIP 파일을 풀지 않고 선택해 업로드합니다

4

완료·점수 기준 확인

플랫폼의 완료 조건이 Captivate 설정과 일치하는지 확인합니다

5

학습자 화면에서 실행

테스트 계정으로 끝까지 진행해 완료·점수 기록을 확인합니다

관리자에게 미리 확인

  • 지원하는 SCORM 버전
  • 업로드 가능한 ZIP 용량
  • 완료·점수를 기록하는 방식
  • 외부 URL(Web Object) 허용 여부

Adobe Captivate HTML5 → SCORM 가이드

10 of 11

자주 겪는 문제와 해결 방법

10

증상

원인

해결

LMS가 ZIP을 거부함

매니페스트 누락, SCORM 버전 불일치

Zip Files를 체크해 다시 게시하고 SCORM 버전을 LMS와 맞춤

완료 처리가 안 됨

퀴즈 통과가 완료 조건

퀴즈 통과 여부와 Required·Pass 기준을 확인

점수가 기록되지 않음

점수 보고 설정 누락

Data to Report에서 Quiz Score를 확인

Web Object가 빈 화면

iframe 차단, http/https 불일치

iframe 테스트 페이지로 확인, https 주소 사용

원인을 찾기 어려우면 같은 ZIP을 SCORM Cloud에서 실행해, 패키지 문제인지 웹페이지(LMS) 문제인지 먼저 구분합니다.

Adobe Captivate HTML5 → SCORM 가이드

11 of 11

최종 체크리스트

업로드할 웹페이지가 지원하는 SCORM 버전 확인

Enable reporting 체크, Other Standard LMSs 선택

SCORM 버전 선택 후 Manifest(Configure) 설정

완료 기준과 Quiz Score 보고 설정

File > Publish에서 HTML5 + Zip Files 게시

SCORM Cloud 테스트 후 웹페이지에 ZIP 업로드

참고: Adobe Captivate 도움말(Web Objects), Rustici Software, Iconlogic 블로그