淺析H5移動微課的設計與開發

傅小萍

摘 要 H5移動微課是一種新形式的微課，是移動學習中的重要資源。文章簡單闡述了移動學習理論、非正式學習理論對H5移動微課設計和開發的支撐作用，分析探討了H5移動微課的含義，H5移動微課的指導原則，H5移動微課的開發模式、開發技術以及開發平臺，并從技術層面和內容層面簡單陳述了H5移動微課設計和開發應注意的問題。

關鍵詞 H5；移動微課；設計；開發

中圖分類號 TP3 文獻標識碼 A 文章編號 1674-6708（2018）225-0147-02

高速移動互聯網的迅猛發展伴隨著智能手機、平板、iPad等移動設備的迅速普及，使得基于移動設備的數字化學習成為當前碎片化環境中的一種常態化學習，這種通過移動設備進行碎片化學習的方式稱之為移動學習，因其突破了傳統學習的時空限制，可以隨時隨地進行不同內容、不同目的的學習，深受各行業領域者的喜愛。在當今碎片化、移動化的學習環境下，如何設計、開發H5移動微課，使之既能符合移動化、碎片化的學習環境規律，又能滿足當代學習者的移動學習需求，讓學習者隨時可學、隨地可學，成為移動學習環境下亟待解決的問題。

1 H5移動微課概述

H5的全稱形式是HTML5，其含義指HTML、CSS和Java腳本的一整套技術的嵌入整合。但隨著技術的發展，H5的含義不斷擴展衍生為某些能夠帶給用戶豐富視聽媒體體驗的網絡頁面或平臺，這種網絡頁面又稱之為H5頁面作品、H5平臺、H5微場景等。現今的H5之所以能得到青睞，是因其突破原H5的局限，具備自身得天獨厚的優勢：本地存儲特性。基于H5的頁面作品擁有更短的啟動時間和更快的聯網速度；多媒體特性。H5支持網頁端的圖片、音頻、視頻、動畫等豐富的多媒體功能；三維圖形及交互特性。瀏覽作品能呈現驚人的三維視覺效果，擁有豐富的視覺體驗，能夠與用戶發生多維交互。

2 H5移動微課的設計與開發

2.1 H5移動微課相關理論

2.1.1 移動學習理論

我國最早的移動學習項目是2001年北京大學的“移動教育理論與實踐”。移動學習是指通過互聯網技術和移動設備隨時隨地獲取教育資源的一種新型學習形式，其特點是不受時空約束，隨時隨地進行更自由的移動碎片化學習。移動學習理論的出現為移動學習環境下的碎片化、移動化學習提供了獨特的優勢、為移動微課的設計開發奠定了理論契機。

2.1.2 非正式學習理論

非正式學習理論起源于19世紀50年代，與正式學習相對應。非正式學習情景下，學習者獲取的知識源頭豐富多樣，不局限于通過學校課堂教師直接或間接獲取，由學習者自動發起，自我監控，自我反省。非正式學習無處不在，隨時隨地都可發生，不需要固定場所，這無疑符合碎片化、移動化環境下的學習?；贖5的移動微課資源具備豐富多樣的非正式學習形式，與移動學習理論相互呼應。

2.2 指導原則

2.2.1 堅持以學習者為主體的原則

移動微課的使用對象是學習者，其始終以服務學習者為目的，因此，學習者是移動微課主要考慮的主體對象。移動微課設計初始要充分考慮學習者的學習需求，采取措施調研學習者的學習背景、學習風格、學習初始能力等，從而為學習者量身定制移動微課課程，滿足學習者的學習需求體驗，進而達到教學目的。

2.2.2 堅持“知識包”原則

知識包指移動微課中知識內容的完整性和系統性，移動微課的設計不僅追求“短小精悍”，還需要避免知識點與知識點之間孤立的缺點。堅持“知識包”原則，利于知識點之間的緊密聯系，構建知識點間的完整性和系統性，利于幫助學習者形成知識鏈。

2.2.3 堅持多元多化、媒體最簡原則

多元多化是指移動微課設計不局限已有形式，強調創新，根據不同知識內容和學習者特點匹配最合適的呈現方式。媒體最簡是指設計要考慮移動設備數據處理和移動數據傳輸的經濟性，不僅要契合知識內容的傳播，還要符合學習者的觀看特點，不“拖泥帶水”。

2.3 設計與開發程序

