移动互联网应用开发WebApp课程教案
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
授课题
目（教学章节或主题）第1课jQuery Mobile介绍
与开发工具
授课学时2课时
授课时间
授课地点实训机房
教学目的熟悉jQuery Mobile，快速开发一个手机网站程序教学重点jQuery Mobile文档的查看方法
教学难点jQuery Mobile文档的查看方法
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、预先做好的案例、互联网上的官方资源的引用、相关开发软件的提供
教学步骤、内容、时间分配（分钟）一、本课程安排、要求和成绩组成（10分钟）
二、HTML5的特性介绍（15分钟）
三、jQuery Mobile正课教学（20分钟+45分钟）
3.1 jQuery Mobile的基础知识、版本介绍
3.2 Sencha Touch(ExtJS)介绍
3.3 如何引入jQuery 文件
3.4 利用开发环境（IDE）的提示工具简化开发
3.5 如何查看官方文档
3.6 把jQuery Mobile项目部署到IIS或者Apache上面供手机浏览器调试
讨论、作
业题、思
考题
为什么我们要用jQuery Mobile或者sencha开发手机网站？课后小结
授课题
目（教学章节或主题）第2课jQuery Mobile控件介绍
授课学时2课时
授课时间
授课地点实训机房
教学目的了解jQuery Mobile有哪些常用组件以及如何它们如何使用教学重点jQuery Mobile文档的查看方法
教学难点jQuery Mobile如何动态获取数据
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）一、Page元素、Header控件、Footer控件（15分钟）
二、button控件、Dialog控件（10分钟）
三、ListView控件（30分钟）
四、checkboxradio控件（10分钟）
五、NavBar控件（5分钟）
六、slider控件（5分钟）
七、collapsible控件（5分钟）
八、icon图标系列（5分钟）
九、theme主题（5分钟）
十、历史版本(10分钟)
讨论、作
业题、思
考题
如果决定jQuery Mobile的官方样式不够好看，怎么办？课后小结
授课题
目（教学章节或主题）第3课数据提供程序：WebService
授课学时2课时
授课时间
授课地点实训机房
教学目的前面介绍了前台jQuery Mobile实现UI的呈现，本课介绍后台数据的提供方法
教学重点webService的配置与编写、json数据的格式化教学难点js同源策略对应跨域请求的影响
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、webservice示例程序的准备
教学步骤、内容、时间分配（分钟）一、webservice、xml与json（5分钟）
二、利用.NET平台实现webService的编写（75分钟）
2.1 利用aspx页面编写最简单的webservice（15分钟）
2.2 建立传统asmx webservice（15分钟）
2.3 建立wcf webservice（15分钟）
2.4 利用ashx实现webservice（20分钟）
2.5 网络安全要点：如何区分来自客户端的请求和来自外挂的请求？（例子：微信红包漏洞：利用外挂刷别人红包）
（10分钟）
2.6 利用Token=MD5（TimeStamp+Key）的方式验证请求合法性（15分钟）
讨论、作
业题、思
考题
一些大型API提供商都是如何验证请求有效性的？比如百度课后小结
授课题
目（教学章节或主题）第4课PhoneGap介绍、
PhoneGap开发环境的搭建
授课学时2课时
授课时间
授课地点实训机房
教学目的了解PhoneGap的来源，了解各种不同的APP开发的实现方式，清楚了解PhoneGap能做什么和不能做什么
教学重点PhoneGap文档的查看方法教学难点PhoneGap文档的查看方法教学方法课堂讲授、演示、学生实践
教学准备教学ppt、使用PhoneGap预先做好的案例、互联网上的官方资源的引用
教学步骤、内容、时间分配（分钟）一、本课程安排、要求和成绩组成（5分钟）
二、HTML5的前世今生（10分钟）
三、正课教学（30分钟）
3.1 PhoneGap 的版本变迁
3.2 PhoneGap 能做什么
3.3 案例演示
3.4 PhoneGap插件介绍、优缺点
3.5 学会查看PhoneGap 文档
四、PhoneGap环境的搭建步骤，获取所有依赖组件（35分钟）
五、以命令行方式创建一个PhoneGap项目（5分钟）
六、以命令行方式调试一个PhoneGap项目（5分钟）
讨论、作业题、思考题
和原生（Native）开发相比，基于HTML5的PhoneGap开发有什么优缺点？
课后小结
授课题
目（教学章节或主题）第5课获取GitHub PhoneGap插
件，完成一个完整的手机APP项目
授课学时2课时
授课时间
授课地点实训机房
教学目的了解如何自行搭建PhoneGap开发环境，尽快开展项目教学重点PhoneGap插件的导入与使用方法
教学难点从网站查找对应所需功能的PhoneGap插件
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）认识各种PhoneGap插件（10分钟）
以命令行方式获取PhoneGap插件（5分钟）
结合前面的知识，完成一个具有登录验证和主界面的手机APP 程序（75分钟）
讨论、作业题、思考题
如果需要一个特点功能的PhoneGap插件，而GitHub上面又没有找到对应的，比如百度地图这种，我们该怎么办？
课后小结