“JavaScript網(wǎng)頁特效設(shè)計”課程內(nèi)容游戲化教學(xué)改革模式研究

（遼寧機(jī)電職業(yè)技術(shù)學(xué)院，遼寧 丹東 118009）

0 引言

游戲化思想早在2002年由英國人Nick Pelling提出來，現(xiàn)在我們的日常生活中也隨處可見，現(xiàn)在的高職學(xué)生屬于10—29歲年齡段，他們對于游戲擁有非常高的熱情，游戲在占據(jù)他們大量的時間時，也逐步改變著他們的行為、思考方式等，如將每個任課教師都用游戲人物來代替。高職院校的計算機(jī)編程課程的知識比較枯燥，全是各種計算機(jī)代碼，如：HTML、Javascript、CSS、Python等，造成學(xué)生學(xué)習(xí)興趣和積極性降低。看到游戲的強(qiáng)大吸引力，如果我們可以把游戲元素融入課程，使用游戲化思維指導(dǎo)課程內(nèi)容改革和教學(xué)，將有助于激發(fā)學(xué)生的積極性、參與主動性，提高學(xué)習(xí)質(zhì)量[1]。

1 “JavaScript網(wǎng)頁特效設(shè)計”課程教學(xué)現(xiàn)狀

目前高職院?！癑avaScript網(wǎng)頁特效設(shè)計”課程主要存在以下問題：

（1）教學(xué)內(nèi)容：課程教學(xué)內(nèi)容大多數(shù)都是以知識點(diǎn)為基礎(chǔ)的小案例講解，教師通過演示制作過程，然后學(xué)生模仿制作。各個知識點(diǎn)相互脫節(jié)，關(guān)聯(lián)度低。同時，課程之間也是相互獨(dú)立、缺乏聯(lián)系，學(xué)生學(xué)習(xí)的知識點(diǎn)也缺乏綜合應(yīng)用。

（2）教學(xué)方法：現(xiàn)階段的高職院校計算機(jī)課程的授課方法以講練結(jié)合為主，一般結(jié)合講授的知識點(diǎn)結(jié)合案例或項(xiàng)目來完成教學(xué)。大部分的設(shè)計都是圍繞知識點(diǎn)展開的。內(nèi)容設(shè)計傳統(tǒng)，無法培養(yǎng)學(xué)生獨(dú)立探索能力，也談不上激發(fā)學(xué)生學(xué)習(xí)興趣。

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

2 國內(nèi)外游戲化教學(xué)現(xiàn)狀

（1）國外現(xiàn)狀：進(jìn)入21世紀(jì)以來，在全球范圍內(nèi)掀起一股探索和實(shí)踐游戲化教學(xué)的熱潮。從2012年開始，美國《地平線報告》已經(jīng)連續(xù)三年把“游戲化和基于游戲思維的學(xué)習(xí)”作為未來教育領(lǐng)域廣泛推廣使用的新技術(shù)之一。2015年中國教育技術(shù)協(xié)會成立教育游戲?qū)I(yè)委員會（ICGBL），每年的年會都把游戲化教育及學(xué)習(xí)作為獨(dú)立議題進(jìn)行討論，著重研究和討論游戲化學(xué)習(xí)的理論和實(shí)踐[2]。

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

3 極客戰(zhàn)記游戲?qū)W習(xí)平臺

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

4 游戲化教學(xué)方案設(shè)計

4.1 方案介紹

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

4.2 方案內(nèi)容

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

4.3 方案特色

（1）教學(xué)與游戲融合：在極客戰(zhàn)記游戲化教學(xué)平臺中，編程知識的教學(xué)過程被設(shè)計成了一個個游戲關(guān)卡。

（2）可量化的教學(xué)效果：完成《極客戰(zhàn)記》學(xué)習(xí)的學(xué)生編程能力可達(dá)美國AP編程水平。

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

（4）每一個知識關(guān)卡都結(jié)合了3步式探索的教學(xué)方式，引導(dǎo)用戶了解、提示知識要點(diǎn)、系統(tǒng)化的知識精講，以幫助用戶理解掌握編程知識。

（5）結(jié)束闖關(guān)后，學(xué)情分析系統(tǒng)將會根據(jù)學(xué)習(xí)情況，分析用戶的知識掌握情況，預(yù)測后續(xù)學(xué)習(xí)時間，智能安排學(xué)習(xí)計劃。

5 游戲化教學(xué)實(shí)施步驟

5.1 實(shí)施思路

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

5.2 實(shí)施方法

（1）文獻(xiàn)資料研究。

通過查閱書籍、網(wǎng)絡(luò)搜索等方式查詢和本課題相關(guān)的文獻(xiàn)資料。在國內(nèi)外的期刊網(wǎng)站上檢索“游戲化教學(xué)”“JavaScript編程”“高職編程課程改革”等相關(guān)的期刊資料，通過整理和分析，熟悉和本課題研究相關(guān)的理論基礎(chǔ)及JavaScript編程課程未來發(fā)展的方向，作為本課題研究的理論基礎(chǔ)和依據(jù)。

（2）學(xué)生行為研究。

將極客戰(zhàn)記游戲化編程教學(xué)平臺融入高職的“JavaScript網(wǎng)頁特效設(shè)計”課程，以極客戰(zhàn)記游戲平臺作為教學(xué)主要載體，并將課程的知識點(diǎn)融入游戲關(guān)卡進(jìn)行教學(xué)實(shí)踐。在課堂的教學(xué)實(shí)踐中觀察學(xué)生的表現(xiàn)行為，從而研究極客戰(zhàn)記游戲教學(xué)平臺在高職JavaScript課程教學(xué)中實(shí)施的可行性和適用性。

（3）調(diào)查問卷。

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

6 游戲化教學(xué)效果分析

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

7 結(jié)語

把游戲元素融入課堂教學(xué)，可以充分激發(fā)學(xué)生的學(xué)習(xí)興趣，使原來學(xué)習(xí)動力較低的學(xué)生逐步建立起學(xué)習(xí)信心。游戲化的內(nèi)容在未來編程課程中將不斷深入課程改革，隨著新技術(shù)VR、AR的使用，更豐富的游戲化教學(xué)體驗(yàn)將會顛覆傳統(tǒng)課堂。