您好, 访客   登录/注册

《飘扬的旗帜——体验Flash交互动画》教学设计

来源:用户上传      作者:

  设计思想
  本节课是江苏科学技术出版社八年级信息技术第一章《设计与制作动画》第4节的内容。通过前面三节内容的学习,学生已经掌握了动画的基本原理、元件、补间、层等基础知识,本节课在此基础上学习制作交互动画,用简单的代码让学生感受与计算机动画交互的魅力,提升Flash软件的操作技能。
  本节教学内容分为关键帧中的代码和按钮中的代码两部分,以70周年国庆阅兵式活动导入,通过升旗仪式引出主题——制作升国旗动画,利用“国旗上升后能停止吗?”“国旗能用按钮控制上升吗?”这两个问题,让学生学习“关键帧中添加代码”和“按钮中添加代码”,初步认识“代码”在Flash交互动画中的使用。接着,设置提高任务让学生自主探究学习,制作三个按钮控制三面旗帜上升的动画,熟练添加“代码”的操作,理解“代码”在Flash交互动画中的关键作用。最后,交流、总结Flash动画“交互”的内涵。
  学生分析
  本节课的教学对象是初二年级的学生,他们正处于身心急剧变化的关键时期,向往独立,但也乐于交流。学生熟悉信息技术课程,通过前期学习,已经掌握Flash动画基础知识与基本技能,了解元件、层、补间的概念,能够独立制作简单的动画作品,为本节课的学习奠定了基础。
  教学目标
  知识与技能目标:了解关键帧和代码中常用的控制动画代码;学会在关键帧、按钮中添加代码;学会在Flash中添加按钮;学会按钮控制“影片剪辑”的方法;熟悉“动作面板”的使用。
  过程与方法目标:本节课采用任务驱动的教学方式,设置四个层层深入的任务,学生采取自主学习、实践操作等学习方法,复习、思考、尝试、交流、总结,通过教师引导和指导,学习交互动画知识。
  情感态度与价值观目标:通过制作动画,培养学生的动手能力,激发学生学习Flash的热情;通过完成任务,加深知识印象,增强成功体验,提高Flash软件技能;通过阅读教材和使用学案,培养学生自主学习、协同合作能力;通过展示70年伟大成就,感受祖国强大,激发学生爱国情怀,提升道德修养。
  教学重难点
  教学重点:交互动画的体验、理解和制作。
  教学难点:培养制作交互动画的思维和方法。
  教学流程
  1.主题导入,复习旧知
  师:2019年10月1号的阅兵式大家看了吗?现在让我们来回顾一下国庆阅兵式的升旗仪式。
  学生观看升旗仪式。
  师:今天就让我们用所学的Flash软件制作一个升国旗的动画,让国旗高高飘扬,表达我们对祖国的热爱。国旗分为旗杆和旗帜两部分,你准备建几个图层?用什么补间?谁来说说你准备怎么做?
  学生回忆并讲述制作升国旗动画的步骤。
  师:请同学们打开桌面上的“升国旗.fla”文件,完成升国旗的动画。
  设计意图:①让学生分析并讲述制作升国旗步骤,复习巩固Flash动画基础知识。②“升國旗.fla”源文件中,已经建好“旗杆”和“旗帜”两个图层,并且“旗帜”图片已经转换为“图形元件”放在旗杆底部,学生只需操作两步就能完成动画,确保每位学生都能完成,让学生产生成就感,也能为下面的学习做好素材准备。
  2.自主探究,学习“关键帧中的代码”
  师:放映“升国旗”动画的时候,国旗一直在上升、下降,能不能让国旗升到旗杆顶部后就停止呢?请大家阅读教材第23页“控制动画代码”以及第24页“动作面板”内容,自己试一试,能否让国旗在旗杆顶端停止。
  学生自主学习教材并实践制作。
  教师请一位学生上台演示并讲解操作。
  学生观看并完成代码的添加。
  设计意图:①教材是学生学习的重要资源,充分利用教材,让学生自主学习并实践操作,锻炼学生的自主学习能力。②学生是课堂的主体,创造机会,转换角色,让学生做老师,提高学生的学习主动性。
  师:通过学习,我们只需在第30帧关键帧加入“stop()”代码,就能让国旗在顶端停止,除此之外还有哪些代码呢?请同学们根据教材来连连看。(PPT展示代码功能列表)
  学生查看教材并学习控制动画的常见代码和功能。
  设计意图:学生完成动画后初步意识到代码在交互动画中的使用,初步体验交互动画的乐趣,然后趁热打铁,进一步学习控制动画的常见代码。
  3.演示操作,学习“按钮中的代码”
  师:现在是放映“升国旗”动画,国旗就自动上升,然后停止,那么能不能设置一个按钮,让国旗在旗杆底部待着,等需要的时候点击按钮,国旗再上升呢?
  师:首先,国旗一直在旗杆底部待着,我们需要怎么做?
  生:在“国旗”图层第一个“关键帧”加入代码“stop()”。
  师:下面先请同学们阅读教材第P25页“制作按钮”和第26页“执行代码条件”内容,然后,根据教材来连连看。(PPT展示按钮状态和代码列表)。
  学生自主阅读教材,初步了解按钮知识。
  师:(演示讲解)从Flash按钮库里选择一个按钮拖入舞台,放映影片,点击按钮,会看到按钮有指针经过、弹起、按下、点击四种状态。选中按钮,在“动作面板”中添加代码“on(press){play();}”。
  学生观看教师演示操作,完成按钮控制国旗升降的动画。
  设计意图:本环节知识内容是添加按钮和在按钮中加入代码,难度有所增加,因此采用教师讲授和学生教材阅读、实践操作的教学方法:学生浏览一遍教材,将按钮状态和代码连线,在脑海中初步形成“按钮知识”印象,教师通过讲授演示,将知识简洁化、明了化,学生在动画制作练习中逐步理解并掌握按钮的使用方法。
  4.拓展提高,熟练运用关键帧代码和按钮代码   师:同学们,空中护旗梯队拉开了阅兵分列式的序幕,让我们再次回顾那激动人心的时刻。
  学生观看空中护旗队护卫党旗、国旗、军旗飞过天安门广场的视频。
  师:(展示事先做好的动画)动画中包含三面旗帜、三个控制按钮,同学们会做吗?
  师:(打开动画源文件)时间轴上只有一个关键帧,国旗、党旗、军旗的升起动画预先已经做好并分别放入各自的影片剪辑里。请同学们根据桌面上的“实践指南”文件夹里的操作步骤,完成这个动画,相邻座位同学可交流探讨。
  学生自主探究学习,完成动画制作。
  设计意图:本环节主要是拓展提高,学生经过前半节课的学习,已经初步了解交互动画,并会制作简单的关键帧代码和按钮代码。鼓励学生自主探究、合作学习制作动画,思考按钮、关键帧在控制动画中的使用,熟练库、影片剪辑、动作面板、时间轴的操作,同时加深理解代码在交互动画中的作用。
  5.交流分享,理解“Flash交互动画”的内涵
  师:我们今天做了旗帜的动画,从旗帜自动升降,到设置按钮控制升降,动画成了我们能够控制的动画,这就是Flash交互动画的魅力。谁能说说交互动画的实质是什么?可以讨论后再回答。
  学生交流讨论,总结提炼交互动画的内涵。
  師:Flash交互动画其实就是结合按钮、影片剪辑等组件,通过actionscript代码能够实现交互的功能,有兴趣的同学课后可以继续研究制作。
  设计意图:本环节主要是回顾总结、分享交流,让学生观察做过的升旗动画,从自动动画到可控动画,引出可控动画其实就是互动动画的概念,再引导学生讨论,得出结论——代码在交互动画中起到关键作用,从而深刻理解Flash交互动画的内涵。
  6.展示祖国成就,激发学生爱国情怀
  师:同学们,旗帜是什么?旗帜是忠诚,是信仰,是方向,是力量,是中国亿万人民心中的太阳,正是因为有了它,才有了我们现在的生活、现在的成就。让我们一起来感受祖国70年来的伟大成就吧!(PPT展示70年伟大成就)
  设计意图:这一环节是爱国教育主题的总结,展示祖国70年伟大成就,让学生感受祖国的强大,在为祖国自豪的同时明白现在生活的来之不易,激发学生的爱国情怀和感恩之情。
  教学反思
  本节课以具有爱国主义教育的阅兵式活动为素材,课堂稍显沉静,在观看活动视频、欣赏祖国成就、制作升旗动画的过程中,学生认真专注、积极投入,爱国之情如涓涓细流在课堂中、学生间静静流淌。
  本节课努力做到尊重学生、相信学生,设计自主探究学习和交流讨论环节,培养学生的学习积极性和能动性,学生的表现足以令人惊喜。
  本节课共有四个动画制作任务,多数学生能够操作完成,知识目标基本达成,但在第4环节制作“三个按钮控制三面旗帜”的动画时,还是有少数学生出现不少错误,如将按钮添加到了影片剪辑里、代码写错、影片剪辑实例名称输错等。另外,本节课还有一些遗憾和不足之处,如在第3环节由于学生出错率高,教师讲解“按钮代码”演示了两遍,在第4环节关于“影片剪辑”的内容只是一带而过,这表明教师在时间把控和掌握学情方面还需要改进。
转载注明来源:https://www.xzbu.com/9/view-15235132.htm