傅小萍

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

關(guān)鍵詞 H5；移動微課；設(shè)計；開發(fā)

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

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

1 H5移動微課概述

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

2 H5移動微課的設(shè)計與開發(fā)

2.1 H5移動微課相關(guān)理論

2.1.1 移動學習理論

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

2.1.2 非正式學習理論

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

2.2 指導原則

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

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

2.2.2 堅持“知識包”原則

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

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

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

2.3 設(shè)計與開發(fā)程序

2.3.1 基于H5移動微課的設(shè)計

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

2.3.2 基于H5移動微課的開發(fā)

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

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

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

2.4 設(shè)計和開發(fā)應(yīng)注意的問題

2.4.1 技術(shù)層面

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

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

2.4.2 內(nèi)容層面

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

3 結(jié)論

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

參考文獻

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

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

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