基于CDIO模式的网站开发技术研究与实践

2017-11-14彭安杰严小英孙毅李盼盼姜雪梅陶虹妃

电脑知识与技术 2017年29期

彭安杰+严小英+孙毅+李盼盼+姜雪梅+陶虹妃

摘要：随着高等职业教育改革的持续深入，以提高学生实践能力的实训教学的位置显得益发重要。针对网站开发技术课程特点和教学现状，以成都中医药大学附属医院为例，将CDIO工程教育模式植入教学，同时理论、实验和实训三个教学环节也贯穿于教学之中。案例教学法和项目驱动教学法主要应用在教学中，创新设置阶梯式实践教学体系和项目化实训环节，并以能力作为学生的考核标准。使学生的学习兴趣得到充分发挥，学生的工程实践能力得到了有效的提升，同时学生对课内教学内容的理解与掌握也得到了增强。

关键词：CDIO；网站构建；ASP.NET技术；工程实践能力

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2017）29-0095-03

Abstract： With the deepening of the reform of higher vocational education， the position of training teaching to improve students' practical ability is more important. In allusion to the website development technology course features and the teaching present situation，and take Chengdu University of Traditional Chinese Medicine Affiliated Hospital for example.Introducing the CDIO engineering education model， and the project runs through three teaching links： theory， experiment and practice. In teaching， we mainly use case teaching method and project-driven teaching method ， put forward the ladder-style practice teaching system and project-based training links.At the same time，the evaluation method is judged by the ability. Effectively stimulated the students' interest in learning， and fully improve the students' engineering practice ability. Meanwhile，the students' understanding and mastery of the teaching content in the class has also been enhanced.

Key words： CDIO； website construction； ASP technology； engineering practice ability

CDIO工程教育模式是近年来国际工程教育改革的最新成果，我国的很多高校已经广泛的将其应用到教学中。CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），它以學生为主体、以教师为主导、以实践为主线开展项目驱动教学，对学生理解、掌握课程知识的能力有一定提升，同时能培养学生分析和解决问题的能力，提高实践动手技能，挖掘创造潜能，提高综合素质[2]。以培养社会、企业需要的人才。

网站开发是一门专业课程，是为软件工程、计算机科学与技术和网络工程专业本科生开设的，网站开发的操作性和实践性较强，以培养学生网站建设的相关技能和提高学生综合实践能力为目的。将CDIO模式植入课程教学中，以成都中医药大学附属医院为项目主体，以“以学生为主体、以教师为主导、以实践为主线”的教学理念，将理论、实验和实训三个教学环节贯穿于整个开发过程中.让学生边做边学，逐渐由纯粹的教授理论知识向培养工程能力转变。

1 基于成都中医药大学附属医院网站建设项目的教学内容设计

网站开发以实验教学为主，合理分配理论教学与实验教学的学时，其中理论占 10 学时，实验占 24 学时。网站建设的规划和设计、网站UI界面设计、网站切片、Html网页代码实现、Windows2008系统及IIS环境安装、IIS站点配置与部署等都是教学内容，Javascript、 HTML、CSS 和 ASP 语言，以及 div等都是所能涉及的语言及技术。而我们的教学的组织者和引导者教师，会针对所学课程涉及多门技术的特点，对学生实践和在理论教学的内容进行整体规划以及整体设计，把成都中医药大学附属医院网站建设项目作为载体，把理论知识充足运用在实践上，使得学生能够在网站建设实践过程中，在专业能力和素质方面能够有所提升。

1.1 理论教学

在理论教学方面上，首先要打破以语法为基础、使各个教学知识点相互独立的传统教学模式。组织学生团队自主学习网站建设相关理论基础。包括网站开发语言、服务器基础知识和UI设计基础；通过项目执行过程开展，将把网站的策划、开发、设计以及运作整个过程所涉及的知识点能够联系起来，让学生能够更加真切地了解到整个网站建设的过程，能够感受到学有所用，以此来更好地激发学生学习的积极性以及兴趣[3]。

