内容发布更新时间 : 2024/5/18 23:47:44星期一 下面是文章的全部内容请认真阅读。

《HTML5 App商业开发实战教程》课程教学章节设计

第七章：App开发 授课教师：Web课程组 教学条件 教学素材 授课班级: 学时：15 计算机、局域网环境、外网环境 教材、课件、授课录像、案例库、教学网站等 教学目标设计 知识目标： （1）了解常用的Cordova插件的使用方法 （2）理解本地App的组成，以及打包向导中参数的含义 （3）掌握打调试包的方法 （4）掌握打发布包的方法 （5）了解安卓手机真机调试的方法 （6）了解苹果手机真机调试的方法 （7）掌握一键发布到CloudX5 能力目标： （1）掌握通过调用Cordova插件，实现拍照、摄像、录音、播放音乐、摇一摇和获取地理位置信息等功能 （2）准备个性化的应用图标、启动页、引导页 （3）打调试包调试程序 （4）使用个性化的应用图标、启动页、引导页打个性化的发布包 （5）如果有Mac系统，可以申请苹果免费帐号的开发证书。如果有苹果证书和Mac版本的WeX5，可以打苹果包 （6）掌握用Chrome浏览器调试安卓手机App （7）掌握用Mac系统的Safari浏览器调试苹果手机App （8）将自己开发的App部署到CloudX5 教学内容 （1）介绍H5 App调用手机硬件的方法； （2）介绍App安装包的组成，以及打调试包和发布包的方法； （3）介绍真机调试和云部署的方法。 难点： （1）真机调试 重点： （1）掌握Cordova插件的使用方法 （2）掌握打调试包的方法 （3）掌握打发布包的方法 （4）掌握部署到CloudX5的方法 课后作业 （1）7.1.3同步训练：使用Cordova插件实现拍照、录像等功能； （2）7.3.3同步训练：将前面开发出来的仿微店App打成Android包或iOS包； （3）7.5.3同步训练：将前面开发出来的仿微店App部署到CloudX5。 教学过程设计 节7-1：App调用设备硬件（学时数：7） 主要步骤 教学内容 教学方法 教学手段 师生活动 问题 引入 H5 App是如何调用设备原生API的？ 教师讲授 引导文法 多媒体 学生：思考 教师：演示 知识点1： Cordova插件是设备相关API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等 知识知识点2： 使用Cordova插件的方法是：讲解 引用插件、调用插件中的方法、打包时包含插件 知识点3： 作为混合应用才能调用Cordova插件，作为网页应用不能调用Cordova插件 操作1： 演示使用Camera插件实现拍照功能 操作2： 演示使用Media Capture插件实现录像功能 示范 操作3： 演示使用Device Motion插件获操作 取加速度信息 操作4： 演示使用Media插件实现录音以及播放音乐等功能 操作5： 演示使用Geolocation插件获取地理位置信息等功能 启发讲解 讨论归纳 多媒体 课件演示 学生：思考、记录笔记 教师：启发 问题引导 操作演示 分析归纳 多媒体 系统演示 学生：观摩思考 教师：归纳总结 实战 完成7.1.3同步训练 训练 （1）讨论为什么混合应用才能使用评估 Cordova插件 讨论 （2）展示学生的讨论结果 （3）考核学生结果 动手实践 做中学 教师启发 讨论归纳 分数激励 同步训练 学生：实践操作 教师：巡视检查 学生：思考 教师：结果演示 多媒体 （1）Cordova插件是用来访问手机硬件设备的，调用插件提供的JS方法即可调用到手机操作系统的API，从而实现访问手机硬件设备 课堂 （2）实现不同的功能使用不同的总结 Cordova插件，除了WeX5提供的Cordova插件，还可以在网上下载其他Cordova插件，也可以自定义Cordova插件 （3）App中一定要包含相关Cordova插件，Cordova插件的JS方法才能正常调用 教师讲解 多媒体 课件演示 学生：整理笔记 教师：引导创新 课后完成7.1.3同步训练 作业 教师讲授 多媒体 学生：听讲 教师：布置作业、提出要求