H5互动教学平台设计应用研究

杜蔚苗 谢远欣 谭倩妮

[摘 要] 基于信息化教学模式，将研究利用H5的自身技术与优势设计一款集教学课件、教学展示、教学交流、教学考评为一体的H5互动教学平台。提高学生学习兴趣与实践能力，使被动学习转化成自主学习，提升教学质量。

[关 键 词] 信息化教学；H5技术；自主学习；H5互动教学平台

[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2018）29-0116-01

目前信息化的具体表现就是信息数字化，数字化信息具有稳定性好、传播效率高、易于存储等特点，节约了传播和存储成本。将繁复的文本信息整合成数据，直观呈现，简洁明了。教师可合理的利用信息化技术，不断提高教学质量，促进学生自主学习能力。

一、H5互动教学平台的含义

H5互动教学平台作为信息化教学的创新技术手段，利用H5自身技术与优势，将资源整合，建立一个便于教师教学、学生学习、师生共同互动的良好学习平台。其具有“跨平台”“本地储存”“免插件”的特点。

二、H5互动教学平台设计

“互动”是H5互动教学平台的关键所在。那么对教师而言，需要对页面进行全方位考究，如构建清晰、合理的页面组织结构；将教学图片、视频、交互动作等运用在页面的排版中，学生可以参与其中，增强页面的学习性与趣味性。

（一）H5教学课件平台设计

传统的教学课件是以教师讲解与单一PPT讲述为主，通常忽视与学生的互动性教学，静态单一的教学课件已经不能引起学生的注意与学习兴趣。当下教学课件已逐步转入以强调信息化的动态页面设计为主。H5教学课件平台作为移动终端上可打开的页面，是可以利用自身技术优势使用图像动画、音频、视频、本体存储等相关功能；并可通过设置相关的动态元素和效果调整图片和文字的出现，如擦除、重力感应、3D展示功能等。课件制作中巧妙地运用动态视觉元素，可以创造出更多别具一格富有创意的H5互动教学课件作品，通过师生课堂互动，增加课堂学习氛围。

重点难点的突出在H5教学平台页面设计中尤为重要。若忽视重难点的划分，教学内容将不会得到有效传达。因此，教师在H5教学平台设计中应该注意课程内容的重难点区分，在重点的部分通过H5教学互动的形式，版面设计主次分明。

（二）H5教学案例展示平台设计

H5教学案例展示类型丰富，按照表现形式分类可分为滑动翻页、总结报告、场景模拟、视频、游戏等。按照互动形式分类可分为双人互动、多人互动、视听互动、触感识别、多屏互动、重力感应、VR虚拟现实等多种形式。不同媒介之间的信息打破之前的壁垒，形成互相融合的整体，H5教学案例平台也可以不断更新更多优质案例。

传统的教材案例，无论以什么样的形式出现，总是围绕着两个方面，一是图片关系，二是圖文关系。因此对于传统教材而言，图片只是辅助文字的，而并不能代替文字。由于传统教学模式其自身的特点和限制，新媒体H5教学案例展示可使图形在页面设计中的应用更加生动而富有活力。在H5教学案例展示设计中，一切可视图像都可以归在图形、图像的范畴里，如数码照片、插画图片等。新媒体H5广告将信息图形化设计，将减少文字的出现，用图形信息代替不必要的文字内容。例如，数据总结报告的动态化呈现，可清晰地让学生看懂其中数据与变化幅度，同时也增强了学生学习过程中的趣味性。

（三）H5教学交流平台设计

传统的教学课后，师生交流被时间与地域限制。通过互联网信息化教学，在课后可拉近师生彼此之间的距离，教学传播内容是H5互动教学交流平台传播的核心，突破时间和空间的限制，随着信息教学的不断深入，H5教学交流平台也具备实时性、移动性、随时性的特点，因此信息化交流平台也有了不同的发展方向，其中一个是通过无线移动型终端，以手机为代表；作为“第五媒体”的手机媒体突破了时间、地点、设备的局限性，手指一动就能获得所需信息，在网络通畅的情况下，师生可以在H5教学交流平台中发表自己的看法与见解。如学生对案例的解读，教师对学生课堂掌握情况的了解等将通过这样H5教学交流平台设计体现出来。

（四）H5教学考核平台设计

传统的考评模式以纸质考核为主要形式，由教师出题，统一上报学校打印再统一考核，最后教师批改成绩公布成绩这样一个繁琐的过程。由于H5具有跨平台、免插件、即时性的特征，H5教学考评平台正是利用这些优势特征。教师考核学生的方式可以多样化、自主化、提高教学效率与质量，让学生以一种全新的方式进行考核，改变考核方式，给学生一种全新的体验。考核完成后教师可以在系统后台浏览学生的答题情况，并在线批改答卷，阅卷后可实时反馈给学生，提高教学工作效率与质量。

利用信息化技术H5的自身优势与特征，在H5互动教学平台中，教师运用H5互动教学课件平台设计生动有趣的教学课件，课堂中结合H5互动案例的讲解，通过H5互动交流平台师生课后互动交流，课程考核可通过H5教学考评平台来进行，激发学生主动学习积极性，提升教师教学质量。

参考文献：

[1]欧湘庆.教师信息化教学能力发展策略[J].中外企业家，2016（36）.

[2]汪涛，杜蔚苗.移动终端HTML5页面互动版式设计研究[J].包装工程，2017（6）：203-208.