简析项目驱动式教学在用户界面设计课程中的实践

《简析项目驱动式教学在用户界面设计课程中的实践》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、简析项目驱动式教学在用户界面设计课程中的实践引言　　项目驱动式教学法(Project-DrivenTeachingMethod)，或称任务驱动教学法，是一种建立在建构主义(Constructivism)教学理论基础之上的教学法。它是以学生自主学习为主，教师指导为辅的一种有效的教学方法。具体来说，在整个教学过程中，以学生为中心;教师仅仅是教学的组织者、指导者、帮助者和促进者。教师的作用和动机是利用情境、协作、会话等学习环境，充分发挥学生的主动性、积极性和首创精神，最终使学生有效地实现对所学知识的理解。整个教学过程所关注的重点是学生

2、达到教学目标的程度。　　与传统的教学方法相比，项目驱动式教学具有如下特点：　　(1)教学项目从传统的以教材为依据转变为以项目为依据。教师的任务是根据学生已有的经验、知识、水平和兴趣来选取适合他们的项目。然后，参照项目的整体思路，把项目细分为若干个递进的子项目，依据子项目进行分阶段进行教学。使学生在项目开发的不同阶段发现和解决不同的问题，进而提升学生解决问题的能力。(2)教学主体从教师转变为学生。教师不再把持整个教学过程，而是提出项目，让学生自己运用已学知识去分析、解决问题。教师的任务在于启发、引导和指导。通过角色的转变，激发学生

3、对该课程的兴趣。(3)从单一吸收知识转变为学生团队合作完成教学任务。　　在20世纪70-80年代，项目驱动式教学法在德国企业职业教育中得到成功地运用。特别是在工业发展的背景下，教育模式从学科课程教学转向了以行动为导向的自主学习模式上。目前，此教育模式已经引起许多教育专家和学者的重视。在国内，刘韵璇指出了实施项目驱动式教学模式时应注意的几个问题。张钰莎探讨了利用此教学模式来提高学生分析和解决问题能力问题。文献论述了项目驱动式教学模式在计算机课程中的应用。在国外，Luederitz等详细地回顾了多年来项目驱动式教学模式在国外的研究成

4、果。　　软件工程专业是一个发展迅速、知识更新快的专业，用户界面设计课程又是软件工程专业中更新快的一门课程。这样，若按照现行的教学方法来实施教学，必然会出现所传授的知识滞后于社会需求的现象。若能通过项目驱动的方式来实施教学的话，学生就能依据项目的知识需求有针对性地学习和实践。从而保证学生学习的知识既是最需要的，又是最前沿的。用户界面设计课程涉及的知识面很广，在有限的课时内很难细致深入地教授学生太多的知识，这就迫使学生逐步形成自我学习、有重点地学习和自己来解决问题。这种习惯的养成，会使学生在毕业后也能自我学习，获取新的知识。另外，用

5、户界面设计是一门实践性非常强的课程。它要求学生在课程的学习中把设计与编码相结合，并在熟练掌握语言、CSS样式、JavaScript脚本等三大教学模块的基础上，以SublimeText3开源文本编辑软件为工具，应用JQuery、BootStrap等开源框架制作出排版优美，跨设备、跨浏览器的X页页面。这也从理论上说明了开展用户界面设计的项目驱动教学方法研究的必要性。一、项目驱动教学的实施　　基于项目驱动教学模式，可将用户界面设计课程的教学过程分为4个阶段：准备阶段、实施阶段、辅导阶段和考核阶段。并以一个小项目来阐明各个阶段需要做哪些

6、工作。　　(一)准备阶段　　准备阶段包括2项工作：项目任务书的准备，考核标准的制定。这2项工作是需要教师来完成的，我们分别给出解释。　　(1)项目任务书的准备。首先，基于用户界面设计课程的教学内容和教学目标，适当地选取教学的知识点，依据选取的知识点设计出合理的项目任务书。再将项目细化为若干个递进的子项目;(2)考核标准的制定。类似传统试题要有评分标准一样，项目驱动式教学在制定出项目任务书以后，也要制定出考核的标准，便于对学生完成的项目进行考评。　　例如，在讲解JavaScript和DOM的内容时，可以引入如下项目：　　在X页上有

7、四张缩略图和一张大图，当打开X页时，大图默认显示第一张缩略图;当点击任意一张缩略图时，大图切换成对应的缩略图。在大图的下方会有一行文字来对大图进行简单的说明。此项目为单人项目，目的是让学生通过完成项目的基本功能，了解用JavaScript来操作DOM元素的基本用法。　　(二)教师辅导　　教师的辅导包括两方面的内容，一是展示相关的项目实例，包括项目需求规格说明书，概要/详细设计说明书，项目源代码等;二是介绍所需的项目信息查询路径、方法和注意事项。由于此项目相对比较直观简单，可以只显示最终的效果图。让同学们自由发挥。在此之前，可以先

8、简单介绍些JavaScript操作DOM元素基本知识，并要求学生查阅相关资料：　　1.事件处理的基本方法　　(1)事件处理。　　(2)DOM0级事件处理。　　(3)DOM2级事件处理。　　(4)IE事件处理。　　(5)解决如何综合使用这些事件处理方法来支持不同的