“JavaScript網頁特效設計”課程內容游戲化教學改革模式研究

（遼寧機電職業技術學院，遼寧 丹東 118009）

0 引言

游戲化思想早在2002年由英國人Nick Pelling提出來，現在我們的日常生活中也隨處可見，現在的高職學生屬于10—29歲年齡段，他們對于游戲擁有非常高的熱情，游戲在占據他們大量的時間時，也逐步改變著他們的行為、思考方式等，如將每個任課教師都用游戲人物來代替。高職院校的計算機編程課程的知識比較枯燥，全是各種計算機代碼，如：HTML、Javascript、CSS、Python等，造成學生學習興趣和積極性降低?？吹接螒虻膹姶笪?，如果我們可以把游戲元素融入課程，使用游戲化思維指導課程內容改革和教學，將有助于激發學生的積極性、參與主動性，提高學習質量[1]。

1 “JavaScript網頁特效設計”課程教學現狀

目前高職院?！癑avaScript網頁特效設計”課程主要存在以下問題：

（1）教學內容：課程教學內容大多數都是以知識點為基礎的小案例講解，教師通過演示制作過程，然后學生模仿制作。各個知識點相互脫節，關聯度低。同時，課程之間也是相互獨立、缺乏聯系，學生學習的知識點也缺乏綜合應用。

（2）教學方法：現階段的高職院校計算機課程的授課方法以講練結合為主，一般結合講授的知識點結合案例或項目來完成教學。大部分的設計都是圍繞知識點展開的。內容設計傳統，無法培養學生獨立探索能力，也談不上激發學生學習興趣。

（3）考核評價方面：現有的評價考核方式多數采用試卷或上機操作進行，評價的內容注重書本知識的掌握情況，對學生實際的開發能力衡量有限。學生課程考核缺乏成就感，學習的興趣也會受到影響。課程學習完成后，也不知道實際開發用在何處，導致學生學習興趣下降，沒有成就感也使學生失去學習動機。

2 國內外游戲化教學現狀

（1）國外現狀：進入21世紀以來，在全球范圍內掀起一股探索和實踐游戲化教學的熱潮。從2012年開始，美國《地平線報告》已經連續三年把“游戲化和基于游戲思維的學習”作為未來教育領域廣泛推廣使用的新技術之一。2015年中國教育技術協會成立教育游戲專業委員會（ICGBL），每年的年會都把游戲化教育及學習作為獨立議題進行討論，著重研究和討論游戲化學習的理論和實踐[2]。

（2）國內現狀：由北京大學教育學院牽頭發布的《中國學習計劃報告2018》，將游戲化學習、沉浸式技術、可穿戴技術都列為未來學習的新技術和新理念。2019年，英國開放大學發布《創新教學法2019》，其中游戲化學習就是創新教學法之一。2019年的第四屆主題為“游戲化學習與未來教育”，在杭州師范大學舉行。會議宗旨在于努力推進中國教育游戲的研究、設計、開發、應用和評估，促進中國教育游戲產業乃至游戲產業的健康發展。

3 極客戰記游戲學習平臺

極客戰記是codecombat在中國本地化版本，該平臺是一款基于網頁游戲化的寓教于樂編程教育平臺。通過游戲關卡的設計引導，循序漸進地指導學習者學習編程知識。該學習平臺在2016年推出了教師功能，方便平臺融入學校教學。用戶注冊時選擇教師角色，注冊成功后登錄進入教師管理界面。教師選擇班級，可隨時查看每個學生學習游戲關卡的進程，導出也很方便。

4 游戲化教學方案設計

4.1 方案介紹

本方案主要研究游戲化編程平臺—極客戰記，將極客戰記游戲平臺應用到高職階段的“JavaScript網頁特效設計”課程教學實踐中。通過在教學中使用該平臺激發學生的學習熱情，提高學生對JavaScript編程的積極性，最終可以提高教學效果；驗證基于極客戰記游戲化教學平臺在高職的JavaScript編程設計教學中培養學生解決問題的能力和編程思維，逐步提高學生的創新思維和綜合能力。

4.2 方案內容

