傅小萍

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

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

中圖分類號 TP3 文獻(xiàn)標(biāo)識碼 A 文章編號 1674-6708（2018）225-0147-02

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

1 H5移動微課概述

H5的全稱形式是HTML5，其含義指HTML、CSS和Java腳本的一整套技術(shù)的嵌入整合。但隨著技術(shù)的發(fā)展，H5的含義不斷擴(kuò)展衍生為某些能夠帶給用戶豐富視聽媒體體驗的網(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 移動學(xué)習(xí)理論

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

2.1.2 非正式學(xué)習(xí)理論

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

2.2 指導(dǎo)原則

2.2.1 堅持以學(xué)習(xí)者為主體的原則

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

2.2.2 堅持“知識包”原則

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

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

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

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

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

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

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

1）H5開發(fā)模式。自2014年H5作品在微信里流行后，各種H5頁面作品層出不窮，為更好的選擇開發(fā)模式進(jìn)行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ā)等方面進(jìn)行設(shè)計謀劃，其設(shè)計開發(fā)的時間較長，成本較高，難度和復(fù)雜性也較大，該形式類似于Flash動畫教學(xué)；功能型方式。H5微場景的功能型方式經(jīng)過用戶反復(fù)地使用，能起到較好的傳播推廣作用，該形式的移動微課可做成教學(xué)信息反饋，及時跟蹤學(xué)習(xí)效果。

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

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

2.4.1 技術(shù)層面

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

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

2.4.2 內(nèi)容層面

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

3 結(jié)論

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

參考文獻(xiàn)

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

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

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