HTML 5技术在青少年科技教育中的应用探讨

2019-04-19杨帅

学会 2019年3期

杨帅

[摘要]在青少年科技教育中，采用H5技术，可以有效利用移动设备的普及性和便捷性、多种媒体的支持性和交互性，增强科普活动的趣味性、体验性和探索性，以充满趣味性的科学现象和科学知识，揭示科学的真正内涵，激发青少年的学习兴趣和探索意识，提高青少年科技教育的效率和质量。

[关键词]HTML 5技术青少年科技教育

[中图分类号]N4

[文献标识码]A[文章编号]1001-9596（2019）03-0061-04

《全民科学素质行动计划纲要实施方案（2016—2020年）》指出，科学素质决定公民的思维方式和行为方式，是实现美好生活的前提，是实施创新驱动发展战略的基础，是国家综合国力的体现。同时，该方案指出，目前我国公民科学素质水平与发达国家相比仍有较大差距，全民科学素质工作发展还不平衡，不能满足全面建成小康社会和建设创新型国家的需要。主要表现在：面向农民、城镇新居民、边远和民族地区群众的全民科学素质工作仍然薄弱，青少年科技教育有待加强;科普技术手段相对落后，均衡化、精准化服务能力亟待提升;科普投入不足，全社会参与的激励机制不完善，市场配置资源的作用发挥不够[1] 。

当前，以互联网为代表的信息化技术飞速发展，如何将先进的信息化技术应用于青少年科技教育工作中，促进青少年增强科技强国意识，改变过去由于科普工作方法、技术手段落后而导致青少年科技教育绩效不理想的现状，值得深入探究。本文结合实际案例，探讨将HTML 5（简称H5）技术应用于青少年科普工作的流程。

一、相关概念界定

（一）HTML 5

HTML是Hyper Text Mark|up Language 的缩写，意思是超文本标记语言，是一种网页创建方式，它是网页的开发端和接收端约定标记标题、正文、图片、文字样式等页面内容的整套规范跨终端的轻应用[2] 。

HTML 5 是HTML超文本标记语言的第五次重大修改，实现了在移动设备上很好地支持多媒体的目的，其优点是：

1.跨平臺。用HTML 5技术开发的科普资源可以实现跨平台的使用，可应用于电脑、手机、平板等设备，支持Windows、IOS、安卓等系统。另外，H5可以方便快捷地在社交平台，如QQ、微信上进行传播，不像手机应用软件APP需要进行下载、安装，只需要用H5技术制作的教学资源扫描一下每个资源自带的二维码，即可观看。该技术可以将传统的以图片、文字、音视频、动画等多媒体构成的科普资源，用H5技术进行传播，使信息技术助力科普工作。

2.自适应网页设计。即同一张页面自动适应不同大小的屏幕，根据屏幕宽度自动调整布局（layout），避免了在开发制作过程中需要对不同设备提供不同网页的问题。

3.即时更新。传统手段制作的软件、资源更新比较麻烦，而HTML 5制作的资源是即时的，科普工作者在线制作、更改资源后，观看者浏览时内容就自动更新。因此，通过H5技术制作并发布的科普内容，使用者只需通过扫描资源自带的二维码，或是点击资源自动生成的内容链接就可以观看，而且可以重复使用，不需要考虑安装、更新以及存储空间等问题，可以使科技教育资源方便、快捷、大范围的传播。

4.统计和数据收集功能。目前很多在线应用，如购物网站平台、教育平台等都会对用户的使用痕迹进行跟踪记录，以获取具体数据，然后再根据收集到的数据，分析个人喜好，有针对性地推送相关内容。H5技术在线科普内容也可以对使用者进行信息跟踪，获取数据，对科普资料的使用情况、使用人群及需求进行数据收集和分析。

（二）科普

科普的目的是实现科学技术的传播与普及。科普工作要通过各种途径、技术、方法，把自然科学知识、社会科学知识、科学研究方法、科学思想、科学精神向社会公众普及，促进公众理解科学 [3]。

二、开展青少年科技教育的意义