1.2 实验教学

在实验的教学中，非常重要的一点就是实验内容的连贯性和相关性。为了最终目的顺利达到，让学生能够在完成整个实验教学之后，能够升华满足感并且使得学习热情得到提高，这就需要在进行动态网站的设计与开发的时候把所有的实验教学任务紧紧抓牢。在CDIO工程理念的基础上，能够让学生自主地动手做网站，并将所学到的知识全部付诸于实践。这里，将实验教学内容分为12个实验要点。endprint

实验一：综合网站的规划、设计

实验二：网站图片、模板素材收集

实验三：网站首页设计与制作

实验四：网站切片生成html格式

实验五：页面图像设置

实验六：表格制作以及使用 CSS样式

实验七：创建超链接

实验八：Vmware虚拟机安装

实验九：Windows2008系统及IIS环境安装

实验十：IIS站点配置与部署

实验十一：综合网站发布

实验十二：网站后台管理及维护

在教师的逐步带领下，学生把工程思想带入到所学的理论知识中并且带着问题去构思、设计和完成实验任务。

2 基于cdio模式的教学实践——以成都中医药大学附属医院网站建设项目为例

2.1 理论实践一体教学

基于CDIO模式的教学内容，学生通过小组分工协作的方式来完成教师布置的相应任务。组内成员根据教师布置的题目分工协作完成网站的各个功能模块，对网站的规划和设计进行统一讨论从而进行各个模块的修改与完善。重要的是要防止个别学生投机取巧，要使每个学生得到全面的锻炼与发展，要求教师引导学生进行探究式学习。（侯亚）主要的实践教学内容有：个人网站的设计与实现，基于Web的新闻管理系统的设计与实现，在线考试系统的设计与实现等。

2.2 阶梯式实践教学体系

在理论教学这样传统模式的基础上，增加实践教学。要加强对工程型人才的培养，就需要加强实践教学的力度。将CDIO的各个教学内容呈阶梯式实践教学体系展开，划分为基础验证性、设计性、综合性和实验性四个层次。网站开发的环节需要学生团结合作，共同完成教师分配的任务。教师和学生相互沟通交流，在提高团结协作能力与创新创意能力的同时也培养了师生间的情谊。

2.3 项目驱动教学法

网站开发过程中，主要采用项目驱动教学法。在每周的上课时间里，教师都会布置分配任务，学生先带着问题再运用学到的知识去思考，然后再大家一起讨论解决问题的方案，在答疑的时间里教师和学生一起交流沟通，对学生提出的问题进行探讨与讲解。在这学习交流过程中，学生进行了探究式的学习同时也培养了学生的协作能力以及独立思考能力。在不断获得成果后，学生产生的成就感，激发了更多的求知欲望。

每周汇总作品，统一评论修改，逐渐优化，最后呈现出完整网站。

2.3.1 成都中医药大学附属医院网站的规划与设计

网站页面设计体现临床医学院/附属医院形象，框架编排、色彩搭配以及图片动画的适当穿插，既要体现网站的互动性，又要注重网站的安全和稳定，采用网络安全、系统登录安全、各分系统安全、分系统模块安全、会话期间安全等多种方式来确保网站的安全性；网站采用先进的三层结构的编程方式使网站即使在访问量极大的情况下仍能保持稳定和高效率；不仅如此，网站具有专门的后台管理系统，这样网站管理员就可以通过这个后台对网站进行维护。在规划时将功能模块框架搭建得很大且易于扩展，方便以后为网站增加新的功能板块。同时，CDIO学生严格按照按照网站建设流程和工序完成网站的设计与开发。

2.3.2 成都中医药大学附属医院网站的结构设计

网站由两大结构组成，即前台和后台管理。分别由不同的功能组成，结构设计的基本原则是开放式、可移植、具有伸缩性的多层体系结构。网站结构如图1所示：

2.3.3 成都中医药大学附属医院网站的功能设计

