基于图形化编程技术的课件设计与制作
作者：温倩楠 张秀琦
来源：《中国教育技术装备》2021年第06期
        摘 要 随着现代教育技术的快速发展，课件辅助教学成为一种重要的教学手段，课件在各个学科教学中得到广泛应用。“运动损伤急救知识”课件充分整合技术和内容，着重凸显专业技能，围绕教学内容和课件特点解决趣味性问题。最终的课件会在编程猫平台发布，学习者可以随时随地进行自主学习，从而满足教学需要，提高学习效率。
        关键词 课件;图形化编程技术;运动损伤急救知识;编程猫平台
        中图分类号：G434 文献标识码：B
        文章编号：1671-489X（2021）06-0031-03
        0 引言
        1）提出问题。随着信息化时代的到来，越来越多的多媒体课件走进课堂。传统课件的呈现大多以文字铺叙为主，而且页面设计单调、缺乏趣味性，难以激发学习者的兴趣，因而影响学习效果。因此，如何增强课件的趣味性使学习者提高学习兴趣，成为课件开发过程中亟待解决的问题。
        2）选题背景。随着信息技术的快速发展，计算机辅助教学已经取得较好的效果，特别是多媒体课件教学已经成为一种重要的教学方式。“运动损伤急救知识”课件借助编程猫平台制作而成，采用的是图形化编程技术，通过搭建积木的方式对所制作的角图形进行代码编写，从而形成一个完整的运行程序。在现实生活中，人们难免会因为运动过度而出现各种各样的損伤，不仅会带来生活上的困扰，而且严重时会危及生命。但是大多数人对运动损伤的急救常识知之甚微，更有甚者会在发生损伤时采取错误的急救方式而导致结果恶化。因此，了解一些急救常识和急救操作是很有必要的，这样既能保护自己，也能挽救他人。
        3）选题意义。基于图形化编程技术的“运动损伤急救知识”课件可以使学习者深入了解和掌握运动损伤的相关急救知识，能够使学习者在现实生活中针对一些突发的损伤采取正确的处理方式。课件在传统制作的基础上将知识点、视频以及小游戏融合在一起，不仅可以让学习者更直观便捷地掌握所要学习的知识点，而且使教学过程变得生动有趣，从而激发学习者的学习兴趣，增强教育教学效果。
        在信息化时代背景下，多媒体课件是一种重要的信息化教学资源，是在一定的教学与学习理论的指导下根据教学目标进行设计的。多媒体课件作为一种重要的信息化教学资源融入
课堂，为课堂教学营造了浓厚的学习氛围，增强了课堂教学的直观性、形象性和生动性。“运动损伤急救知识”课件是借助编程猫平台制作的，该平台强大的交互功能以及卡通化的形象更有利于学习者进行高效学习，既改变了传统的教学模式，又使学习者在轻松愉悦的气氛中学习，从而增强学习效果。
        1 课件的设计与制作
        基于图形化编程技术的“运动损伤急救知识”课件设计与制作的流程包括六个步骤：确定教学主题、教学设计、系统设计、素材搜集、课件制作、课件调试与发布。
        确定教学主题 通过调查研究，确定虚脱、中暑、拉伤和扭伤四个教学内容，以北京体育大学出版社出版的《运动损伤与急救》作为参考依据。
        教学设计
        1）学习者分析。基于图形化编程技术的“运动损伤急救知识”课件所面向的学习人是广大中小学生，他们已掌握一定的信息技术知识，可以熟练运用计算机进行网上操作，并能够在课件导航的帮助下独立完成自主学习。
        2）教学目标分析。
        ①认知目标：通过学习四大模块的知识，使学习者了解运动损伤的基本概念、出现的症状以及针对这些症状采取正确的方法。
        ②技能目标：通过学习四大模块的知识，学习者具备分辨运动损伤轻重程度的能力，并且具备正确处理各种突发状况的能力。
        ③情感目标：通过学习运动损伤的急救知识，培养学习者关心自己、帮助他人的优良思想品德，提高自身素质并形成积极主动的学习态度，养成在生活中学习、积累知识的良好习惯。
        3）教学内容分析。课件以北京体育大学出版社出版的《运动损伤与急救》作为参考依据，主要选定其中的四大模块知识作为教学内容。首先，学习者点击开始进入目录界面，选择自己要学习的模块知识;其次，学习者通过进入各个模块的分目录进行相关的视频学习，掌握基础的知识内容，包括简介、症状、处理、小贴士;再次，知识点视频学习完成后，学习者进入游戏测试界面，运用学过的知识点来回答相关问题，对知识点进行二次回顾;最后，学习
