递进式案例教学法在高职课程中的应用

叶文全 刘彦会

摘要：课程教学作为影响教学质量的首要因素，如何有效提升课程质量十分重要。通过对高职学生的学情及“Web前端开发”课程的特点进行分析，将递进式案例教学法应用于高职“Web前端开发”课程教学中，案例取材结合学生现有认知能力，案例设计遵循知识点涵盖、内容递进、难度递进三大原则，课程过程化考核管理系统辅助案例教学的实施，成绩多元评价，作品线上线下展示。实践表明，递进式案例教学法在高职“Web前端开发”课程中的应用，提高了学生的参与度，提升了课程的教学质量。

关键词：递进式案例教学法; Web前端开发; 过程化考核

高等职业教育作为我国高等教育的重要组成部分，肩负着为社会建设与发展培养高素质技术、技能型人才的使命[1]，其中，课程教学作为学生能力培养的主要落地方式，是影响人才培养质量的首要因素[2]，如何有效提升课程教学质量，是办好高等职业教育的基础。在课程教学实施的过程中，教学内容的选取要符合人才培养目标的要求，教学方法的使用要根据学生的学情、课程的特点进行具体分析与执行。与本科生相比，高职学生的主动学习热情较低、规划性较差、好胜心不强，但对专业的兴趣较高[3]，因此，高职教师可以利用学生对专业的兴趣作为突破口，使用合适的教学方法提高学生的学习热情，帮助学生树立学习自信心、建立大学生涯学习规划。“Web前端开发”作为计算机应用技术专业的一门核心课，内容涉及HTML、CSS、Javascript、前端框架等，要求学生具备一定的英文基础和编程能力，实践性较强、难度较大，成就感的获得较难，学生容易产生畏难情绪，甚至中途放弃该门课程的学习。由于“Web前端开发”课程的实践性较强，案例教学法在该门课程中的应用较为普遍，也取得不错的教学效果，但是，案例之间的内容衔接不够连贯、案例难度推进不够平稳，导致学生对课程知识体系的整体学习效果不够理想[4]。为了进一步改善“Web前端开发”课程的教学质量，将案例教学法中的案例进行递进式改良，案例取材结合学生的现有认知能力，提高学生对新知识的接受度。案例设计遵循知识点涵盖、内容递进、难度递进三大原则，实施过程注重学生独立思考、师生双向交流，课程过程化考核管理系统辅助递进式案例教学的实施，成绩多元评价，并对学生作品进行线上、线下展示，促进学生成就感的获得，推动课程教学质量提升，形成一套完整的递进式案例教学法实施方案。

一、案例取材结合学生认知能力，帮助学生理解要“做什么”

案例作为案例教学法的基础，也是案例教学法的核心内容[5]，其取材十分重要。学生在学习过程中，先要理解做什么，才能接着思考怎么做、如何做得更好。一个超出学生现有认知能力的教学案例，学生需要花大量时间去理解教师的教学目标和明确要做什么，容易造成学生的学习无从入手，产生学习畏惧感，从而导致学生失去继续学习的兴趣。且不同的学生理解偏差较大，无法准确把握知识点，学习效果不好，而一个好的教学案例往往符合学生的现有认知能力，学生可以快速理解“做什么”，从而进入思考怎么做的学习阶段。使用学生熟悉的案例作为新知识传授的入口，可以让学生产生亲切感，促进学生对案例的独立思考，激发学生对新知识学习的热情[6]。

在互联网全面发展的大环境下[7]，高职学生对Web前端已经具备了较好的认知能力，为“Web前端开发”课程教学案例的取材提供了更大的选取空间。以“Web前端开发”课程中的HTML知识模块的表格、表单案例教学为例，表格的教学案例取材于课程表，表单的教学案例取材于用户注册，学生不需要花太多时间去思考我要做什么。因为，课程表、用户注册符合学生现有形成认知能力，而且认知相对统一，认知点与所需传授的知识点吻合度高。学生可以带着信心快速进入思考怎么做，在做的过程中不断找到乐趣，从而升华到追求如何做得更好，产生对新知识主动、迫切学习的效果，于是教学变成学生学习新知识点，遇到难题与老师探讨、解决问题、思考如何做得更好的良性循环过程，并在学习过程中使学生的认知能力得到持续的提高。因此，案例教学法在“Web前端开发”课程中的应用具备良好的可行性，案例取材结合学生认知能力，能够发挥更好的教学效果。

二、递进式案例教学的案例设计原则

（一）知识点涵盖原则

