HTML5移动微课应用于信息素养教育的策略

2018-06-28韩宇

新世纪图书馆 2018年4期

关键词：信息素养教育移动学习微课

韩宇

摘要 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]。“创客”理念对于图书馆信息素养教育移动微课本身的发展及教学目标的实现都具有重要指导意义。

用户生成内容在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.