游戏化教学法在高职计算机类课程中的创新应用与研究
——以“网页设计”课程为例

董锡臣,洪丽华

(黑龙江旅游职业技术学院，哈尔滨 150086)

0 引言

伴随着我国素质教育的不断深化，教育教学从以往的被动式灌输逐渐向主动式引导转化，教学内容也从单一的能力培养转变为综合素质提升[1]。近年来，教育工作者在不断尝试把“游戏化”思维应用于教学中。通过游戏化的课堂设计，充分发挥学生的主体作用，引导学生主动持续参与教学过程，最终达到有效学习的终极目的，其特色在于以教师设定的教学目标为任务驱动，学生围绕问题进行探究，课堂上借鉴游戏设计的思想，融入游戏化的设计元素，提高学生学习兴趣，进行高效、优质的课堂教学[2]。

1 游戏化教学研究的意义和价值

1.1 研究的意义

2020年，教育部等九部门联合印发《职业教育提质培优行动计划(2020—2023年)》，提出稳步发展高层次职业教育，培养高素质创新型技术技能人才。2021年，中办、国办印发《关于推动现代职业教育高质量发展的意见》，这是贯彻落实全国职业教育大会精神的配套文件，进一步强调推进高等职业教育提质培优行动计划。

根据当前部分高职院校教学效果不佳的实际情况，应着力研究探讨如何改变高职教育的困境，激发高职学生学习兴趣，提高教学质量。文章提出从游戏教学方法的优势入手，探讨如何在新教学环境下实现游戏化教学法在“网页设计”课堂教学中的应用，做到寓教于乐，创新高职教育的教学模式，提高高职学生的综合素质，从而在高职计算机类课程中全面应用游戏化教学法。

1.2 研究的理论价值与实践价值

游戏化教学是利用游戏元素( 积分、成就、关卡、勋章等) ，驱动学生完成学习任务。这种游戏化思路主要着眼于激励学生完成学习内容、鼓励学员积极参与课堂教学、推动学生创新性思维与行动、培养学生多元素质。随着互联网技术的不断发展和智能手机的普及，游戏化教学必将对更新高职教育的传统教育理论产生重要的影响。

通过应用游戏化教学法能使学生达到有效学习的目的。在高职“网页设计”课程中有效利用游戏化机制，总结相应的教学经验，对高职教育课程改革具有非常高的实践参考价值。

2 高职计算机类课程教学的特点

2.1 实践技能类课程占比较大，强调提高学生动手实践能力

高等职业教育有别于普通高等教育，更侧重于学生实践技能的培养和锻炼。目前，高职计算机类课程中实践技能类课程占比超过半数。以计算机网络技术专业为例，其核心课程：网页设计与制作、数据库技术、Java程序逻辑、路由与交换技术、综合布线工程、Linux、Windows操作系统、网络安全技术等，均具有实践性非常强的课程内容。高职计算机类课程的这一特点，决定了学生必须具有较强的动手实践能力，才能适应专业发展。另外，也要求相关教师不但要有坚实的理论基础和扎实的知识功底，更要求教师具备丰富的实践经验和操作技能。

2.2 计算机类专业知识更新迅猛，对教师的专业水平要求较高

随着新一代信息技术的广泛应用，高职计算机类课程的知识更新可谓日新月异，这无疑对教师的专业能力提出了考验。部分老教师知识结构更新速度不能紧跟专业发展，实践技能欠缺，教学内容不符合行业的最新要求；而对于计算机专业青年教师而言，多数人缺乏必要的课堂组织经验，缺少对课堂的掌控能力，部分新教师缺少对专业的热爱和钻研精神。

2.3 计算机类课程对学生的学习基础、综合素质要求高

