HTML5移動微課應用于信息素養教育的策略

韓宇

摘 要 HTML5移動微課具有完善的富媒體支持與完美的兼容性體驗，已經在教育領域有廣泛應用。論文從教育理念、教學內容、制作工具、教學設計及管理平臺五方面論述了HTML5移動微課應用于圖書館信息素養教育的策略。

關鍵詞 HTML5 微課 移動學習 信息素養教育

分類號 G254.97

DOI 10.16810/j.cnki.1672-514X.2018.04.016

Abstract HTML5 mobile-Micro-lecture has perfect media support and perfect compatibility experience， and has been widely used in the field of education. The paper discusses the strategy of the application of HTML5 mobile Micro-lecture to library information literacy education from five aspects， such as educational idea， teaching content， production tools， teaching design and management platform.

Keywords HTML5. Micro-lecture. Mobile learning. Information literacy education.

0 引言

進入新世紀，隨著互聯網的普及，基于網絡的在線信息素養教育受到關注，早在2001年就有學者探討了文檢課網絡課室的建立[1]，其后在線信息素養教育一度成為研究熱點，自行開發或是利用Blackboard、WebCT等網絡教學平臺傳遞教育資源，開展信息素養教育作為一種新的教育模式出現在很多圖書館的主頁上。線上與課堂相結合的混合式信息素養教育體系逐漸顯露出來，應該說這一體系至今仍是圖書館開展信息素養教育的主要模式。但隨著信息技術的不斷發展，網絡時代精準化、快節奏的信息獲取方式及相應工具的完善催生出一種短小精悍的“快速課件”式信息素養教育資源，這類教育資源以三五分鐘的錄屏或視頻講解為主要形式，推動著圖書館信息素養教育走向以需求為本、嵌入用戶環境的新階段[2]。

國外圖書館早在2003年就開始相關嘗試，如今類似快速課件教育資源在國外大學圖書館網站上已經廣泛可見，與國內目前流行的微課化教育潮流相契合。近年來，移動互聯網日益興起，移動學習推動了圖書館信息素養教育開始新一輪的變革，通過移動互聯網利用各種移動終端（如平板電腦、智能手機等） 學習甚至制作的移動微課成為圖書館信息素養教育創新的方向之一，其中依托HTML5技術所制作而成的HTML5移動微課，因其形式表現的多樣性、工具的易用性、課件的穩定性、良好的交互性以及支持跨平臺學習等各方面的優勢，逐漸成為圖書館開展信息素養教育的首選。

1 HTML5移動微課的特點及教育應用

微課以教學微視頻為核心載體，基于知識點、情感點、技能點等學科知能點或結合目標、活動、導入、評價等教學要素和環節，通過精心設計而開發的微型、優質學習資源[3]。微課短小精悍，參與性強，實用好用，技術門檻低，易制作生成，尤其適應移動環境下的信息獲取方式，因此，微課概念在2010年經由國內教育界專家提出后，發展十分迅猛，很快演變出“全民微課”之勢，受到各類有教育及營銷需求機構的追捧。

隨著移動互聯網時代的到來，移動微課順勢興起，其實現方式有多種，比如MP4微視頻等，但HTML5移動微課無疑是最好的實現方式。HTML5是超文本標記語言（HTML）的第五個版本，包含HTML5、Javascript 2.0 以及CSS3，構成一套完整的體系，其特點是兼容性強，支持跨平臺和跨設備瀏覽，同時具有多媒體特性及超炫的動畫交互特點，是網絡開發世界的一次重大改變，并且代表著未來發展的趨勢。因此，可以說HTML5移動微課整合了移動環境下最流行的HTML5技術與微課程的優勢，從而占據了移動學習的至高點。

HTML5移動微課最主要的特點表現在以下兩個方面。一是更完善的富媒體支持。傳統HTML網頁技術本身有局限，以其為基礎的網絡課件往往通篇都是文字和圖片，缺乏聲影的配合，需借助其它工具引入交互參與的教學設計。而HTML5移動微課可以輕松實現文字、圖片、表格、音頻、視頻、交互、色彩、創意的有機結合，并且能夠克服錄屏式微課畫面過于簡單、呈現方式單一、場景缺少變化、后期編輯難度大等不足。二是更完美的兼容性體驗。HTML5移動微課的優勢還體現在終端上，尤其是跨平臺、跨分辨率、終端自適應等方面，有助于學習者在不同學習終端獲得一致的良好學習體驗，滿足其利用各種智能終端，如電腦、手機、電子書包等隨時隨地展開移動學習的需求。

