1、1 新媒体运营实战实战技能 授课教师 专业（学科） 新媒体 教学课题 新媒体 H5 制作技能 学时安排 2 学时（ 90 分钟） 教学年级 所选教材 新媒体运营实战技能人民邮电出版社 一、 学习目标 1、 知识 目标 1） H5 的传播的心理因素（好奇心、认同感、攀比、炫耀）； 2） H5 的五种展现形式（展示型、互动型、场景型、游戏型、测试型）； 3） H5 的常用制作工具（易企秀、人人秀、 MAKA、兔展）； 2、 能力 目标 1）分析比较能力：能够根据案例分析出引发 H5 传播的心理因素； 2）总结归纳能力：能够总结出 H5 常 见的展现形式； 3）学以致用能力：能够应用 H5 制作工具
2、制作展示型 H5； 4）沟通协作能力：能够听取他人不同意见，并修正自己的观点； 3、 德育目标： 1）增强学生学习的主动性； 2）爱校教育与爱国主义教育； 3）挫折教育 二、 学习重点及难点 学习重点： H5 的传播的心理因素； H5 的五种展现形式 学习难点： H5 的常用制作工具的使用 三、教学问题预测 1、制作 H5 过程中，由于各平台操作不一致所导致的随机问题 2、学生不配合，制作中产生懈怠。 四、教学问题解决方案 1、教师需要提前熟知各平台的操作规程； 2、应用教师或学生自己制作的作品激发学生兴趣； 五 、学习者特征分析 （教师填写） 学习特点 ： 学习习惯 ： 交往特点 ： 2 六
3、 、 教学资源 1、教学 PPT； 2、参考资料： *、文章链接等； 3、学生制作的信息长图、创意云文字、个人简历 H5； 4、校园图片素材，音频素材等； 5、教师制作的校园风景 H5； 6、班级微信群； 七 、 预习成果展示 实践项目 1 将 P128 的两个报告制作成信息长图； 实践项目 2 以 H5 为背景，以 H5 传播心理因素和五种表现形式为关键词制作创意云文字； 实践项目 3 手机下载 MAKA app，并根据 P132 提示制作以“个人简历”为主题的展示型H5； 八 、 教学项目（任务） 设计 1、 H5 统计报告信息长图展示； 2、“ H5”创意云文字展示； 3、制作校园风景展
4、示型 H5 九、 教学结构流程的设计 教学环节 学习目标 教学内容 参考导语 项目任务 教法学法 设计意图 教学资源 时间 前节回顾 上节课我们学习了表单的制作，尤其是利用表单对自己所学过的知识进行测评。今后大家可以利用这种方法来进行自评自测，还可以互评互测。学以致用才是新媒体人必备的技能。 【教法学法】 PPT 展示，教师讲解； 前节回顾可长可短，关键在点睛 。 【设计意图】 温故而知新 3 本课介绍 这节课，我们将和大家一起探讨一种新型的图文音视频的展示方式：H5。主要内容由引发 H5 传播的心理因素、 H5 的五种展示形式以及如何在 PC端制作一款精美的展示型 H5。 【教法学法】 PP
5、T 展示；教师讲解 【设计意图】 本节介绍采用项目展示的方式直接导入课程； 本节内容中未涉及 H5 发展历史，可在适当时候添加。也可在云文字展示部分讲述，非重点 。 3 3 输入 能力目标2 开始上课前，我们先 来一起看看课前大家制作的信息长图和创意云文字。请在展示时大家思考 H5 的使用场景都可能有哪些？ 【 项目任务 】 1、讨论 H5 使用场景有哪些。 2、讨论 H5 使用报告 【教法学法】 教师一边播放，一边进行适当 点评 。 【设计意图】 通过信息长图和创意云文字的制作，学生既复习了之前的内容，又预习了本节课的内容。 15 输出 能力目标4 请大家以小组为单位讨论 H5传播的心理因素
6、以及 H5 展示的五种形式。3 分钟后，我会将大家讨论结果写在白板上。 【教法学法】 挑选优秀的信息长图和创意云文字进行展示。 引导学生回答，修正学生不准确的表达；对学生做出的答案进行归纳总结；心理因素部分应包括但不限于教材上提到的 4 种 。 【设计意图】 课前学生已经充分预习了 知识点1 和 知识点 2，集体讨论会除加深印象外，一定会有新的观点。 反馈 知识点 1 知识点 2 能 力目标1 能力目标2 刚才我们一起探讨了“为什么 H5易于传播”的问题。有同学说到还有同学说到大家都说的很不错。之所以如此，是因为大家课前做了充分的预习，我们展示的信息长图和创意云文字就是最好的例证。大家在后期各
7、门功课的学习中都可以采用这样的方法。不断用正在学习的内容复习过去的内容。我们还谈论了“ H5的几种展现形式”，包括展示型、互动型、场景型、游戏型、测试型。可能大家最感兴趣就是游戏型。有兴趣的同学可以自学 H5 游戏开发。这里我推荐 一个自助开发 H5 游 戏的网站： 开心推 【教法学法】 此部分主要采用教师归纳、总结、肯定的方式进行讲解。可 参照P129-P130 进行讲解。讲解过程中结合实际案例（ 见 【 教学 资源】） 。 【设计意图】 重点在激发学生探索其他类型的H5 展示形式。 【教学资源】 1、 教材 P130-P131 图 4-3、图 4-4、图 4-5、图 4-6、图 4-7 扫
8、描二维码获取资源 2、 HTML5 游戏开发案例教程 ； 3、 HTML5 从入门到精通 ； 4、 HTML5 2D 游戏 编 程 核 心 技术 ； 12 4 反思 能力目标1 能力目标2 现在，我们一起来学习一下腾讯给出的 H5 报告（以第二期 为例） 1、长期、固定位置的资源投放可以延长移动页面生存周期； 2、功能型页面长于展示型 3、首屏和尾屏时间更长 4、按钮点击首屏和尾屏点击率更高 5、按钮点击受名称影响、动画影响 6、用户会选择性忽略提示 7、用户会沿用上一页面的操作习惯 【教法学法】 根据 P128 的两个统计报告来进行反思。参考话术中以第二期报告为例。 边展示边讲解。 时间允许
9、的情况下可让学生谈谈启发。 【设计意图】 新媒体日新月异，教会学生阅读报告，分析报告十分必要。 【教学资源】 扫描 P128 图 4-1获取 8 输入 德育目标1 德育目标2 刚才，我们一起探讨了两个问题，观赏了大家课前制作的信息长图和 H5创意云文字。相信大家已经初步了解了 H5 的内容。最重要的是我们通过两份报告知道了 H5 设计的一些基本原则。这些设计原则是我们做出一款 H5的捷径。 下面，我们一起为我们生活的校园制作一份校园风景展示型的 H5。要求在 P137. 【 项目任务 】 校园风景 H5 【教法学法】 1、 在展示的过程中，教师应当按照 知识点 1 来进行点评； 2、 教师应提
10、前准备好制作的素材（也可布置成上节 课 的 课后 作业）；提前制作一份精美的 H5用来展示，以便激发学生制作的兴趣。 【设计意图】 通过展示学生的个人简历，激发学生的制作兴趣。 【教学资源】 1、教师制作的校园风景 H5（可替换为爱国主义教育主题）； 3 5 输出 能力目标3 德育目标3 按照每组的人数，我们分别尝试易企秀、 人人秀 、 MAKA、兔展这四个H5 的制作工具进行制作。每人选择一个工具，尽量 不要重复。制作过程可参照 P132 的步骤。 需要提醒大家的是我们刚才已经看过了腾讯的两份报告，大家应注意学以致用。 制作完成后，请将制作的作品发布在 我们的微信群（或朋友圈等）中。大家制作
11、的同时，我来制作一个投票表单（可提前准备） 。 之后我们进行两个工作。一是大家相互点评看看谁做的更好 ，在表单中进行投票 ；二是我们一起讨论一下各个平台的特点。 【教法学法】 教师熟练掌握各个平台的使用 的基础上及时解决课 堂 出 现的 问题； 如需节省课堂时间，应要求学生提前注册平台账号； 【项目任务】 校园风景展示型H5 制作 【设计意图】 1、同一组不同的人尝试不同的平台，便于制作后的沟通交流； 2、分享的目的在于相互反馈，形成教学闭环；可也 通过点赞来确定平时分数。新媒体时代的精髓之一就是分享 ； 3、表单投票能解决学生懈怠问题。 18 反馈 能力目标1 能力目标4 德育目标 3 刚在
12、大家制作的过程中，同学向我反映了以下问题，我们一起来谈论一下（ 1、 2、 3）。遇到问题是我们在学习新媒体必须经历的， 而解决问题的过程就是我们不断成长的过程。现在我们一起看看谁的点赞数最多。 教材上为我们提供了最常见的 4个平台，我们现在来说说大家使用后的感想。 我们在短时间内不可能比较出所有平台的优劣，但大家在学习一款新工具时应注意其他工具的优劣。一次多尝试几个，最终确定一个是我们一直以来使用的策略。 【教法学法】 学 生 谈 论感 想时，教师应注意分类总结； 短时间内，不可能比较出各平台的优劣。重点在于学生尝试不同的平台，以便选取自己顺手的工具。 【设计意图】 及时对学生的问题进行集体
13、反馈是学生下一次迭代更新的前提； 15 反思 能力目标4 我们在课前已经利用手机端制作了个人简历的 H5。课堂上我们又在电脑端制作了校园风景 H5；那么从不同终端的角度，我们是否可以比较一下优劣。另外， 5 种 H5 的展示形式，我们只尝试了展示型，其他形式我们是否也可以利用第三方工具进行制作呢？这就是我们的课后作业。制作一款除过展示型 H5外的另外一种任何形式的 H5。大家有没有信心？ 【教法学法】 以课后作业完成的情况来评价学生的自学能力； 【设计思路】 这部分属于提升练习。重点在与激发学生的学习兴趣。 教师可以采用自己或其他学生制作的非展示型H5 来激发制作兴趣。总而言之，要求学生会的教
14、师必须先精通。 6 6 教师小结 今天我们从一开始向大家展示了大家的课前作业。通过这种预习方式，我们基本知道了引发 H5传播的心理因素以及 H5 的五种展示形式 。课前还让大家用手机制作了个人简历 H5。 课堂上我们又用不同的制作工具制作了校园风景 H5。可以说，大家应该是收获满满。但相比于专业 H5开发，大家的路还很长。在整个制作的过程中，我们遇到了这样那样的问题，好在我们精诚合作，金石为开。任何时候，我们都需要知道我们是一个 集体 。针对 这节课，我给大家布置了 三项 作业。希望大家课后一定要认真思索，认真 完成 。 下节课，我们一起来探讨如何让自己的微信微信公号具备更多的功能。 【 设计意图 】 作业 1 的目的在于提升练习； 作业 2 的目的在于用制作 H5 的过程对下一节课进行预习； 作业 3 的目的在于下节课应用。 3 课后作业 作业 1 制作一款非展示型 H5，主题不限； 作业 2 制作一款展示型 H5 介绍第五章新媒体开发功能处理的主要内容： 作业 3 收集微信公号第三方管理平台，并注册其中一个。包括但不限于腾讯微校园平台； 2 十、 教学后 记 （教师填写） 1、 2、 3、
