基于HTML5 的青少年生态文明意识交互教育探究

陈静，宋雅晴，陈静宇，李钱阳

（济宁医学院第二临床医学院，山东济宁 272067）

一、研究背景

（一）社会背景

1.国内背景

党的十七大首次提出“生态文明建设”，党的十八大报告提出，“加强生态文明宣传教育，增强全民节约意识、环保意识、生态意识，形成合理消费的社会风尚，营造爱护生态环境的良好风气。”[1]党的十九大报告提出把建设美丽中国作为全面建设社会主义现代化强国的重大目标，把生态文明建设和生态文明保护升级到前所未有的战略高度，随后十八大五中全会提出“创新、协调、绿色、开放、共享”五大发展理念。党的十九大报告还明确提出将生态文明建设制度化、法制化、常态化，全面推进生态文明建设，通过一系列政策以及制度的实施将生态文明建设上升到国家战略的高度，可见我国对生态文明建设的重视。自此生态文明走上历史舞台，并逐渐迈向中国新青年，生态文明教育也被提上日程。

而青少年作为祖国的未来，在生态文明建设发挥承上启下的作用，因此青少年的生态文明意识教育受到广泛关注，而如今青少年的生态文明意识教育存在片面化、单一化、费时、费力等问题。使用生态文明建设国际比较评价指标体系，基于世界银行公布的统计数据，课题组对20国集团(G20)经济体的生态文明水平及发展状况进行考察，获得了其生态文明指数2017及生态文明建设进步率。评价显示，我国的生态文明整体水平在G20经济体中排名靠后，整体水平仍待提升。

2.国际背景

“人与自然和谐共生”既是生态文明的核心理念，也是《生物多样性公约》(以下简称《公约》)的2050年愿景。目前，《公约》谈判的国际进程紧紧围绕制定“框架”而展开。生态文明已经写入COPl5主题，将生态文明的精髓和内涵应用于“框架”。

历次多边环境条约缔约方大会都备受关注，《联合国气候变化框架公约》第15次缔约方会议期间，前后共有180多个国家的5000多名记者蜂拥而至为国民报道国际生态文明建设盛举。

（二）HTML5 技术

1.HTML5简介

HTML5是移动互联网前端的主流开发语言，目前还没有一个前端的开发语言能取代HTML5的位置，无论做手机网站还是在手机App应用，前端界面样式都是HTML5开发，从手机与电脑上网的使用率来看，目前通过手机上网的用户远远高于电脑端，未来的移动互联网的发展前景非常广阔。[2]且HTML5凭借其不占内存、无需插件、跨平台等优点被应用于众多领域，受众逐渐扩张。

随着互联网技术不断发展，交互元素逐渐成为核心元素，而交互性强的HTML5技术被广泛应用。HTML5是将互联网语义化，提供各种媒体的嵌入，具有兼容性好的特点。将其利用到生态文明意识教育具有开发周期较短、维护成本低等特点。

而新技术、新模式应用于传统教育中，对传统教学体系的冲击巨大，让教育完美融合到新形式学习中尤为重要。通过以往经验，HTML5技术融合了图片、文字、视频、音频、图表、动画、全景等媒体形式作为教育新形式，在教育教学领域发挥极其重要的作用。[2]

2.技术支持

HTML5制作方式有三种：JS编程制作、所见即所得的可视化HTML5软文制作工具、专业的可视化HTML5制作工具。[2]这三种制作方法可以满足不同人群的制作需求，且有多平台支持不同HTML5的制作方法，从而保证本课题研究可顺利进行。

（三）交互设计

