HTML5在線學習創作工具指南

在2022年，HTML5創作已經成為L&D團隊的行業標準，他們希望製作出現代的、交互式的和多設備的電子學習。市場上有很多HTML5創作工具，你如何決定哪一個適合你的團隊?我們來看看8個流行的工具，並提出一些在做研究時需要考慮的問題。

HTML5在線學習創作工具的比較——一目了然

沒有時間閱讀全文?讓我們先快速瀏覽一下每種工具:

• Elucidat-基於雲的HTML5創作平台，幫助大雇主輕鬆降低生產關鍵業務培訓的成本。
• Adobe Captivate-一個強大的基於桌麵的HTML5創作平台，包括經典的PowerPoint界麵。
• 闡明360-一個流行的HTML5創作套件，包含桌麵和基於在線的工具，使用Powerpoint風格創建電子學習內容。
• Gomo-基於雲端的HTML5創作工具，可在線或離線托管課程。
• Lectora-一個基於windows的桌麵創作工具，添加了一個基於雲的版本，創建HTML5內容。
• 適應-一個開源的HTML5在線學習創作工具，擁有強大的用戶社區。
• Easygenerator-一個簡單的，基於雲的在線學習創作，創建HTML5內容。
• iSpring-基於windows的HTML5創作工具，可將PowerPoint內容轉換為在線課程。

首先，到底什麼是HTML5創作?

HTML5是當今構建和呈現網頁內容的標準化語言。當HTML5第一次出現時，它的目標是更好地處理最新的多媒體格式。

與傳統的Flash相比，在HTML5中編寫在線學習有很多好處，包括:

• 的能力創造適合移動設備的學習內容，這樣學習者就可以在需要的時候更靈活地參與學習
• 增加互動電子學習課程，為學習設計師提供機會，創造更迷人的體驗
• 更好的多媒體的處理，例如音頻和視頻
• 維護和更新更容易(也更便宜)

在開會的時候現代學習者的需求， HTML5與它不那麼光鮮的前身截然不同!

哪個是你最好的HTML5創作工具?

選擇HTML5創作工具似乎是一個艱難的決定，但如果你知道以下問題的答案，你可以迅速縮小選擇範圍。

你可以問自己以下問題:

• 你有什麼網絡學習的目標?什麼最能滿足你的受眾和業務需求?簡單的還是複雜的學習體驗?
• 你的工作規模是多少?你需要考慮一下在線翻譯和本地化，或管理多個版本的課程?
• 誰在為你的項目工作?它是唯一的作者還是協作的團隊，技術專業水平如何?
• 你將如何演示ROI?你需要分析嗎測量證明(並提高!)你的在線學習的價值?

我們的第一條建議是取一個以人為本的方法到選擇HTML5創作工具。從了解你的受眾以及他們的個人目標如何與你的組織目標保持一致開始。要注意如何尊重人們的時間，衡量影響，並確保你的內容被廣泛使用。然後，根據這些因素創建自己的清單，以幫助您確定將幫助您最好地實現願景的工具。

8個流行的HTML5在線學習創作工具:

1.Elucidat

eduidat是一個基於雲技術的HTML5創作平台，它可以幫助大雇主輕鬆降低生產關鍵業務培訓的成本。

illuidat非常適合:

• 生產吸引人，互動性和個性化學習經驗。
• 確保學習內容移動友好並且適用於任何設備。
• 達到更廣泛的觀眾智能管理翻譯內容以及課程變化，再加上向LMS以外的人提供內容。
• 加快生產過程內置的藍圖，讓任何用戶都可以快速地進行優秀的在線學習。
• 創建移動網絡學習門戶網站與學習者分享內容，超快。
• 使用分析儀表盤深入了解您的受眾如何與您的內容進行交互
• 非常高效。協作內容製作，讓你的團隊專注於提供更好的學習體驗令人沮喪的創作過程！
• 獲得強大的支持和額外的指導，以進入和保持在現代電子教育生產的前沿。

