基于HTML5的移动端多媒体教学资源的开发与应用
时间：2021-07-17 12:02:35 来源：雅意学习网 本文已影响 人 
摘 要：互联网时代学习方式的转变使移动端教学资源的开发成为教师备受关注的课题。HTML5技术的飞速发展为开发跨平台互动多媒体教学资源提供基础。文章探讨如何将HTML5技术与移动端多媒体教学资源开发紧密融合，以移动端物理力学实验多媒体课件的开发为例，总结出应用HTML5技术制作移动端多媒体教学资源的五个要点并做创新应用的思考。
关键词：H5技术 移动端教学资源 开发 创新应用
中图分类号：G642 文献标识码：A 文章编号：1003-9082（2018）06-00-03
HTML5（简称H5）是第五代超文本标记语言，作为当今颇受欢迎的移动网页开发技术，具有免装插件、动画效果和交互性强、简单易用等突出优势。依托H5在线制作平台，教师能轻松开发适用的教学课件、微场景或测试题，提升课堂教学效果，激发学生的学习兴趣、鼓励学生课后的移动学习和个性化学习，并促进教学改革实践如翻转课堂。因此，探讨如何将H5技术与移动端多媒体教学资源开发紧密融合有其现实意义。
一、HTML5技术的发展与应用
HTML是超文本标记语言，1991年问世。1993年HTML首次以因特网草案的形式发布，经历了2.0、3.2和4.0，直到1999年的HTML4.01版本稳定下来。由于发展缓慢，逐渐被更加严格的XHTML取代。HTML5是继HTML4.01和XHTML1.0之后的超文本标记语言的最新版本，2014年10月由万维网联盟（W3C）发布正式推荐的标准。其主要目标是将互联网语义化，以便更好地被人类和机器阅读，同时提供更好地支持各种媒体的嵌入。2015年，基于H5的移动端网页制作和开发平台纷纷出现，各类平台让H5制作简单易操作，技术的平民化使得H5很快流行开来。2016年以来，H5技术飞速发展，为开发基于H5的跨平台互动多媒体教学资源提供基础。
H5在线制作工具和软件不断涌现，比如有MAKA、兔展、iH5和易企秀等在线制作平台和炫课等H5课件制作软件。它们提供可视化的操作界面，可以免代码实现丰富的动画和交互功能。有些平台还提供模板资源和参考教程供用户套用，大大简化制作流程。所以常在朋友圈看到利用H5制作的活动宣传单、婚礼请帖、广告、游戏、美术作品展等。可见，H5页面正以其强大的传播效果渗透着生活的方方面面。教师利用简单的H5页面制作工具或软件开发移动端教学资源，用它来传播知识、辅助教学成为可能。
二、移动端教学资源的开发现状
目前，微课是教师在信息技术与课程整合实践过程中较常应用的多媒體教学资源。关于微课的教学设计、资源开发和应用模式的研究不在少数。近年，支持移动设备的平台越来越多，以微信为代表的通讯社交平台加入了移动学习资源开发的行列。码课码书逐渐成为教学资源的新型呈现方式。码课码书是在微信平台和二维码技术支持下将教学内容汇集成二维码，供学习者在手机平板上扫码看书、上课的一种教学资源。基于微信公众平台开发的培训课程资源也触手可及。诚然，移动教学资源的开发成为教师备受关注的课题，是值得探讨和挖掘的领域。
H5作为近三年兴起的技术标准，将其应用于教学资源的开发也有一些案例，包括微场景搭建、小学生课堂游戏开发和古诗词课件制作等。部分研究重在介绍利用某H5在线制作平台开发多媒体教学资源的过程，而部分研究聚焦H5教学资源的应用模式。本文将在此基础上，结合H5移动端物理力学实验多媒体课件的开发实践，探究H5移动端多媒体教学资源的制作要点，望能为同类开发提供参考。
三、H5移动端教学资源的开发实践
HTML5在教学中的应用十分丰富。利用H5在线制作工具或软件，教师不仅能制作出课件、闯关小游戏等丰富课堂教学的页面，还能发布H5手机网页版的校园通知来促进教学管理和家校互动，也可制作线上美术作品展、班级电子相册和安全知识培训手册。使用H5在线制作工具开发多媒体教学资源的四步法为：选题→设计→制作→发布推广。下面以物理力学《自由落体运动探究实验》作品的开发为例做进一步阐述。
1.选题
在选题时，首先要明确该H5页面的主题和用途，判断该主题的知识点是否适合通过H5网页呈现。
本案例是一个以自由落体运动探究实验为主题，用于高中物理力学实验教学的多媒体课件，它既能够在课堂教学，又能用于学生课后自主学习。力学是中学物理学习中最重要的板块之一，但很多物理力学现象或是课本中的力学实验，由于受到实验设备和环境的限制，难以直观、清晰地演示和再现，不利于力学知识的学习与掌握。自由落体运动实验教学中，我们难以模拟真空环境，也未必保证实验能精准地控制变量。而H5能够很好地解决这个问题，H5网页以音频、动画或文字的形式，更生动直观地演示实验并解释其中知识点和原理。线上学习与线下体验相结合，帮助学习者建构知识。
2.设计
在设计环节中，首先要针对H5页面的主题和知识点开展教学设计，教学设计应明确具体教学内容和所需的多媒体资源，以便图片和视音频素材的搜集与整理；同时要体现计划使用的教学方法和教学步骤，这影响着H5页面的结构和功能。之后，我们需要进行页面结构和功能设计，明确此H5作品的页面组成、各页面的功能、页面间的跳转方式与使用的些多媒体资源和动效，以及是否包含可输入文本框和按钮等用于交互的元素。
2.1教学设计
本课件的教学目标是学生能够说出自由落体运动的定义、特征和条件；并通过观察实验，知道物体的质量不是影响自由落体运动速度的原因，走出常识误区。课件中的实验需要相同的小球、羽毛和玻璃管各三个。一个小球、一根羽毛和一支玻璃管为一组，共设置三组，分别代表充满空气、抽去部分空气和真空的情况。让各组小球和羽毛在同一高度同时下落，进行控制变量，对比落地快慢。
教学过程分为三个部分：问题导入、实验演示、阐述实验原理和结论。在课前提出问题“重物和轻物哪个掉落速度快？”，让学生根据生活中的观察去思考与猜测，以此激发学习兴趣，为下面实验现象激起学生的认知矛盾做准备。接着，用文字引导学生带着问题观看实验动画，让学生通过肉眼观察对比轻重不同的小球和羽毛是否同时落地，其落地快慢是否和空气阻力有关。借助实验现象验证自己的猜想正确与否，并做出初步的结论。最后，用文字和语音解说阐述自由落体运动的实验原理和结论。
