移动互联网应用开发WebApp课程教案.docx
- 文档编号:27346466
- 上传时间:2023-06-29
- 格式:DOCX
- 页数:9
- 大小:989.06KB
移动互联网应用开发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分钟)
2.2建立传统asmxwebservice(15分钟)
2.3建立wcfwebservice(15分钟)
2.4利用ashx实现webservice(20分钟)
2.5网络安全要点:
如何区分来自客户端的请求和来自外挂的请求?
(例子:
微信红包漏洞:
利用外挂刷别人红包)
(10分钟)
2.6利用Token=MD5(TimeStamp+Key)的方式验证请求合法性
(15分钟)
讨论、作业题、思考题
一些大型API提供商都是如何验证请求有效性的?
比如XX
课后小结
授课题目(教学章节或主题)
第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:
微信漏洞乌云截图(原漏洞报告连接已失效,因社会影响较大)
大家可以分析一下该漏洞的几个成因,以及如何去防范类似的漏洞
欢迎您的下载,
资料仅供参考!
致力为企业和个人提供合同协议,策划案计划书,学习资料等等
打造全网一站式需求
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 互联网 应用 开发 WebApp 课程 教案
![提示](https://static.bdocx.com/images/bang_tan.gif)