Elucidat的缺點:

• eduidat最適合那些需要通過電子學習支持數千人的組織。該平台旨在為團隊大規模生產內容提供高ROI。但是，如果你是一個小團隊或個人，希望為幾百名學習者創建少量課程，那麼，illuidat的平台不太可能是最適合你的。

預定一個演示的解釋

2.Adobe Captivate (2017)

Adobe Captivate 2017，通常被稱為“Captivate”，是科技巨頭Adobe的最新版本。基於桌麵的HTML5創作平台最初需要下載軟件，可在Windows和Mac上使用，包括一個經典的用戶友好的PowerPoint界麵。

Captivate非常適合:

• 產生複雜的相互作用。
• 屏幕記錄和模擬，您可以在工具中編輯它們。
• 任何位置感知交互(你可以鏈接到設備的地理定位功能)。
• 輸出中的交互性可以識別常見的移動設備手勢(例如，捏和縮放，滑動)。
• 基於重力感應的交互類型。

吸引的缺點:

• 陡峭的學習曲線和有限的支持。
• 作為基於桌麵的工具，在審查和創作內容時，您無法輕鬆地進行協作。
• 雖然您可以查看不同的屏幕大小，但不能對每個設備進行創作決策。而且，並非所有元素都適用於移動設備，因為高級功能都是基於flash的。
• 更新和維護現有內容可能是一個痛苦的過程。

3.360年表達故事情節

清晰的故事線360是一個流行的“創作套件”，包含幾個不同的應用程序的在線學習創作。它的旗艦工具“故事線”是一款HTML5創作工具，使用PowerPoint風格，可作為Windows桌麵軟件下載。“崛起”也包含在360套件中，是一個更基本的在線工具。

故事情節適用於:

• 導入(一些)外部多媒體內容(如powerpoint和pdf)。
• 為桌麵視圖設計的內容。
• 主題頁麵和靈活應用品牌。
• 可定製的代碼，如果您有這樣的技能。
• 在內容輸出方麵具有良好的靈活性和控製力。
• 一個常用的工具，所以設計師往往有經驗。
• 非常活躍的在線社區。
• 測試軟件仿真功能合理強大。

故事情節的缺點:

• 在多個作者(以及下載)之間創建一致的品牌。
• 資產不是集中托管的，這可能會降低創作速度。
• 協作和內容更新可能相當耗時。
• 不是真正的移動響應-它隻是縮小了屏幕。
• 不要立即獲得新功能和bug修複，因為這是一個基於桌麵的工具。
• 如果你有很多作者，這可能會非常昂貴。

讓我們更詳細地了解一下lucidat vs.故事線和Captivate在這裏．

4.Gomo

至於基於雲的工具，goo是一款HTML5創作工具，允許你設計網頁風格的內容。

Gomo適用於:

• 從Youtube，穀歌地圖和推特導入網頁內容。
• 通過網絡托管內容，或者通過goo應用程序離線。
• 沒有編碼經驗的作者-它有一個拖放界麵。
• 製作響應性、移動友好的內容。

Gomos缺點:

• 這不是最直觀的界麵，因為它們沒有使用“所見即所得”的界麵，你無法實時看到自己的變化。
• 交互式模板設置在一個兩欄結構，所以設計的創造力是有限的。
• 定製選項可能不足以實現創意視覺效果。

5.Lectora

與故事線一樣，Lectora Inspire也是一款基於windows的桌麵創作工具，盡管他們已經添加了一個名為Lectora Online的雲版本，用於創建HTML5內容。

Lectora非常適合:

• 屏幕記錄或圖像編輯(您可以與Camtasia和Snagit集成)。
• 交互的靈活性。
• 使用ReviewLink檢查和評論功能(僅在Lectora Online中可用)。
• 免費使用Elearning Brothers圖形庫。

Lectora的缺點:

