平顶山工业职业技术学院
《XML/Ajax技术》
课程整体设计
软件职业技术学院软件技术教研室
2010年8月
《XML/Ajax技术》课程整体设计
一、 管理信息
课程名称:XML/Ajax技术 制定时间:2010年8月
课程代码:3035020071 所属院系:软件学院软件技术教研室
二、 基本信息
学分:2 授课对象:软件技术专业 学时:76 课程类型:职业技术课
三、教学目标
1、总体目标
本课程的总体目标是:培养学生利用XML技术和Ajax技术进行数据处理和网络编程的能力。通过教师的教学工作,不断激发并强化学生的学习兴趣,并引导他们逐渐将兴趣转化为稳定的学习动机,已使他们树立自信心,锻炼克服困难的意志,乐于与他人合作,养成和谐和健康向上的品格。同时培养学生严谨、细致的工作作风和认真的工作态度。
2、阶段目标
依据课程总体目标及职业岗位课程能力分解。课程具体目标分解如下。 1)知识目标
(1)了解XML作为一种标准数据交换合适的需要; (2)区别SGML、HTML、XML之间的区别; (3)识别XML名称控件的需要; (4)识别XML文档的结构; (5)识别XML的表现形式; (6)明确XML文档对象模型。 (7)Ajax概述及简单应用、 (8)XMLHttpRequest (9)DOM技术、
(10)ASP.NET中Ajax技术的应用 2)能力目标
(1)了解XML文档的格式,根据实际要求,编制符合要求的XML文档,用作标准的数据交换格式;
(2)能够验证XML文档的正确性,根据XML文档的格式,按照XSD模式的要求,能够进行XML文档的验证;
(3)能够呈现XML文档,更加XML文档的格式,按照CSS或XSLT等不同样式表的要求,能够对XML文档机型不同的呈现。
(4)能够操作XML文档,使用DOM检索和更新XML文档中的元素、属性和内容。 (5)能够在ASP.NET网站中应用Ajax技术。 3)素质目标
(1)具有良好的职业道德和职业素养;
(2)具有谦虚好学、勤于思考、做事认真的良好品质; (3)具有按时、守时交付软件的观念; (4)具有良好的团队合作精神和人际交往能力; (5)具有分析问题、解决问题的能力; (6)具有勇于创新、敬业乐业的工作作风; (7)形成诚实、守信、坚忍不拔的性格; (8)具有质量意识和安全意识; (9)具有自主、开放学习的能力;
(10)养成良好的编程作风,具有发现错误的细心和耐心。
在教学过程中,实现上述课程目标是一个不可分割。相互交融。相互渗透的连续过程和有机整体。在掌握知识的过程中,既有能力的训练,也有方法的了解和运用,更有态度和价值观的体验与培养。掌握知识和技能不是课程学习的唯一和最终目标,而是全面提高生活能力和专业技能的过程。
四、教学内容设计
根据软件行业程序员职业岗位的要求和基于.NET的Web程序员的能力要求选取《图示管理系统》为主线贯穿教学过程,并以《学生评价系统》作为综合训练和能力提升项目。课堂教学采用“项目驱动”教学模式,理论教学内容与实践教学内容融为一体,根据项目需要和软件程序员能力要求,构建课程结构,形成模块化的课程结构。主要课程内容如下:
1、课程内容 课程名称 学习目标 XML/Ajax技术 根据实际要求,编制符合要求的XML文档,用作主要内容 2.SGML、HTML、XML的区别 3.XML文档结构 1.了解XML文档的格式,1.XML作为标准数据交换格式的需要
标准的数据交换格式; 2.能够验证XML文档的正确性,根据XML文档的格式,按照XSD模式的要求,能够进行XML文档的验证; 3.能够呈现XML文档,更加XML文档的格式,按照CSS或XSLT等不同样式表的要求,能够对XML文档机型不同的呈现。 4.能够操作XML文档,使用DOM检索和更新XML文档中的元素、属性和内容。 5.XMLHttpRequest 6.DOM技术、 7.ASP.NET中Ajax技术的应用 4.XML指令表示方法 5.XML标记表示方法 6.XML简单数据类型 7.XML复杂数据类型 8.XML中组的使用方法 9.XML命名空间的使用 10.CSS呈现XML文档的方法 11.使用value-of元素的方法 12.使用foreach元素的方法 13.使用sort元素的方法 14.使用text元素的方法 15.使用template元素的方法 16.使用DOMDocument对象的方法 16.使用IXMLDOMNode对象的方法 17.使用IXMLDOMnodeList对象的方法 18.使用IXMLDOMParseError对象的方法 19.Ajax基本概念 20.XMLHttpRequest对象的理解与应用 21.DOM技术的应用 22.ASP.NET中Ajax技术的应用
2、学习情境
根据课程目标,确定XML/Ajax技术课程包括6个学习情境,共12个工作任务,其学习目标、课时、主要内容、教学方法与建议、考核与评价、教学材料、学生知识与能力要求如课程单元卡所示。 学习情境一 XML初识 任务说明 学习目标 工作任务一 搭建开发环境 安装XMLSpy,熟悉环境的使用,通过创建XML文档和HTML文档,比较发现XML作为数据交换标准格式的优势,对XML文档的结构有初步的了解 了解XML的产生与发展,创建第一个XML文档,发现它的优势,并对其特点有初步的了解。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:安装XMLSpy创建XML文档,了解XML文档结构。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 工作内容 1、安装XMLSpy. 2、熟悉工作环境
3、创建HTML文档。 4、创建XML文档。 5、比较HTML与XML的联系和区别。 参考资料 1、教材、课件、案例 教学资源 2、XMLSpy安装程序 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 案例演示 教 学 实 施 内容 XML是什么 组织与安排 1、教师讲解XML的产生发展和优势 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 1、XMLSpy的安装及配1、教师演示软件的安装及配置过程 置 2、教师演示相关文档的创建方法 2、HTML和XML文档的创建 任务提出与分搭建环境,创建第一个文1、教师下发任务 配 档 2、学生分组讨论分析本阶段的任务 实施 1、安装XMLSpy. 1、学生使用教师提供的安装软件,根2、熟悉工作环境 据教师的安装及配置演示安装相关软3、创建HTML文档。 件。并完成文档的创建。 4、创建XML文档。 2、教师巡回指导学生的工作过程。 5、比较HTML与XML的联系和区别。 展示第一个XML文档 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境一 XML初识 任务说明 学习目标 工作任务二 XML的标记及属性 使用XML的标记和属性等相关知识,将一个图书借阅系统中“图书”、“读者”和“借阅”3个表用XML文件保存。 熟悉XML文档结构、数据类型、标记及属性,能够按照数据结构要求,数据信息用XML文件保存。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 程序员:学习相关知识,将图书借阅系统中“图书”、“读者”和“借阅”3个角色与职责 表用XML文件保存。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。
1、创建XML文档 2、完成图书借阅系统中图书信息部分数据保存 工作内容 3、完成图书借阅系统中读者信息部分数据保存 4、完成图书借阅系统中借阅信息部分数据保存 参考资料 1、教材、课件、案例 教学资源 2、图书借阅系统相关数据结构 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 内容 XML文档的结构 组织与安排 1、教师带领学生认识XML文档的结构 2、数据XML中的数据类型、标记及属性 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 教 学 实 施 案例演示 图书借阅系统数据结构 1、教师演示XML的创建方法 2、教师演示XML文档设计过程 任务提出与分图书借阅系统3个表用1、教师下发任务 配 XML文件保存 2、学生分组讨论分析本阶段的任务 实施 1、创建XML文档 1、学生实施工作任务。 2、完成图书借阅系统中图2、教师巡回指导学生的工作过程。 书信息部分数据保存 3、完成图书借阅系统中读者信息部分数据保存 4、完成图书借阅系统中借阅信息部分数据保存 展示图书借阅系统XML1、学生展示开发成果; 文档 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境一 XML初识 工作任务三 XML命名空间 任务说明 使用命名空间和CDATA节完成特殊符号的表示。 学习目标 熟悉XML命名空间和特殊符号表示方法。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,完成特殊符号的表示。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。
工作内容 1、创建XML文档 2、使用XML命名空间和CDATA节完成特殊符号的表示 教具 媒体 计算机 投影仪 参考资料 1、教材、课件、案例 教学资源 2、特殊符号表示效果 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 教 学 实 施 内容 什么是命名空间 项目教学法:案例分析、分组讨论、角色扮演、启发引导 组织与安排 1、教师讲解命名空间的作用和使用方法 2、教师讲解特殊符号的表示方法 教师演示特殊符号的表示方法 1、教师下发任务 2、学生分组讨论分析本阶段的任务 案例演示 特殊符号的表示 任务提出与分表达特殊符号 配 实施 1、创建XML文档 1、学生实施工作任务。 2、使用使用XML命名空2、教师巡回指导学生的工作过程。 间和CDATA节完成特殊符号的表示 展示设计的XML文档 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境二 XML进阶 工作任务一 DTD 任务说明 定义图书出版信息XML词汇表,并使用DTD验证其有效性。 学习目标 熟悉DTD相关知识,掌握使用DTD验证XML文档有效性的方法。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 程序员:学习相关知识,完成图书出版信息XML词汇表,并使用DTD验证其角色与职责 有效性。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 工作内容 2、词汇表DTD创建 3、根据DTD创建XML文档 参考资料 1、教材、课件、案例 教学资源 2、图书出版信息相关资源 教学方法 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导
组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 内容 组织与安排 什么是XML文档的有效1、教师讲解DTD的作用 性 2、教师讲解DTD的使用方法 图书出版信息XML词汇教师演示XML词汇表方法 表创建 教 学 实 施 案例演示 任务提出与分为图书出版信息创建1、教师下发任务 配 DTD和XML词汇表 2、学生分组讨论分析本阶段的任务 实施 1、创建XML文档 1、学生实施工作任务。 2、词汇表DTD创建 2、教师巡回指导学生的工作过程。 3、根据DTD创建XML文档 展示设计的DTD和XML1、学生展示开发成果; 文档 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境二 XML进阶 工作任务二 XML Schema 任务说明 完成图书信息的架构文档和XML实例文档。 学习目标 熟悉XML Schema相关知识,掌握创建数据的架构文档方法。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,完成图书信息的架构文档和XML实例文档。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 工作内容 2、创建XML Schema文档 3、创建XML实例文档 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 教 建立开发小组,实行组长轮流制。 步骤 任务导引 案例演示 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 如何实现数据的排序等高1、教师讲解XML Schema的作用 级操作 2、教师讲解XML Scema的使用方法 图书信息架构文档创建 教师演示架构文档创建方法
学 实 施 任务提出与分为图书信息的架构文档和1、教师下发任务 配 XML实例文档 2、学生分组讨论分析本阶段的任务 实施 1、创建XML文档 1、学生实施工作任务。 2、创建XML Schema文2、教师巡回指导学生的工作过程。 档 3、创建XML实例文档 展示设计的DTD和XML1、学生展示开发成果; 文档 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境三 XML显示 工作任务一 CSS显示 任务说明 为图书出版领域或图书馆设计一个图书简要信息显示目录。 学习目标 掌握使用CSS显示XML文档的方法。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 程序员:学习相关知识,为图书出版领域或图书馆设计一个图书简要信息显示角色与职责 目录。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 2、了解图书简要信息列表 工作内容 3、编写图书简要信息的XML文档 4、编写CSS文档显示图书简要信息目录 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 教 学 实 施 任务导引 案例演示 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 如何将XML文档中的数1、教师讲解CSS的作用 据显示成特定的样式 2、教师讲解CSS的使用方法 设计图书简要信息显示目设计图书简要信息显示目录的过程 录的过程 任务提出与分为图书出版领域或图书馆1、教师下发任务 配 设计一个图书简要信息显2、学生分组讨论分析本阶段的任务 示目录 实施 1、创建XML文档 1、学生实施工作任务。 2、了解图书简要信息列表 2、教师巡回指导学生的工作过程。
3、编写图书简要信息的XML文档 4、编写CSS文档显示图书简要信息目录 展示与评价 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境三 XML显示 任务说明 工作任务二 XSLT模板转换 使用XSLT技术编写一个图书信息查询页面。其中包括:图书简要信息显示页面和图书详细信息显示页面。 学习目标 掌握使用XSLT模板转换方法。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 程序员:学习相关知识,使用XSLT技术编写一个图书信息查询页面。其中包角色与职责 括:图书简要信息显示页面和图书详细信息显示页面。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 工作内容 2、图书简要信息显示页面设计 3、图书详细信息显示页面设计 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 教 学 实 施 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 有没有专门为XML文档1、教师讲解XSLT模板转换的作用 而产生的显示方式 2、教师讲解XSLT模板转换的使用方法 图书信息查询页面设计过教师演示图书信息查询页面设计过程 程 案例演示 任务提出与分使用XSLT技术编写一个1、教师下发任务 配 图书信息查询页面。其中2、学生分组讨论分析本阶段的任务 包括:图书简要信息显示页面和图书详细信息显示页面。
实施 1、创建XML文档 1、学生实施工作任务。 2、图书简要信息显示页面2、教师巡回指导学生的工作过程。 设计 3、图书详细信息显示页面设计 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境四 XML高级 学习目标 掌握DOM技术。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 程序员:学习相关知识,使用DOM技术和XSLT模板转换技术实现图书信息的角色与职责 动态排序。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 工作内容 2、描述图书信息的XML文档 3、格式化显示XML的XSL文档 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 教 学 实 施 案例演示 内容 如何对XML进行文档 组织与安排 1、教师讲解DOM的作用 2、教师讲解DOM的使用方法 教具 媒体 计算机 投影仪 工作任务一 XML文档解析 任务说明 使用DOM技术和XSLT模板转换技术实现图书信息的动态排序。 项目教学法:案例分析、分组讨论、角色扮演、启发引导 图书信息动态排序实现过教师演示图书信息动态排序实现过程 程 任务提出与分使用DOM技术和XSLT1、教师下发任务 配 模板转换技术实现图书信2、学生分组讨论分析本阶段的任务 息的动态排序。 实施 1、创建XML文档 1、学生实施工作任务。 2、描述图书信息的XML2、教师巡回指导学生的工作过程。 文档 3、格式化显示XML的
XSL文档 展示与评价 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境五 XML应用 工作任务一 学生评教系统 任务说明 使用XML及相关技术实现学生评教系统。 学习目标 培养学生综合应用XML及相关技术的能力。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,实现学生评教系统。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建XML文档 2、描述评教信息的XML文档 工作内容 3、格式化显示XML的XSL文档 4、评教信息的添加和删除实现 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 案例演示 教 学 实 施 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 如何综合应用XML及相1、教师讲解XML技术的应用 关技术 学生评教系统演示 教师演示学生评价系统 任务提出与分使用XML及相关技术实1、教师下发任务 配 现学生评教系统。 2、学生分组讨论分析本阶段的任务 实施 1、创建XML文档 1、学生实施工作任务。 2、描述评教信息的XML2、教师巡回指导学生的工作过程。 文档 3、格式化显示XML的XSL文档 4、评教信息的添加和删除实现 展示开发成果 1、学生展示开发成果; 展示与评价
2、教师对共性问题点评、指导。 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境六 AJax原理及应用 工作任务一 Ajax概述及入门 任务说明 Ajax的基本概念和Ajax应用入门 学习目标 培养学生综合应用Ajax及相关技术的能力。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,实现Ajax例程。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、创建AJax访问页面 工作内容 2、创建Ajax函数 3、应用Ajax访问页面 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 教 学 实 施 案例演示 内容 为什么要学习AJax 系统演示 组织与安排 1、教师讲解Ajax原理 教师演示Ajax实例 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 任务提出与分使用AJax及相关技术实1、教师下发任务 配 现。 2、学生分组讨论分析本阶段的任务 实施 1、创建AJax访问页面 1、学生实施工作任务。 2、创建Ajax函数 2、教师巡回指导学生的工作过程。 3、应用Ajax访问页面 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境六 AJax原理及应用
工作任务二 XMLHttpRequest、DOM技术 任务说明 使用XMLHttpRequest对象建立应用。 学习目标 掌握XMLHttpRequest、DOM技术。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,实现学生评教系统。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、XMLHttpRequest的方法 2、XMLHttpRequest的属性 工作内容 3、应用XMLHttpRequest完成无刷新更新页面 4、综合应用XMLHttpRequest与DOM进行页面设计 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 案例演示 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 如何设计出访问方便的页1、教师讲解XMLHttpRequest与DOM面 技术的应用 示例程序演示 教师演示XMLHttpRequest应用程序 教 学 实 施 任务提出与分使用XMLHttpRequest及1、教师下发任务 配 相关技术实现无刷新更新2、学生分组讨论分析本阶段的任务 页面。 实施 1、XMLHttpRequest的方1、学生实施工作任务。 法 2、教师巡回指导学生的工作过程。 2、XMLHttpRequest的属性 3、应用XMLHttpRequest完成无刷新更新页面 4、综合应用XMLHttpRequest与DOM进行页面设计 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
学习情境六 AJax原理及应用 工作任务三 ASP.NET中Ajax技术的应用
任务说明 在ASP.NET网站设计中灵活应用Ajax技术。 学习目标 培养学生综合应用AJax及相关技术的能力。 参与人员角色: 程序员(学生)、项目经理(学生)、项目指导(教师) 职责: 角色与职责 程序员:学习相关知识,实现学生评教系统。 项目经理:完成程序员工作的基础上,对其他程序员的工作进行监督和指导。 项目指导:为程序员的工作提供条件,负责监督、控制程序员工作进度和处理程序员工作过程中遇到的问题;确认、验收程序员工作结果。 1、初始化对象并发送XMLHttpRequest请求; 2、指定响应处理函数; 工作内容 3、发出Http请求 4、处理服务器返回的信息 参考资料 1、教材、课件、案例 教学资源 2、图书信息相关资源 教学方法 组织方式 建立开发小组,实行组长轮流制。 步骤 任务导引 教 学 实 施 案例演示 内容 组织与安排 教具 媒体 计算机 投影仪 项目教学法:案例分析、分组讨论、角色扮演、启发引导 如何综合应用Ajax及相1、教师讲解AJax技术的应用 关技术 综合实例演示 教师演示Ajax应用综合实例 任务提出与分使用AJax及相关技术实1、教师下发任务 配 现综合实例。 2、学生分组讨论分析本阶段的任务 实施 1、初始化对象并发送1、学生实施工作任务。 XMLHttpRequest请求; 2、教师巡回指导学生的工作过程。 2、指定响应处理函数; 3、发出Http请求 4、处理服务器返回的信息 展示开发成果 1、学生展示开发成果; 2、教师对共性问题点评、指导。 展示与评价 1、实施过程(40%) 4、创新性(10%) 2、实施结果(20%) 5、团队合作精神(10%) 阶段评价 3、态度(30%)
五、教学实施建议
1、学时安排
学习情境 1、XML初识
工作任务 搭建开发环境 学时安排 4 学习情境 工作任务 XML标记及属性 XML命名空间 DTD 学时安排 6 4 6 6 8 6 6 8 6 8 8 76 2、XML进阶 XML Schema CSS显示 3、XML显示 XSLT模板转换 4、XML高级 5、XML应用 XML文档解析 学生评教系统 Ajax概述及入门 6、AJax原理及应用 XMLHttpRequest、DOM技术 ASP.NET中Ajax技术的应用 合 计 2、教学组织与安排(第一次课设计概要)
1)展示一些成功网站,www.136.com, www.yahoo.com, www.chinaren.com www.taobao.com等(包括事业、商业、企业等网站)。并提出本学科的最终目标是把XML与Ajax知识应用到建设优秀的网站上。
学生通过浏览这些网站,激发学生对网站建设的兴趣。告知学生《XML/Ajax技术》课程在网站建设中的重要作用,并对本课程的总体安排、教材的选择、上课方式,让学生明确学习目标,让教学体现出职业教育侧重技能的特点,以增强学生的职业技能。展示学生的优秀作品,鼓励学生要有自信,能够完成最终的目的,分析介绍以后的就业形式和就业去向。 2)进入正题
(1)让学生知道本节课程最终要完成的内容——应用XML建立一个数据库,要求每个学生独立完成。
(2)讲解《XML/Ajax技术》的历史,当前概况,包括此软件对机器配置的要求、安装步骤和注意事项。
(3)通过多媒体课件进行安装演示。
(4)教师提出实现要求——检测计算机配置是否符合安装要求,在符合要求的机器上安装相关软件,并且能够正常运行。 (5)学生自主练习,教师辅导。 (6)总结。 3、教学方法与手段 1)课程教学模式
本课程采用“项目驱动,案例教学”的教学模式展开教学。整个课程由1个完整的项目驱动,同时在综合应用中完成另外一个案例的开发。课程的理论与实践相结合,理论教学在多媒体教室进行,实践教学在机房进行,教学中以学生为中心,教师全程负责讲授知识、答疑解惑、指导项目设计,充分调用师生双方的积极性,实现教学目标。
在课堂组织上,始终以项目为驱动,总体采用以学生为主体的六步教学法,首先在每个任务单元里提出要解决的问题或要实现的功能,通过解决这些问题及实现相应模块的功能,学习XML技术,掌握实用、够用的理论知识。
2)教学方法和手段
为完成课程的教学目标,使学生真正具备使用XML技术进行Web应用程序开发的能力,本课程采用的主要教学方法和手段有:
(1)案例法
课程以图书信息管理系统为教学案例贯穿始终,将技术融入到项目开发中,并且在综合应用学习情境中由学生自主完成一个案例项目——学生评教系统的设计和实现,让学生在实际的项目开发中学习知识和技术。
(2)直观教学法
通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学,将复杂的原理用简单的、感性的方法展现出来,并选取与学生实际生活密切相关的项目实例进行讲解,有效地使难以理解的概念简单化、形象化,充分激起了学生的学习兴趣和主动性。
(3)讨论交流法
在各个工作任务的实施过程中,每个小组要积极进行交流讨论,讨论工作任务的完成方法,一方面培养学生做事有计划的良好习惯,另一方面培养学生的团队合作精神和交流能力。
(4)激励教学法
实训过程中,经常采用小组之间竞赛的方法,竞赛的结果记入形成性考核成绩。鼓励团队合作精神和培养创造性解决问题的能力。实践证明,这一方法非常行之有效。
六、课程考核方案
1、考核方式:
本课程考核方式以过程考核与期末考核相结合的方式进行。
过程考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核,其中实施过程、实施结果、态度、创新性根据每个学期情境的完成情况,由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。过程考核占总成绩的60%。
期末考核项目成果。项目成果是指课程主项目的完成情况,以学习小组为单位提交。项目成果占总成绩的40%。
2、考核原则 考核要求示意表 考核项目
考核方式
自我
考核项目
考核标准
评价
实施过程
过程考核
态度 创新性
纪律性强,无缺课、迟到、早退现象 设计具有独创性,设计巧妙,有新意
12% 6% 6%
实施结果
按照要求进行任务的实施过程 实施结果符合系统要求和进度安排
评价
评价
24% 12%
教师
综合
小计
团队合作精神 有团队合作精神、有沟通能力
期末
项目成果
考核
合计
3、各情境具体考核标准
以小组为单位,由教师考核主项目的完成情况 40%
100%
学习情境一到学习情境四的成绩计入到过程考核中,每个学习情境满分均为100分,均从实施过程、实施结果、态度、创新性和团队合作精神五个方面依据标准进行打分,最后的平均分作为过程考核的结果。学习情境五的成绩作为项目成果的得分。
情境一:XML初识 考核项目
考核内容
考核标准
1、搭建开发环境。(10分)
2、图书借阅系统中“图书”、“读者”按照各项工作的实施过程将得分分为A、
过程(40分) 和“借阅”3个表用XML文件保存。B、C三个等级,分别得10分(或15分)、
(15分)
3、特点符号的表示。(15分)
在规定时间内完成安装得10分,每超过8分(或12)和6分(或9分)。
1、在规定时间内完成安装(10分)
结果(20分)
2、开发环境符合要求(10分)
态度(20分) 纪律性强,无缺课、迟到、早退现象
创新性(10
设计具有独创性,设计巧妙,有新意 分)
团队合作精
有团队合作精神、有沟通能力
神(10分)
情境二:XML进阶 考核项目
考核内容
1、用DTD验证XML文档。(20分) 过程(40分) 2、用XML Schema表达XML文档
架构。(20分)
结果(20分) 1、在规定时间内完成安装(10分)
0.5小时扣1分。
开发环境符合要求得10分,每种软件不能正常工作扣1分。
按照情境完成过程中的态度将得分分为A、B、C三个等级,分别得20分、18
分和16分。每次缺课扣1分,迟到或者早退扣0.5分。
按照情境完成过程中的创新性程度将得
分分为A、B、C三个等级,分别得10
分、8分和5分。
由项目小组的其他成员打分的平均分组成。
考核标准
按照各项工作的实施过程将得分分为A、
B、C三个等级,分别得20分、16分和12分。
在规定时间内完成安装得10分,每超过
0.5小时扣1分。
2、开发环境符合要求(10分)
开发环境符合要求得10分,每种软件不能正常工作扣1分。
按照情境完成过程中的态度将得分分为A、B、C三个等级,分别得20分、18
态度(20分) 纪律性强,无缺课、迟到、早退现象
创新性(10
设计具有独创性,设计巧妙,有新意 分)
团队合作精
有团队合作精神、有沟通能力
神(10分)
情境三:XML显示 考核项目
考核内容
1、用CSS显示XML文档。(20分)过程(40分) 2、用XSLT技术转换XML文档。(20
分)
1、在规定时间内完成安装(10分)结果(20分)
2、开发环境符合要求(10分)
态度(20分) 纪律性强,无缺课、迟到、早退现象
创新性(10
设计具有独创性,设计巧妙,有新意
分和16分。每次缺课扣1分,迟到或者早退扣0.5分。
按照情境完成过程中的创新性程度将得
分分为A、B、C三个等级,分别得10
分、8分和5分。
由项目小组的其他成员打分的平均分组
成。
考核标准
按照各项工作的实施过程将得分分为A、
B、C三个等级,分别得20分、16分和12分。
在规定时间内完成安装得10分,每超过0.5小时扣1分。
开发环境符合要求得10分,每种软件不能正常工作扣1分。
按照情境完成过程中的态度将得分分为A、B、C三个等级,分别得20分、18
分和16分。每次缺课扣1分,迟到或者早退扣0.5分。
按照情境完成过程中的创新性程度将得分分为A、B、C三个等级,分别得10
分) 团队合作精
有团队合作精神、有沟通能力
分、8分和5分。
由项目小组的其他成员打分的平均分组神(10分)
情境四:XML高级 考核项目
考核内容 1、XML文档的设计。(20分)
过程(40分)
2、XML文档的显示。(20分) 1、在规定时间内
完成安装(10分) 结果(20分)
2、开发环境符合要求(10分) 纪律性强,无缺
态度(20分) 课、迟到、早退现
象
创新性(10
设计具有独创性,分) 设计巧妙,有新意 团队合作精
有团队合作精神、
神(10分) 有沟通能力 情境五:项目成果评分标准
考核项目
评教信息XML文档的设计
成。
考核标准
按照各项工作的实施过程将得分分为A、B、C三个等级,分别得20分、16分和12分。
在规定时间内完成安装得10分,每超过0.5小时扣1
分。
开发环境符合要求得10分,每种软件不能正常工作扣1分。
按照情境完成过程中的态度将得分分为A、B、C三个等级,分别得20分、18分和16分。每次缺课扣1分,迟到或者早退扣0.5分。
按照情境完成过程中的创新性程度将得分分为A、B、C三个等级,分别得10分、8分和5分。 由项目小组的其他成员打分的平均分组成。
等级与得
总分
级别与要求
分
值 1、XML文档结构清晰合理、能
20分 20分
够满足系统需要。
2、XML文档存在不合理的情况,酌情扣分。
1、能够按照预期样式正确显示。
使用XSL转换语言将XML按预期
样式显示在网页上。
2、根据样式的不符合情况,酌情扣分
1、能够正确实现查看评价和添加
查看评教的功能
评价页面的跳转。
2、不能正确跳转,酌情扣分 1、添加评价页面设计合理,功能正确。
添加评价的功能
2、如功能不合理或不正确,酌情扣分。 1、排序正确。
评教信息按指定顺序排序
2、排序不正确酌情扣分。 1、能够正确删除评教信息。
扩展功能——删除评教功能。
2、没有该功能,或者该功能不正确酌情扣分。
0~20分
30分
30分
0~30分
10分
10分
0~10分
20分
20分
0~20分
10分
10分
0~10分 10分
10分
0~10分
100
合计
分
情境六:AJax原理及应用 考核项目
考核内容
XMLHttpRequest、DOM
过程(40分)
技术(20分) ASP.NET中Ajax技术的应
用(20分)
结果(20
考核标准
按照各项工作的实施过程将得分分为A、B、C三个等级,分别得20分、16分和12分。
1、在规定时间内完成安装在规定时间内完成安装得10分,每超过0.5
分) (10分)
2、开发环境符合要求(10分)
小时扣1分。
开发环境符合要求得10分,每种软件不能正常工作扣1分。
按照情境完成过程中的态度将得分分为A、B、
态度(20分)
纪律性强,无缺课、迟到、早退现象
C三个等级,分别得20分、18分和16分。每次缺课扣1分,迟到或者早退扣0.5分。 按照情境完成过程中的创新性程度将得分分为
创新性(10分)
设计具有独创性,设计巧妙,有新意
A、B、C三个等级,分别得10分、8分和5分。
团队合作
有团队合作精神、有沟通能
精神(10
力
分)
3、总成绩
平时成绩占20%,到课率,课堂表现,学生遵守纪律以及上课积极与情况,作业。 阶段性考核占30%,每次学习情景结束后学生所作任务完成情况。 期末考试占50%,基本理论基本技能测试。
由项目小组的其他成员打分的平均分组成。
七、教材、资料
1、课程资源的开发与利用
校内实习基地——软件所:通过模拟真实工作环境,实现与就业零距离。 学院图书馆:XML方面的图书资源,通过学生的阅读,提高学生的自我学习能力。 网络资源:通过浏览微软中国、各类技术学习网站,提高学生查阅资料的能力及解决问题的能力,并通过各类学习论坛上的交流,通过学生的沟通能力。
学习网站:通过开发XML学习网站,给学生的课外学习提供资源和交流的平台。 2、教材的选择与使用建议
教材的选择要体现课程的性质、价值、基本理念、课程目标以及内容标准,尤其重要的
是要体现工学结合的人才培养模式。
教材的选择以岗位基本技能培养为依据,根据计算机应用技术专业计算机程序员就业岗位进行能力模块分解,每一个模块就是一个就业岗位的知识点与基本技能要求。同时在作业题的设计方面注重学生分析实际问题的能力和创新能力的培养。
教材的选择要体现新技术的应用,为学生的可持续发展创造条件。 3、参考书目
1)教材:《XML基础教程》 人民邮电出版社 雅可布斯 编著 2)参考书籍:
《XML实用教程》,丁跃潮张涛,北京大学出版社
SQL Server 2000 XML应用开发.飞思科技产品研发中心编著.电子工业出版社. 2001
XML网页制作实作教程. 夏帮贵,刘凡新等. 清华大学出版社. 2002 XML高级网络应用. 但正刚,李顺等.清华大学出版社. 2002 4、学习网址 www.csdn.com www.21swe.com www.microsoft.com www.seforum.net
因篇幅问题不能全部显示,请点此查看更多更全内容