从专业的横向对比来看，计算机类课程的学习需要良好的工科思维，编程类课程考验学生是否具备严谨的逻辑思维和调试能力，工程实操类课程考验学生的动手操作能力，对于从普通高中和中职迈入高职院校的学生来说，难度还是相当大的。这就要求学生一定要具备良好的基础知识和勤恳好学的学习态度，否则很难达成学习目标。

2.4 计算机类专业热度不断攀升，学生数量不断增长，高职院校普遍存在教师缺口

近年来，随着国家对战略新兴产业的重点扶持，新一代信息技术产业不断涌现。因此，形成了高考持续“计算机热”的报考高潮，多数高职院校计算机类专业招生数量连续位居前列，例如：从某职业院校近五年计算机类学生招生人数可以看出计算机类专业越来越受到欢迎，如图1所示。学生数量的不断增长，造成高职院校普遍缺少计算机类教师，多数计算机教师满工作量或者超工作量工作，没有多余精力充实自身，致使专业能力得不到有效提升，长此以往，必将影响高职人才的培养质量。

图1 某职业院校近五年计算机类学生招生人数趋势

2.5 教学设备不能满足专业发展的需要

近年来，招生人数的激增带来了配套硬件资源匮乏的问题。绝大多数高职院校均处在发展阶段，办学经费不够充足，加上普遍公认的IT规则，IT类设备淘汰周期为3～5年，致使计算机类实训室设备型号老旧，配置落后，经常出现运行缓慢、无故死机等现象，教学设备普遍不能满足专业发展的需要。

3 “网页设计”课程遇到的问题剖析

3.1 学生来源复杂多样，普遍基础薄弱，学习能力尚待提高

随着高职院校的深化改革，目前学生来源除了普通高考升学，还有单独考试招生、对口升学、中高职贯通培养等多种升学形式。学生基础参差不一，学习能力良莠不齐，并且普遍尚待提高。学生在学习中遇到困难时，往往解决问题的能力不足，又缺乏主动探寻的意识，不积极求助老师，最终导致学习效果欠佳，失去自信心，学习兴趣不浓，不能集中精力认真听课，上课玩手机等现象普遍存在[3]。

3.2 部分学生对所学专业了解不多，入学后才知不感兴趣

部分学生在选择专业时具有盲目性，将电脑游戏与计算机网络技术简单联系起来，认为学习计算机与玩电脑游戏一样有趣，对专业缺乏正确的认知，甚至很多学生是由家长做主，帮助选择专业。当真正接触课程内容时，才感到与自己的想法存在巨大偏差，因此产生厌学情绪，导致课堂参与度不高，甚至产生退学的极端想法[4]。

3.3 “网页设计”课程教学方法缺乏多元性

由于高职教师普遍是高等教育本科毕业生或硕士毕业生，自身往往长期接受传统的灌输式教育模式，因此，在自己的授课当中，也习惯性采取单一的“讲授+演练”的教学方法。这种单纯的以教师为主体，学生被动式接受知识的教学形式，很难激发学生的学习兴趣[5]。

从学生的调查反馈得知，超过半数的学生认为课堂教学枯燥乏味，很难主动融入课堂。高职课堂并没有充分展示高职教育的特色，教师的课堂教学方法仍然比较单一，“讲授法”“演示法”“提问法”应用较多，创新型教学方法并不多见，或者偶尔有应用，但效果欠佳。

3.4 课堂教学师生互动不多，课堂气氛不够理想

采用传统的教学模式不能充分发挥学生的学习主动性，很难形成知识的自我构建。教师根据课程内容设置问题，学生被动回答，缺乏主动探究的热情和兴趣，导致师生互动不多，课堂气氛沉闷。

相对而言，虽然“网页设计”课程有一定的动手实践环节，但是仍然不能有效激发学生的学习潜能。

4 “网页设计”课程中典型游戏化模式的应用

