最新移动互联网应用开发WebApp课程教案.docx

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

2、）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

3、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

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

5、面编写最简单的webservice（15分钟）关于DIY手工艺制品的消费调查2.2 建立传统asmx webservice（15分钟）标题：大学生究竟难在哪？创业要迈五道坎 2004年3月23日2.3 建立wcf webservice（15分钟）体现市民生活质量状况的指标-恩格尔系数，上海也从1995年的53.4%下降到了2003年的37.2%，虽然与恩格尔系数多在20%以下的发达国家相比仍有差距，但按照联合国粮农组织的划分，表明上海消费已开始进入富裕状态（联合国粮农组织曾依据恩格尔系数，将恩格尔系数在40%-50%定为小康水平的消费，20%-40%定为富裕状态的消费）。2.4 利用ashx实

6、现webservice（20分钟）2.5 网络安全要点：如何区分来自客户端的请求和来自外挂的请求？（例子：微信红包漏洞：利用外挂刷别人红包）（1） 专业知识限制（10分钟）送人 有实用价值 装饰2.6 利用Token=MD5（TimeStamp+Key）的方式验证请求合法性（15分钟）标题：上海发出通知为大学生就业鼓励自主创业，灵活就业 2004年3月17日讨论、作业题、思考题图1-1大学生月生活费分布一些大型API提供商都是如何验证请求有效性的？比如XX与此同时，上海市工商行政管理局也对大学生创业采取了政策倾斜：凡高校毕业生从事个体经营的，自批准经营日起，年内免交登记注册费、个体户管理费、集

7、贸市场管理费、经济合同鉴证费、经济合同示范文本工本费等，但此项优惠不适用于建筑、娱乐和广告等行业。课后小结这里有营业员们向顾客们示范着制作各种风格炯异的饰品，许多顾客也是学得不亦乐乎。据介绍，经常光顾“碧芝”的都是些希望得到世界上“独一无二”饰品的年轻人，他们在琳琅满目的货架上挑选，然后亲手串连，他们就是偏爱这种的方式，完全自助在现场，有上班族在里面精挑细选成品，有细心的小女孩在仔细盘算着用料和价钱，准备自己制作的原料。可以想见，用本来稀奇的原料，加上别具匠心的制作，每一款成品都必是独一无二的。而这也许正是自己制造所能带来最大的快乐吧。2 www。cer。net/artide/20030822

8、13089728。shtml。授课题目（教学章节或主题）第4课 PhoneGap介绍、PhoneGap开发环境的搭建授课学时2课时授课时间 授课地点实训机房教学目的了解PhoneGap的来源，了解各种不同的APP开发的实现方式，清楚了解PhoneGap能做什么和不能做什么教学重点PhoneGap文档的查看方法教学难点PhoneGap文档的查看方法教学方法课堂讲授、演示、学生实践教学准备教学ppt、使用PhoneGap预先做好的案例、互联网上的官方资源的引用 教学步骤、内容、时间分配（分钟）一、 本课程安排、要求和成绩组成（5分钟）二、HTML5的前世今生（10分钟）三、正课教学（30分钟）3.

9、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课时授课时间 授课地点实训机房教学目的了解

10、如何自行搭建PhoneGap开发环境，尽快开展项目教学重点PhoneGap插件的导入与使用方法教学难点从网站查找对应所需功能的PhoneGap插件教学方法课堂讲授、演示、学生实践教学准备教学ppt、互联网上的官方资源教学步骤、内容、时间分配（分钟）认识各种PhoneGap插件（10分钟）以命令行方式获取PhoneGap插件（5分钟）结合前面的知识，完成一个具有登录验证和主界面的手机APP程序（75分钟）讨论、作业题、思考题 如果需要一个特点功能的PhoneGap插件，而GitHub上面又没有找到对应的，比如XX地图这种，我们该怎么办？课后小结授课题目（教学章节或主题）第6课 项目介绍与分组定员

11、授课学时2课时授课时间 授课地点实训机房教学目的开展项目教学重点阐明项目管理办法教学难点学生若找不到想要做的项目的对策教学方法课堂讲授、演示、学生实践教学准备教学ppt、互联网上的官方资源教学步骤、内容、时间分配（分钟）1. 介绍项目管理办法：a) 教师须通过即时通讯工具、论坛、固定时间坐班等形式为学生答疑b) 项目小组不能超过5人c) 项目小组须定时提交相关文件如下：d) 项目需求说明、设计文档e) 项目进度计划表f) 项目最终产品说明书g) 每人每周的工作汇报，表格格式如下：2. 可选项目清单： 学生考勤管理系统（手机签到、人脸识别等功能） 本类课程的项目过程管理系统（周工时评定、进度管理、验收管理等） 本校的随堂教学质量评定系统 人事变更管理系统 本校的毕设、顶岗实习管理系统的（重写） XX地图、高德地图等插件在PhoneGap上面的实现 在线课程系统：提供课件、视频等资源，可在线测验、考试、提交作业 砺锋科技第二课堂项目 各种软件竞赛项目3. 项目小组定员对于在项目中由于贡献不足而无法获得学分的学生，需要参加一场额外的笔试讨论、作业题、思考题 附录1：微信漏洞乌云截图（原漏洞报告连接已失效，因社会影响较大）大家可以分析一下该漏洞的几个成因，以及如何去防范类似的漏洞