最新移动互联网应用开发WebApp课程教案.docx
《最新移动互联网应用开发WebApp课程教案.docx》由会员分享，可在线阅读，更多相关《最新移动互联网应用开发WebApp课程教案.docx（9页珍藏版）》请在冰豆网上搜索。
最新移动互联网应用开发WebApp课程教案
授课题目（教学章节或主题）
第1课jQueryMobile介绍
与开发工具
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
熟悉jQueryMobile，快速开发一个手机网站程序
教学重点
jQueryMobile文档的查看方法
教学难点
jQueryMobile文档的查看方法
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、预先做好的案例、互联网上的官方资源的引用、相关开发软件的提供
教学步骤、内容、时间分配（分钟）
一、本课程安排、要求和成绩组成（10分钟）
二、HTML5的特性介绍（15分钟）
三、jQueryMobile正课教学（20分钟+45分钟）
3.1jQueryMobile的基础知识、版本介绍
3.2SenchaTouch（ExtJS）介绍
3.3如何引入jQuery文件
3.4利用开发环境（IDE）的提示工具简化开发
3.5如何查看官方文档
3.6把jQueryMobile项目部署到IIS或者Apache上面供手机浏览器调试
讨论、作业题、思考题
为什么我们要用jQueryMobile或者sencha开发手机网站？
课后小结
授课题目（教学章节或主题）
第2课jQueryMobile控件介绍
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
了解jQueryMobile有哪些常用组件以及如何它们如何使用
教学重点
jQueryMobile文档的查看方法
教学难点
jQueryMobile如何动态获取数据
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）
一、Page元素、Header控件、Footer控件（15分钟）
二、button控件、Dialog控件（10分钟）
三、ListView控件（30分钟）
四、checkboxradio控件（10分钟）
五、NavBar控件（5分钟）
六、slider控件（5分钟）
七、collapsible控件（5分钟）
八、icon图标系列（5分钟）
九、theme主题（5分钟）
十、历史版本（10分钟）
讨论、作业题、思考题
如果决定jQueryMobile的官方样式不够好看，怎么办？
课后小结
授课题目（教学章节或主题）
第3课数据提供程序：
WebService
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
前面介绍了前台jQueryMobile实现UI的呈现，本课介绍后台数据的提供方法
教学重点
webService的配置与编写、json数据的格式化
教学难点
js同源策略对应跨域请求的影响
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、webservice示例程序的准备
教学步骤、内容、时间分配（分钟）
一、webservice、xml与json（5分钟）
二、利用.NET平台实现webService的编写（75分钟）
2.1利用aspx页面编写最简单的webservice（15分钟）
关于DIY手工艺制品的消费调查2.2建立传统asmxwebservice（15分钟）
标题：
大学生究竟难在哪？
—创业要迈五道坎2004年3月23日2.3建立wcfwebservice（15分钟）
体现市民生活质量状况的指标---恩格尔系数，上海也从1995年的53.4%下降到了2003年的37.2%，虽然与恩格尔系数多在20%以下的发达国家相比仍有差距，但按照联合国粮农组织的划分，表明上海消费已开始进入富裕状态（联合国粮农组织曾依据恩格尔系数，将恩格尔系数在40%-50%定为小康水平的消费，20%-40%定为富裕状态的消费）。
2.4利用ashx实现webservice（20分钟）
2.5网络安全要点：
如何区分来自客户端的请求和来自外挂的请求？
（例子：
微信红包漏洞：
利用外挂刷别人红包）
（1）专业知识限制（10分钟）
送人□有实用价值□装饰□2.6利用Token=MD5（TimeStamp+Key）的方式验证请求合法性
（15分钟）
标题：
上海发出通知为大学生就业—鼓励自主创业，灵活就业2004年3月17日
讨论、作业题、思考题
图1-1大学生月生活费分布一些大型API提供商都是如何验证请求有效性的？
比如XX
与此同时，上海市工商行政管理局也对大学生创业采取了政策倾斜：
凡高校毕业生从事个体经营的，自批准经营日起，１年内免交登记注册费、个体户管理费、集贸市场管理费、经济合同鉴证费、经济合同示范文本工本费等，但此项优惠不适用于建筑、娱乐和广告等行业。
课后小结
这里有营业员们向顾客们示范着制作各种风格炯异的饰品，许多顾客也是学得不亦乐乎。
据介绍，经常光顾“碧芝”的都是些希望得到世界上“独一无二”饰品的年轻人，他们在琳琅满目的货架上挑选，然后亲手串连，他们就是偏爱这种ＤＩＹ的方式，完全自助在现场，有上班族在里面精挑细选成品，有细心的小女孩在仔细盘算着用料和价钱，准备自己制作的原料。
可以想见，用本来稀奇的原料，加上别具匠心的制作，每一款成品都必是独一无二的。
而这也许正是自己制造所能带来最大的快乐吧。
2．www。
cer。
net/artide/2003082213089728。
shtml。
授课题目（教学章节或主题）
第4课PhoneGap介绍、
PhoneGap开发环境的搭建
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
了解PhoneGap的来源，了解各种不同的APP开发的实现方式，清楚了解PhoneGap能做什么和不能做什么
教学重点
PhoneGap文档的查看方法
教学难点
PhoneGap文档的查看方法
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、使用PhoneGap预先做好的案例、互联网上的官方资源的引用
教学步骤、内容、时间分配（分钟）
一、本课程安排、要求和成绩组成（5分钟）
二、HTML5的前世今生（10分钟）
三、正课教学（30分钟）
3.1PhoneGap的版本变迁
3.2PhoneGap能做什么
3.3案例演示
3.4PhoneGap插件介绍、优缺点
3.5学会查看PhoneGap文档
四、PhoneGap环境的搭建步骤，获取所有依赖组件（35分钟）
五、以命令行方式创建一个PhoneGap项目（5分钟）
六、以命令行方式调试一个PhoneGap项目（5分钟）
讨论、作业题、思考题
和原生（Native）开发相比，基于HTML5的PhoneGap开发有什么优缺点？
课后小结
授课题目（教学章节或主题）
第5课获取GitHubPhoneGap插件，完成一个完整的手机APP项目
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
了解如何自行搭建PhoneGap开发环境，尽快开展项目
教学重点
PhoneGap插件的导入与使用方法
教学难点
从网站查找对应所需功能的PhoneGap插件
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）
认识各种PhoneGap插件（10分钟）
以命令行方式获取PhoneGap插件（5分钟）
结合前面的知识，完成一个具有登录验证和主界面的手机APP程序（75分钟）
讨论、作业题、思考题
如果需要一个特点功能的PhoneGap插件，而GitHub上面又没有找到对应的，比如XX地图这种，我们该怎么办？
课后小结
授课题目（教学章节或主题）
第6课项目介绍与分组定员
授课学时
2课时
授课时间
授课地点
实训机房
教学目的
开展项目
教学重点
阐明项目管理办法
教学难点
学生若找不到想要做的项目的对策
教学方法
课堂讲授、演示、学生实践
教学准备
教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）
1.介绍项目管理办法：
a）教师须通过即时通讯工具、论坛、固定时间坐班等形式为学生答疑
b）项目小组不能超过5人
c）项目小组须定时提交相关文件如下：
d）项目需求说明、设计文档
e）项目进度计划表
f）项目最终产品说明书
g）每人每周的工作汇报，表格格式如下：
2.可选项目清单：
●学生考勤管理系统（手机签到、人脸识别等功能）
●本类课程的项目过程管理系统（周工时评定、进度管理、验收管理等）
●本校的随堂教学质量评定系统
●人事变更管理系统
●本校的毕设、顶岗实习管理系统的（重写）
●XX地图、高德地图等插件在PhoneGap上面的实现
●在线课程系统：
提供课件、视频等资源，可在线测验、考试、提交作业
●砺锋科技第二课堂项目
●各种软件竞赛项目
3.项目小组定员
对于在项目中由于贡献不足而无法获得学分的学生，
需要参加一场额外的笔试
讨论、作业题、思考题
附录1：
微信漏洞乌云截图（原漏洞报告连接已失效，因社会影响较大）
大家可以分析一下该漏洞的几个成因，以及如何去防范类似的漏洞
升级会员 