为改变当下高职“网页设计”课程的教学现状，我们尝试将学生普遍感兴趣的游戏模式融入课堂教学中，构建学生熟悉且喜欢的学习情境[6]。例如:根据当前流行的桌面类、手机类游戏特点，把游戏元素积分、徽章、排行榜、闯关、虚拟货币、礼物、进度、等级、证书、团队、社交和头像等运用于课堂，如图2所示。利用游戏中的竞速机制、模拟经营机制、终极挑战机制、冒险机制、复活机制、组队PK机制等一系列游戏化教学模式驱动课堂教学。实现高职计算机类课程教学手段的创新，使原本枯燥乏味的课堂变得新颖有趣、充满活力，营造“乐学向上”的教学氛围[7]。

图2 融入游戏元素

4.1 竞速机制

竞速机制一般指在赛车类游戏中，玩家在游戏中首先到达赛道终点即可获胜的一种机制。但在实际应用中，凡是游戏规则中有一个明确目标，并且以玩家首先达到这个目标即可获胜的设计，都可以视为使用了竞速机制。把竞速机制引入课堂，可以有效提高学生学习效率，有助于学习目标的快速达成。

例如：在“网页设计”课程有关表单制作的内容章节里，可以设计一个服务器后台页面，来接受各小组设计的表单页面提交的变量数据。当各组完成任务后，服务器输出任务完成的细节，包括组别、提交时间、提交的变量内容等。因为提交数据时，服务器会自动记录提交时间，所以任务结束后，很容易得到竞速的排名列表，如图3所示。通过这种竞速机制，激发了学生的内在潜能，学生为取得胜利，会全神贯注地投入任务实现中，潜移默化地增强团队协作、互帮互助的凝聚力，使知识能力和综合素质得到同步提升。

图3 竞速机制实现过程示例

4.2 模拟经营机制

游戏是强调互动性的数字产品，从互动性出发，大部分游戏都可以理解为一组由玩家来执行的选择。在模拟经营类游戏中，玩家需要决定的是游戏中所获得的资源该如何分配利用。对课程的学习，也可以由学生来自主决定投放的精力，只要达成学习目标就是最好的选择。

通过在课程中引入模拟经营机制，能够调动学生参与的积极性。例如：可以把“网页设计”课程的全书内容设定为一个大任务，每一个章节是一个阶段性任务，对章节中的任务点赋予不同等级的“欢乐豆”，学生完成某一项学习任务，会根据完成质量、完成速度获得相应的“欢乐豆”奖励，当所有内容学习完成后，评选出最终的赢家。在这个过程中，学生能够根据自己的优势和劣势，分配自己的学习时间，在劣势任务上造成的失误，可以在后续优势任务上得到弥补和反超。通过这种机制，增强了学生的学习动力，提高了师生互动频率，使学生能够保持一直积极学习的心态。

4.3 终极挑战机制

在游戏设计当中，一般都会设计终极挑战任务，这通常是系列任务的最后一环，是取得胜利的冲刺阶段。在教学中也可以采用终极挑战的方式，例如：采用任务驱动式的教学，可以根据章节内容的不同，设置难度不一的学习任务。在“网页设计”课程中，通常一个章节要实现若干子任务，可以将最主要的、实现起来最复杂、贯穿全章的学习任务设定为终极挑战任务，用来决定最终的获胜小组团队。由于任务通常是由简入难进行设计，逐渐递进，可以使学生注意力保持高度集中，利于学生对全章节内容的整体把握。

除了在每章节设置终极挑战任务，全书内容完成后也可以设置整门课程的终极挑战，即学期末的实践考核。这种竞争式的任务考核，能够带动大多数学生积极参与，激发学习动力，达成学习目的。

4.4 冒险机制

冒险游戏是游戏的一种常见方式，集中于探索未知、解决谜题等情节化和探索性的互动，强调故事线索的发掘，主要考验玩家的观察力和分析能力，把游戏的冒险机制引入该课程教学，有非常重要的现实意义。

