OBE—CDIO教育理念在《网页设计与制作》课程教学中的探索与实践

段珊珊

摘要：成果导向教育是高职课程改革的主流方向，针对我校软件技术专业的实际情况，在《网页设计与制作》课程教学中以OBE-CDIO 理论为指导进行课程教学改革与考核，以激发学生的学习兴趣与学习主动性，培养学生综合能力，提高教学质量。

关键词：成果导向教育；CDIO；项目化教学；課程改革

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2018）28-0126-02

1 引言

OBE（Outcome Based Education），即成果导向教育，是把教育系统中的一切都集中围绕着学生在毕业时应取得的成果去组织、实施和评价的一种教育模式。OBE并没有规定具体的培养模式。CDIO分别代表构思（Conceive），设计（De-sign），实现（Implement）和运作 （Operate），它是以工程项目从研发到运行的整个生命周期为载体，通过项目设计将整个课程体系有机地结合起来，将教育过程放到工程领域的具体情境中，让学生以主动的、实践的方式参与到各个教学环节，强调课程学习要与项目设计相联系，培养学生的综合实践能力。在高职教学中，以项目为载体进行实施教学更容易调动学生学习的积极性，本文探索在《网页设计与制作》基于OBE- CDIO理念来组织教学和评价教学效果。

《网页设计与制作》这门课程一般作为笔者所在院校的软件技术专业的二年级学生第一学期的一门重要的专业核心基础课程，其目的是通过课程的学习掌握网页设计的制作，掌握HTML5.0语言， CSS样式，掌握网页的基本架构与设计，是前端设计的基础。通过对软件专业的学生的调查和授课老师的总结，该课程学习效果不理想，主要存在以下原因：

1）HTML语言标签众多，标签的学习比较单调，CSS样式的学习也是内容繁多，id选择器，类选择器，定位浮动。学生学习的过程中做的例子虽多但是比较零碎，学生不知道如何综合利用所学的知识，疑惑这样做的简单的前端网页没有用处，学生容易失去学习的热情，缺少学习成就感；

2）教师授课过程中多是采用案例教学，但是学习完所有知识最后两周才做项目训练，知识比较零散，最终在做项目训练时，感觉缺乏统一性；换言之教师教学时缺乏一个适当的教学项目贯穿教学始终，这个教学项目要求是适当的，而不是过大或者过小的，这时学生并没有学习动态网页设计，这门课关注的是前端的设计，所以项目不适合有后台数据库的项目，所以这个教学项目要完整适当，够用还要有拓展性，可以拓展到后续动态网站的设计。

目前在软件技术专业中对这类课程基于OBE及CDIO的教育理念进行改革是教学的迫切要求。

2 教学实践与探索

受 OBE与CDIO工程教育理论的启发，结合本学院本专业的具体情况，我们进行了教学改革实践与探索，制定了适合本专业学生的教学改革方案。

2.1 重视实践教学，教学项目贯穿教学始终

OBE和CDIO都是能力导向的，OBE实施的原则之一是“自顶向下，反向设计”，《网页设计与制作》这门课程服务于二级教学项目B/S管理系统的前端设计部分，为了培养学生的CDIO能力最终选择一个来自企业的教学项目的简单版”NILE娱乐网站”作为教学项目贯穿教学始终，对学生进行功能技能与素养的训练。”NILE娱乐网站”导航如图1所示，分为5个模块：首页，热门电影，电影详情，影视播放和登录注册。五个完整的模块使用了超链接，超链接悬浮，导航，搜索，侧面，分栏，样式文件的引用，轮播图，百度地图API的使用，视频的播放控制，登录和注册等网页设计前端中的大部分内容。这个项目功能丰富覆盖面广，H5 ，CSS3.0，javascprit，web localStorage，模拟购物车功能都有涉及，学生掌握了这个前端项目设计其他网站的前端也就具备了信心。

2.2以学生为中心的教学，激发学生的学习主动性