本課題詳細研究極客戰記游戲化編程教學平臺的特點。并以軟件專業2019屆1班學生為研究對象展開了改革試驗，分析現在高職階段編程課程現狀，論證將極客戰記平臺引入到高職階段JavaScript編程課程教學中的可行性。最后根據學生的特點建立基于極客戰記教學平臺的關卡教學案例，并應用在課堂教學中。最后使用問卷調查了解學生使用極客戰記游戲教學平臺學習JavaScript編程效果，針對調查結果進行綜合分析，最終驗證使用極客戰記編程教學平臺進行授課時，學習的學習積極性和主動性有顯著提高，對講解的知識點的掌握也有明顯的進步。

4.3 方案特色

（1）教學與游戲融合：在極客戰記游戲化教學平臺中，編程知識的教學過程被設計成了一個個游戲關卡。

（2）可量化的教學效果：完成《極客戰記》學習的學生編程能力可達美國AP編程水平。

（3）專屬的人工智能老師，能幫你解析關卡、梳理代碼、分析錯誤原因、講解編程知識、輕松解決重難點關卡知識。

（4）每一個知識關卡都結合了3步式探索的教學方式，引導用戶了解、提示知識要點、系統化的知識精講，以幫助用戶理解掌握編程知識。

（5）結束闖關后，學情分析系統將會根據學習情況，分析用戶的知識掌握情況，預測后續學習時間，智能安排學習計劃。

5 游戲化教學實施步驟

5.1 實施思路

本方案研究將以學生行為為基礎，輔之以理論研究，從實驗班級學生行為中得出客觀結論，認真分析極客戰記游戲化編程教學平臺在高職JavaScript編程課程中發揮的積極作用，并進行深層次分析，由表及里，結合問卷調查，將兩個班級學生進行分類整理，找出極客戰記平臺在編程學習中的優勢和劣勢，及時總結有利的因素，對不足進行深刻反思，立足JavaScript編程課程實際，積極利用極客戰記平臺融入JavaScript編程課程，使課程對學生更有吸引力，進而推動高職JavaScript編程課程改革[3]。

5.2 實施方法

（1）文獻資料研究。

通過查閱書籍、網絡搜索等方式查詢和本課題相關的文獻資料。在國內外的期刊網站上檢索“游戲化教學”“JavaScript編程”“高職編程課程改革”等相關的期刊資料，通過整理和分析，熟悉和本課題研究相關的理論基礎及JavaScript編程課程未來發展的方向，作為本課題研究的理論基礎和依據。

（2）學生行為研究。

將極客戰記游戲化編程教學平臺融入高職的“JavaScript網頁特效設計”課程，以極客戰記游戲平臺作為教學主要載體，并將課程的知識點融入游戲關卡進行教學實踐。在課堂的教學實踐中觀察學生的表現行為，從而研究極客戰記游戲教學平臺在高職JavaScript課程教學中實施的可行性和適用性。

（3）調查問卷。

本次課題的研究中，調查問卷分別對軟件專業兩個班進行調查，一個班作為極客戰記實驗班，另一個班還是常規的授課班。主要通過調查，對比兩個班狀態的區別，比較學生在使用和沒有使用極客戰記游戲編程教學平臺后的學習態度、學習興趣、學習主動性、學習效果、學習成績等方面的差距。探究極客戰記平臺是否適用于高職JavaScript課程教學，是否可以吸引學生利用業余時間自主學習[4]。

6 游戲化教學效果分析

以JavaScript中的循環知識點為例，在教學中發現，通過傳統的案例，需要先定義變量，然后根據問題結合循環語句來解決問題。學生通過教師的講解理解也是模棱兩可，想熟練掌握還需要多練習。對于大多數學生沒有練習的習慣，導致教學效果差。融入了極客戰記的教學課堂情況有所改變，游戲化的教學關卡激發了學生學習興趣。使用JavaScript語言，簡單地使用幾條語句，讓關卡中的角色完成任務，可以拾取寶石、消滅怪物、躲避障礙，使學生興趣大增。每個關卡順利通關，獎勵的寶石、裝備、經驗等物資，給學生帶來成就感。在不知不覺的關卡通過中學習編程知識，使學生對編程的困難和無趣的概念逐漸消失。逐漸吸引學生自愿主動地去探索，學習興趣提高后慢慢改變課堂的教學氛圍，從而提高教學效果。

7 結語

把游戲元素融入課堂教學，可以充分激發學生的學習興趣，使原來學習動力較低的學生逐步建立起學習信心。游戲化的內容在未來編程課程中將不斷深入課程改革，隨著新技術VR、AR的使用，更豐富的游戲化教學體驗將會顛覆傳統課堂。