티스토리 뷰

SCORM의 두번째 시간입니다. SCORM의 세부 구성요소를 살펴보기에 앞서.. SCORM에 대해 좀더 알아보구요..
SCORM 샘플 콘텐츠의 구성과 ADL에서 제공하는 SampleRTE의 설치 및 활용에 대해 이야기 하도록 하겠습니다.

여기에서 보여줄 SCORM 샘플 콘텐츠를 강의 전반에서 예제로 사용할 계획이니.. 꼭 다운로드 받으셔서 살펴보시기 바랍니다. 
또한, SampleRTE라는 프로그램도 본인의 PC에 세팅해서 활용해 보시기 바랍니다.

ADL의 TestSuit에 대해서도 설명하려 했으나.. SCORM의 구성요소에 대한 이해가 필요한 부분이므로.. 다음에 설명하도록 하겠습니다.
자~ 그럼.. 출발해 볼까요??

SCORM Adopter vs. Certified Product

SCORM이 확대되어 사용되면서 ADL에서는 SCORM 표준을 준수하고 있는지 판단하기 위해 인증이라는 걸 하고 있습니다.

즉, 해당 솔루션 혹은 콘텐츠가 SCORM 표준에 적합한지를 확인하고 승인해주는 것이죠..

이러한 SCORM과 관련된 ADL의 인증은 Adopter와 Cerfication 두 가지가 있습니다.
SCORM 관련 프로젝트의 RFP에 보면 보통 이런 사항을 요구하기 때문에 이 두가지의 차이점에 대해서 간략히 설명을 하려고 합니다.

먼저 아래 ADL 사이트를 살펴보시기 바랍니다. 

Adopter 리스트 

Certified Product 리스트 

각각의 인증을 받은 제품이 보일 겁니다. (Certified Product에 우리회사에서 만든 제품도 들어가 있네요.. ^^ 
현재 팀에서 개발한 제품입니다. ㅋㅋ - Dunet-CMS... 흠흠.. 홍보는 그만하궁... -.-)

Adopter는 등록된 제품을 의미합니다. 
여러분이 만든 콘텐츠 혹은 솔루션을 Adopter로 등록하기 위해서는 SCORM TestSuit라는 것을 설치하고.. 지정된 조건을 통과한 테스트 결과를 보내면 됩니다. 

그 결과 ADL에서 보기에 큰 문제가 없으면 Adopter로 등록을 해 줍니다. 
실제로 수행해 본 결과 짧게는 1주일.. 길게는 3주 정도 걸렸던 것으로 기억합니다. 

별도의 비용이나 테스트 없이 테스트 로그만 보내면 등록을 해주는 것이죠...

반면에 Certified Product는 인증된 제품을 의미합니다. 

먼저 SCORM TestSuit를 통한 테스트 로그를 보내고, 테스트 할 수 있는 서버 정보를 알려주거나 솔루션을 보내야 합니다. 그러면 ADL에서 위탁한 기관 (예를 들면 위스콘신 대학)에서 실제 콘텐츠를 등록하고 테스트를 수행합니다. 

이에 따른 결과로 인증서를 보내주게 됩니다. 외부기관에서 테스트를 수행하므로 별도의 비용이 청구됩니다. 

실제로 국내의 많은 이러닝 기업이 솔루션에 대한 SCORM Adopter를 등록했지만, Certified Product를 받은 업체는 현재(2006년 9월) 3곳 정도 입니다. 

혹, SCORM Certifed Product와 관련된 정보가 필요한 분이 있을까봐~~ 관련 절차를 아래 이미지로 삽입했습니다.


<그림 1 : SCORM Ceritification 절차>

Photoshop 샘플 콘텐츠

이제 본격적인 SCORM을 살펴볼 계획입니다. 먼저 SCORM 샘플 콘텐츠를 하나 보여드리고자 합니다. 
그리고 ADL의 Sample RTE를 설치하고 테스트하기 위해 이 콘텐츠를 활용할 것입니다. 

사용할 샘플 콘텐츠는 Photoshop에 대한 내용을 설명하는 콘텐츠입니다. 포함된 내용은 영어로 되어 있어 거부감이 좀 들기는 하지만.. Photoshop을 공부하는 것이 아니니까... 영어를 몰라도 관계는 없을 것 같습니다. 

또한 이 예제는 나중에 배울 시퀀싱 관련된 내용이 포함하여 확장해서 살펴볼 것입니다. 

먼저 자료모음 메뉴로 가셔서 Photoshop.zip 파일을 다운로드 하시고 난 후, 압축을 풀어보세요~~