OBE是以学生的学为中心，要让学生主动学，要有技巧来激发学生学习的主动性。在教学改革中我们主要通过以下手段来激发学生学习的积极性。

1）高屋建瓴，明确学习目的。教学刚开始很重要的是把教学项目展示给学生看，让学生清楚知道这门课程学完之后自己能够达到什么样的水平，做出什么样的项目；

2）展示历届的作业给学生看，增强学生的学习的信心。这样做可以让学生更加清楚学习目的，学长们可以做到的他们也一样可以做到，激发学生的学习兴趣，这门课程并不难学也不会枯燥无味的；

3）结课时的项目汇报，肯定学生的学习能力。明确告诉学生这门课程学习完后，优秀的学生在全班同学面前展示汇报自己的项目，讲解自己的作品，拍照留念，而且有学习纪念品发放，届时教学组老师做评委。在大学生活中有机会在同学们面前展示自己获得老师的肯定同学的认可是很难得的体验，第一节课就有同学盼望在最后一节课时在同学老师面前展示一下最好的自己；

4）以赛促学，在学院中组织网页设计与制作大赛。信息传媒学院的学生在团组织领导下组建了计算机联盟，在学校领导支持下组织计算机设计类大赛。网页设计与制作大赛是该组织每年都组织的一个赛项，这并不是国家级，省级的赛项，只是用心的学生努力下就可以拿得到的赛项，所以学生的参与度高，这个赛项每年赛出的作品也使学生可以看到自己的差距，过高的差距会让学生有挫败感，努力下就可以达到的高度更能促使学生主动去弥补差距。

教学活动的主体是学生，学生清楚知道通过课程学习他可以达到什么样的水平，学习目的清楚明确，更能调动学习积极性。如果学生具备了学习的动力与学习的主动性，教师的教学就会轻松很多。没有一个老师会喜欢没有互动的课堂。在整个教学的过程中，激发保持学生学习的主动性，让学生以主动的实践的方式参加到项目的学习中也需要教师提高自己的工程能力和教学水平。

2.3坚持课程学习与项目学习相结合

教学项目的学习并非抛开知识点的学习，而是知识点的学习围绕项目进行组织。项目是跟随知识点的进度而进行，而知识点也是围绕项目进行组织。如超链接，a标签的伪样式，字体样式，字的颜色，字的字号，字的行高，DIV标签盒子模型这些知识点学习完后，就要要求学生把主页的导航部分完成，在学生具备能力的时候就要學生完成对应的项目完成。学习完video 标签后，学生就要能够完成视频播放页面的设计。坚持课程学习与项目学习紧密结合。

2.4以结果为导向，注重学生学习能力的培养

教为不教，学为会学，在教学中要注重学生学习能力的培养。学生若有比较突出的学习能力，可以说每个班级都有个别同学因为兴趣所在在学习上特别突出，这样的学生就要注意鼓励该学生的团队意识，在项目中作为项目负责人，主动帮助同学克服学习困难。在教学中我们给出一个完整项目的设计，但是要求学生在完成教师给出的项目后还要有自己的改变和创新。在平时上网的过程当中要求学生留心观察平时浏览的网站的架构、样式、配色、图像、有喜欢的资源，比如图像，样式就保留起来，查看拷贝源码应在自己的网站上。一个很好用的工具可以快速地提高学生设计网页的能力，就是开发者工具审查元素的使用。我们建议学生使用该工具，而该工具的使用在教学中我们只是建议学生在完成项目的过程当中去自学、分享、在交流中进步，并不作为教学的内容。这样的分享交流可提高学生的分析问题解决问题的能力，更明显地提高了学生的在原有项目上的创新能力。

2.5充分利用信息化教学资源，发挥教师的主导作用提高教学效率

