基于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技術的發展推動著教育的改革。縱觀傳統教育，教育方式較為枯燥、單一，如今因為信息技術的不斷發展，拓寬了學習者獲取知識的途徑，學習者基本上可以做到足不出戶也盡知天下事。信息技術為實現青少年生態文明教育改革提供了廣闊的技術平臺，更是推動了教育改革的步伐。

生態文化主旨是人與自然和諧共生、協同發展的文化，也是生態文明主流價值觀的核心理念和生態文明建設的重要支撐。生態文化是生態文明建設的重要組成部分，其中許多內容是從中華民族傳統文化中衍生而來的，也將通過教育世代傳承下去。