教学案例的知识点涵盖原则指教学案例必须能够与所需传授的知识点相吻合。知识点涵盖是教学案例的基本要求，如果一个案例不能承载所需传授的知识点，就不适合作为教学案例。案例取材需要结合学生的认知能力，同时，还需要对取材进行加工，以满足知识点涵盖的设计原则，也意味着教学案例的制定者（一般为授课教师）需要对课程内容十分熟悉，从而能够将课程知识点有机融合在教学案例中。以表单教学为例，需要传授的知识点主要包括：普通文本框、多行文本框、密码框、单选按钮、复选框、下拉框、提交按钮、重置按钮，案例取材于常见的网站用户注册，用户注册一般只涉及普通文本框、密码框、提交按钮，不符合知识点涵盖的原则。如果使用多个案例对表单的知识点进行承载，又容易导致案例小而多，因此，需要针对普通用户注册进行知识点扩展，加工成为一个满足知识点涵盖原则的教学案例（见表1）。知识点涵盖包括广度涵盖和深度涵盖，为了提高知识点深度涵盖，在用户注册的教学案例中，还增加了用户名如何做到不记忆（引入文本框autocomplete属性）、点击单选按钮文本可切换选中状态（引入label标签for属性），供学生进行提高型学习思考。

（二）内容递进原则

教学案例的内容递进原则指教学案例随着课程内容的展开，案例的知识点涵盖也随之推进。不同的知识点，如果能够基于同一系列的教学案例进行教学，课程内容的延续性将更好，学生可以更专注于新知识点的学习与新增要求的实现，相比孤立化、碎片化的教学案例，具备内容递进的教学案例教学效果更好。以用户注册为例，内容递进包括横向递进和纵向递进，可以将表单元素放置在表格内部，也可以使用项目列表符号进行实现，不仅涵盖了更多的知识点，还为学生提供了更多的思考空间。同时，基于HTML负责页面结构、CSS负责页面外观、Javascript负责页面行为的特性，三大知識模块相对独立又彼此相互支撑，因此，在HTML教学阶段要求学生实现用户注册的结构，CSS教学阶段要求学生实现用户注册的外观美化，Javascript教学阶段要求学生实现用户注册的数据验证、异步提交等，从而构建一个内容递进、连贯性强的“用户注册”大教学案例。“用户注册”教学案例的实现的效果，如图1所示。

递进式案例教学过程中，要遵循案例内容递进的原则，但不能简单地把案例根据知识模块严格划界，理论上独立的知识模块在实际教学过程中，往往需要彼此交叉。“Web前端开发”课程的教学中，HTML、CSS、Javascript三大模块的知识，是在相对独立的基础上混合推进的，将“Web前端开发”课程的知识点有机地融合在一起，教学效果良好。

（三）难度递进原则

教学案例的难度递进原则指教学案例的难度必须能够被学生所接受，如果难度过大，则需要使用辅助案例或子案例进行分解，实现难度递进，从而不影响教学目标的实现。案例太难容易导致学生参与度低，影响案例的教学效果 [8]，如果一个案例的难度太大，且无法使用辅助案例或拆分成子案例，则不适合作为教学案例使用。“Web前端开发”课程中的“红绿灯”教学案例，符合学生现有的认知能力，知识点主要涉及Javascript控制结构语句的应用、Javascript对Dom元素的操作、全局变量的使用、setInterval与setTimeout的使用，最终实现红、黄、绿三种灯按指定的时间及顺序进行切换，满足知识点涵盖原则。虽然学生对“红绿灯”的案例比较感兴趣，但由于涉及面较广、难度系数较大，直接进入“红绿灯”案例的学习，将难以达到预期的教学效果。为了解决这一问题，根据教学案例难度递进的原则，在学习“红绿灯”教学案例之前，安排了“开关灯”“定时开关灯”两个辅助案例，分别对Javascript操作Dom元素、setInterval与setTimeout的使用等知识点进行分解，遵循了教学案例难度递进的原则，降低了教学案例的学习难度，有利于学生对案例知识点的学习与掌握，为教学案例的教学效果提供保障。“红绿灯”教学案例的实现效果，如图2所示。

三、案例教学信息化、系统化，课程过程性考核与多元评价

案例教学法的顺利实施需要学生的高度参与、制定符合课程需求的教学案例、教师对案例教学的推进精准把握之外，还需要教师能够对案例教学的过程进行跟踪、监督与交流，实现课程过程化考核管理，案例教学法注重学生的独立思考、师生间的双向交流，要求学生提前进行案例学习、分组讨论等，为了案例教学法能够在“Web前端开发”课程中得到良好的应用，结合课程特点与案例教学法的需求，笔者针对性地开发出了“Web前端开发”课程过程化考核管理系统（以下简称“系统”）。系统包含教学资源、课前测试、课中测试、学生自评、小组互评、教师评价、作业提交、互动问答、成绩统计等功能。

