iSpring Suite 教程：如何將HTML文件轉(zhuǎn)換為SCORM

iSpring Suite是用于PowerPoint的完整的電子學(xué)習(xí)創(chuàng)作工具包。你可以在短時(shí)間內(nèi)將PowerPoint演示文稿轉(zhuǎn)化為強(qiáng)大的電子課程，并且開(kāi)發(fā)高質(zhì)量的課程、視頻講座和評(píng)估，可以在任何桌面、筆記本電腦和移動(dòng)平臺(tái)上工作。

點(diǎn)擊下載iSpring Suite最新版

如果您有大量的HTML學(xué)習(xí)資料，并且想要將它們上傳到LMS，則需要以某種方式將HTML頁(yè)面轉(zhuǎn)換為SCORM。SCORM格式通過(guò)更可控的自動(dòng)進(jìn)度報(bào)告提供了更愉快的學(xué)習(xí)體驗(yàn)。

在本文中，您將學(xué)習(xí)如何使用HTML創(chuàng)建SCORM包。從技術(shù)上講，這不是轉(zhuǎn)換，因?yàn)樗匀皇荋TML，但是具有附加的報(bào)告功能和LMS兼容性，您可以將其上傳到Moodle和其他系統(tǒng)。我們將告訴您如何手動(dòng)或使用創(chuàng)作工具。

您的HTML是什么？

首先，弄清使SCORM兼容所需的HTML文件類(lèi)型非常重要，因?yàn)镠TML可以包含幾乎所有內(nèi)容，從帶有靜態(tài)文本和圖片的頁(yè)面到完整的網(wǎng)站以及帶有測(cè)驗(yàn)的HTML5游戲。

有些任務(wù)可以手動(dòng)完成，而另一些則需要開(kāi)發(fā)人員的注意，甚至需要為項(xiàng)目雇用團(tuán)隊(duì)。從可行到非常復(fù)雜，有多種典型的HTML到SCORM任務(wù)：

• 純HTML頁(yè)面-閱讀本文后即可使用

• 多頁(yè)HTML網(wǎng)站-可行，但是LMS不會(huì)跟蹤頁(yè)面瀏覽量

• 交互式HTML5頁(yè)面和網(wǎng)站（帶有JS代碼）——這需要開(kāi)發(fā)人員在SCORM / LMS項(xiàng)目方面的經(jīng)驗(yàn)提供幫助，或者您可以按照下面的解決方法進(jìn)行操作。

將HTML轉(zhuǎn)換為SCORM：手動(dòng)方式

如果您需要將帶有圖片和模式的純HTML頁(yè)面轉(zhuǎn)換為SCORM包（換句話(huà)說(shuō)就是SCO），那么如果您知道課程結(jié)構(gòu)，就可以手動(dòng)完成。在SCORM官方網(wǎng)站上有明確的SCORM包裝說(shuō)明供開(kāi)發(fā)人員使用，但我們可以下載一個(gè)SCO示例并逐步學(xué)習(xí)。

為了快速入門(mén)，建議您為SCORM 1.2 選擇一個(gè)SCO下載選項(xiàng)。事不宜遲，讓我們將HTML示例集成到本學(xué)習(xí)課程中。

1、右鍵單擊下載的zip文件，選擇全部提取，然后轉(zhuǎn)到包含的文件夾：

2、轉(zhuǎn)到res文件夾（資源），并將index.html文件替換為您擁有的任何HTML，但也將其重命名為“index”。

3、向上瀏覽一個(gè)文件夾，然后使用任何文本編輯器（brackets.io或Notepad ++）打開(kāi)imsmanifest.xml文件。

4、將兩個(gè)

5、列出HTML頁(yè)面包含的所有資源。

6、通過(guò)選擇所有文件并單擊發(fā)送到>壓縮（壓縮）文件夾，壓縮課程根文件夾（帶有清單文件）：

7、給它一個(gè)唯一的描述性名稱(chēng)，并準(zhǔn)備上載。

8、在SCORM Cloud中測(cè)試您的課程，或?qū)⑵渲苯由蟼鞯侥腖MS。

這是我們的自定義HTML網(wǎng)頁(yè)，可以在SCORM Cloud中很好地運(yùn)行：

如果您還沒(méi)有選擇LMS，請(qǐng)嘗試iSpring Learn ; 它也有SCORM支持。

使用創(chuàng)作工具將HTML轉(zhuǎn)換為SCORM

如上所述，可以手動(dòng)擺弄SCORM結(jié)構(gòu)，但是很費(fèi)時(shí)間。另外，它可能無(wú)法涵蓋所有報(bào)告功能。如果需要在SCORM中進(jìn)行諸如測(cè)驗(yàn)和游戲之類(lèi)的HTML5交互，則可能需要雇用開(kāi)發(fā)人員將源HTML集成到Moodle或公司LMS等學(xué)習(xí)環(huán)境中。

如果您的項(xiàng)目無(wú)法選擇雇用開(kāi)發(fā)人員，則最簡(jiǎn)單的方法是將HTML分解為PowerPoint幻燈片，然后使用諸如iSpring Suite之類(lèi)的創(chuàng)作工具進(jìn)行發(fā)布。它將所有內(nèi)容打包到一個(gè)標(biāo)準(zhǔn)化的SCO中，準(zhǔn)備上傳到您的LMS。