成都中医药大学附属医院网站的功能规划主要包括两级功能的15个一级菜单及36个二级功能。其功能结构如图2所示：

2.3.4 成都中医药大学附属医院网站的建设总结

本网站开发主要使学生学会使用Asp.net技术实现网站的交互功能。Asp.net具有简便性和有效性、程序的独立性、程序的兼容性和程序的可重用性。可以很容易进行Asp.net网页程序的开发。学生自己完全可以不编写脚本程序，通过标签使用已写好的组件来实现动态网页的编写。因此，即便是一个不熟悉脚本语言的网页开发者，也完全可以利用Asp.net做出动态网页，而这在其他的动态网页开发中是很难实现的。所以，为学生们提供一个很好的学习方法，便于入手，学生更愿意动手与学习，最终达到提高学习和实践能力。

3 基于能力考核的评价方式

综合多方面考核学生成绩，包括技术基础知识考核（网站基础知识掌握情况、综合多种技术进行设计）、工程能力（独立解决问题的能力、创新思维和系统思想、团队合作能力、学习能力）、网站运行（网站完成情况、网站运行情况）。

基于 CDIO 的教学理念注重学生综合能力的培养，通过理论、实验、实训三个方面对学生的能力进行考核，其中，理论课主要考核学生理论知识和基本技能的掌握程度，通过平时的测试、作业来考核学生；实验教学主要考核学生对网站建设知识的运用、分析、解决问题的能力，通过学生在实验项目上的表现以及实验项目的完成情况来衡量，多次实验进行考核.实训考核学生在成都中医药大学附属医院网站项目构造过程中所展现的工程实践能力、团队协作和交流能力水平.

综上所述，为了更好地让学生掌握网站开发技术，在理论、实验和实训三个教学环节中引入 CDIO 的工程教育理念.基于以实际网站项目为载体、以网站应用为目标的思想，学生对网站技术开发的学习积极性、团队协作和交流能力得到进一步的提高，教学效果显著.满足工程界的社会需求；也为我们工程专业探索出一种更好的教学方式，提高我们的教学质量。所以，该研究实践具有一定的先进性、思想上的指导性，希望本文的研究能够有利于学生自己以后设计出精良的网站，对医学信息工程专业的其它相关课程在CDIO工程模式下的学习起到一定的参考和借鉴作用。

参考文献：

[1] 顾佩华，包能胜，康全礼，陆小华，熊光晶，林鹏，陈严. CDIO在中国（上）[J]. 高等工程教育研究，2012（3）：24-40.

[2] 朱向慶，胡均万，曾辉，陈宏华. CDIO工程教育模式的微型项目驱动教学法研究[J]. 实验技术与管理，2012（11）：159-162.

[3] 陈冬松，孙阳春.CDIO工程教育模式下的工科院校人才培养途径[J].现代教育管理，2011，31（11）：34-37.

[4] 谢梅芬.校园信息交流平台的设计与实现[D].电子科技大学，2013.

[5] 乔莉，刘寅生.基于 CDIO的单片机课程教学改革方法探索[J].黑龙江科技信息，2011（33）：196.

[6] 查建中.论“做中学”战略下的 CDIO 模式论[J].高等工程教育研究，2008（3）：1-6，9

[7] 逯燕玲，戴红，侯爽.基于 CDIO 教育理念的数据库课程实验设计[J].实验技术与管理，2013，30（1）：22-24.

[8] 康梅娟.“网站建设与维护”课程的教学研究与实践[J].计算机教育，2009（10）：102-103，92

[9] 朱正伟，赵慧慧.CDIO 在高校实验教学可持续发展中的应用探索[J].实验室研究与探索，2011，30（11）：131-134.

[10] 应宏.基于 CDIO 工程教育理念的数据库原理课程教学实践[J].教育与职业，2013（6）：139-140.

[11] 金梅，滕艳平，王海珍，等.《数据库原理与应用》实验教学研究与探索[J].实验科学与技术，2013，11（5）：131-133.