基于HTML5的移動學習平臺探究

陳保

摘要：文章構建了交互式移動學習平臺的基本框架，并對其模塊進行功能分析與設計。未來基于HTML5的交互式移動學習平臺將得到廣泛應用。

關鍵詞：HTML5；移動學習平臺；交互式

1交互式移動學習平臺環境分析設計

交互式移動學習平臺要求學習者能夠與學習平臺、移動設備、其他學習者以及知識內容進行信息交流。因此，開展交互式移動學習平臺設計之前需要設計好交互式學習環境。

1.1設計原則

交互式移動學習平臺是建立在智能手機的特點以及移動學習者需求上的，對此其學習環境的社交需要遵循3個原則。

1.1友好的界面和清晰的導航設計原則

要提高學習者的使用體驗，首先就應該做好界面和導航的設計，其必須符合用戶平時使用智能手機和相互應用平臺的習慣，即確保平臺的易操作性和界面的友好性。此外，為了學習者能有效了解平臺的架構，快速跳轉到常見的界面，還應該保證導航的清晰明確，方便好用，這有利用提高學習者的效率。

1.1.2知識內容應遵循適用性原則

學習平臺當中的知識應該要便于學習者學習，激發其學習興趣，提高學習者的學習效率。因此，內容設計要條理清晰，簡潔直觀。

1.1.3用戶操作的便捷性原則

由于是在移動設備當中，因此移動學習平臺的內容應該以展示為主，避免用戶大量輸入操作。此外，為了讓學習者清晰掌握學習過程，明確下一步的學習操作，應該為學習者提供操作上的響應與反饋，把相應的處理結果與提示展示給學習者。

1.2交互方式的設計

在交互式學習環境下，學生學習知識的過程是主動學習，并與其他人進行交流和共享，對此，在設計交互方式時，應該引導學生對所學知識的不斷創新，創造一個良好的交流互動環境。確保教師、學生與教學資源之間的相互融合與促進，構建和諧的學習環境。交互方式設計中應該注意學生與教師的交互，學生與教學資源的交互，以及學生之間的交互。

1.3課程資源的設計

交互式的學習資源與普通的學習資源在建設上有很大區別，交互式的移動學習平臺應該以問題為導向，通過對知識的模塊化處理，確定好教學目標，結構化組合課程學習資源，精簡提煉教學內容。從而構建出與學習目標、學習環境和教學活動有關聯意義的交互學習內容，從而形成一個良好的具有突出主體的結構化學習資源環境。

2基于HTML5的交互式移動學習平臺的功能分析

HTML5即是第五代超文本語言，利用HTML5開發移動學習平臺具有很大優勢，其能適應不同操作系統的不同移動智能設備，避免因用戶操作系統的問題而出現移動學習平臺兼容性的問題。無論是Windows Phone，iOS還是安卓系統，基于HTML5開發出來的移動學習平臺的體驗感和適配性都很好，且不占用用戶移動設備的儲存空間，并且平臺的開發成本低，工作量也相對較小。移動學習平臺的使用用戶為教師和學生，二者在使用目的和功能方面都不相同，因此有必要區分對象對其所需的功能進行分析。

2.1面向教師的功能分析

2.1.1備課功能

備課功能是教師采用移動學習平臺所需要的基本功能，通常教師在授課時會使用PPT，PDF，Word以及一些短視頻資源來作為輔助教學資源，對此，平臺應該提供上傳、刪除、移動等管理教學課件資源的功能，讓教師能夠隨時了解己有的教學資源。

2.1.2課件分發功能

教學平臺還應該具有收發文件的功能，特別是分發課件的功能，這樣便于教學在授課過程中，根據需要隨時向學生客戶端傳送相關教學文件。

2.1.3教學與演示功能

移動學習平臺應該能夠具有演示教學的功能，包括演示多媒體課件和演示文件課件的兩種類型。教師能通過界面拖動文件來控制文件的播放順序和播放進度等。此外，還應該提供一些課件標注等功能，這樣可以有利于教師與學生之間的互動，幫助學生進行課后復習。

2.1.4麥克風和攝像頭控制功能

