移动互联网应用开发(WebApp)课程教案.docVIP

授课题目（教学章节或主题） 第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插件介绍、优缺点