HTML5移動微課因其移動學習方面的優異性能在教育領域已經得到廣泛應用，尤其在企業培訓及營銷方面備受青睞。實踐中，HTML5移動微課也可被稱之為“手機微場景”“輕應用”“HTML5移動網頁”“微海報”或“微雜志”等，被廣泛用于制作邀請函、產品介紹、小游戲及宣傳網頁，在當前的微信傳播中十分盛行。放眼于教育應用，如作為企業大學標桿的京東大學有很多微課程就是利用HTML5微課制作工具制作，實現了其敏捷式開發的理念。又如自2015年5月開始的“云學堂杯”中國企業微課大賽專門為HTML5課程制定相關標準，其開發的移動微課在類型上更豐富，可分為職業素養、通用素質類、管理類及品牌文化類等[4]。再如專注于移動學習的 weTeam平臺憑借微學寶HTML5課件制作工具的技術支撐以及多年課程定制經驗，已開發出上千門移動微課，課程設計理念先進，視覺效果生動，并融入趣味性與人機互動的課程測試環節，極大提升學習者的積極性和培訓效果[5]。

HTML5移動微課作為重要的營銷工具，很多品牌利用它在廣告活動或公關活動中制作相關的案例，通過微信及QQ快速傳播，及時調整營銷策略。事實上，HTML5移動微課在圖書館界也已經有所應用，美國蒙大拿州立大學本科體驗館員Ryer Banta近來使用H5P工具創建HTML5在線信息素養指南開展教育實踐，其還在2015年美國大學與研究圖書館協會年會上向與會者強烈推薦HTML5教育資源制作工具，認為其能夠滿足絕大部分開發需求，具有相當高的可用性、開放性、共享性[6]。此外，國內一些圖書館利用易企秀等HTML5工具制作的圖書館資源簡介、圖書導讀等都體現了移動微課的教育功能。

2 基于HTML5移動微課的信息素養教育實施策略

2.1 教育理念

教學工具的運用離不開教育理念的指導，在利用HTML5移動微課開展信息素養教育的過程中必須遵循微課學習與網絡時代學習的教育理念，比如認知負荷理論、聯通主義學習理論以及新建構主義學習理論等。認知負荷理論要求在設計HTML5移動微課時要盡可能減少與課程內容無關的信息，同時，增加關聯認知負荷，通過在移動微課中加入交互設計以調動學習者的積極性。聯通主義學習理論強調的是知識的流動性、適應性、連接性與情境性，在交流與傳播的循環中傳遞知識，學習者就是在這種不停流動的知識結構中實現學習過程。而新建構主義學習理論認為網絡時代的學習是一個零存整取、不斷重構的過程，并且特別強調知識創新。

在這些成熟教育理念的指導下，HTML5信息素養教育移動微課形成其獨特的教育理念，一是應用 “在用戶需求點上，在日常學習工作中”。在需求點上（on the point）是圖書館在線信息素養教育發展到快速課件階段的重要理念，有利于減少學習者的認知負荷，不僅在學習與工作有需求時提供即時的指導，而且學習主動性更強，更加強調主動推送課程，將學習融入日常工作與生活中，實現隨時隨地可以學習。二是樹立“面向知識創新的教育”。新建構主義學習理論的提出者將教育分為三個時代，認為1.0時代的學習是指傳統的面對面教學，2.0時代的學習是指將傳統課程搬到網上，也就是在線教育；3.0時代的學習則是指個性化在線學習階段，以個人的需要、興趣為中心進行個性化的自主學習，其目標是知識創新[7]。HTML5信息素養教育移動微課屬于3.0時代學習的范疇，其突出特點是以用戶需求為導向，以服務創新為目標。

2.2 教學內容

雖然HTML5移動微課是指在形式上的創新，但很顯然對于教學目標的實現而言，制作精良的移動微課內容更勝于形式，教學內容的設計與選擇直接決定了教學過程的成敗。HTML5信息素養教育移動微課教學內容的類型可以分為學習講解型、鞏固練習型與測試型等。學習講解型教學內容主要用于傳授新知識或者鞏固舊知識，也可用于自學，通常采用演示指導，模擬演練及游戲操作等形式；鞏固練習型教學內容更主要的是對于已經學習過的知識或者技能的檢測，題目強調少而精，并且附有詳細的解釋；測試型教學內容用于檢驗與調控個性化學習進程的效果，測試其對于知識內容的熟練程度。

