基于HTML5 的青少年生態(tài)文明意識(shí)交互教育探究

陳靜，宋雅晴，陳靜宇，李錢陽(yáng)

（濟(jì)寧醫(yī)學(xué)院第二臨床醫(yī)學(xué)院，山東濟(jì)寧 272067）

一、研究背景

（一）社會(huì)背景

1.國(guó)內(nèi)背景

黨的十七大首次提出“生態(tài)文明建設(shè)”，黨的十八大報(bào)告提出，“加強(qiáng)生態(tài)文明宣傳教育，增強(qiáng)全民節(jié)約意識(shí)、環(huán)保意識(shí)、生態(tài)意識(shí)，形成合理消費(fèi)的社會(huì)風(fēng)尚，營(yíng)造愛護(hù)生態(tài)環(huán)境的良好風(fēng)氣?！盵1]黨的十九大報(bào)告提出把建設(shè)美麗中國(guó)作為全面建設(shè)社會(huì)主義現(xiàn)代化強(qiáng)國(guó)的重大目標(biāo)，把生態(tài)文明建設(shè)和生態(tài)文明保護(hù)升級(jí)到前所未有的戰(zhàn)略高度，隨后十八大五中全會(huì)提出“創(chuàng)新、協(xié)調(diào)、綠色、開放、共享”五大發(fā)展理念。黨的十九大報(bào)告還明確提出將生態(tài)文明建設(shè)制度化、法制化、常態(tài)化，全面推進(jìn)生態(tài)文明建設(shè)，通過一系列政策以及制度的實(shí)施將生態(tài)文明建設(shè)上升到國(guó)家戰(zhàn)略的高度，可見我國(guó)對(duì)生態(tài)文明建設(shè)的重視。自此生態(tài)文明走上歷史舞臺(tái)，并逐漸邁向中國(guó)新青年，生態(tài)文明教育也被提上日程。

而青少年作為祖國(guó)的未來，在生態(tài)文明建設(shè)發(fā)揮承上啟下的作用，因此青少年的生態(tài)文明意識(shí)教育受到廣泛關(guān)注，而如今青少年的生態(tài)文明意識(shí)教育存在片面化、單一化、費(fèi)時(shí)、費(fèi)力等問題。使用生態(tài)文明建設(shè)國(guó)際比較評(píng)價(jià)指標(biāo)體系，基于世界銀行公布的統(tǒng)計(jì)數(shù)據(jù)，課題組對(duì)20國(guó)集團(tuán)(G20)經(jīng)濟(jì)體的生態(tài)文明水平及發(fā)展?fàn)顩r進(jìn)行考察，獲得了其生態(tài)文明指數(shù)2017及生態(tài)文明建設(shè)進(jìn)步率。評(píng)價(jià)顯示，我國(guó)的生態(tài)文明整體水平在G20經(jīng)濟(jì)體中排名靠后，整體水平仍待提升。

2.國(guó)際背景

“人與自然和諧共生”既是生態(tài)文明的核心理念，也是《生物多樣性公約》(以下簡(jiǎn)稱《公約》)的2050年愿景。目前，《公約》談判的國(guó)際進(jìn)程緊緊圍繞制定“框架”而展開。生態(tài)文明已經(jīng)寫入COPl5主題，將生態(tài)文明的精髓和內(nèi)涵應(yīng)用于“框架”。

歷次多邊環(huán)境條約締約方大會(huì)都備受關(guān)注，《聯(lián)合國(guó)氣候變化框架公約》第15次締約方會(huì)議期間，前后共有180多個(gè)國(guó)家的5000多名記者蜂擁而至為國(guó)民報(bào)道國(guó)際生態(tài)文明建設(shè)盛舉。

（二）HTML5 技術(shù)

1.HTML5簡(jiǎn)介