交互设计(英文Interaction Design，缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求。交互设计是由20世纪80年代IDEO的一位创始人比尔·摩格理吉在一次设计会议上提出的，将交互设计应用在公共设施、玩具和包装设计等方面，会增加用户与产品之间的互动。如今交互设计逐渐渗透到各个领域，交互性成为各领域第一大追求功能[1-3]。

（四）生态文明意识教育

从当前研究文献可以看出，青少年的生态文明意识逐渐提高，国家、社会对生态文明意识教育也逐渐重视，两者相互促进。但生态文明意识教育存在问题依然不可忽视,如青少年的生态文明意识并未良好地应用于实践中，并且无法起到保护地球生态环境的作用。其中，还有不少青少年认为生态文明教育是不必要且不必需的。针对我国生态文明情况，国家政府进行多次报告，党的十七大首次提出了“生态文明建设”，党的十八大报告提出将生态文明建设纳入中国特色社会主义总布局，并将生态文明建设放在突出地位。由此，生态文明意识教育也在不断跟进，逐渐占领核心地位，对青少年的生态文明意识教育也不断被更新[4]。

二、研究意义

HTML5制作相对简单，且故事性强能引起用户的共鸣，参与感强可以促进用户参与，活动方式多使HTML5内容丰富，社交性强使HTML5能吸引用户广泛传播，深入研究HTML5技术对青少年生态文明意识教育，既可以将HTML5与生态文明教育结合起来，扩宽HTML5的使用范围，使大众对HTML5有更清晰的认识，还可以通过HTML5的不同元素展现多种形式，包括文字、图片、链接等加强青少年生态文明意识。

HTML5的一个重要方面是制作游戏，游戏对青少年的吸引力无疑是巨大的，基于HTML5生态文明教育简单小游戏会加深青年人的印象，在游戏中潜移默化地使生态文明深入人心。

HTML5交互性强的作用可以将交互性十分灵活地应用于青少年生态文明意识教育，接受青少年的要求反馈，将教育变得灵活生动。

伴随HTML5交互技术与青少年生态文明意识教育结合而来的教育传播范围扩大，也有利于生态文明意识走进民众视野中，这能够加深民众对生态文明的理解，在一定程度上激发他们对于其的热爱。

加强青少年生态文明建设，在一定程度上拓宽了思想教育的范畴，这使对青少年的思想教育从人与人的交往上升到人与自然的新高度。完善了学校教育体系，且有利于新时代青少年生态文明体系的完整构建。再者青少年生态文明意识的不断改善有利于青少年素质提高，对青少年未来工作、生活具有重要指导意义。

青少年是未来生态文明建设的主力军，也是生态文明思想的传承者。因此，只有其树立符合新时代的生态文明观念，才能更好地肩负历史使命，为生态文明建设献出更有力的一举。因此进行全面且深刻的青少年生态文明意识培养刻不容缓。面对当前日益严重的生态危机，培养青少年的生态科学意识、道德意识、危机意识、行为意识、消费意识、法治意识及文化意识是我国高校思想政治教育和生态文明教育的必经之路。[5-7]

三、研究准备

（一）问卷调研

1.线上调研

利用HTML5制作平台对本文研究内容制订基于HTML5技术的青少年生态文明建设问卷，通过多平台发布，利用其自带的抽奖、红包答题等线上调研青少年的意见。

2.线下调研

通过纸质问卷和口头询问等方式调研。通过走访街道邻居、拜访同学等方式，询问青少年对生态文明建设以及HTML5技术的相关认知与看法。

（二）统计学分析

根据问卷数据进行分析。参加问卷调研的学生大部分接受过生态文明意识教育，且发达城市与县级地市等青少年受到生态文明教育的程度几乎一致，这缘于互联网线上授课技术的普及及疫情带来线上教育崛起。此数据更加证实本研究贴合社会时事。青少年对游戏元素比较感兴趣，虽对HTML5技术了解不深透但愿意尝试，且对HTML5技术融合生态文明意识教育并不抵触。根据社会学新兴事物的兴起必引发社会轰动，HTML5技术应用生态文明意识教育是两个新兴事物碰撞，必将精进生态文明意识教育进程。据数据显示实验授课的赞同度超过半数，由此可以看出，青少年的生态文明意识教育采取实验、理论双课结合教学的方法更能吸引学生的注意力。

（三）交互设计

利用互联网技术，如HTML5技术，将动态效果、趣味元素等加入教学中，并及时接受用户反馈及回复，实现互联网平台与学习者的交互。将各种元素利用HTML5技术融入教学课中，将生态文明意识教育分为实验课与理论课。

1.实验课

实验主要演示生态恶化的后果及人类各类不合理的活动而导致的结果。

实验者在实验前、实验中、实验后可通过移动设备或提供的固定智能设备进行信息反馈，平台对接受到的反馈信息进行分类，发送到不同的处理人手中，如实验中接受到实验疑问的反馈，系统将发送到实验指导教师信息中并及时将教师处理结果反馈给实验者。

实验前，教师发布实验主要内容及注意事项，平台发送到实验者手中。实验者可向平台反馈本次实验所希望的理想状态，平台向教师反馈信息使线下使用更生动有趣，并根据实际情况创建本次实验的线上实验室，使实验者能感受到更多乐趣。

实验中，实验者对实验的内容、实验仪器改进等进行平台反馈，平台发送到教师手中，并及时将教师反馈发送到实验者手中，若教师长时间无应答或教师不确定，平台会通知实验者并发送问题到平台签约实验室，请专业研究人员演示后得出结论对实验者疑问进行反馈。

实验后，实验者将本次实验体验感想发送平台，平台将实验者的建议及要求反馈教师，力争实验更完美，能吸引实验者。

2.理论课

平台把理论课分为直播和录播。使用者进入平台首先进行个性测试，随后学生进入平台学习理论课可首先观看录播课，平台根据学生个性将推送相关内容。平台提前预告直播课，学生进行报名与意见反馈。在观看过程中，学生可进行意见发送，直播者适当改变授课内容。课程结束后，学生可发送意见，平台会对授课内容进行调整。学生还可根据兴趣自主制作课程担当讲课人，平台会根据授课情况进行奖励。

四、结束语

青少年作为国家未来建设的中流砥柱，其生态文明意识高低直接决定了国家生态文明建设的高低。针对青少年生态文明意识教育应结合地市经济水平采取“因地施教”的策略。青少年生态文明意识教育结合HTML5，更有利于生态文明意识体系建设。

HTML5 与青少年生态文明教育宣传相结合，极大地调动了其适用性。在各个平台适用且可以在网页上直接调试修改，强化了Web网页的表现性能。这不仅可以描绘二维图形，还可用于图片、视频、动画等媒体形式，很好地解决如今青少年生态文明意识教育薄弱单一费时费力的问题。

党的十八大报告指出，“建设生态文明，是关系人民福祉、关乎民族未来的长远大计”。生态环境道德是人类在处理与自然关系时应该遵循的行为准则，是社会发展的必然要求，是公民道德建设的重要内容。这不仅反映了新阶段道德建设的客观实际和规律，也体现了中国先进文化的发展方向。少年强则国强，少年进步则国进步。由此可见，从青少年开始就培养他们的环境保护意识是非常重要的。所以，保护生态环境，有必要更是必须从青少年开始。HTML5技术的发展推动着教育的改革。纵观传统教育，教育方式较为枯燥、单一，如今因为信息技术的不断发展，拓宽了学习者获取知识的途径，学习者基本上可以做到足不出户也尽知天下事。信息技术为实现青少年生态文明教育改革提供了广阔的技术平台，更是推动了教育改革的步伐。

生态文化主旨是人与自然和谐共生、协同发展的文化，也是生态文明主流价值观的核心理念和生态文明建设的重要支撑。生态文化是生态文明建设的重要组成部分，其中许多内容是从中华民族传统文化中衍生而来的，也将通过教育世代传承下去。