信息素養教育HTML5移動微課的教學內容來源于兩個方面，一是信息素養教育體系知識點；二是針對用戶實際需求。對于較為系統的信息素養教育知識，首先要劃分知識點，采用知識點來組織教學內容，根據不同類型的知識點靈活地采用不同的表達方式予以呈現。有學者提出在移動學習中劃分知識點應遵循的原則包括實用原則、適度分解原則、完整性原則、松散重組原則等[8]。另外一個來源是用戶需求，特別是針對不同圖書館，具體場景的特殊需求需要教育者深入現場，通過親身體驗、用戶交流，用戶調查等方式獲取資料，從而豐富與完善移動微課的教學內容。此外，在HTML5移動微課教學內容的規劃過程中，要樹立大局意識，不要因微課這“一葉”障目而不見知識體系的“森林”；同時，又不能局限于固有體系，而應面向教育需求，通過對知識體系的梳理和對知識點的再設計，提高教學內容的針對性與實用性。

2.3 制作工具

HTML5移動微課之所以流行迅速，潛力巨大，除其優異的功能與效果之外，易于實現且工具多樣是推動其發展的重要原因。HTML5移動微課的一個明顯的特征就是技術門檻低，簡單易用，可以無師自通地插入圖片、音頻、視頻等各種素材，以所見即所得的方式進行設計。具體來說，HTML5移動微課制作工具有以下特點：一是其實現不需要直接編寫HTML5代碼，利用網絡上很多免費工具，可以輕松制作出效果絢麗，動感交互的教學資源，而且工具使用非常簡單，甚至支持直接導入PPT，所需要的只是創意；二是有豐富的互動模板和在線素材，可以根據需要選擇合適的互動模板，不必從零開始，大大提高了效率，節約了制作時間和精力；三是多為免費工具，傳播十分方便，同時很多工具還具有數據搜集、分析、統計功能，為教學改革與創新提供有力支撐。

目前網絡上HTML5移動微課制作工具可謂百花齊放，包括“vxplo互動大師”“問卷星”“米鼠”“易企秀”“小影”“初頁”等，這些工具使用簡單，大多只需很短時間便可輕松上手，安裝方便，甚至無需下載本地，即可實現在線制作或手機編輯。零代碼制作幫助教育者跨越了技術障礙，專注于無限創意的發揮。比如利用“米鼠”開發微課操作過程類似PPT制作，任何熟悉PPT操作習慣的人都可“拿起來就用”，甚至支持直接導入PPT文檔轉換為移動微課，而且還可方便利用工具內置的課件模板，教學場景、多媒體工具及素材等，大大提高了微課的制作效果與效率[9]?？傊?，利用HTML5移動微課制作工具開展教育活動，無須教育技術專家支持，只要結合工具性能，充分利用網絡素材，將自己的智慧融入配圖、文字、色彩、圖表等排版及音視頻等多媒體資源的運用當中，便可以極低的成本制作出具有專業水準的移動微課。

2.4 教學設計

內容與工具確定之后，如何展現與設計教學過程就顯的至關重要了，HTML5移動微課建設不能“重技術，輕設計”，單純追求實現很“炫”的技術效果，而忽略了教學設計這一核心本質。富有創意的教學設計是HTML5移動微課的內涵與靈魂。有學者認為“缺少了體系化的碎片化將是一盤散沙；而缺少了碎片化的體系化就是鐵板一塊，兩者同樣無益?！盵10]HTML5移動微課的開發是個系統工程，需要精心準備、系統設計、規劃內容、統籌考慮，專題系列化是HTML5移動微課教學設計的重要原則之一。HTML5移動微課設計要著力于一個“點”，把內容進行聚焦、整合、深加工，讓HTML5移動微課既擁有“微”的外表，又具備“精”的實質。具體來說，HTML5移動微課教學設計包括五個方面：選擇主題、教學內容分析、學習者分析、教學目標闡明與教學策略制定。此外，還包括表現風格的設計，比如目前十分流行的手繪風、簡約范、扁平化等。