HTML5是移動(dòng)互聯(lián)網(wǎng)前端的主流開發(fā)語(yǔ)言，目前還沒有一個(gè)前端的開發(fā)語(yǔ)言能取代HTML5的位置，無論做手機(jī)網(wǎng)站還是在手機(jī)App應(yīng)用，前端界面樣式都是HTML5開發(fā)，從手機(jī)與電腦上網(wǎng)的使用率來看，目前通過手機(jī)上網(wǎng)的用戶遠(yuǎn)遠(yuǎn)高于電腦端，未來的移動(dòng)互聯(lián)網(wǎng)的發(fā)展前景非常廣闊。[2]且HTML5憑借其不占內(nèi)存、無需插件、跨平臺(tái)等優(yōu)點(diǎn)被應(yīng)用于眾多領(lǐng)域，受眾逐漸擴(kuò)張。

隨著互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，交互元素逐漸成為核心元素，而交互性強(qiáng)的HTML5技術(shù)被廣泛應(yīng)用。HTML5是將互聯(lián)網(wǎng)語(yǔ)義化，提供各種媒體的嵌入，具有兼容性好的特點(diǎn)。將其利用到生態(tài)文明意識(shí)教育具有開發(fā)周期較短、維護(hù)成本低等特點(diǎn)。

而新技術(shù)、新模式應(yīng)用于傳統(tǒng)教育中，對(duì)傳統(tǒng)教學(xué)體系的沖擊巨大，讓教育完美融合到新形式學(xué)習(xí)中尤為重要。通過以往經(jīng)驗(yàn)，HTML5技術(shù)融合了圖片、文字、視頻、音頻、圖表、動(dòng)畫、全景等媒體形式作為教育新形式，在教育教學(xué)領(lǐng)域發(fā)揮極其重要的作用。[2]

2.技術(shù)支持

HTML5制作方式有三種：JS編程制作、所見即所得的可視化HTML5軟文制作工具、專業(yè)的可視化HTML5制作工具。[2]這三種制作方法可以滿足不同人群的制作需求，且有多平臺(tái)支持不同HTML5的制作方法，從而保證本課題研究可順利進(jìn)行。

（三）交互設(shè)計(jì)

交互設(shè)計(jì)(英文Interaction Design，縮寫IXD)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。交互設(shè)計(jì)是由20世紀(jì)80年代IDEO的一位創(chuàng)始人比爾·摩格理吉在一次設(shè)計(jì)會(huì)議上提出的，將交互設(shè)計(jì)應(yīng)用在公共設(shè)施、玩具和包裝設(shè)計(jì)等方面，會(huì)增加用戶與產(chǎn)品之間的互動(dòng)。如今交互設(shè)計(jì)逐漸滲透到各個(gè)領(lǐng)域，交互性成為各領(lǐng)域第一大追求功能[1-3]。

（四）生態(tài)文明意識(shí)教育

從當(dāng)前研究文獻(xiàn)可以看出，青少年的生態(tài)文明意識(shí)逐漸提高，國(guó)家、社會(huì)對(duì)生態(tài)文明意識(shí)教育也逐漸重視，兩者相互促進(jìn)。但生態(tài)文明意識(shí)教育存在問題依然不可忽視,如青少年的生態(tài)文明意識(shí)并未良好地應(yīng)用于實(shí)踐中，并且無法起到保護(hù)地球生態(tài)環(huán)境的作用。其中，還有不少青少年認(rèn)為生態(tài)文明教育是不必要且不必需的。針對(duì)我國(guó)生態(tài)文明情況，國(guó)家政府進(jìn)行多次報(bào)告，黨的十七大首次提出了“生態(tài)文明建設(shè)”，黨的十八大報(bào)告提出將生態(tài)文明建設(shè)納入中國(guó)特色社會(huì)主義總布局，并將生態(tài)文明建設(shè)放在突出地位。由此，生態(tài)文明意識(shí)教育也在不斷跟進(jìn)，逐漸占領(lǐng)核心地位，對(duì)青少年的生態(tài)文明意識(shí)教育也不斷被更新[4]。

二、研究意義

