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

1、文档供参考，可复制、编制，期待您的好评与关注！ 授课题目（教学章节或主题）第1课 jQuery Mobile介绍与开发工具授课学时2课时授课时间 授课地点实训机房教学目的熟悉jQuery Mobile，快速开发一个手机网站程序教学重点jQuery Mobile文档的查看方法教学难点jQuery Mobile文档的查看方法教学方法课堂讲授、演示、学生实践教学准备教学ppt、预先做好的案例、互联网上的官方资源的引用、相关开发软件的提供 教学步骤、内容、时间分配（分钟）一、 本课程安排、要求和成绩组成（10分钟）二、HTML5的特性介绍（15分钟）三、jQuery Mobile正课教学（20分钟+4

2、5分钟）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有哪些常用组件以及如何它们如何使用教学重点jQue

3、ry 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分钟)讨论、作业题、思考题 如果决定jQue

4、ry Mobile的官方样式不够好看，怎么办？课后小结授课题目（教学章节或主题）第3课 数据提供程序：WebService授课学时2课时授课时间 授课地点实训机房教学目的前面介绍了前台jQuery Mobile实现UI的呈现，本课介绍后台数据的提供方法教学重点webService的配置与编写、json数据的格式化教学难点js同源策略对应跨域请求的影响教学方法课堂讲授、演示、学生实践教学准备教学ppt、webservice示例程序的准备教学步骤、内容、时间分配（分钟）一、webservice、xml与json（5分钟）二、利用.NET平台实现webService的编写（75分钟）2.1 利用as

5、px页面编写最简单的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开发环境的搭建授课

6、学时2课时授课时间 授课地点实训机房教学目的了解PhoneGap的来源，了解各种不同的APP开发的实现方式，清楚了解PhoneGap能做什么和不能做什么教学重点PhoneGap文档的查看方法教学难点PhoneGap文档的查看方法教学方法课堂讲授、演示、学生实践教学准备教学ppt、使用PhoneGap预先做好的案例、互联网上的官方资源的引用 教学步骤、内容、时间分配（分钟）一、 本课程安排、要求和成绩组成（5分钟）二、HTML5的前世今生（10分钟）三、正课教学（30分钟）3.1 PhoneGap 的版本变迁3.2 PhoneGap 能做什么3.3 案例演示 3.4 PhoneGap插件介绍、优

7、缺点3.5 学会查看PhoneGap 文档四、PhoneGap环境的搭建步骤，获取所有依赖组件（35分钟）五、以命令行方式创建一个PhoneGap项目（5分钟）六、以命令行方式调试一个PhoneGap项目（5分钟）讨论、作业题、思考题 和原生（Native）开发相比，基于HTML5的PhoneGap开发有什么优缺点？课后小结授课题目（教学章节或主题）第5课 获取GitHub PhoneGap插件，完成一个完整的手机APP项目授课学时2课时授课时间 授课地点实训机房教学目的了解如何自行搭建PhoneGap开发环境，尽快开展项目教学重点PhoneGap插件的导入与使用方法教学难点从网站查找对应所需

8、功能的PhoneGap插件教学方法课堂讲授、演示、学生实践教学准备教学ppt、互联网上的官方资源教学步骤、内容、时间分配（分钟）认识各种PhoneGap插件（10分钟）以命令行方式获取PhoneGap插件（5分钟）结合前面的知识，完成一个具有登录验证和主界面的手机APP程序（75分钟）讨论、作业题、思考题 如果需要一个特点功能的PhoneGap插件，而GitHub上面又没有找到对应的，比如百度地图这种，我们该怎么办？课后小结授课题目（教学章节或主题）第6课 项目介绍与分组定员授课学时2课时授课时间 授课地点实训机房教学目的开展项目教学重点阐明项目管理办法教学难点学生若找不到想要做的项目的对策教

9、学方法课堂讲授、演示、学生实践教学准备教学ppt、互联网上的官方资源教学步骤、内容、时间分配（分钟）1. 介绍项目管理办法：a) 教师须通过即时通讯工具、论坛、固定时间坐班等形式为学生答疑b) 项目小组不能超过5人c) 项目小组须定时提交相关文件如下：d) 项目需求说明、设计文档e) 项目进度计划表f) 项目最终产品说明书g) 每人每周的工作汇报，表格格式如下：2. 可选项目清单：l 学生考勤管理系统（手机签到、人脸识别等功能）l 本类课程的项目过程管理系统（周工时评定、进度管理、验收管理等）l 本校的随堂教学质量评定系统l 人事变更管理系统l 本校的毕设、顶岗实习管理系统的（重写）l 百度地图、高德地图等插件在PhoneGap上面的实现l 在线课程系统：提供课件、视频等资源，可在线测验、考试、提交