课程编码: 课程类别:B
适用专业:软件技术 授课单位:计算机与软件学院
学时: 72 编写执笔人及编写日期:刘嵩 2013.8
学分: 4 审定负责人及审定日期:谢日星 2013.8
1.课程定位和课程设计
1.1课程性质与作用
课程的性质 《Ajax程序设计》课程是软件技术专业的职业技术课程,是校企合作开发的基于工作过程的课程。本课程主要定位于培养学生使用Ajax技术开发基于Web2.0的网页程序,使学生了解Ajax的运行原理,掌握Ajax和后台程序的交互过程,并能够完成基于常见Ajax框架的Web应用程序开发。
课程的作用 本课程的开设目的在于通过本课程的学习,能够让学生理解并掌握Ajax技术开发的全过程;涵盖Ajax请求对象的创建及使用、Ajax响应处理、Ajax处理JSON格式数据、Ajax处理XML格式数据,Ajax框架使用等各项技术。
与其他课程的关系(前导课程、后续课程)等。
(1)前导课程:
《网页制作》、《JavaScript程序设计》。
(2)后续课程:
无
1.2课程基本理念
本课程主要包含Ajax技术的基本原理,异步请求概念,Ajax和后台服务器语言进行异步交互,Ajax处理XML格式和JSON格式的返回数据并使用数据生成前台界面,JQuery框架的基本用法,使用JQuery框架进行Ajax操作等内容,采用“项目驱动”的教学方式,边讲解边编写程序的模式。
1.3课程设计思路
以“项目导向、任务驱动”的教学模式为主,通过引入实用的任务,以任务的开发过程为主线,贯穿于每个知识点的讲解,随着任务的不断拓展来推动整个课程的进展。对于每个知识点的讲解采用以实际工作中软件开发的过程和步骤为出发点,采用“五步”教学法,整个教学过程分为任务描述、计划、实施、检测、评价五大步骤,分别对应软件开发的需求分析、设计、编码、测试、验收五个工作环节。使得学生在学习的过程中自然而然的了解程序开发的步骤和流程,为将来参加实际工作进行项目开发打下良好的基础。同时通过采用“教”、“学”、“做”三位一体法教学法,教师边示范、边讲解、边提问,学生边做、边学、边思考,从而实现在做中教,在做中学,提高学生的实践能力和专业水平。
2.课程目标
课程工作任务目标:本课程主要定位于培养学生使用Ajax技术开发基于Web2.0的网页程序,使学生了解Ajax的运行原理,掌握Ajax和后台程序的交互过程,并能够完成基于常见Ajax框架的Web应用程序开发。
职业能力目标:突出基本职业能力和关键能力(专业能力、方法能力、社会能力)培养要求。要深化对职业能力的理解,既要重视外显化、行为化的职业技能、职业资格要求,又要重视职业能力的内隐性、过程性、动态性。
专业能力
| 方法能力
| 社会能力
|
Ajax异步交互网页程序开发
DOM编程
JSON数据格式处理
XML数据格式处理
JS调试
信息检索
| 自主学习
制定项目计划
管理控制
交流学习
独立思考
开拓创新
分析判断
| 团队协作
沟通交流
社会责任心
职业道德
服务意识
保密意识
|
3.课程内容与要求
学习情境规划和学习情境设计
学习情境
| 情境描述
| 职业能力(知识、技能、态度)
| 课时
|
Ajax基础
| 传统网页模式与Ajax模式;
XMLHttpRequest对象;
通过XMLHttpRequest发送请求。
| 理解异步交互模式,能够异步发送请求;
编码能力 ;
分析问题、解决问题能力;
| 8
|
XML格式响应处理
| Ajax响应处理;
XML数据格式;
responseText的用法;
responseXML的用法。
| 能够处理异步请求的响应消息;
能正确处理XML格式返回数据;
编码能力 ;
分析问题、解决问题能力;
| 6
|
JSON格式数据处理
| JSON数据格式;
AJAX如何将返回值转化成JSON对象;
Ajax对JSON数据处理;
| 能够处理异步请求的响应消息;
能正确处理JSON格式返回数据;
编码能力 ;
分析问题、解决问题能力;
| 8
|
jQuery中的基本选择器和过滤选择器
| CSS选择器基本语法;
Jquery基本选择器;
Jquery过滤选择器;
| 理解CSS选择器,能够通过JQuery选中元素;
编码能力 ;
分析问题、解决问题能力;
| 6
|
jQuery中的事件类型以及事件处理机制
| 事件流模型 ;
jQuery事件对象;
| 理解事件流模型,能够通过JQuery处理事件;
编码能力 ;
分析问题、解决问题能力;
| 8
|
操作jQuery集合
| 搜索操作;
串联操作;
过滤操作;
| 能够通过JQuery操作集合元素;
编码能力 ;
分析问题、解决问题能力;
| 8
|
jQuery中DOM操作
| Jqyery基本DOM操作;
内部插入;
外部插入;
包裹操作;
| 理解DOM,能够通过JQuery操作DOM元素;
编码能力 ;
分析问题、解决问题能力;
| 8
|
jQuery中的Ajax支持
| 序列化表单数据;
设置全局Ajax默认选项;
Ajax全局事件;
| 能够通过JQuery完成异步交互请求和响应;
编码能力 ;
分析问题、解决问题能力;
| 8
|
页面交互组件
| 拖动组件;
投放组件;
尺寸调整组件;
排序组件;
选择组件。
| 能够通过使用JQuery的UI组件实现前台编程;
编码能力 ;
分析问题、解决问题能力。
| 12
|
4.课程实施
4.1教学条件
4.1.1软硬件条件
校内实训基地条件,课程要求有专业的实训室,所有实训室设备按企业实际运行拓扑结构组建,设置数据服务器。主要配套的教学仪器设备与媒体要求如下:
(1)硬件要求:
所有计算机必须P4 2.4以上主频,1G以上内存。
(2)软件要求:
操作系统:Windows XP及后续版本
开发工具:TOMCAT/IIS、IE6+、Chrome、文本编辑器。
校外实训基地能提供学生进入相关企业顶岗实习的机会。
4.1.2师资条件
对任课教师的职业能力和知识结构的要求:任课教师能将课程体系、教学内容与企业对应岗位直接对接,实现企业开发团队与实际项目应用于教学过程,课程学习与项目开发实训合二为一。
专任教师和兼职教师组成的具有“双师”结构特点的教学团队要求:专任教师100%为双师素质教师,专兼结合的教学团队中包含从软件企业研发一线的行业专家,直接承担专业课程的实践教学,成为专业教学团队的重要组成部分,教学团队成员80%同时具备学院讲师、企业工程师双重资格。
4.2教学方法建议
根据软件技术专业课程的特点和高职学生的特点,对于实践课程,可采用具有专业特色的教学模式PTLF。即项目导向(Project-oriented),任务驱动(Task-driven),层层递进(Layers of progressive),四真环境(Four kinds of simulation environment )。
①课程的完备性:通过项目贯穿和任务分解,学生了解到软件开发的真实过程,实践了软件开发各个阶段软件产品的建模及项目文档的编写,获得了完成某类项目的系统知识。
②任务的导向性:每一阶段都有明确的目标和产品,各项任务逐层递进,引导学生一步一步完成整个项目。
③教学情景的完整性:每个教学情景都是一个完整过程,从信息的收集、整理、分析、建模、到软件文档书写;设计有明确的输入、加工和输出项。通过学习,学生除了掌握相关技能,还可以领悟到解决问题的一些基本方法和思路。
④技能的适应性:教学情景的设计具有典型性,通过这些教学情景的训练,学生的专业技术能力具有一定的适应性,可以在其它的项目中得以应用。
4.3教学评价、考核要求
课程的评价根据课程标准的目标和要求,实施对教学全过程和结果的有效监控。采用形成性评价与终结性评价相结合的方式,既关注结果,又关注过程。其中形成性评价注重平时表现和实践能力的考核。主要根据学生完成每个学习情境的情况,结合平时表现,进行综合打分。终结性评价主要以上机为主。
课程总成绩由形成性评价与终结性评价两部分组成,其中形成性评价占总成绩的40%,终结性评价占60%。
5.课程资源开发与利用
学习资料资源:
(1)推荐教材:
《精通JS脚本之Jquery框架》 王伟平 化学工业出版社9787122102966 2011-03。
(2)推荐参考书:
1.《JavaScript捷径教程》,[加]Jonathan Snook等 著,人民邮电出版社,2009-1;
2.《搞定J2EE核心技术与企业应用:Ajax,JSP,Struts 2,Spring,Hibernate》常建功 电子工业出版社9787121166082 2012-07;
3.《深入ajax:架构与最佳实践》 张过;宋会敏(译) 人民邮电出版社 9787115210920 2009-08-01。
信息化教学资源:多媒体课件、网络课程、多媒体素材、电子图书和专业网站的开发与利用。
6.其他说明
本课程标准根据武汉软件工程职业学院软件技术专业人才培养方案制订,适用于三年制软件技术专业,随着技术更新和教材更换,其中有关教学内容可以进行适当调整。