（17_18）新媒体H5动画制作（1）.docx

《（17_18）新媒体H5动画制作（1）.docx》由会员分享，可在线阅读，更多相关《（17_18）新媒体H5动画制作（1）.docx（6页珍藏版）》请在第一文库网上搜索。

1、新媒体运营实战实战技能授课教师专业（学科）新媒体教学课题新媒体H5动画制作（1）学时安排2学时（90分钟）教学年级所选教材新媒体运营实战技能人民邮电出版社一、学习目7示1、知识目标1） H5的传播的心理因素（好奇心、认同感、攀比、炫耀）；2） H5的五种展现形式（展示型、互动型、场景型、游戏型、测试型）；3） H5的常用制作工具（易企秀、人人秀、MAKA、兔展）；2、能力目标1）分析比较能力：能够根据案例分析出引发H5传播的心理因素；2）总结归纳能力：能够总结出H5常见的展现形式；3）学以致用能力：能够应用H5制作工具制作展示型H5；4）沟通协作能力：能够听取他人不同意见，并修正自己的观点；3

2、、德育目标：1）增强学生学习的主动性；2）爱校教育与爱国主义教育；3）挫折教育二、学习重点及难点学习重点：H5的传播的心理因素；H5的五种展现形式学习难点：H5的常用制作工具的使用三、教学问题预测1、制作H5过程中，由于各平台操作不一致所导致的随机问题2、学生不配合，制作中产生懈怠。四、教学问题解决方案1、教师需要提前熟知各平台的操作规程；2、应用教师或学生自己制作的作品激发学生兴趣；五、学习者特征分析（教师填写）学习特点：学习习惯：交往特点：六、教学资源1、教学PPT;2、参考资料：*、文章链接等；3、学生制作的信息长图、创意云文字、个人简历H5；4、校园图片素材，音频素材等；5、教师制作的

3、校园风景H5；6、班级微信群；七、预习成果展示实践项目1请以寝室为单位做一套表情包；实践项目2西瓜滞销项目表情包；八、教学项目（任务）设计1、H5统计报告信息长图展示；2、“H5”创意云文字展示；3、制作校园风景展示型H5九、教学结构流程的设计教学环节学习目标教学内容参考导语项目任务教法学法设计意图教学资源时间节顾前回【参考导语】上节课，我们一起探索了新媒体表情包的发展，一起制作了自拍表情包，网络表情包。同学们课后还根据课堂上我们提到的工具，进一步研究,探索更多的新媒体表情包的玩法。现在，请大家在我们的班级微信群里刷一波表情包。【设计意图】课堂热身不要太过严肃。3课绍本介这节课，我们将和大家一

4、起探讨一种新型的图文音视频的展示方式：H5主要内容由引发H5传播的心理因素、H5的五种展示形式以及如何在PC端制作一款精美的展示型H5。【教法学法】PPT展示；教师讲解【设计意图】本节介绍采用项目展示的方式直接导入课程；本节内容中未涉及H5发展历史，可在适当时候添加。也可在云文字展示部分讲述，非重点。3输入能力目标2开始上课前，我们先来一起看看课前大家制作的信息长图和创意云文字。请在展示时大家思考H5的使用场景都可能有哪些？【项目任务】1、讨论H5使用场景有哪些。2、讨论H5使用报告【设计意图】通过信息长图和创意云文字的制作，学生既复习了之前的内容，又预习了本节课的内容。15输出叱目标4请大家

5、以小组为单位讨论H5传播的心理因素以及H5展示的五种形式。3分钟后，我会将大家讨论结果写在白板上。【教法学法】挑选优秀的信息长图和创意云文字进行展示。引导学生回答，修正学生不准确的表达；对学生做出的答案进行归纳总结；心理因素部分应包括但不限于教材上提到的4种。【设计意图】课前学生已经充分预习了知识点1和知识点2,集体讨论会除加深印象外，一定会有新的观点。反馈知识点1知识点2能力目标1能力目标2刚才我们一起探讨了“为什么H5易于传播”的问题。有同学说到还有同学说到大家都说的很不错。之所以如此，是因为大家课前做了充分的预习，我们展示的信息长图和创意云文字就是最好的例证。大家在后期各门功课的学习中都

6、可以采用这样的方法。不断用正在学习的内容复习过去的内容。我们还谈论了“H5的几种展现形式”，包括展示型、互动型、场景型、游戏型、测试型。可能大家最感兴趣就是游戏型。有兴趣的同学可以自学H5游戏开发。这里我推荐一个自助开发H5游戏的网站：开心推【教法学法】此部分主要采用教师归纳、总结、肯定的方式进行讲解。可参照P73进行讲解。讲解过程中结合实际案例（见【教学资源】）。【设计意图】重点在激发学生探索其他类型的H5展示形式。【教学资源】1、教材P75图4-3,图4一4、图4-5X图4-6.图4-7扫描二维码获取资源2、HTM15游戏12开发案例教程；3、HTM15从入门到精通；4、HTM152D游戏