파일 내용은 아래 그림과 동일할 겁니다. 파일이 많기는 하지만 너무 겁먹을 필요는 없어요~~ SCORM의 기본적인 파일들이 대부분이므로 그룹별로 파악해서 보시면 됩니다. 

실제로 중요한 파일은 몇개 안됩니다. ^^

<그림 2 : Photoshop 콘텐츠 파일 구성>

일단 파일들 먼저 보시죠.. 

맨 처음 보이는 파일 두개는 확장자가 dtd입니다. 어라~ 어디서 많이 들어본 것인데.. ~~
맞습니다. 바로 XML 강좌에서 구구절절이 설명했던 그 DTD입니다. SCORM도 XML의 일부이기 때문에 DTD와 같은 XML 태그에 대한 정의가 필요하겠죠.. 

그 다음에 보이는 것은 바로 html 파일입니다. 실제 콘텐츠라고 볼 수 있습니다. 학습자가 보는 내용이 되겠죠..

그리고 드디어 xml 파일이 하나 나옵니다. imsmanifest.xml ... 
왠지 이 파일이 중요하다는 느낌이 들지 않으세요? 저만 그런가... -.-
바로 SCORM 첫 강의에서 잠시 설명했던 manifest 파일입니다. 여기에 이 콘텐츠에 포함된 목차라든지.. 강의 정보가 모두 포함됩니다. 
앞으로 집중적으로 살펴볼 파일입니다. 궁금하신 분은 살짝 열어서 살펴보시기 바랍니다. 그저 XML 문서일 뿐이지만, SCORM에서 중요하게 사용되는 정보입니다. ^^

마지막으로 xsd 확장자를 가진 파일들이 보입니다. 이것들은 뭘까요?
XML Schema라고 XML 강좌에서 잠시 언급한 것 생각나시나요? DTD와 동일한 일을 하지만, 데이터 타입이나 더 많은 속성을 부여할 수 있다고 했던것 같네요.. 바로 그 XMS Schema 파일입니다. 이것 또한 DTD와 마찬가지로 미리 정의된 내용을 사용하는 것이니 우리가 살펴보지는 않을 겁니다. ~~ 


자~ 그럼 정리해 볼까요.. SCORM으로 만들어진 콘텐츠에는 

imsmanifest.xml 파일 하나와 2개의 dtd 파일 그리고 다수의 xsd 파일로 구성되어 있구요..
나머지는 html 파일로 실제 콘텐츠를 나타내는 것입니다. 

정리가 되시나요? 혹, 이러닝 콘텐츠를 만들어보신 분은 알겠지만, 예전에는 저런 xml이나 dtd가 없었죠.. 그저 html 안에 자바 스크립트로 서버에 정보를 보내주는 부분을 코딩했었습니다. 

SCORM도 자바 스크립트를 사용하는 것은 동일하지만, 표준적으로 이용한다는 차이가 있습니다. 왜 그럴까요?
SCORM의 콘텐츠 공유 기능 때문입니다. ~~ 계속 이야기가 될 것이니.. 첨부터 너무 겁먹지 마시기 바랍니다. 

실제 콘텐츠라고 하는 html 파일을 잠깐 열어보겠습니다. 

intro.htm이나 Lesson1.htm 파일을 열어보세요.. 아무 문제없이 실행되고 있습니다.
그런데~ Question1.htm 파일을 한번 열어보세요..~ (잠깐! 이 파일을 열면 자바스크립트의 경고창이 여러번 뜹니다. ~~ )

"Unable to find an API adapter"
"Unable to locate the LMS's API Implementation. Initialize was not successful"

위와 같은 메시지가 나타나죠... 바로 SCORM API가 연결되지 않았다는 메시지 입니다. 
창을 닫을 때는 더 많은 메시지가 나타납니다. 

"Unable to find an API adapter"
"Unable to locate the LMS's API Implementation. SetValue was not successful"

"Unable to find an API adapter"
"Unable to locate the LMS's API Implementation. Terminate was not successful"

이 메시지를 통해서도 한가지 알수 있는 게 있습니다. 
즉, SCORM 파일을 띄울때 (창을 열때)는 Initialize라는 것을 호출하고..
창을 닫을때는 SetValue, Terminate를 호출한다는 것을.. 

다음 Runtime Envrionment를 설명할 때, 다시 한번 언급하도록 하겠습니다. 일단 너무 많이 하면 머리 아프니.. 여기까지만 아~ 그렇구나! 하고 넘어가시기 바랍니다.

SCORM Sample RTE 설치

이제 샘플 콘텐츠를 다운 받았습니다. 이제 무엇을 해야 할까요?