實踐中，Dillard[11]23-27提出了六條移動教學設計的原則，可以參考借鑒，具體包括：（1） 開發簡單、直觀的界面。（2） 整合多媒體與交互性。（3） 建立短小的、模塊化的課程和活動。（4） 設計兼具參與性和娛樂性的學習同容。（5） 學習內容要與學習情境相關的并且對學習者有價值。（6）及時教學（justintime delivery）以提高學習效率。特別強調的是，HTML5移動微課教學設計應該發揮HMTL5語言的優勢，突出真實性與交互性，激發學習動機，吸引注意力，適當融入挑戰性與娛樂性，幫助學習者產生探索的欲望和強烈的學習動機。

2.5 管理平臺

以往的在線信息素養教育依靠專門平臺，如學習管理系統、專門網站和導航門戶，往往因為容量有限或過于專業等原因，實際受眾有限。而HTML5移動微課自出現時就與目前網絡上最流行的QQ、微信平臺結合在一起，因此傳播的范圍更廣，與用戶需求結合也更為緊密。如今，微信加微課已經成為移動學習的常態，基于微信公眾平臺向學習者推送HTML5移動微課教育資源，可以使學習者在短時間內針對一個小而完整的知識點進行學習；同時該平臺具備一定程度的教學管理功能，為教育活動增添了一種新穎的學習方式與學習途徑。

HTML5移動微課的典型應用案例，如“秋葉PPT”，它利用微信公眾平臺建立起從學習傳播到課程內容開發，再到效果評價的完整的教學體系。“秋葉PPT”移動微課課程體系中包括教學資源、同伴環境、課程講解、教學實踐、答疑、作業、測試考核等完整的教學環節，在其公眾平臺上回復關鍵字可查看課程資源庫中的課程，通過微信公眾平臺學完課程后還可在微博中“曬”作業，方便轉發與點評等[12]。又如，“愛微課”公眾平臺是專業課件制作公司開發的移動微課學習平臺，定期向學習者推送3分鐘左右，以視頻為主的移動微課，學習對象主要為職場商務人士[13]。此外，廣州地鐵使用米鼠微學產品，通過米鼠上傳課件到云平臺，接入微信公眾號，分享到朋友圈，從而完成學習過程[14]。

3 HTML5移動微課應用于信息素養教育應注意的問題

3.1 勝在持續更新

HTML5移動微課輕便快捷，好制作、易應用，可以用最低的成本搭建最適合的教育資源體系。但需要注意的是，利用HTML5移動微課開展信息素養教育絕不是一時的行為，而是長期的過程。更新緩慢，甚至不更新是以往在線學習平臺走向失敗的重要原因，甚至有學者將網絡教育資源建設存在的資源利用率低、使用效果不佳的狀況形容為“數字廢墟”，移動環境下更是如此，移動互聯網上信息是動態性的，如果HTML5移動微課無法做到定期持續更新，將很快湮沒于信息大海中，連“廢墟”都無從找到。因此，“內容為王”同樣是HTML5信息素養教育移動微課實施過程中的黃金法則，圖書館開展移動信息素養教育需要制定一套長期持續發展計劃，否則即使偶爾推出一個漂亮的界面，某一花俏好玩的功能，也難以吸引學習者的長久佇立，無法真正滿足用戶的需求。

3.2 重在用戶生成內容