HTML5制作相對(duì)簡(jiǎn)單，且故事性強(qiáng)能引起用戶的共鳴，參與感強(qiáng)可以促進(jìn)用戶參與，活動(dòng)方式多使HTML5內(nèi)容豐富，社交性強(qiáng)使HTML5能吸引用戶廣泛傳播，深入研究HTML5技術(shù)對(duì)青少年生態(tài)文明意識(shí)教育，既可以將HTML5與生態(tài)文明教育結(jié)合起來，擴(kuò)寬HTML5的使用范圍，使大眾對(duì)HTML5有更清晰的認(rèn)識(shí)，還可以通過HTML5的不同元素展現(xiàn)多種形式，包括文字、圖片、鏈接等加強(qiáng)青少年生態(tài)文明意識(shí)。

HTML5的一個(gè)重要方面是制作游戲，游戲?qū)η嗌倌甑奈o疑是巨大的，基于HTML5生態(tài)文明教育簡(jiǎn)單小游戲會(huì)加深青年人的印象，在游戲中潛移默化地使生態(tài)文明深入人心。

HTML5交互性強(qiáng)的作用可以將交互性十分靈活地應(yīng)用于青少年生態(tài)文明意識(shí)教育，接受青少年的要求反饋，將教育變得靈活生動(dòng)。

伴隨HTML5交互技術(shù)與青少年生態(tài)文明意識(shí)教育結(jié)合而來的教育傳播范圍擴(kuò)大，也有利于生態(tài)文明意識(shí)走進(jìn)民眾視野中，這能夠加深民眾對(duì)生態(tài)文明的理解，在一定程度上激發(fā)他們對(duì)于其的熱愛。

加強(qiáng)青少年生態(tài)文明建設(shè)，在一定程度上拓寬了思想教育的范疇，這使對(duì)青少年的思想教育從人與人的交往上升到人與自然的新高度。完善了學(xué)校教育體系，且有利于新時(shí)代青少年生態(tài)文明體系的完整構(gòu)建。再者青少年生態(tài)文明意識(shí)的不斷改善有利于青少年素質(zhì)提高，對(duì)青少年未來工作、生活具有重要指導(dǎo)意義。

青少年是未來生態(tài)文明建設(shè)的主力軍，也是生態(tài)文明思想的傳承者。因此，只有其樹立符合新時(shí)代的生態(tài)文明觀念，才能更好地肩負(fù)歷史使命，為生態(tài)文明建設(shè)獻(xiàn)出更有力的一舉。因此進(jìn)行全面且深刻的青少年生態(tài)文明意識(shí)培養(yǎng)刻不容緩。面對(duì)當(dāng)前日益嚴(yán)重的生態(tài)危機(jī)，培養(yǎng)青少年的生態(tài)科學(xué)意識(shí)、道德意識(shí)、危機(jī)意識(shí)、行為意識(shí)、消費(fèi)意識(shí)、法治意識(shí)及文化意識(shí)是我國(guó)高校思想政治教育和生態(tài)文明教育的必經(jīng)之路。[5-7]

三、研究準(zhǔn)備

（一）問卷調(diào)研

1.線上調(diào)研

利用HTML5制作平臺(tái)對(duì)本文研究?jī)?nèi)容制訂基于HTML5技術(shù)的青少年生態(tài)文明建設(shè)問卷，通過多平臺(tái)發(fā)布，利用其自帶的抽獎(jiǎng)、紅包答題等線上調(diào)研青少年的意見。

2.線下調(diào)研

通過紙質(zhì)問卷和口頭詢問等方式調(diào)研。通過走訪街道鄰居、拜訪同學(xué)等方式，詢問青少年對(duì)生態(tài)文明建設(shè)以及HTML5技術(shù)的相關(guān)認(rèn)知與看法。

（二）統(tǒng)計(jì)學(xué)分析