例如：在课程教学中有关CSS3样式优先级的问题，可以先提出优先级问题的存在，然后让学生进行开放式的讨论，给出一段CSS代码，让学生去猜测显示效果，答对予以加分，答错扣分。各组通过竞争获得答题机会，参与冒险式的学习任务，经过不断的试错，总结出正确的优先级顺序的结论，如图4所示。通过这种机制，学生成为了教学的主体，以探究的手段得出结论，从而对知识点掌握得更扎实、更准确。

图4 冒险机制比较CSS样式优先级实现过程示例

4.5 复活机制

游戏中的复活机制增加了游戏者容错的选择，可以对玩家产生长期的吸引。把复活机制引入高职课堂，能够对学生的学习兴趣产生长效的引力，避免学生遇到困难时产生放弃学习的想法。

复活机制可以与竞争排名机制联用，当布置一个课程教学任务后，学生以分组的方式进行小组竞争。因为有竞争，必然产生一定的淘汰率。可以在整个课程任务学习完成后，追加一个复活任务或者拟定一个用于复活的额外课后作业，被淘汰的小组通过完成额外学习任务，赢得再次参与竞争的机会，从而建立对课程学习持之以恒的信心。

5 典型游戏元素在“网页设计”课程中的应用

5.1 徽章

徽章在游戏中很常见，是普遍的游戏规则。教学中用徽章替代评价，可以激励学生主动参与学习过程。在将徽章作为任务奖励融入课程设计中时，也要将学习者的激励作用和能力考虑进去。

在电子游戏中，徽章一般可以代表游戏玩家在此游戏系统中取得的成就。例如：Xbox玩家有一个虚拟的个人档案，可以让其他人看到他们的游戏成就。在“网页设计”课程中，可以按章节设定徽章，并且限定徽章数量，让学生在学习中产生竞争，努力在课前、课中、课后全过程把精力投入学习，积极主动去获取荣誉徽章。徽章的获得采用类似游戏的随机机制，可以将徽章定义成不同功能，比如作业免检、小组结盟、抵消错题、积分加倍等。学生尝到和游戏一致的良好体验后，学习的自主性自然而然地得到提升。

5.2 闯关

闯关是游戏设计常用的形式，在教学中应用闯关模式能够收到更好的教学效果。例如：可以将“网页设计”课程中每节课的教学内容拆分成几个相对独立的部分，每个部分定义为一个“关卡”，学生在任课教师的安排下分组闯关。这种教学模式在激发学生的学习兴趣，提高学生的自主学习能力，培养学生的合作探究意识，提高课堂学习效率等方面有极其显著的优势。

闯关教学模式中各个教学目标隐藏在各个“关卡”中，这有利于提高学生的注意力。从组织形式和学习方式上看，闯关教学模式有利于吸引学生参与到学习过程中，有利于培养学生全面的素质，有利于激发学生的学习动机，有利于实现学生学习方式的转变。合作学习、自主学习是课程实施最关键、最核心的环节，闯关教学模式就是提倡让学生合作学习、自主学习。在这样的课程学习过程中，学生主动参与，乐在其中，从而高效地完成学习目标。

5.3 积分

游戏中积分的作用一般是可以获得较高等级或装备，从而吸引游戏者持续喜欢游戏。在“网页设计”课程教学中，可以借鉴这一思想，制定积分规则，对学生进行多维度评价。如对于提出问题和解答问题的同学实行积分制：提出问题的同学可以积3分，解答问题的同学积2分，积分达到一定等级可以升级为小组组长。

采用积分制，首先要制定科学的规则体系，要涵盖课程评价的方方面面。通过积分制的运用，激励学生主动思考问题，培养创新思维。个人积分和小组积分可以一同使用，促使学生追求自我发展，也有利于培养团队精神。

5.4 虚拟货币