交互式的移動學習平臺的一個重要功能就是提供學生之間、學生與教師的互動，因此，無論是學生端還是教師端都應該配有麥克風和攝像頭的功能，為了教師授課方便，教師應該能夠控制這些功能。如可以主動向學生端開啟本地攝像頭展示操作過程，還可以通過學生端的攝像頭查看學生學習情況等。

2.1.5控制權限指派功能

教師在教學過程中除了具有控制權限外，還可以將控制權臨時轉給學生，這樣學生可以向其他同學展示學習成果等，此外，教師可以通過該功能實現學生之間的交互等。

2.2面向學生的功能分析

學生利用交互式移動教學平臺學習的模式包括主動和被動兩種模式，學生可以靈活地進行切換。在被動學習模式下，學生的客戶端內容與主客戶端保持一致，通常被動模式用于教師與學生之間的交互學習。而主動學習模式則用于學生自主查閱相關課程資源，主要用于學生與教學資源的交互。

3基于HTML5的交互式移動學習平臺的功能設計

3.1基于HTML5交互式移動學習平臺整體框架結構設計基于HTML5的交互式移動學習平臺的框架包括服務器和客戶端兩個部分，具體的框架如圖1所示。

3.2服務器功能模塊設計

交互式移動學習平臺的服務器功能模塊可以包括環境適配、數據交換、課件管理、圖像視頻反饋模塊、存儲以及同步模塊共6個模塊。數據交換模塊是實現客戶端與服務器之間的通信模塊；環境適配模塊用于收集客戶端環境適配模塊發出的信息，了解客戶端系統運行環境狀況，并為客戶端提供相關的服務；同步模塊用于保存并比較主客戶的狀態記錄信息，確保主客戶端與服務器的狀態記錄情況保持一致；課件管理模塊用于課件的上傳、壓縮、獲取、儲存等；圖像視頻反饋模塊主要用于接收視頻與圖像，同時控制客戶端的麥克風和攝像頭；存儲模塊則用于儲存教師上傳的教學資源。

3.3客戶端功能模塊設計

客戶端功能模塊包括交互界面的設計、同步模塊、顯示模塊、操作模塊、存儲模塊、環境適配模塊和數據交換模塊。其中數據交換模塊需要與服務器數據交換模塊協調工作；環境適配模塊可以根據用戶設備配置情況來確定參數，以確保本地設備與服務器之間的適應配置；同步模塊可以有效確保服務器與客戶端狀態信息的同步；存儲模塊則用于下載服務器中的課件，并同步客戶端狀態信息。基于HTML5的存儲模塊設計可以提高客戶端對信息的加載速度，支持學生離線儲存學習，當再次聯網后即可完成與服務器的同步。因此，基于HTML5的移動學習平臺設計可以大大提高學生的學習效率；顯示模塊采用的是HTML5標準編譯，可以根據客戶端的瀏覽器狀態適應顯示移動學習平臺的操作界面，并確保課件良好的播放效果；交互界面主要是有效連接教師、資源與學生，確保學生之間、學生與資源以及學生教師的交互。

4結語

基于HTML5的交互式移動學習平臺的開發成本低、難度小，且終端適配性能高，對移動終端的要求相對較低，學習平臺的內容展示形式多樣，交互性強，是當前移動應用開發的重要發展趨勢。隨著移動互聯網的快速發展，校園無線網絡的快速建設，微信小程序的深度應用，未來基于HTML5的交互式移動學習平臺將得到廣泛的應用。

[參考文獻]

[1]葉成林，徐福蔭，許駿.移動學習研究綜述[J].電化教育研究，2004（3）：12-19.

[2]趙愛美.基于HTML5和.NET的移動學習平臺研究與實現[J].河南科技學院學報（自然科學版），2013（4）：62-66.

[3]謝淑麗，徐鎮輝.基于HTML5跨平臺微課視頻系統的設計與實現[J].陜西理工學院學報（自然科學版），2016（5）：63-68.

[4]陳明選，劉萃.基于智能手機的交互式學習環境設計[J].中國電化教育，2015（4）：68-73.endprint