2.3.1 基于H5移動微課的設計

眾所周知，一門好的微課資源離不開前期精心的規劃設計工作。一般來說，移動微課設計過程主要包括選題分析、學習者分析、腳本編寫等環節。在技術選擇方面，要對移動微課的媒體、畫面呈現方式等進行精心安排和選擇；在知識講解方面，要盡可能的顧慮全體學習者的學習起點、學習風格、學習能力等，用“通俗易懂”的語言進行講解；在學習環境方面，要考慮移動碎片化的學習環境，按“知識包”的指導原則以形成完整的移動微課課程體系。

2.3.2 基于H5移動微課的開發

1）H5開發模式。自2014年H5作品在微信里流行后，各種H5頁面作品層出不窮，為更好的選擇開發模式進行H5移動微課設計制作，綜合網上評論資源，對H5開發模式的優缺點做了對比。

2）H5移動微課開發技術。近幾年，網絡上出現的H5開發平臺的主要技術包括：頁面展示方式。H5頁面展示方式的效果是簡單圖文組合和簡單切換交互，類似于PPT的簡單功能，該形式較符合大多教育工作者的需求，可在PC端制作幻燈片，通過PP匠等轉換工具將幻燈片轉換為H5微場景；交互動畫方式。交互動畫方式的H5頁面作品需提前在腳本設計、創意構思、設計開發等方面進行設計謀劃，其設計開發的時間較長，成本較高，難度和復雜性也較大，該形式類似于Flash動畫教學；功能型方式。H5微場景的功能型方式經過用戶反復地使用，能起到較好的傳播推廣作用，該形式的移動微課可做成教學信息反饋，及時跟蹤學習效果。

3）開發平臺對比分析。H5開發平臺可分為簡易模板類和專業工具類。簡易模板類的H5平臺以易企秀、MAKA、初頁等為代表，該類界面簡單整潔，操作方便且快捷，但在設計制作炫酷交互效果上功能較為不足；專業工具類的H5平臺，可實現炫酷的交互動畫效果，給予學習者豐富的交互體驗，該類以iH5互動大師、木疙瘩等為代表。

2.4 設計和開發應注意的問題

2.4.1 技術層面

1）交互和適配性。移動微課其中一個重要的特點就是交互性，作為教育教學類的移動微課，在結合學習者特點的基礎上采取系統設計，有利于形成移動微課的知識鏈條。但移動微課與普通微課設計最大不同在于觀看窗口的變化，由電腦終端的橫屏方式過渡到移動設備的豎屏方式，屏幕呈現尺寸相對于電腦端縮減很多，難免會讓學習者不適應，加之每個移動設備在尺寸、比例上各不相同，設計時就需要考慮設備的兼容性和適配性。

2）音頻和圖片。音頻包括背景音樂、錄音素材等，音頻的意義重大，可使教學資源從無聲變有聲，激發學習者興趣，提高學習者的積極性，助于知識傳播。開發平臺上一般要求音頻為MP3格式。圖片是H5頁面作品使用最多的元素，一般來說，H5平臺上要求的格式一般可為 JPG、JPEG、PNG、GIF 和SVG等。

2.4.2 內容層面

重視內容設計，針對不同的微課內容選題采取不同的教學設計，依托學習體系來設計移動微課，保證移動資源的系統性和完整性，確保移動微課內容的有效性和吸引力。移動微課資源的開發是一個系統龐大的工程，涉及教學設計、腳本編寫、技術處理、教學支持等各方各面，需要多方力量的配合和支持。

3 結論

伴隨著移動網絡的升級和移動網民的迅速增加，不可否認，移動學習已然成為當下各種非正式學習下不可或缺的學習形式。移動微課作為移動學習環境中必不可少的學習資源，其作用和地位是不容忽視的，在移動微課和移動環境兩者的關系中必然牽涉移動微課的設計和開發。當然，移動學習不可取締傳統課堂學習，其是傳統學習的重要補充，相信在不久的將來，兩者將會融合得更好。

參考文獻

[1]葉成林，徐福蔭.移動學習及其理論基礎[J].開放教育研究，2004（3）：23-26.

[2]楊欣，于勇.非正式學習研究現狀綜述[J].現代教育技術，2010，20（11）：14-18.

[3]翁明杰.談“H5微場景制作”在中學信息技術教學中的應用[J].中國信息技術教育，2015.