游戏中虚拟货币和积分的作用较为类似，但又有不同。积分侧重于等级的提升，而虚拟货币侧重于交易。把虚拟货币引入课程教学中，可以打破课程唯一线性的教学进程，使课堂形式、内容丰富多彩，增加了学习的趣味性和随机性。

例如：在课堂讲授CSS选择器的章节时，如果一个小组学习进度非常快，在课堂PK中屡屡闯关，赢得了一定数量的虚拟货币，该小组就可以利用虚拟货币购买积分，提升等级，或者提前开启新的章节任务；也可以购买额外的一些特权，如提前获知课后作业，获取教师额外的知识点提示，购买课后实训室使用时间等。通过引入虚拟货币，使学生充分发挥学习能力，对不同学生形成不同的课堂进程，利于按层次分类培养学生。

6 “网页设计”课程采用游戏化教学法的成效分析

6.1 通过应用游戏化教学法，有效提升了教学质量

将游戏化教学法融入以学生为主导的课堂中，改变了传统的以理论讲解为主的教学方式。学生在完成游戏化的学习任务时，不断思考和练习寻找解决问题的办法，实践能力得到提升，学生的课堂参与度提高，教学质量的改进效果明显。

通过构建情境，使学生注意力能够集中。因此，在高职计算机类课程当中，适合融入游戏化元素，引入游戏化教学机制，提升学生动手编程的能力。如打破常规思维，通过快速参与任务，使学生体验惯性思维与突破惯性思维。如在团队项目构建分组中，可以让学生进行相应的角色扮演，调动每个学生的学习主动性。

6.2 游戏化教学丰富了教学内容，拓展了课堂范围

游戏化教学将教学内容与游戏的组织环节相融合，进一步丰富了教学内容。同时，学生为达成游戏化的学习目标，学习时间从仅限于“课中”延伸至“课前”和“课后”，突破了传统教学的时空局限，拓展了课堂范围。

6.3 游戏化教学使学生得到差异化发展

利用游戏化教学法持续贯穿教学内容的特性，突出学生个性。例如：在课程中引入角色扮演和情景演绎等游戏化思维，使学生在角色扮演中体验个人的不同选择，突出个性。同时，由于学生的差异性，学生得到的游戏感受和感悟也会不同，有助于学生根据自我感受调整学习状态和方向，使学生获得差异性成长。

6.4 游戏化教学使课程考核多样化，增强了教学灵活性

游戏化教学的考核不再以考试为主导，更加注重任务达成的过程考核。因为游戏机制的进一步应用，学生日常的学习更加积极和主动，并且考核的内容更加全面、细致。再将PK排名、经验分享、总结回放、学生互评等环节融入进来，能够引起学生重视，引导学生形成自主学习、持续改进的习惯；同时，有利于教师多角度了解学生的学习状态，及时获得问题反馈，灵活调整课程的教学进度和教学方法[8]。

6.5 游戏化教学创新了教学模式，融合了诸多新方法、新手段

随着计算机端游戏、手机端游戏的不断发展，游戏设计行业积累了丰富的技术经验。游戏化教学法对游戏的机制进行了深入剖析，“汲取精华、剔除糟粕”，挖掘出可以借用的游戏元素，灵活运用于教学中，从而创新了有利于组织课堂、有利于学生成长的教学新模式。由于游戏设计手段多样，变化丰富，也使得游戏化教学不同于一般的教学方法，既融合了传统的教学法，也创新出一些新方法和新手段，促使课堂形式多样化，极大地丰富了课堂教学[9]。

7 结语

在高职计算机类课程的教学中，充分借鉴游戏设计思想，引入各种游戏化机制，再加以总结剖析，可以形成可复制、可应用、可推广的新教学环境下的创新型教学模式。通过游戏化教学法的创新应用，突破固有“教师在台上讲，学生在台下听”的传统教学方法的束缚，培养学生主动参与，积极探索，主动思考，解决困难的职业能力，实现高职教育培养高素质技能型人才的育人目标。