콘텐츠를 받았으니... 테스트 해보고 싶지 않으세요? 호기심만이 자신의 실력을 업시킬 수 있는 특효약이라고 생각합니다. 
배운걸 배운것으로 끝내지 않고 응용하려는 자세~~ (저도 그렇게는 못하고 있습니다만.. 헐~)

위에서 받은 photoshop 샘플 콘텐츠를 테스트할 수 있는 프로그램을 설치해 보려고 합니다. 
SCORM Sample RTE라는 프로그램인데요.. SCORM 콘텐츠를 올려서 학습할 수 있도록 지원하는 툴입니다. 
이렇게 하면, Question1.htm이 실행될때 위와 같은 자바스크립트 경고창이 나타나지 않게 됩니다. ~

ADL에서 제작해 배포하는 것으로 기본적인 SCORM 기능이 구현되어 있습니다. 소스 코드 또한 볼 수 있으므로 프로그래밍을 잘 하시는 분은 바로 소스까지 살펴보시기 바랍니다. 

먼저 프로그램을 다운로드 받도록 하겠습니다. 이 소스는 자료실에 올려놓지는 않았구요.. 아래 링크를 눌러서 다운받으시면 됩니다.

SCORM 2004 2nd Sample RTE 1.3.3 다운로드

그럼 설치를 진행해 보도록 하겠슴다~~ ADL의 SCORM RTE를 설치하기 전에 먼저 설치해 주어야 하는 것이 있습니다. 
본인의 PC에 혹 설치되어 있는지 확인하시고 진행하시기 바랍니다. 

1. J2SE SDK 설치

먼저 J2SE SDK를 설치해 주셔야 합니다. 다운로드 위치는 다음과 같습니다.

J2SE SDK 1.4.2 다운로드

혹, 위 주소로 다운로드가 되지 않을 경우, 다음과 같이 다운로드 합니다.

J2SE SDK 1.4.2 다운로드 페이지

위 주소에서 중간의 "Download J2SE SDK"를 클릭하시고 난 후, 
다음 페이지에서 "Accept" 라디오 버튼을 선택한 후, 가장 위에 있는 "Windows Offline Installation"을 선택해서 다운로드 하면 됩니다.

다운로드 한 후, 설치는 대부분 "Next" 하면 되는 거 아시죠.. ~~ 
윈도우에서 모든 설치는 "Next" 라고 보시면 될거예요.. ^^

잘 안될 경우, 웹사이트를 검색해보면 많이 나와 있을 겁니다. (여기는 java강좌가 아니므로 간략하게 이정도만 할게요.. )

2. J2SE SDK 환경변수 설정

두번째로 해주셔야 하는 부분은 바로 Java 환경설정입니다. 일반적인 JVM(Java Virtual Machine)을 설치한 경우, 대부분 해주는 작업이죠..

만약 J2SE를 설치한 디렉토리가 C:\j2sdk1.4.2_10이라고 가정해 보겠습니다.  ("Next"로 설치한 경우, 뒷부분의 _10 부분만 다를 거예요.. )

Windows 2000이나 XP의 경우, 윈도우 탐색기에서 "내컴퓨터"를 선택하고 마우스의 오른쪽 버튼을 클릭합니다. "속성"을 선택하고, "고급" 탭으로 이동합니다. 아래쪽에 "환경 변수"를 클릭합니다. 

위와 같은 과정을 하면, 사용자 변수와 시스템 변수가 나타납니다. 사용자 변수 또는 시스템 변수에 JAVA_HOME이 존재하는지 확인합니다. 
만약 존재하지 않는다면, "새로 만들기"를 클릭한 후, 

변수 이름 : JAVA_HOME
변수 값 : C:\j2sdk1.4.2_10 

을 입력하고 "확인"을 누릅니다. 

이어서 Java 실행경로를 입력하기 위해... 사용자 변수 또는 시스템 변수에 있는 PATH를 선택한 후, "편집"을 클릭합니다.
변수 값의 맨 뒷부분에 세미콜론(;)을 찍고 %JAVA_HOME%\bin 을 추가합니다. 

변수 값 : XXXXX;%JAVA_HOME%\bin

(참고로 XXXXX는 이미 들어가 있는 변수값입니다.)

3. SCORM Sample RTE 설치

자.. 이제 Sample RTE를 설치할 때가 되었습니다. 앞에서 다운로드한 Sample RTE를 설치하시기 바랍니다.

설치과정은 여기에 나열하지는 않겠지만.. 기본적으로 "Next", "Yes"를 누르면 되겠죠.. ^^

