2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【Dreamweaver網頁設計教學】範例區
e-Lerning 設計教學:加入SCORM 學習記錄追蹤語法

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【Dreamweaver網頁設計教學】範例區
上一篇主題 :: 下一篇主題  
發表人 內容
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表e-Lerning 設計教學:加入SCORM 學習記錄追蹤語法 引言回覆

發表於: 2005-12-06 03:17 
e-Lerning 是目前當紅的一個趨勢,各家軟體大廠紛紛推出符合 SCORM 標準的 LMS 就是「線上學習管理平台」,然而,每當企業購入 LMS 之後,頭大的問題就來了,就是要如何製作出能夠讓 LMS 追踨的 SCORM 標準教材卻不是目前一般網頁設計師能夠勝任的工作!

以下我寫了一篇簡單的教學,希望對大家有幫助

在 Dreamweaver 中使用【SCORM Runtime Wrapper Extension】插件,就可以在網頁中插入符合 ADL SCORM 標準的 HTML 及 JavaScript 學習記錄追蹤語法,這個插件可以在所有符合 SCORM 標準的 LMS 上運作,同時,可以支援 Internet Explorer 和 Netscape 等瀏覽器。

註: LMS = 學習管理平台

註:SCORM = sharable content object reference model

註:ADL官方網站 http://www.adlnet.org/

【姜】 在 2007-01-05 01:14 作了第 2 次修改

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:17 
預設的Dreamweaver中並沒有【SCORM Runtime Wrapper Extension】插件,因此,我們必須先至Mocromedia網站下載這個插件,下載網址:http://www.macromedia.com/cfusion/exchange/

下載後即可得到一個〝MX332976_SCORM_Wrapper.mxp〞檔案,直接點選檔案圖示即可安裝,如下圖:


image002_193.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:18 
當插件安裝完畢即可關閉 Macromedia Extension Manager 面板,接著啟動 Dreamweaver ,我們就可以點選【Commands】>【SCORM Runtime Wrapper…】選項,開啟 SCORM 設定面板


image004_106.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:19 
這個插件可以在課程設計的任何過程中使用,它會自動幫我們插入 ADL SCORM 標準所需的 HTML 及JavaScript 原始碼,之後我們若再對課程設計有所修改時也不會影響到整個原始碼的運作,若您本身是熟悉 HTML 及 JavaScript 的技行人員,您也可以直接對原始碼作進一步的編輯。


image006_109.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:19 
當我們啟動【Commands】>【SCORM Runtime Wrapper…】選項後,就會出現設定面板,如下圖:

1. Set status onLoad:設定課程被開啟後之追蹤狀態。

<NONE>(do not set) 不做任何追蹤設定

Not Attempted (not start) 設定課程為未開始狀態

Browsed (no credit) 設定課程為已瀏覽狀態

Incomplete (started) 設定課程為已開始狀態

Complete (completed) 設定課程為完成狀態

Passed 設定課程為通過狀態

Failed 設定課程為失敗狀態

2. Trigger for LMSFinish: 設定課程結束之觸發模式。

Finish Lesson Button 使用按鈕觸發結束狀態

OnUnload event離開指定網頁時即自動觸發結束狀態

3. Set status based on trigger:設定課程結束後之追蹤狀態。

<NONE>(do not set) 不做任何追蹤設定

Not Attempted (not start) 設定課程為未開始狀態

Browsed (no credit) 設定課程為已瀏覽狀態

Incomplete (started) 設定課程為已開始狀態

Complete (completed) 設定課程為完成狀態

Passed 設定課程為通過狀態

Failed 設定課程為失敗狀態

4. Disable LMSInitialize:取消起始追蹤弁遄C

當課程內容有數個網頁時,除了第一個網頁外,其他的網頁皆要設定為〝Disable LMSInitialize〞狀態。

5. Disable LMSFinish:取消完成追蹤弁遄C

當課程內容有數個網頁時,除了最後一個網頁外,其他的網頁皆要設定為〝Disable LMSFinish〞狀態。

6. Disable ‘No API found’ alert:取消〝No API found〞警告訊息。

當課程追蹤不到符合SCORM標準的學習平台時,就會自動出現〝No API found〞警告訊息,鉤選這個選項後即可關閉這個警告訊息。


image007_672.gif

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:20 
整合 LMS 平台:

使用【SCORM Runtime Wrapper Extension】插件所設計的課程可以在所有符合 SCORM 標準的 LMS(平台)上運作,以下就就 Learning Space 5.0 平台為範例做說明:

使用【SCORM Runtime Wrapper Extension】所設計的課程置入Learning Space 5.0的方式和一般其他課程置入的方式一樣,只要在〝URL〞欄位內填入課程的相關路徑即可。

不過SCORM的課程不可以透過LAN的方式進行,因此,不可以將課程設定於〝活動檔案〞以及其下的幾個相關欄位之內。


image010_267.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2005-12-06 03:21 
課程的追蹤方式選擇〝標準〞模式,最重要的是必須將〝啟動追蹤API〞給鉤選起來,一般若非使用SCORM標準所設計的課程就不需鉤選此選項。

若您的課程是放在另一個 Content Server時,你就必須將Content Server的路徑填入〝遠端追蹤 API URL〞選項之內。


image013_135.jpg

 

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
lioucy
【新生】
【新生】


註冊時間: 2007-03-03
文章: 1

發表 引言回覆

發表於: 2007-08-24 13:55 
請問SCORM的使用, 有沒有範例, 謝謝
回頂端
檢視會員個人資料 發送私人訊息
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2007-08-25 11:16 
lioucy 寫到:
請問SCORM的使用, 有沒有範例, 謝謝

不好意思~ 因為SCORM課程必須和 LMS 教學平台一起使用才有效果,所以無法直接提供範例~ OO

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【Dreamweaver網頁設計教學】範例區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區