根據(jù)問卷數(shù)據(jù)進(jìn)行分析。參加問卷調(diào)研的學(xué)生大部分接受過生態(tài)文明意識(shí)教育，且發(fā)達(dá)城市與縣級(jí)地市等青少年受到生態(tài)文明教育的程度幾乎一致，這緣于互聯(lián)網(wǎng)線上授課技術(shù)的普及及疫情帶來線上教育崛起。此數(shù)據(jù)更加證實(shí)本研究貼合社會(huì)時(shí)事。青少年對(duì)游戲元素比較感興趣，雖對(duì)HTML5技術(shù)了解不深透但愿意嘗試，且對(duì)HTML5技術(shù)融合生態(tài)文明意識(shí)教育并不抵觸。根據(jù)社會(huì)學(xué)新興事物的興起必引發(fā)社會(huì)轟動(dòng)，HTML5技術(shù)應(yīng)用生態(tài)文明意識(shí)教育是兩個(gè)新興事物碰撞，必將精進(jìn)生態(tài)文明意識(shí)教育進(jìn)程。據(jù)數(shù)據(jù)顯示實(shí)驗(yàn)授課的贊同度超過半數(shù)，由此可以看出，青少年的生態(tài)文明意識(shí)教育采取實(shí)驗(yàn)、理論雙課結(jié)合教學(xué)的方法更能吸引學(xué)生的注意力。

（三）交互設(shè)計(jì)

利用互聯(lián)網(wǎng)技術(shù)，如HTML5技術(shù)，將動(dòng)態(tài)效果、趣味元素等加入教學(xué)中，并及時(shí)接受用戶反饋及回復(fù)，實(shí)現(xiàn)互聯(lián)網(wǎng)平臺(tái)與學(xué)習(xí)者的交互。將各種元素利用HTML5技術(shù)融入教學(xué)課中，將生態(tài)文明意識(shí)教育分為實(shí)驗(yàn)課與理論課。

1.實(shí)驗(yàn)課

實(shí)驗(yàn)主要演示生態(tài)惡化的后果及人類各類不合理的活動(dòng)而導(dǎo)致的結(jié)果。

實(shí)驗(yàn)者在實(shí)驗(yàn)前、實(shí)驗(yàn)中、實(shí)驗(yàn)后可通過移動(dòng)設(shè)備或提供的固定智能設(shè)備進(jìn)行信息反饋，平臺(tái)對(duì)接受到的反饋信息進(jìn)行分類，發(fā)送到不同的處理人手中，如實(shí)驗(yàn)中接受到實(shí)驗(yàn)疑問的反饋，系統(tǒng)將發(fā)送到實(shí)驗(yàn)指導(dǎo)教師信息中并及時(shí)將教師處理結(jié)果反饋給實(shí)驗(yàn)者。

實(shí)驗(yàn)前，教師發(fā)布實(shí)驗(yàn)主要內(nèi)容及注意事項(xiàng)，平臺(tái)發(fā)送到實(shí)驗(yàn)者手中。實(shí)驗(yàn)者可向平臺(tái)反饋本次實(shí)驗(yàn)所希望的理想狀態(tài)，平臺(tái)向教師反饋信息使線下使用更生動(dòng)有趣，并根據(jù)實(shí)際情況創(chuàng)建本次實(shí)驗(yàn)的線上實(shí)驗(yàn)室，使實(shí)驗(yàn)者能感受到更多樂趣。

實(shí)驗(yàn)中，實(shí)驗(yàn)者對(duì)實(shí)驗(yàn)的內(nèi)容、實(shí)驗(yàn)儀器改進(jìn)等進(jìn)行平臺(tái)反饋，平臺(tái)發(fā)送到教師手中，并及時(shí)將教師反饋發(fā)送到實(shí)驗(yàn)者手中，若教師長(zhǎng)時(shí)間無應(yīng)答或教師不確定，平臺(tái)會(huì)通知實(shí)驗(yàn)者并發(fā)送問題到平臺(tái)簽約實(shí)驗(yàn)室，請(qǐng)專業(yè)研究人員演示后得出結(jié)論對(duì)實(shí)驗(yàn)者疑問進(jìn)行反饋。