网上有很多优质的在线资源，教师可以围绕学生的学习筛选一些优质资源按需要的时间顺序提供给学生，一是线上资源可以方便学生充分利用零碎时间进行学习，二是丰富的资源可以开拓学生的视野。如Imooc的前端教程，直接就可以在线运行网页结果，还有一些经典的学习H5，CSS的网站，可以推荐给学生。教师不是什么都要原创，教师个人力量也很有限，教师充分利用已有的线上资源，自建的或者服务平台上的，同时在线开放平台多数具备记录学生线上学习，讨论的功能，能给教师教学带来很多便利。互联网时代，教师早就不是知识的占有者，教师可以做的是利用在线课程平台，精心筛选优质资源，发挥教师的主导作用，监督作用，着力营造项目学习的氛围，从传授知识到引领学生学习项目，完成新时代教师角色的转变，也就是学生为主体，教师为主导、指导和引领、督促的作用。

3 基于OBE-CDIO的课程考核探索

基于OBE的教学考核是考核学生在教师教学作用下的学生的学习成果。学生学习成果达成并非依赖教师为了促进学生综合能力的提升，《网页设计与制作》课程教学组对课程考核方式进行了改革，以学习目标为导向设计课程考核体系。将简单的平时成绩和大作业成绩改为关注过程性考核和形成性考核两个部分，关注学生创新能力、协作能力的考核。为了避免以过程性考核成绩作为一门课程考核的随意性和争议性，考核分为平时考核占比为总成绩的60%，主要含课堂考勤，项目完成情况和作业完成情况，课上学习情况几个部分；最后课程结课时有个结课作业，也就是要求学生独立完成的项目作业，所占比例是课程总成绩的40%。最后两个部分的成绩作为学生的总成绩。

在具体实践时基于OBE-CDIO理念对《网页设计与制作》这门课程主要从以下几个方面进行考核实践与探索：

项目分析设计的能力考核占比为50%：考核分析项目的能力与项目的完成情况，完成项目基本要求可以获得该分值；

创新能力考核占比为10%：对创新能力的考核主要通过项目进行考核，体现在学生在做项目时能够利用所学技术解决新的问题，是否有创新性的改变，占比为10%；

协作力考核占比为10%：协作力考核学生是否具备团队精神，在项目完成过程中能够发现问题，与项目组成员友好交流，互帮互助解决问题；

表达力的考核占比为10%：考核学生在接受项目检查时能否清晰对项目内容进行阐述，对教师问题能否清晰的回答%；

软件工程师的态度与习惯考核占比为20%：考核项目从文档的完整性，模块的复用性，代码的简洁性，需求的理解力几个方面进行考核。

4 总结

我们在最近一届的软件专业学生中进行调查，以OBE-CDIO理念为指导的项目式教学取得更高的教学满意度，学生感觉通过课程学到了网页设计制作的前端技术，能够从网上找到自己喜欢的样式并应用到自己的网页设计中去，提高了学生的学习能力创新能力与实践能力，并且感觉有信心与兴趣从事

软件技术相关的工作。经过教学实践证明，相对于传统以内容技术为主知识结构的教学方式，基于OBE-CDIO理念以学生学习为中心的教学改革激发了学生的学习兴趣与学习的主动性，培养了学生综合能力，提高了教学质量。

参考文献：

[1]郭威.软件工程专业课程体系的重构与度量[J].实验科学与技术，2015，13（2）：169-172.

[2]季策.OBE-CDIO教育理念在《信号与系统》课程教学中的探索与实践[J].吉林省教育学院学报，2018，34（2）：118-121.

[3]林叶郁，林文如.基于CDIO理论的软件体系结构课程教改实践[J].黑龙江工业学院学报（综合版），2018，18（1）：14-18.

[4]初红艳，程强，昝涛，刘志峰.基于成果导向与学生中心的教学设计及学习效果评价[J].教育教学论坛，2018（25）：1-5.

[5]孙爱晶，王春娟，吉利萍.基于OBE的课程教学质量评价探索与实践[J].中国现代教育装备，2017（11）：49-52.

[6]姚静，王佩.基于OBE教学理念的项目驱动式专业课程教学设计——以《液压与气压传动》为例[J].教学研究，2017，40（3）：87-91.

【通联编辑：王力】