설치가 완료되면 "시작" 메뉴에 "ADL" > "Sample RTE 1.3.3" 이란 메뉴가 생성되어 있을 것입니다. 
또한, C:\ADL\Sample_RTE_1_3_3 와 같은 폴더도 만들어져 있을 것입니다. 

윈도우 탐색기를 열어서 확인해 보시기 바랍니다. 

4. SCORM Sample RTE 환경 설정

Sample RTE를 설치한 후 몇가지 환경설정을 해주어야 합니다. 

먼저 인터넷 익스플로러를 열어보세요.. 그리고 "도구" 메뉴의 "인터넷 옵션"을 클릭합니다.
"일반" 탭의 중간에 있는 "임시 인터넷 파일"에서 "설정"을 클릭합니다.
"저장된 페이지의 새 버전 확인"에서 "페이지를 열 때마다" 라디오 버튼을 클릭한 후, "확인" 버튼을 누릅니다. 

이 작업은 인터넷 익스플로러의 캐시기능을 조절하는 것입니다. 페이지 열 때마다 새로운 페이지를 가져오라는 것이죠..

Windows XP의 SP2를 사용하시는 경우, 인터넷 익스플로러에서 한가지 설정을 더 해주어야 합니다. 
"도구" 메뉴의 "인터넷 옵션"을 클릭합니다. 
"고급" 탭으로 이동한 후, "보안"에 있는 "[내 컴퓨터]에 있는 파일에서 액티브 컨텐트가 실행되는 것을 허용"을 체크합니다. 
그리고 나서 "확인" 버튼을 클릭합니다.

다음으로 자바 관련 설정을 할 차례입니다. (휴~ 뭔 설정이 이리도 많은지.. 그래도 잘 따라오고 있죠.. 기지개 한번 펴시고 진행하시기 바랍니다.)

"시작" 메뉴에서 "설정"하위의 "제어판"으로 들어갑니다. 
"제어판"에서 "Java Plug-in" 항목을 실행합니다. (java 1.5를 설치한 경우, 이 메뉴가 없습니다. 1.4 버전일 경우 따라하세요.~)
"Cache" 탭으로 이동해서 "Enable Caching"의 체크를 해제합니다. (체크하지 않는 상태로 둡니다.) 
"Apply"버튼을 눌러 적용시킵니다.

이제 마지막 설정입니다. 

Sample RTE에 포함된 데이터베이스의 설정에 약간의 문제가 있습니다. 특정 필드를 DateTime 형식으로 잡아놨는데요..
한글윈도우에서는 제대로 동작하지 않습니다. 그래서 변경한 MDB 파일을 자료모음에 올려두었습니다. 
자료모음에서 SampleRTE.mdb 파일을 다운로드 하셔서 C:\ADL\Sample_RTE_1_3_3\database 위치에 덮어쓰시기 바랍니다. 

mdb를 수정할 수 있으신 분은 파일을 열어서.. CourseInfo 테이블의 ImportDateTime 필드의 속성을 "텍스트"로 변경하시고 사용하셔도 동일한 결과를 가져옵니다. 

이렇게 하면 모든 설정이 완료되었습니다. 이제 SampleRTE를 실행하고 종료하는 방법과 위에서 다운로드한 Photoshop 콘텐츠를 업로드 하고 테스트 해보도록 하겠습니다. 

설치와 관련된 궁금한 점은 Q&A 게시판을 이용해 주시면 감사하겠습니다.


SCORM SampleRTE 활용

SCORM Sample RTE를 실행해 보도록 하겠습니다. 

"시작" > "ADL" > "Sample RTE 1.3.3" > "Start Server" 

를 누르면 Sample RTE가 실행됩니다. 도스 창에 Tomcat이라고 해서 여러 정보가 뜨는 것을 볼 수 있습니다. 
서버를 실행 한 후, 다음을 선택하면 Sample RTE 페이지를 볼 수 있습니다. 

"시작" > "ADL" > "Sample RTE 1.3.3" > "Sample RTE 1.3.3"

웹 페이지가 하나 나타납니다. 왼쪽 상단의 "Log In"을 클릭합니다.

Username : admin
Password : admin

을 입력해 보세요.. 사용자 메뉴와 관리자 메뉴가 나타날 것입니다. 이제 Sample RTE를 사용할 수 있는 환경이 모두 갖춰진 거네요~~ 짝짝짝!!!

Sample RTE는 SCORM 2004 콘텐츠를 업로드 하여 테스트 해볼 수 있는 프로그램입니다. 

그럼.. 앞에서 다운로드 한 Photoshop.zip 파일을 업로드 해 보도록 하겠습니다. 