科学技术是第一生产力。要想在当前激烈竞争的国际环境中获得长远发展，发展科学技术是关键。在当前全球化背景下，提升我国的国际地位，实现中华民族的伟大复兴，离不开科学技术的长足发展。青少年是祖国的未来、民族的希望，“少年强则国强”，因此面向青少年开展科技教育，用先进的科学思想、科学技术、科学意识武装头脑，坚定理想信念、培养创造精神、提高科学素质显得尤为重要。另外，通过开展科技教育，可以凸显科技知识的价值，提升科学教育的重要性，推动社会不断发展。

我国社会主义建设正处于飞速发展阶段，青少年只有从小掌握和学习先进科技知识，才能担起改造自然、推动社会发展的重任。因此，青少年科技教育工作应该得到各级行政部门、教育部门的重视。当前，信息技术飞速发展，科普工作可以借助信息化技术开展丰富多彩的科普教育和实践活动，营造良好的科技教育环境，使青少年受到更多更好的科技教育，激发他们深入探索科学奥秘的兴趣。

三、H5 技术在青少年科学教育中的应用

H5 技术利用移动设备的普及性和便捷性、多种媒体的支持性和交互性，可以增强科普活动的趣味性、体验性和探索性，可以用充满趣味性的科学现象和科学知识在揭示科学真正内涵的同时，激发青少年的学习兴趣和探索意识。针对青少年开展的科普活动，应该避免灌输式教学，要努力营造真实的学习和体验环境，使他们切身感受科技的神奇与魅力。H5 技术在青少年科学教育中的应用流程如下。

（一）设计

根据青少年的心智发展，设计贴近现实生活，感染性强、参与性强、探究性强的科技教育资源。另外，H5开发的科普学习资料，主要是针对移动终端，因此有利于青少年开展碎片化浏览。青少年可以根据自身需求，突破时空限制，充分体现内容、时间、过程的碎片化。H5技术开发的科普资源应充分体现移动端观看所具有的灵活性、便捷性、交互性、情境性等特征。

（二）開发传播

目前，H5被广泛用于制作小游戏、邀请函、产品宣传等，在微信传播中十分盛行，因此，H5富媒体、低门槛的特性在科普资源制作与传播中潜力巨大。另外，易于实现、工具多样也是推动其发展的重要原因。H5技术门槛低，简单易上手，制作工具也很多，比如“MAKA”“易企秀”“微学宝”“初页”“iH5”等，在这些平台上用户注册后，即可免费使用平台提供的工具进行课程资源的开发、存储、管理等，以所见即所得的方式将文字、图片、音视频等素材应用于自己的资源开发。目前，主流的H5制作平台有以下特点。

1.零代码。H5不需要编写任何代码，只需“创意+鼠标拖拽、点击”，即可轻松制作便于交互、精彩纷呈的科普教学资源。

2.工具免费且无需安装。H5工具大多是免费的，并且还具有数据搜集、分析、统计功能，这些工具除了使用简单外，不像其他软件一样需要下载到本地安装，只要登录在线制作平台即可制作、编辑。

3.易传播。以往的在线教学资源，需要依靠专门平台和专业的软件来开发、管理，因为过于专业，不易于跨平台应用，不能广泛传播。H5具有跨平台、自适应等特性，只要通过QQ、微信就能方便快捷地进行分享、传播。

（三）反馈改进

基于H5技术开发的科普资源，浏览者可以在观看后获取资源使用中的数据，如浏览内容、浏览时间、页面停留时间、资源点击量等。通过对这些数据的获取和分析，可以得到某个在线科普资源的使用状况，得到资源使用情况的反馈，并作为资源改进的依据，从而设计更合理的科技教育资源。

四、应用实例

以MAKA平台制作《认识身边的小昆虫》为例，介绍H5科技教育资源制作流程。首先根据设计，准备相应的素材，将所需要的图片、音频、视频等素材存储备用。

（一）登录MAKA，进入制作平台

打开MAKA平台，网址为http：//www.maka.im，可以用微信扫描登录，也可用账号登录，登录后即进入工具平台，选择“创建作品”开始制作H5页面。

（二）上传素材资源

单击左侧工具栏“上传”选项卡，将所要呈现的图片、视频等素材上传到平台。

（三）设计制作页面