学生登录系统后，可以根据教师上传的教学资源，提前进行教学案例学习，并完成课前测试，在案例教学推进的过程中，学生可以进行课中测试，针对自己的表现进行自评、小组互评，可分阶段上传作业（网页形式的作业，支持压缩包上传，服务器端自动解压，并生成在线访问地址），支持与授课教师进行互动问答，并可查看自己过程化的得分情况与教师的点评，为进一步独立思考提供方向。

教师登录系统后，可以上传教学资源，查看学生对教学资源的浏览情况，各个环节的测试得分，对学生分阶段上交的作品进行评分与点评（网页形式的作业，可以根据系统生成的在线访问地址，进行访问与分享），与学生进行互动问答，查看学生学习过程的参与度、过程化考核的得分情况，并根据学生的学习情况，进行针对性地线下深入沟通，真正实现了案例教学的过程跟踪、监督与师生双向交流。

递进式案例教学法的实施，环环相扣，在使用系统辅助教学之前，难以对学生的学习过程进行跟踪、监督与评价，学生成绩的评定基本由教师单独完成，主观性较强。使用系统辅助教学后，构成教师评价、学生自评、小组互评多元评价体系后，大大提高了学生学习的兴趣与积极性，也促进了不同学生之间思想火花的碰撞，形成更良好的学习氛围。案例教学法的实施需要突破传统教学模式的束缚，积极与信息化教学接轨[9]，与针对性的课程教学管理系统对接，才能形成多方合力，更好地发挥递进式案例教学法的作用。

四、学生作品线上线下展示，提高学生学习积極性

学生作品展示对于提高学生的学习积极性有良好的帮助[10]，针对高职学生学习热情较低的现状，其所发挥的作用尤为明显。案例教学中需要学生完成相应的案例作业，针对学生完成的作品进行遴选展示，对案例教学法的实施有良好的帮助。对于大多数课程而言，学生作品存在展示成本较高、宣传范围较小等不足之处，而“Web前端开发”课程的作业大部分以网页的形式呈现，可以通过互联网渠道直接展示，成本低、覆盖广、可行性强，因此，“Web前端开发”课程的学生作品展示，必须做到常态化、持久化。在实际操作过程中，可以采用线上线下相结合的模式，线上依托系部门户网站“学生作品”专栏，对“Web前端开发”课程的学生作品进行展示，线下依托专业实训室举办作品展。学生作品展示不仅可以提高当前学生学习的积极性，也为之后学习“Web前端开发”课程的学生树立学习榜样，增强学习信心，对专任教师也能起到一定的鞭策与激励作用，形成师生共同进步的良性循环，有利于增强递进式案例教学法的教学效果。

参考文献：

[1]  段致平，王升，贾树生.论现代职业教育体系下高等职业教育人才培养目标[J].中国职业技术教育，2015，（15）：18-21.

[2]  张彦春，王孟钧.基于课程的教学质量保证体系构建与运行[J].中国大学教学，2012（08）：73-75.

[3]  陈慧.高职生和本科生非智力因素问卷调查比较研究[J].武汉交通职业学院学报，2014，16（1）：59-61.

[4]  芦佳.递进式案例教学法在“刑事案件侦查”课程中的应用[J].教育与职业，2014，（36）：146-147.

[5]  吴高臣，刘爽.实践导向：案例教学法研究[J].黑龙江高教研究，2011，（12）：178-181.

[6]  徐娴英，黄涛，张冬.基于内容熟悉度的案例教学模式构建——以国际贸易实务案例教学为例[J].对外经贸，2013，（8）：148-149.

[7]  陆峰. 互联网：全面发展  辉煌五年[N]. 中国电子报，2017-08-01（007）.

[8]  王淑娟，王晓天.管理案例教学中案例难度适用性的实证研究[J].管理案例研究与评论，2008，（2）：83-88.

[9]  隆平，刘毅，曹红玲.“互联网+”时代高职院校信息化教学面临的挑战及变革[J].河北职业教育，2017，1（5）：66-69.

[10]  冯秀玲，张赵管，许国强.通过作品展示激励学生学习的研究——以高职“计算机操作基础”教学为例[J].计算机时代，2015，（10）：51-52+55.