• Lectora提供了移動和桌麵視圖的輸出，但你必須從一開始就選擇你想在哪個選項中設計。
• 要通過開發界麵更改方麵，您可能需要一個好的(第三方)圖形包。
• 陡峭的學習曲線和有限的支持。
• 界麵不是特別友好。
• 麵向多個設備交付內容的挑戰。

6.適應學習

作為一個開源的電子學習創作工具，Adapt Learning是一個很受歡迎的工具，它具有一係列的功能，適合所有級別的創作技能。該工具通過定期更新、同行評審和用戶社區(當然是經過嚐試和測試的!)來工作。

Adapt是偉大的:

• 預算不高的人……這是免費的!
• 如果你是一名開發人員或有機會接觸到一名開發人員，你也可以使用(免費)框架而不是工具，創建自定義交互/布局等。
• 創建自定義布局和交互。
• 生產可從任何設備訪問的完全響應內容。

適應的缺點:

• 設計選擇的局限性(大多數Adapt課程由於“塊狀”布局看起來都一樣)。
• 沉重的編碼背景和指南也會導致相當大和緩慢的下載過程。
• 有限的互動。
• 不是基於雲的，安裝可能需要一段時間。

7.Easygenerator

Easygenerator是一個基於雲的在線學習平台，成立於2014年。

Easygenerator非常適合:

• 剛剛開始構建電子學習內容的作者-不需要編碼!
• 使用“下一代創作”功能的移動友好響應式設計。
• 完全SCORM和錫罐兼容的內容，確保與大多數學習管理係統兼容。

Easygenerator的缺點:

• 並不是每一種問題類型和可用的互動都是針對多種設備完全優化的(Capterra:https://www.capterra.com/p/129281/Easygenerator/）.
• 功能有限——盡管團隊也會聽取建議，並根據客戶的需求發布更新。
• 對某些定價計劃的問題類型/測驗的限製。
• 很多長題都有字數限製。

8.iSpring套件

iSpring Suite是一個令人印象深刻的HTML5在線學習工具包，它可以將您現有的Powerpoint內容轉化為在線學習課程。

isspring Suite非常適合:

• 創建可移動的課程，支持模擬、視頻和全方位的評估。
• 使用旁白或同步聲音創建視頻講座。
• 它是內容庫，允許作者訪問模板、課程媒體(如圖片和背景)和主題。
• 視頻錄製。

iSpring缺點:

• 所有的工具可能也有點令人畏懼，因為每個功能都是獨立的工具和包。
• 有些功能/附加組件被價格牆阻擋了。

尋找更多的工具進行比較?來看看網絡學習行業目錄更多html5創作工具和評論。

為了作出決定，我們建議:

1. 創建一個清單-你的必需品和你想要的東西是什麼?你很快就能得到一個候選列表。
2. 與一些提供者交談-以簡短的對話開始，看看他們是否能夠提供幫助然後預定一個演示(如果他們知道你想要實現什麼，他們就不會浪費你的時間向你展示無關的功能!)
3. 進行免費試用．確保付費和免費版本之間沒有隱藏功能。我們總是建議與醫生交談，幫助你充分利用你的試驗。
4. 查看評論和案例研究。看看像Capterra和Elearning Industry這樣的獨立評論網站。
5. 詢問的支持。有些工具提供實時聊天、電話支持、可以提問的社區房間，甚至還提供一些讓團隊快速上手的專業培訓。
6. 創建一個強大的商業案例。讓你的利益相關者加入進來，我們推薦了一些技巧在這裏．

最終的想法

在本文中，我們已經討論了很多方麵的內容，您可能已經注意到，所討論的工具的功能通常有相當多的重疊。也就是說，每種工具都有一些關鍵的區別和細微差別，以適合任何類型的創作團隊。

總的來說，如果你正在考慮在未來一年優先選擇適合移動設備的在線學習內容，或者隻是想嚐試更多的互動來產生粘性，那麼選擇HTML5創作工具聽起來是正確的選擇!

那麼，你還在等什麼?從個性化的演示開始吧!