《AJAX技术应用与框架》软件设计方向.docVIP

AJAX技术应用与框架课程标准0 课程基本信息0.1 适用专业计算机应用技术专业（软件设计方向）0.2 开课系部环境信息技术系0.3课程负责人本课程负责人曾羽琚0.4学时与学分该教学基本要求适用的课时范围是96课时，其中理论48课时、实践48课时，学分为 6分。1.课程定位1.1 课程性质与作用AJAX应用技术与框架是计算机应用技术(智能手机开发)专业的一门专业核心课程。通过本课程的学习，要求学生掌握AJAX应用技术与框架基本原理，XMLHttpRequest对象，理解其请求与响应，学会使用jQuery类库，动态网站前台开发的基本能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。1.2 相关课程前续课程：网站前台技术、ORACLE数据库。后续课程：Java Web应用开发、Java高级程序设计2 课程目标2.1 课程总体目标使学生掌握jAJAX开发原理和类库包括jQuery并熟练运用，具备动态Web网页设计、制作及管理的基本知识和基本技能，学生能够独立完成综合项目电子拍卖系统。2.2 知识、能力与素质目标2.2.1 知识目标(1)掌握AJAX基础知识包括xmlhttprequest对象的方法和属性、XML的发送与请求、处理服务器响应包括json响应和文本响应；(2)掌握jquery类库，包括获取jquery对象、jquery操作类数组的工具方法、属性和事件、动画效果的方法；2.2.1 能力目标(1)熟练掌握AJAX框架的运用能力；(2)根据功能需求设计动态网站的综合能力；(3)运用所学知识解决动态网站开发中所遇到的实际问题的能力；(4)收集、处理信息、准备、加工素材的实践能力。2.2.3 素质目标（1）培养学生良好的自我表现、与人沟通能力；（2）培养学生的团队协作精神；（3）培养学生分析问题、解决问题的综合能力；（4）培养学生勇于创新、敬业乐业的工作作风；（5）培养学生诚实、守信的性格；（6）培养学生掌握自主、开放的学习能力。 3 课程内容标准3.1 课程设计思路（1）基于岗位职业能力与素质分析确定课程目标；（2）以工作项目为载体重构课程内容；（3）以培养职业态度、训练岗位技能为中心，设计“项目式”的技能训练链；（4）采用“项目导向，任务驱动，理论实践一体化”的教学模式开展教学。3.2 课程内容选择首先学习AJAX的基础知识，然后详细学习jquery 1.8最常用的ajax框架的用法，并针对框架学习一个实用案例，最后完成blog系统和电子拍卖系统，将所学真正应用到实际项目中。这些任务包括：ajax概述与ajax初体验、xmlhttprequest对象详解、jquery库详解、基于jquery的电子相册系统、ajax实例：电子拍卖系统。3.3 课程内容标准序号课程内容模块（项目）名称教学目标教学内容与训练项目教学载体教学时数1任务一：ajax概述与ajax初体验、xmlhttprequest对象详解1.认识ajax技术核心2.掌握xmlhttprequest的方法和属性、发送请求、处理服务器响应、xmlhttprequest对象的运行周期1. ajax技术介绍2. ajax编程的技术难点3. 传统web应用与ajax应用的对比4. xmlhttprequest的方法和属性5. 发送请求6. 处理服务器响应7. 安全性问题8. 跨浏览器问题教学课件、设计案例、网络资源、大学城空间102任务二：jquery库详解1.了解jquery对象1. jquery对象；2.jquery核心函数；3.jquery操作类数组的工具方法；4.jquery支持的方法包括：命名空间的方法，数据存储的相关方法，操作属性的相关方法，操作css属性的相关方法，操作元素内容的相关方法，操作dom节点的相关方法；教学课件、设计案例、网络资源、大学城空间103任务三： jquery库2.掌握jquery核心函数、方法、事件、动画1.jquery事件相关方法，包括：绑定事件处理函数，特定事件相关的方法，事件对象；2.动画效果相关的方法，包括：简单动画和复杂动画，操作动画队列；7.ajax相关方法，包括：三个工具方法、使用load方法、jquery.ajax(options)与jquery.ajaxsetup(options)、get/post方法；教学课件、设计案例、网络资源、大学城空间164任务四：基于jquery的应用：电子相册系统1、掌握dao组件的定义与实现；1、实现持久层，包括：实现持久化类、配置sessionfactory、实现dao组件；2、实现业务逻辑层；教学课件、设计案例、网络资源、大学城空间205任务五：基于jquery的应用：1、掌握业务层的处理；1、配置业务逻辑组件；2、实现客户端调用，包括用户登录、获得用户相片列表、处理翻页、通过隐藏iframe实现文件上传、页面加载时的处理。教学课件、设计案例、网络资源、大学城空间126任务六：基于jquery的应用1、部署dao组件2、实现service组件3、增加html页面的事件响应能力1、实现service组件，包括：使用servlet提供服务器响应、根据前缀查询品牌、根据品牌查询型号、根据型号查询详细信息；2、客户端html页面实现；3、增加html页面的事件响应能力，包括：实现品牌输入框的事件处理器、实现键盘事件的处理器、根据品牌提示型号、根据型号显示描述、注册ajax事件监听器；教学课件、设计案例、网络资源、大学城空间167任务七：ajax实例：电子拍卖系统1. 表格布局2. 可折叠的内容块 3. 可折叠的设置4. 使用css渐变进行样式化1.表格模板；两列的表格；带有css增强的三列表格；带有app图标的四列表格；带有emoji图标的五列表格2.多行表格3.不相等的表格4. springboard 教学课件、设计案例、网络资源、大学城空间12合计964 课程资源标准4.1 教学团队4.1.1 团队结构与规模课程教学团队共3人，其中讲师3人，双师教师3人，硕士研究生3人。4.1.2 课程负责人本课程负责人为曾羽琚。4.1.3 教师专业背景与能力要求课程任课教师应对HTML5、JavaScript、CSS3、jQuery、AJAX框架熟悉，最好为计算机相关或相近专业毕业。4.2 实习实训条件序号实训室（基地）名称基本配置要求功能说明1网络实训室电脑40台，安装有JavaScript、jQuery、Flash、Photoshop等软件进行Web开发课程实训4.3 教材及参考资料4.3.1 推荐教材疯狂Ajax讲义.电子工业出版社.李刚编著. ISBN：9787121193941. 4.3.2 参考资料Ajax从入门到精通.陈华著. 清华大学出版社.Ajax应用开发典型实例.黄永晔，刘晖编著.电子工业出版社.4.4 其它资源AJAX交流社区：。Ajax技术视频教程：教程/course/course_id-956.htmlAJAX教程文章:/dev/Web/ajax/ AJAX源码实例:/Down/Code/ajax/ajax初学者：/dev/web/ajax/jiaocheng.html5 课程考核标准5.1 考核方式本课程采用“过程考核+终结考核”相结合的考核模式。5.2 考核内容教学单元的单项实践操作技能、综合项目的制作、综合技能及创新能力、职业规范、职业能力、职业态度与素养。5.3 考核结论课程考核的总评成绩一般教学单元的单项实践操作技能、期末综合项目的制作和平时成绩及考勤几部分组成，重视学生学习的过程。6 课程实施建议6.1 教学模式通过任务、项目化教学，培养学生AJAX框架使用的能力。打破传统的“理论课+实验课”教学模式，不再区分理论课和实验课，将讲和练有机结合，将教学全部安排在机房一体化教室进行。提倡“精讲多练”和“边讲边练”的教学模式，突出基本知识的掌握，着重应用能力的培养，提高学生分析与解决实际问题的能力。6.2 教学方法1项目教学法将项目按课程的知识点分解成多个任务，通过各个任务的实施学生将掌握该课程的所有知识点并完成整个项目。该教学法能够充分发挥学生的思维能力，突出学生的主体作用，能有效培养学生分析问题与解决问题的能力。2讲练结合该课程的授课地点为机房一体化教室，可采用边讲边练的教学互动形式，对于课程中的重点及难点问题采用精讲的方式引导学生。6.3 教学手段6.3.1 重视传统的教学手段理论教学应注重讲、练结合，利用多媒体教学方式可以将理论的讲