"Administrator Options"에서 "Import Course"를 클릭하세요..
"찾아보기"에서 Photoshop.zip 파일을 선택하시고.. Yes/No 버튼은 기본값인 Yes로 유지합니다. (Yes는 SCORM 호환 여부를 체크하므로 시간이 좀 오래 걸립니다. No는 SCORM 호환여부를 체크하지 않고 바로 업로드를 수행합니다.)
"Submit" 버튼을 클릭하세요..

파일 등록중 오류가 발생하면, 앞의 환경설정에서 빠진 부분이 없는지 다시한번 체크하시기 바랍니다. 

"Course Has Been Imported" 메시지가 나오면 성공한 것입니다. 

그럼 학습을 해보도록 하겠습니다. 

"User Options"에서 "Register For a Course"를 클릭합니다.
Available Course에 Photoshop Example이 나와 있는 것을 확인할 수 있습니다. 체크 버튼을 선택하시고 "Submit" 버튼을 클릭합니다. 

"View Registered Course로 이동합니다. "Photoshop Example"를 선택합니다. 

학습창이 정상적으로 나타날 것입니다. [Blocked] page라는 것이 나타나기도 할 것입니다. 이것은 시퀀싱 정보라는 것이 없어 나오는 것이니 오류가 아니다라고 알아 두시기 바랍니다. 

왼쪽 메뉴를 클릭해서 콘텐츠를 보시기 바랍니다. 특히 Qeustion1을 클릭해 보세요..
좀전에 로컬에서 html 파일을 실행했을 때, 나왔던 자바스크립트 경고 메시지가 나타나지 않을 것입니다. 즉, 서버랑 정상적으로 연동되고 있다는 의미입니다. 

상단의 "Quit"를 눌러서 학습창에서 빠져나오시기 바랍니다. 

이제 서버를 종료하는 방법을 설명드리겠습니다. 눈치가 빠른 분이 이미 아시겠지만... 실행과 비슷한 방법으로 

"시작" > "ADL" > "Sample RTE 1.3.3" > "Stop Server" 

하시면 되겠습니다. 

마지막으로 Sample RTE의 각 메뉴에 대한 개략적인 설명을 하겠습니다. 

User Options
Register For a Course : 수강신청입니다. 등록된 과목에 대해 신청하는 메뉴입니다.
View Registered Courses : 수강신청한 과목을 학습하는 메뉴입니다. 학습창이 떴었죠.. 
View Course Status : 학습결과를 확인하는 메뉴입니다. SCORM 스펙에 맞추어 Satisfied / Completed 등이 나타납니다. 
Change My Profile : 개인 정보수정 메뉴입니다.
Logout : 로그아웃 메뉴입니다. 

Administrator Options
Import Course : 과목을 등록하는 메뉴입니다. zip 파일로 등록하죠..
Manage Course : 이미 등록된 과목을 관리하는 메뉴입니다. 등록된 item에 Comment등을 추가할 수 있습니다.
Delete Course : 이미 등록된 과목을 삭제하는 메뉴입니다.
View All User's Course Status : 모든 사용자의 학습결과를 확인할 수 있는 메뉴입니다.
Add Users : 사용자를 등록하는 메뉴입니다.
Manage Users : 사용자의 정보를 수정하는 메뉴입니다.
Delete Users : 사용자를 삭제하는 메뉴입니다. (admin은 삭제하면 안되겠죠.. )
Global Objectives Administration : Global Objective를 설정하는 메뉴인데요.. 자세한 것은 시퀀싱에서 살펴보죠..
Clear Database : 데이터베이스를 깨끗하게 초기화 합니다. 


마치면서

이번 강의에서 생각보다 많은 것을 살펴봤습니다. 

SCORM Adopter와 Certification의 차이..
Photoshop 콘텐츠를 통한 SCORM 콘텐츠의 구성..
Sample RTE의 설치 및 활용.. 

처음에는 생소하고 어려운 점이 있을 수 있습니다. 하지만, 무턱대고라도 따라 하다보면 알게 되는 것이 IT 업무가 아닌가 합니다. 
앞으로 SCORM 스펙과 관련된 강의가 3차례정도 더 진행될 것입니다. 

이러닝 관련 분야가 아직까지도 널리 퍼져있는 것은 아니지만, 분명히 향후 중요한 요소가 될 것이므로 미리미리 관련 기술에 대해 숙지해두는 것도 좋은 경험이 될 거라고 생각합니다. 

그럼.. 좋은 하루 되세요~~ 2006년 9월 25일.. From 미니 
댓글
댓글쓰기 폼