郝慧君
[摘 要] 通过对OBE理念的学习，结合人机交互基础课程的学习与实践，针对目前授课过程中存在问题的反思与探讨，在OBE教育理念与教学模式的指引下，以学生为中心，以课堂教学为媒介，从教学内容、教学方法与考核体系等方面对本课程进行教学的改革与探索，旨在提升学生学习本课程的主动性与创新能力，满足学生在未来学习与工作中工程化项目产出的能力要求。
[关 键 词] OBE教育模式;探索;实践;人机交互基础
[中图分类号] G642 [文献标志码] A [文章编号] 2096-0603（2020）23-0232-02
一、课程概述
人机交互基础面向计算机科学与技术专业本科学生，内容包括HTML、CSS、JavaScript和JQuery编程语言等前端编程技术。通过前期课程的学习，学生能够根据用户需求设计网站的原型图，在此基础上，本课程要求学生掌握HTML、CSS、JavaScript和JQuery语言的编程技术，将网站通过代码展现出来。学生分析基本的网络布局，能够熟练使用HTML的各种标签构建DOM结构，展现不同的页面内容，然后通过CSS层叠样式表展现网站的样式特点，最后，可以使用JavaScript和JQuery等脚本语言实现用户与网站间的交互。
二、教学实践改革
本课程采纳最前沿的OBE教学理念，成果导向机制，使用项目式教学的方式开展教学工作。本课程主要面向大二第一学期的计算机本科生，课程作为WEB应用程序开发中的第一环，主要培养学生有关网站建设的前端知识点，该课程为64学时，其中32学时的主要内容为HTML和CSS的基础知识为第一阶段，32学时的JavaScript和JQuery为第二阶段。第一阶段的主要内容为HTML和CSS语言的讲述，主要分成HTML的DOM结构构建、CSS基础、盒子模型、浮动与定位、首页与导航栏、2D/3D动画、响应式布局。第二阶段为JavaScript与JQuery语言的讲述，主要分为JavaScript与DOM结构、JQuery与DOM结构、JQuery动画、多级导航菜单、定时器与图片轮播、Bootstrap栅栏式页面布局等主要知识点。
根据上述教学目标，本门课程教学设计流程是：划分小组、确定项目、课堂学习与实践、小组内制订计划、收集资料完成任务、成果展示与评价、反思。通过上述的教学过程，帮助学生重新认识自己的能力，让学生了解自己的能力，不断提升自身的能力。
1.划分项目小组。根据学生的意愿，班级的学生自由组合成2～3人的小组，各个成员负责不同的角色如项目经理、设计师、开发工程师，共同完成本课程的学习。在项目开展之前，项目经理统筹负责本项目组小组任务的安排与成员的划分，制定规章，防止一些小组成员无法完成应有的工作而出现逃避的现象。
2.确定项目。根据小组的学习情趣与日常生活的兴趣点，选择项目组成员共同感兴趣的点进行网站创造，更能激发学生的学习热情与积极性。将确定好的项目名称与设计的网站功能点与教师进行协商，确定阶段性答辩的工作量。
3.课堂学习与实践。在日常的课堂学习中，我们采用案例启发的教学方法，设计每一小节的知识点能够实现的网站页面效果，激发学生的学习兴趣，引导学生学习理论知识，然后将知识进行工程化导出，完成效果的代码构建，教师引导课堂学习的流程与氛围，培养学生学习的信心，激发学生的创造力。
4.小组制定计划。在日常的课堂任务与答辩作业的完成中，我们采用小组合作的方式，相互帮助、互相进步。所以，小组成员可以指定属于本小组的学习计划，相辅相成，共同完成本小组的任务，共同进步，也能够激发学生小组学习的竞争精神，为了更好、更突出地展现自己的效果，更加努力地学习。
5.收集资料与完成任务。在课堂理论知识学习的过程中，工程化的输出是我们努力的方向，所以，我们根据学生学习的实际情况反馈与以前上课的信息，调整任务安排的难易程度。
6.成果展示与评价交流。学生经过教师的指导完成阶段创作作品在课堂进行展示，互相交流经验。成果展示的评价我们分成三个部分：组间互评（40%）、组内互评（20%）和教师评分（40%）。在最终的团队答辩过程中，我们要求：答辩时间30分钟，包含老师提问时间（同学提问）;小组全体成员一起上场，一人为主，轮流宣讲，分工明确;主讲介绍项目总体情况以及特色，小组成员重点介绍自己制作完成的工作;表达清楚，条理清晰;可以清楚正确地回答教师的问题;根据小组答辩思路，制作有团队特色的答辩演示文稿。
7.反思。根据课程答辩的项目效果，我们要求项目组成员对本小组的项目作品进行实现效果的反思，修改自己团队的作品，争取更加美观、人性化。与此同时，教师开展自己的教学反思工作，根据学生得到反馈情况调整教案和教学进度，根据现阶段企业的要求与技术发展，适当地对相应的技术进行调整。
三、创新特色
本课程采用分组团队协作式的项目教学，将学生分成2～3人的团队，协作参与到日常的课堂教学与课程项目开发的任务中。注重学生学习的理实一体化，将基于企业实际的软件开发项目与实际的教学结合，培养学生理论知识学习的同时，培养学生的团队协作开发能力，树立学生实践的自信心，肯定学生的成果，让学生明确日后的发展道路和努力方向。在教学过程中，与传统的课堂相比，基于项目驱动的课堂有以下几个方面的特色。
1.划分项目小组。根据学生的意愿，班级的学生自由组合成2～3人的小组，各成员负责不同的角色，如项目经理、设计师、开发工程师共同完成本课程的学习。在项目开展之前，项目经理统筹负责本项目组小组任务的安排与成员的划分，制定规章，防止一些小组成员无法完成应有的工作而出现逃避的现象。
2.成果展示与评价交流。学生经过教师的指导完成阶段创作作品在课堂进行展示，互相交流经验。成果展示的评价我们分成三个部分：组间互评（40%）、组内互评（20%）和教师评分（40%）。在成果展示中，我们采用严格的排名赋分制。即组间评分、组内评分的成绩进行排名，然后按照排名对小组进行赋分，在以后的课程中，我们将采用严格排名赋分制，即排名相同的组，我们使用最低的排名与分数，避免学生情等一些不客观因素的影响。
四、教学改革效果反馈
基于团队协作的项目式教学模式能够调动学生学习的热情和积极性，锻炼学生软件开发角色的认知、沟通协商、任务分工以及团队协作的技能，培养学生自主学习和动手实践的能力，尤其是软件项目开发前端程序的编码能力。
通过对2017级、2018级的学生谈话调研，结果显示大部分学生认为项目式教学能提升学习兴趣，对学习人机交互基础相关课程，网站前端建设的理论知识和实践技能帮助较大，有助于提高学生解决实际问题的能力，并且能够在最终的项目答辩中上交一份比较美观的网站设计界面，同时他们认为，项目驱动的教学方式有助于锻炼自己与人沟通交流、协作开发、换位思考等能力，特别在专业技术领域与人探讨时，由原来的不敢说、不会说、说不到点子上变成了团队间的默契配合，成立可以使用模板实现团队配合快速开发的团队。少部分学习比较突出的学生同时表示，通过本课程的学习，锻炼自己的创造能力、色彩搭配能力，激发创造灵感，有助于自己在后续的学习中创造性地参加各类学科竞赛，与此同时，少数几位学生表示项目式教学难度较大，要花费较多课余时间进行学习，但是一分耕耘一分收获，本课程的学习付出和收获相应地成正比。
五、结语
利用项目式教学的人机交互基础课程取得了较为良好的教学效果，不仅有助于培养学生的自主学习能力，还能帮助学生参与到实际的项目中，切身融入项目的开发过程中，有助于学生更好地融入社会，参与公司的实际项目。
参考文献：
[1]姜宛彤，万超，钱松岭.以问题解决为导向的微课程设计研究[J].现代远距离教育，2018（1）：35-43.
[2]董福贵，靳春旭.大数据时代“大型数据库应用”课程教学体系改进研究[J].工业和信息化教育，2017（3）：58-61，65.
[3]国务院关于积极推进“互联网+”行动的指导意见[J].实验室科学，2015，18（4）.
[4]Shieh， D. These Lectures Are Gone in 60 Seconds [J]. Chronicle of Higher Education，2009（26）：1-13.
编辑 马燕萍