学编程的游戏app
者返回目录界面，点击进入游戏总测试，需要综合运用四大模块所学过的知识点来完成相关测试，激发学习兴趣，提高综合运用知识的能力。
        系统设计 课件的界面由封面页、片头界面、交互界面、学习界面和总测试界面五部分构成，主体采用的是扁平化设计风格。扁平化设计风格基于极简主义理念，通过构造简单的图形、数字符号以及典型的颜来达到简约直观的目的。随着信息技术的不断发展，这种扁平化的设计风格常常会被应用到各大网站和软件中，以其简洁、清爽的风格特给人们带来独特的视觉享受。
        课件在设计制作过程中将扁平化设计风格运用其中，一是表现在排版方面，遵循一定的视觉流程规律，并在设计过程中有针对性地优化版面布局，使整个课件的内容主次分明、通俗易懂;二是表现在彩方面，在设计过程中注重各个板块之间的彩搭配，有效地增强了整个课件的视觉效果;三是表现在图文方面，课件大量运用图文结合的形式来展现相关内容，直观形象的图文更符合学习者的心理特征，从而激发学习者的学习兴趣。
        素材搜集
        1）图片素材。图片素材是课件设计的主要素材之一，来源于编程猫平台和互联网。之后通过图像处理软件Photo-
        shop进行后期处理，统一图片素材风格和格式。一共处理300多张图片，保存成PNG格式，保留PSD源文件以便后期随时修改。最后将修改好的图片放到图片素材的文件夹中用于视频和课件制作。
        2）视频素材。视频能够形象直观地表达知识点，又能凸显课件主要特点的动态效果。片头视频是整个课件的开篇，具有画龙点睛的作用，因此在制作过程中特别关注视频节奏和背景音乐处理，用After Effects制作片头视频素材。
        3）音频素材。音频素材包括解说词、背景音乐和效果声等三类，用于视频素材和课件需要，以《运动损伤与急救》作为参考依据录制讲解音频。利用Audition软件对课件和视频中需要的音频素材进行录制和后期处理。课件中的所有音频格式为MP3。
        课件制作 课件通过编程猫平台制作，强调图形化编程技术，完成课件结构、页面布局和交互制作，将文字、图片、声音和视频素材依据课件规律整合。课件的界面如图1、图2、图3、图4所示。
        1）课件结构。课件一共有29页，首先是封面页，接下来是片头界面、交互界面（包括总目录界面和分目录界面），再到学习界面（包括视频界面和小游戏界面），最后到总测试界面（包括引导界面和答题界面）。
        2）页面布局。
        ①封面页，包括课件标题、参考书目以及开始按钮。课件标题和开始按钮位于正中央，二者呈上下分布;参考书目位于右下角。
        ②片头界面，包括一个片头视频和四个按钮。四个按钮分别是前进、后退、播放、暂停，其中前进和后退按钮分别位于右下角和左下角，播放和暂停按钮位于右上方，二者呈上下分布。
        ③交互界面，包括总目录界面和分目录界面。首先是总目录界面，包括虚脱、中暑、拉伤、扭伤、总测试等五个按钮，其中总测试按钮位于圆环中心，其余四个按钮围绕总测试按钮呈圆环式分布;还包括返回按钮，位于界面的右下角。其次是分目录界面，包括简介、症状、处理、小贴士、游戏测试等五个按钮，这五个按钮呈上下分布;还包括home按钮，位于界面的右下角。
        ④学习界面，包括视频界面和小游戏界面。首先是视频界面，包括讲解视频和两个按钮，其中两个按钮分别是home按钮和返回按钮，分别位于界面的左下角和右下角。其次是小游戏界面，包括多个动态图片按钮，对这些图片按钮进行点击会触发左上角的图形脚本;还包括返回按钮，位于界面的右下角。
        ⑤总测试界面，包括引导界面和答题界面。首先是引导界面，包括一个图形进入按钮，位于界面的上方;還包括返回按钮，位于界面的右下角。其次是答题界面，包括每一个题目下的两个答案按钮，对这些答案按钮进行点击会触发左上角的图形脚本;还包括返回按钮，位于界面的右下角。
        3）交互制作。
        ①封面页。设置开始按钮，学习者点击后就可以进入学习。
        ②片头界面。设置四个按钮，分别是前进、后退、播放、暂停：点击前进按钮，可以跳转到下一个界面;点击后退按钮，可以返回到上一个界面;点击暂停按钮，视频暂停播放;点击播放按钮，视频继续播放。