粤教版4.3 网页的制作精品课件ppt

课题

《玩转手机APP——网页APP制作》

学段

高中

课标引领

1.能根据网站规划设计方案，迁移已有的经验自选软件，进行网页制作。

2.能够对自己和他人的网页进行客观评价。

3.通过网页作品的规划、制作、交流，提高协作能力、学习能力和创新能力。

学情分析

1. 学生对与手机APP并不陌生，而且相对来说学生对于手机APP还是非常感兴趣的，因此对于课堂中的探究活动学生能够全身心的投入进去并保持持久积极的状态。
2. 当今智能手机时代，手机APP的应用已经非常的广泛，其发展的前景非常明朗，通过简单的所见即所得的形式去开发手机APP，相比使用编程等方法更容易让学生接受。

学习目标

1.掌握KM盒子的简单应用和操作技巧，能够对手机网页进行简单的布局、元素的添加及美化。

2.通过小组合作，自主探究子，学会用KM盒子制作手机网页APP。

3.感受新技术服务生活，体验自主创作的成就感。

重难点

熟悉KM盒子的简单应用和操作技巧；

制定方案，制作自己的手机APP网页。

教学过程设计

教师活动

学生活动

设计意图

课前准备：

软件准备

1、教师机端：

   安装360手机助手，往手机端发送apk安装包。

   安装Total Control，将手机屏幕同步到教师机电脑屏幕。

   安装KM盒子，便于教师向学生点拨软件的使用技巧。

2、学生机端：

   安装KM盒子，学生自主探究，制作个人APP使用。

材料准备

1、学生自主探究用的关于KM盒子使用的帮助文件。

2、学生制作APP前的规划设计方案表。

培训组长：

1、整节课自主探究任务多，时间紧，要最终有成果的展现，必须充分调动同学们的积极性，快速高效；

2、展示质疑：控制好制作和展示的节奏，遇到问题积极质疑。　　

导入设计：

采用“数据分析和问题思考方式”导入：

很多互联网的大佬都进军了APP市场，那手机APP的优势到底在哪？

师：曾几何时，我们也有制作自己APP的想法，体验一下创作的成就感，奈何搞不懂编程，玩不了代码，那我们这节课就利用一个简单的小软件KM盒子，开始我们基于内容型的手机APP制作，来一起制作属于我们自己的手机APP。——导入本节课主题。

解读目标设计：

1.掌握KM盒子的简单应用和操作技巧，能够对手机网页进行简单的布局、元素的添加及美化。

2.通过小组合作，自主探究子，学会用KM盒子制作手机网页APP。

3.感受新技术服务生活，体验自主创作的成就感。

探究一—规划设计：（3分钟）

任务：

自定主题，快速完成个人网站的规划设计方案表。

温馨提示：

1.主题明确，简单规划出架构即可(至少两个栏目，每个栏目下至少一个网页)。

2.每位同学负责自己个人APP网站的规划制作。

3.如遇问题，及时小组讨论或咨询老师。

探究二：APP网页制作（25分钟）

师：老师的手机上也安装了很多APP，那同学们想不想把你们制作的手机APP安装到老师手机上向大家展示呢？那接下来我们就开始我们的APP制作。

任务：

1、参考桌面“帮助材料”，熟悉KM盒子的使用方法          

2、结合个人规划方案，开始个人APP网页的制作。

拓展：制作完成的个人APP网页，可不可以通过PC端以网页形式进行访问？

温馨提示：

1.参考桌面“帮助材料”，仔细阅读，完成个人APP网页制作。

2.如遇问题，及时小组讨论或咨询老师。

问题点拨：

    学生制作过程中，教师针对学生的情况进行问题的整理，由学生展示或教师点拨。　

1、在进行网页内容填充的时候，复制的网页内容粘贴进去后出现了乱版的现象，如何解决？

   格式化内容——一键排版并复制网页格式

2、在复制包含图片的网页时，粘贴到编辑的网页中，图片文件复制不进去，如何解决？

   格式化内容——一键排版并复制文档格式

APP与Apk的区别：

认识Apk，APP和Apk的区别在哪？

Apk导出&提交：

    完成制作的同学，将个人APP网页生成“网页模式”Apk。

温馨提示：

1.Apk安装包ID：A0××（××为你的机号）  如A001.

2.Apk名称：姓名 如徐鹏飞。Apk版本号不需要改动。

4.文件名：A0××姓名

5.将个人制作的APP网页通过极域电子教室提交教师机。

展示交流：(约5)

  教师将学生们制作并生成的Apk文件安装到手机上进行展示。简要介绍你的APP主题、架构及设计意图。