實(shí)驗(yàn)后，實(shí)驗(yàn)者將本次實(shí)驗(yàn)體驗(yàn)感想發(fā)送平臺(tái)，平臺(tái)將實(shí)驗(yàn)者的建議及要求反饋教師，力爭(zhēng)實(shí)驗(yàn)更完美，能吸引實(shí)驗(yàn)者。

2.理論課

平臺(tái)把理論課分為直播和錄播。使用者進(jìn)入平臺(tái)首先進(jìn)行個(gè)性測(cè)試，隨后學(xué)生進(jìn)入平臺(tái)學(xué)習(xí)理論課可首先觀看錄播課，平臺(tái)根據(jù)學(xué)生個(gè)性將推送相關(guān)內(nèi)容。平臺(tái)提前預(yù)告直播課，學(xué)生進(jìn)行報(bào)名與意見反饋。在觀看過程中，學(xué)生可進(jìn)行意見發(fā)送，直播者適當(dāng)改變授課內(nèi)容。課程結(jié)束后，學(xué)生可發(fā)送意見，平臺(tái)會(huì)對(duì)授課內(nèi)容進(jìn)行調(diào)整。學(xué)生還可根據(jù)興趣自主制作課程擔(dān)當(dāng)講課人，平臺(tái)會(huì)根據(jù)授課情況進(jìn)行獎(jiǎng)勵(lì)。

四、結(jié)束語(yǔ)

青少年作為國(guó)家未來建設(shè)的中流砥柱，其生態(tài)文明意識(shí)高低直接決定了國(guó)家生態(tài)文明建設(shè)的高低。針對(duì)青少年生態(tài)文明意識(shí)教育應(yīng)結(jié)合地市經(jīng)濟(jì)水平采取“因地施教”的策略。青少年生態(tài)文明意識(shí)教育結(jié)合HTML5，更有利于生態(tài)文明意識(shí)體系建設(shè)。

HTML5 與青少年生態(tài)文明教育宣傳相結(jié)合，極大地調(diào)動(dòng)了其適用性。在各個(gè)平臺(tái)適用且可以在網(wǎng)頁(yè)上直接調(diào)試修改，強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。這不僅可以描繪二維圖形，還可用于圖片、視頻、動(dòng)畫等媒體形式，很好地解決如今青少年生態(tài)文明意識(shí)教育薄弱單一費(fèi)時(shí)費(fèi)力的問題。

黨的十八大報(bào)告指出，“建設(shè)生態(tài)文明，是關(guān)系人民福祉、關(guān)乎民族未來的長(zhǎng)遠(yuǎn)大計(jì)”。生態(tài)環(huán)境道德是人類在處理與自然關(guān)系時(shí)應(yīng)該遵循的行為準(zhǔn)則，是社會(huì)發(fā)展的必然要求，是公民道德建設(shè)的重要內(nèi)容。這不僅反映了新階段道德建設(shè)的客觀實(shí)際和規(guī)律，也體現(xiàn)了中國(guó)先進(jìn)文化的發(fā)展方向。少年強(qiáng)則國(guó)強(qiáng)，少年進(jìn)步則國(guó)進(jìn)步。由此可見，從青少年開始就培養(yǎng)他們的環(huán)境保護(hù)意識(shí)是非常重要的。所以，保護(hù)生態(tài)環(huán)境，有必要更是必須從青少年開始。HTML5技術(shù)的發(fā)展推動(dòng)著教育的改革?？v觀傳統(tǒng)教育，教育方式較為枯燥、單一，如今因?yàn)樾畔⒓夹g(shù)的不斷發(fā)展，拓寬了學(xué)習(xí)者獲取知識(shí)的途徑，學(xué)習(xí)者基本上可以做到足不出戶也盡知天下事。信息技術(shù)為實(shí)現(xiàn)青少年生態(tài)文明教育改革提供了廣闊的技術(shù)平臺(tái)，更是推動(dòng)了教育改革的步伐。

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