基于CDIO的ASP.NET动态网站设计课程联动教学研究

基于CDIO的动态网站设计课程联动教学研究
作者：孟琦
来源：《科学与财富》2016年第16期
摘要：随着应用型本科的兴起，高校教育模式改革的需求日益迫切。

本文针对" 动态网站设计"课程教学中出现的问题，提出了基于CDIO的课程联动教学方式，将"静态网页制作"、"关系数据库技术"和"动态网站设计"三门课程以一个项目案例为主线进行联动学习，真正实现项目为导向的联动教学模式。

关键词：动态网站设计 CDIO
引言
“动态网站设计”课程是一门工程性很强的专业必修课，这门课程要求学生不但拥有静态网页设计技能、掌握数据库开发技术，还要掌握的相关技术，为建立企业级Web应用开发打下坚实基础。

CDIO工程教育模式是近年来国际工程教育改革的最新成果。

CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学习工程。

受此启发，本文提出在“静态网页制作”、“关系数据库技术”、“动态网站设计”三门课程授课过程中，引入基于CDIO的动态网站设计课程联动教学模式，对教学案例进行整合，以完成一个企业级项目案例为目标，将项目按照知识内容进行分解，渗入到三门课程对应知识点中，知识点之间的递进平缓连续，真正实现学生为主体、教师为主导的教学模式。

1 动态网站设计课程分析
传统授课过程中，学习“静态网页制作”课程，缺乏综合的、完善的网站设计项目经验。

同样，“关系数据库技术”这门课程，学生接触到的仅仅是数据库中的对象，各知识点之间的联系较少，无法深入理解和应用。

这种传统的教学过程中，三门课程独立授课，课程内容之间是孤立的，课程设计是无联系的，这就导致学生学习过程中学习目标不明确，不能融会贯通，学习能动性不足等问题。

2 基于CDIO的动态网站设计课程联动教学的提出
本文提出的将CDIO教育理念应用于教学中，将这三门课程有机结合为一个整体，“静态网页制作”完成网站的静态页面设计，“关系数据库技术”课程完成网站所需数据的保存，
“动态网站设计”在前两门课提供的成果的基础上完成数据在网页中的展示和运用。

通过三门课程的有机联动，有助于学生掌握网站程序开发的基本流程、开发技巧和编程规范，提高实践能力和职业素质，成为胜任网站程序员岗位的高素质技能型人才。

3 改革的具体实施步骤
在课程联动教学时，项目的选择既能激发学生学习的热情，又具有可操作性，将三门课程核心知识点有机整合，以企业级项目为架构将所有零散的知识点在项目实施过程中循序渐进的展现出来。

（1）项目功能概述
首先提出整个项目的需求-构建电子商务网站。

功能分为前台和后台两部分：前台包括商品展示和销售、网站会员管理、首页展示和商品推荐等模块；后台包括用户信息管理、商品管理、订单管理、采购与库存管理模块。

（2）项目案例分解
根据项目需求和功能要求，将整个项目的实现分解到三门课程的教学授课案例中。

在讲解案例时，按照情境描述、问题分析、解决方案和知识总结的过程展开，充分体现CDIO所提倡的“构思”、“设计”、“实施”、“运作的工程思想。

静态网站设计课程负责整个项目的静态网页设计部分，分解任务如下：
（一）设计电子商务网站站点（网站相关概念、网页构成元素）
（二）利用DREAMWEAVER CS5创建站点和基本页面（软件的安装、基本工具应用）
（三）首页设计（文本与超链接、图像、多媒体的使用）
（四）会员注册页面、商品添加页面设计（HTML语法、表单）
（五）首页和二级页面排版（DIV+CSS网页布局）
（六）交互式网页、特效（JavaScript的基础知识）
（七）测试并发布电子商务网站（网站的发布、网站维护）
关系数据库系统课程负责后台数据库的设计和应用，分解任务如下：
（一）设计网站ER图并转换关系模式（关系数据模式规范化理论）
（二）SQL Server 2008的安装及工具的使用（软件使用方法）
（三）创建电子商务网站数据库（创建数据库相关知识）
（四）创建网站所需表格（表的相关知识点）
（五）约束的使用（完整性概述）
（六）网站表格添加数据（数据的增删改操作）
（七）对网站所需数据进行查询（简单查询和高级查询）
（八）网站的高级内容（索引、视图、存储过程和触发器）
动态网站设计，在前面静态网站的基础上真正实现网站动态化。

分解任务如下：
（一）静态网站转换成动态网站（使用VS2010创建网站）
（二）实现会员登录、注册页面的设计（服务器控件使用方法）
（三）注册页面的验证功能的实现（验证控件的使用）
（四）网站导航技术、母版页、局部更新功能（CSS技术、母版页、AJAX技术）
（五）用户登录、用户注册、商品检索代码（技术访问和使用数据库）
（六）首页商品类别展示、新品展示及二级页面显示（数据库绑定控件）
（七）部署网站服务器并发布网站（网站的部署和发布）
（3）完善项目的实验教学
本文提出的基于CDIO的课程联动授课方式，课堂授课内容实现了电子商务网站前台功能的实现，在实验课程中，学生要完成后台功能的实现。

这样既能将每节课所学知识进行巩固，又能让整个项目更加完善，提高了学生综合实践能力。

同时，为了满足不同学生的需要，学生根据个人兴趣组成项目小组，开展自己项目的开发。

整个流程按照企业级开发的要求，进行角色分配，每个成员根据自己的角色要求，保质保量的完成分配工作。

课程完成后，分组进行项目的展示和评价。

这样，既能发挥学生的主动性，锻炼了学生的表达能力和沟通能力，又能提高学生的创新意识，增强团队协作能力和竞争意识。

（4）基于CDIO的评价体系
整个授课过程是按照CDIO的“构思”、“设计”、“实施”、“运作”来展开的，同样，学习成果的评价也要多维展开，既要包含基础知识，也要包含设计思想、代码质量和团队运作。

考核方面如下：
（一）理论知识的考核。

采用题库随机抽题的方式进行在线考试，考察学生对核心知识的掌握情况。

（二）编程能力的考核。

通过课后实验和综合项目评价考核学生编程能力、规范程度及调试能力。

（三）综合实践能力的考核。

根据CDIO的思想，对电子商务网站项目、个人小组项目进行评价，完成综合实践能力的考核，包括逻辑设计能力、分析和解决问题的能力、团队协作能力、合作和竞争意识能力等方面的考核。

4 结束语
将“静态网站设计”、“关系数据库技术”和“动态网站设计”三门课程组合起来联动学习，符合当前应用型本科学院的教改要求，既能高效完成教学任务，又能激发学生学习兴趣，真正实现项目驱动式教学，提高学生动手能力和项目开发能力，为后续就业提供了有力保障。

参考文献：
[1] 胡占军等.基于CDIO 模式的项目教学实施方案U1.中国职业技术教育，2009，24.
[2] 王硕等.CDIO：美国麻省理工学院工程教育的经典模
[3] 张培颖等 CDIO工程教育模式在软件工程核心课程教学中的应用[J]. 教育探索，2014，12.
[4] 陈艳，马莉基于CDIO的动态网页设计课程教学改革远程教育研究。