7、编程核心技术；反思目标1能力目标2现在，我们一起来学习一下腾讯给出的H5报告（以第二期为例）1、长期、固定位置的资源投放可以延长移动页面生存周期；2、功能型页面长于展示型3、首屏和尾屏时间更长4、按钮点击首屏和尾屏点击率更高5、按钮点击受名称影响、动画影响6、用户会选择性忽略提示7、用户会沿用上一页面的操作习惯【教法学法】根据两个统计报告来进行反思。参考话术中以第二期报告为例。边展示边讲解。时间允许的情况下可让学生谈谈启发。【设计意图】新媒体日新月异，教会学生阅读报告，分析报告十分必要。【教学资源】扫描P72图4-2获取8输入德；目标1德育目标2刚才，我们一起探讨了两个问题,观赏了大家课前制作

8、的信息长图和115创意云文字。相信大家已经初步了解了H5的内容。最重要的是我们通过两份报告知道了H5设计的一些基本原则。这些设计原则是我们做出一款H5的捷径。下面，我们一起为我们生活的校园制作一份校园风景展示型的H5。要求在P82.【项目任务】校园风景展示型H5制作【教法学法】1、在展示的过程中，教师应当按照知识点1来进行点评；2、教师应提前准备好制作的素材（也可布置成上节课的课后作业）；提前制作一份精美的H5用来展示，以便激发学生制作的兴趣。【设计意图】通过展示学生的个人简历，激发学生的制作兴趣。【教学资源】1、教师制作的校园风景H5（可替换为爱国主义教育主题）；3输出能力目标3德育目标3按

9、照每组的人数，我们分别尝试易企秀、人人秀、MAKA、兔展这四个H5的制作工具进行制作。每人选择一个工具，尽量不要重复。需要提醒大家的是我们刚才已经看过了腾讯的两份报告，大家应注意学以致用。制作完成后，请将制作的作品发布在我们的微信群（或朋友圈等）中。大家制作的同时，我来制作一个投票表单（可提前准备）。之后我们进行两个工作。一是大家相互点评看看谁做的更好，在表单中进行投票；二是我们一起讨论一下各个平台的特点。【教法学法】教师熟练掌握各个平台的使用的基础上及时解决课堂出现的问题；如需节省课堂时间，应要求学生提前注册平台账号；【设计意图】1、同一组不同的人尝试不同的平台，便于制作后的沟通交流；2、分

10、享的目的在于相互反馈，形成教学闭环；可也通过点赞来确定平时分数。新媒体时代的精髓之一就是分享；3、表单投票能解决学生懈怠问题。18反馈能力目标1能力目标4德育目标3刚在大家制作的过程中，同学向我反映了以下问题，我们一起来谈论一下（1、2、3）o遇到问题是我们在学习新媒体必须经历的，而解决问题的过程就是我们不断成长的过程。现在我们一起看看谁的点赞数最多。教材上为我们提供了最常见的4个平台，我们现在来说说大家使用后的感想。我们在短时间内不可能比较出所有平台的优劣，但大家在学习一款新工具时应注意其他工具的优劣。一次多尝试几个，最终确定一个是我们一直以来使用的策略。【教法学法】学生谈论感想时，教师应注

11、意分类总结；短时间内，不可能比较出各平台的优劣。重点在于学生尝试不同的平台，以便选取自己顺手的工具。【设计意图】及时对学生的问题进行集体反馈是学生下一次迭代更新的前提；15反思能力目标4我们在课前已经利用手机端制作了个人简历的H5。课堂上我们又在电脑端制作了校园风景H5；那么从不同终端的角度，我们是否可以比较一下优劣。另外，5种H5的展示形式，我们只尝试了展示型，其他形式我们是否也可以利用第三方工具进行制作呢？这就是我们的课后作业。制作一款除过展示型H5外的另外一种任何形式的H5。大家有没有信心？【教法学法】以课后作业完成的情况来评价学生的自学能力；【设计思路】这部分属于提升练习。重点在与激发

12、学生的学习兴趣。教师可以采用自己或其他学生制作的非展示型H5来激发制作兴趣。总而言之，要求学生会的教师必须先精通。6师结教小今天我们从一开始向大家展示了大家的课前作业。通过这种预习方式,我们基本知道了引发H5传播的心理因素以及H5的五种展示形式。课前还让大家用手机制作了个人简历H5。课堂上我们又用不同的制作工具制作了校园风景H5。可以说，大家应该是收获满满。但相比于专业H5开发,大家的路还很长。在整个制作的过程中，我们遇到了这样那样的问题，好在我们精诚合作，金石为开。任何时候，我们都需要知道我们是一个集体。针对这节课，我给大家布置了三项作业。希望大家课后一定要认真思索，认真完成。下节课，我们一起来探讨如何让自己的微信微信公号具备更多的功能。【设计意图】作业1的目的在于提升练习；作业2的目的在于用制作H5的过程对下一节课进行预习；作业3的目的在于下节课应用。3后业课作作业1制作个人简历H5作业2熟悉意派360HTM15工具2十、教学后记（教师填写）1、2、3、