注意：iSpring通常將PPT幻燈片用作課程的項(xiàng)目基礎(chǔ)，您可以在其中添加測(cè)驗(yàn)、互動(dòng)等。此外，您也可以在沒(méi)有MS PowerPoint的情況下創(chuàng)建獨(dú)立的測(cè)驗(yàn)、書(shū)籍和互動(dòng)。 

您需要將HTML頁(yè)面中的文本、圖片和視頻復(fù)制并粘貼到PowerPoint中。隨時(shí)使用所有PowerPoint效果和動(dòng)畫(huà)，因?yàn)閕Spring轉(zhuǎn)換引擎可以將它們精確地復(fù)制到HTML5中。如果您有測(cè)驗(yàn)，則還需要使用Suite隨附的iSpring QuizMaker組件來(lái)重新創(chuàng)建測(cè)驗(yàn)。QuizMaker支持從Excel電子表格導(dǎo)入批量問(wèn)題，以最大程度地減少日常工作。

讓我們談?wù)剰念^開(kāi)始創(chuàng)建課程并使用創(chuàng)作工具發(fā)布課程的好處和弊端。

優(yōu)點(diǎn)：

• 通過(guò)不雇用開(kāi)發(fā)人員可以節(jié)省資金

• 您可以節(jié)省時(shí)間，無(wú)需自己學(xué)習(xí)和嘗試SCORM

• 課程將詳細(xì)提交完成進(jìn)度

• 熟悉的PowerPoint課程創(chuàng)建環(huán)境

• QuizMaker工具和其他用于音頻/視頻等的編輯器

缺點(diǎn)：

• 您需要執(zhí)行一些常規(guī)的復(fù)制和粘貼工作

• PowerPoint有其局限性，顯然不是所有內(nèi)容都可以在此處重新創(chuàng)建

• 創(chuàng)作工具的成本（與雇用開(kāi)發(fā)人員團(tuán)隊(duì)相比無(wú)異）

如果您還有其他問(wèn)題或疑慮，請(qǐng)給iSpring支持消息，您將得到解答。如果您準(zhǔn)備對(duì)課程進(jìn)行現(xiàn)代化改造，請(qǐng)下載功能齊全的iSpring Suite試用版，以嘗試從HTML文件生成SCORM軟件包。

HTML到SCORM的轉(zhuǎn)換常見(jiàn)問(wèn)題

什么是SCORM？

SCORM是大多數(shù)LMS都可以使用的電子學(xué)習(xí)格式。它描述了課程的結(jié)構(gòu)、報(bào)告等，因此，當(dāng)您將其上傳到LMS時(shí)，它知道該怎么做以及在哪里可以找到您的課程元素，例如文本文件、MP4視頻、測(cè)驗(yàn)等。了解有關(guān)SCORM的更多信息→

是什么使HTML文件成為SCORM？

SCORM包裝器。您的HTML文件配有一個(gè)JavaScript文件，該文件以某種方式將您執(zhí)行的所有操作傳輸?shù)絃MS。例如，如果您閱讀了所有頁(yè)面，則包裝器將發(fā)送cmi.core.lesson_status：“ completed”。這將向您的LMS帳戶(hù)添加一條記錄，表明該課程已完成。

HTML5到SCORM呢？

關(guān)于HTML的所有內(nèi)容對(duì)于HTML5都是正確的，因?yàn)樗鼛缀跏峭患?，還有JavaScript和CSS。盡管HTML通常被稱(chēng)為靜態(tài)頁(yè)面，但HTML5可能包括富媒體互動(dòng)、按鈕、動(dòng)畫(huà)等。

iSpring可以將創(chuàng)建的HTML文件轉(zhuǎn)換為SCORM嗎？

iSpring是一種創(chuàng)作工具，能夠以SCORM格式發(fā)布各種文件格式，例如PPT、PDF和一些專(zhuān)有格式（例如測(cè)驗(yàn)），但是它無(wú)法將HTML文件直接轉(zhuǎn)換為SCORM。沒(méi)有使用市場(chǎng)上任何工具手動(dòng)進(jìn)行操作的簡(jiǎn)便方法。本文介紹了一些針對(duì)普通用戶(hù)的解決方法，并針對(duì)開(kāi)發(fā)人員介紹了SCORM API。

為什么兩種工具都無(wú)法將HTML轉(zhuǎn)換為SCORM？

因?yàn)镠TML頁(yè)面可能包含幾乎所有內(nèi)容，所以電子學(xué)習(xí)創(chuàng)作工具需要標(biāo)準(zhǔn)化的資源。例如，iSpring使用PowerPoint作為項(xiàng)目源，并使用SCORM包裝程序?qū)⑵滢D(zhuǎn)換為HTML5頁(yè)面，從而使其符合SCORM。

本教程內(nèi)容到這里就結(jié)束了，感興趣的小伙伴可以下載iSpring Suite，iSpring QuizMaker體驗(yàn)一下~

相關(guān)內(nèi)容推薦：

iSpring Suite系列教程>>>

iSpring Suite案例研究>>>

想要購(gòu)買(mǎi)iSpring系列產(chǎn)品正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