淺析H5移動(dòng)微課的設(shè)計(jì)與開(kāi)發(fā)

傅小萍

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

關(guān)鍵詞 H5；移動(dòng)微課；設(shè)計(jì)；開(kāi)發(fā)

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

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

1 H5移動(dòng)微課概述

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

2 H5移動(dòng)微課的設(shè)計(jì)與開(kāi)發(fā)

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

2.1.1 移動(dòng)學(xué)習(xí)理論

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

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

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

2.2 指導(dǎo)原則

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

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

2.2.2 堅(jiān)持“知識(shí)包”原則

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

2.2.3 堅(jiān)持多元多化、媒體最簡(jiǎn)原則

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

2.3 設(shè)計(jì)與開(kāi)發(fā)程序

2.3.1 基于H5移動(dòng)微課的設(shè)計(jì)

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

2.3.2 基于H5移動(dòng)微課的開(kāi)發(fā)

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

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

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

2.4 設(shè)計(jì)和開(kāi)發(fā)應(yīng)注意的問(wèn)題

2.4.1 技術(shù)層面

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

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

2.4.2 內(nèi)容層面

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

3 結(jié)論

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

參考文獻(xiàn)

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

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

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