用戶生成內容曾經是Web2.0時代的重要理念，Web2.0的核心就是讓用戶參與內容創造，從而從根本上變革互聯網的信息傳播與內容組織，增強網絡上的創造關聯性和社會性。這對于視內容如生命線的HTML5移動微課實踐來說同樣有重要價值。在HTML5移動微課開發中，倡導用戶生成內容具體體現在兩方面：一方面是構建一種教育資源管理新機制，打破了傳統的僅由教育者進行教育資源管理的單一形式，增強學習者體驗，激勵學習者參與。另一方面體現教育界流行的“創客”理念?！皠摽汀碧岢珓邮謱嵺`與分享交流，努力把創意轉變為現實，并且崇尚新技術，追求開放共享[15]?！皠摽汀崩砟顚τ趫D書館信息素養教育移動微課本身的發展及教學目標的實現都具有重要指導意義。

用戶生成內容在HTML5移動微課實踐中已有先例，如“秋葉PPT”HTML5移動微課開發就是基于用戶生成內容的理念，其運作模式為：微博預告，微信分享，鼓勵網友投稿，提升微信關注，增加學習參與，用戶生成內容，微信分享課程等[11]62-63。這一模式己形成了在聯通主義學習觀下的一種良性循環的新學習方式。可以說，自古有之的“人人亦師”理念可以在HTML5移動微課的發展中得以實現，越來越多的用戶加入HTML5移動微課的設計與開發，并通過公眾平臺推送給更多關注者，一個以學習者為中心，學習者自建內容并分享的移動學習環境將有可能最終形成。

3.3 旨在應用創新

精品教學資源只有應用才能發揮其價值，圖書館在開發HMTL5移動微課過程中要特別避免“弱應用、缺創新”的現象。網絡及在線教育多年的發展為HTML5信息素養教育移動微課教育資源的應用提供了廣泛的空間。一是與傳統在線教育平臺相結合，利用HTML5移動微課制作工具生成的鏈接，將教育資源嵌入到傳統教育平臺上，把移動微課與桌面電腦端課程結合起來，大力推進信息技術與教育的深度融合，為學習者實時便捷地提供豐富的資源，開展個性化的學習；二是支持常規課堂教學，包括HTML5移動微課支持的課堂導入、課堂演練、特定問題解決等，以推進教學改革，開展混合式教學與微課化教育；三是支持課前自主學習、課中協作學習乃至翻轉課堂的實現等。

應用不止于傳統，還包括利用HTML5移動微課開展教學創新，比如與二維碼結合的應用，通過二維碼收集整理HTML5移動微課，便于學習者對教育資源的管理與開展自主學習。有學者甚至提出微課與二維碼技術相結合的“碼課”，即通過二維碼技術實現微課資源的數字化與紙質化，促進紙質載體與移動互聯網的融合，從而催生出一種基于“碼課”的學習系統，以及出版物、手機APP等新型學習資源[16]。總之，資源建設的最終目的是服務于教育教學過程，重建設、輕使用的做法只會讓辛苦建設起來的教學資源束之高閣，相信隨著HTML5移動微課教育應用的日益成熟與發展，將會在圖書館信息素養教育方面發揮更大的作用。

參考文獻：

黃晴珊，盧靄瑛，周純.“醫學文獻檢索”網上課室的初步設計[J].中華醫學圖書館雜志，2001（2）：42-43.

朱偉麗.快速課件：圖書館在線信息素質教育的新發展[J].圖書館雜志，2012（7）：79-83.

馮智慧，鄭曉丹.微課新界定：從技術開發邁向有效設計[J].數字教育，2015（4）：56-60.

云學堂杯·中國企業微課大賽[EB/OL].[2016-10-20].http：//www.kekekuku.com/default.htm.

weTeam移動微課[EB/OL].[2016-10-20].http：//www.

weteam.im/21f90d9326c2460789265700f48f0235.html.

BANTA R.Using H5P to Create HTML5 Open Educational[EB/OL].[2016-10-20].http：//ryerbanta.com/using-h5p-to-create-html5-open-educational-resources/.

王竹立.信馬由韁之二：3.0時代學習的幾種類型[EB/OL].[2016-10-20].http：//blog.sina.com.cn/s/blog_4bff4c090102w0xq.html.

楊帆.基于知識點的移動學習課程資源設計研究[D].成都：西南交通大學，2014：25-33.

學易網絡微課工具[EB/OL].[2016-10-20].http：//www.

xuemiyun.com/web/tools.jsp.

微課深度解析，全在這里了！[EB/OL].[2016-10-20].http：//www.91mlearning.cn/zx/detail_2015052211260014150449ed8ca32f4172ba.html.

盧勝男.基于微信公眾平臺的微型移動課程的設計與研究[D].上海：上海師范大學，2014.

全程劇透：秋葉的在線課程是如何盈利的[EB/OL].[2016-10-20].http：//weibo.com/p/1001593754478594571418.

愛微課[EB/OL].[2016-10-20].http：//weike.iweipu.cn/.

學易網絡微課工具[EB/OL].[2016-10-20].http：//www.

xuemiyun.com/web/tools.jsp.

宋述強.我們是否在見證一場新的教育革命？[N]中國教育報，2015-6-2（8）.

張斐，李海玲.碼課：翻轉課堂的突破口[J].教育信息技術，2014（5）：40-42.