拓展引领：

引领一：在今年的315晚会上，工信部公布了2016年第一季度的问题突出的20款手机APP，他们安装到手机上以后，吸话费，盗隐私。所以我们在生活中，要从正规的APP手机市场下载并应用APP，以免造成不必要的损失。

引领二：关于KM盒子制作手机APP，老师仅仅是抛砖引玉，在网络上还有很多可视化的、开源的APP制作软件，大家可以自己去进一步的探究，制作更个个性化的手机APP。

拓展问题：我们可以将我们制作的手机APP自定义打包成网站站点，然后挂载到服务器上，就可以通过PC端进行访问了。

各组长做好组内考勤，学科班长汇总班内考勤，并汇总给老师。

课前5分钟所有同学清理桌面，做好上课准备，组长负责督查。

学生根据教师提出的问题，结合自己生活中手机使用情况，与老师进行互动。

明确本节课要探究的问题：目标是熟悉KM盒子的简单应用和操作技巧，制作自己的手机APP网页。

学生根据教师下发的APP网站规划设计表，完成自己手机APP的设计规划方案。

组长过程中做好进程调度、纪律监督和疑难汇总。

鼓励提前完成任务的同学探究一下如何将制作完成的个人APP网页，可不可以通过PC端以网页形式进行访问？

学生根据出现的问题进行展示和点拨，重点展示问题解决的方法和能够实现的效果。

学生通过对比，明确APP与Apk的区别，便于后续将个人制作的手机APP生成apk文件而不至于学生将两者混淆。

组长组织成员对自己制作的APP进行安装包的生成和导出，导出过程中提醒同学要注意的问题，并通过极域电子教室提交教师端。

学生按照教师的要求，修改个人APP的ID、名称以及生成的Apk文件名，编译完成后提交教师端。

学生欣赏自己制作的手机APP，重点分析一下KM盒子在制作手机APP方面的效果。

学生通过分析老师展示的2016年第一季度的问题突出的20款手机APP，明确在APP市场还是存在很多的不和谐因素。

学生根据教师的点拨，后期在进行自己对其他开源、可视化手机APP制作软件的研究，激发学生自主探究的积极性。

引导学生对拓展问题的思考。

老师课前做好充分的准备，尤其是本节课，软件使用的流畅度很大程度上影响课堂的进展，所以提前准备好有利于课堂上顺利的进行教学过程。

培训组长时注意：1、强化组长的责任意识和担当精神2、怎样组织分工、合作，确保整体学习效果。

制作之前，首先让学生明白什么是APP，这样学生的方向性和目标性会更强，学生接触手机和手机软件很多，但对于APP这个名次还是比较陌生。

让学生从整体上把握本节课的目标，有助于学生理解学习内容，主动成长。

只有做好了先期的设计和规划，在后面制作的时候才能更加的有方向性和引导性，才能不在这个过程中浪费时间。

每位同学根据规划设计方案制作自己的手机APP，充分调动学生积极性，快速高效。

分层设计任务，确保不同层次学生都有事干。

重点引导学生去自主探究，在自主探究过程中遇到的问题也鼓励学生们相互交流去解决，老师以引领为主。

在生成手机APK安装包的过程中，学生很容易出现ID重复的问题，教师将此点重点点拨一下，便于后面对学生的作品进行展示。

教师对“网页模式APP”和“书刊模式”的区别进行简单的讲解，让学生明确两者生成的作品区别所在，一种以网站的形式，另一种以电子书的形式。

教师选取3-5个学生生成并提交的手机APP通过360手机助手发送到手机端安装，展示给同学们，让同学们欣赏一下自己制作的手机APP，体验一下制作的乐趣和成就感。

教师向同学们展示今年的315晚会上，工信部公布了2016年第一季度的问题突出的20款手机APP，引领学生在日常生活中，合理的使用手机APP，从正规的手机市场下载并安装。

教师通过对学生的引领，一方面让学生有正确的APP使用的辨别价值观，另一方面引导学生自主探究。

教师做好拓展问题的反馈。

教学反思：

1、整节课比较流畅，学生最终呈现的成果也比较丰盛，达到了预期的效果。

2、学生还是比较喜欢比较接近科技前沿技术的学习，因此整节课学生探究的比较充分，积极性和兴趣度也比较高。

3、本节课因为时间问题，部分环节进行的比较仓促，学生探究的不够充分，如学生自主的设计规划阶段。

4、在问题点拨环节，教师没有结合具体的实例向学生展示一键排版的效果，所以导致学生这个技巧应用的不是很充分。