基于图形化编程技术的课件设计与制作

温倩楠 张秀琦

摘  要 随着现代教育技术的快速发展，课件辅助教学成为一种重要的教学手段，课件在各个学科教学中得到广泛应用。“运动损伤急救知识”课件充分整合技术和内容，着重凸显专业技能，围绕教学内容和课件特点解决趣味性问题。最终的课件会在编程猫平台发布，学习者可以随时随地进行自主学习，从而满足教学需要，提高学习效率。

关键词 课件;图形化编程技术;运动损伤急救知识;编程猫平台

中图分类号：G434    文献标识码：B

文章编号：1671-489X（2021）06-0031-03

0 引言

1）提出问题。随着信息化时代的到来，越来越多的多媒体课件走进课堂。传统课件的呈现大多以文字铺叙为主，而且页面设计单调、缺乏趣味性，难以激发学习者的兴趣，因而影响学习效果。因此，如何增强课件的趣味性使学习者提高学习兴趣，成为课件开发过程中亟待解决的问题。

2）选题背景。随着信息技术的快速发展，计算机辅助教学已经取得较好的效果，特别是多媒体课件教学已经成为一种重要的教学方式。“运动损伤急救知识”课件借助编程猫平台制作而成，采用的是图形化编程技术，通过搭建积木的方式对所制作的角色图形进行代码编写，从而形成一个完整的运行程序。在现实生活中，人们难免会因为运动过度而出现各种各样的损伤，不仅会带来生活上的困扰，而且严重时会危及生命。但是大多数人对运动损伤的急救常识知之甚微，更有甚者会在发生损伤时采取错误的急救方式而导致结果恶化。因此，了解一些急救常识和急救操作是很有必要的，这样既能保护自己，也能挽救他人。

3）选题意义。基于图形化编程技术的“运动损伤急救知识”课件可以使学习者深入了解和掌握运动损伤的相关急救知识，能够使学习者在现实生活中针对一些突发的损伤采取正确的处理方式。课件在传统制作的基础上将知识点、视频以及小游戏融合在一起，不仅可以让学习者更直观便捷地掌握所要学习的知识点，而且使教学过程变得生动有趣，从而激发学习者的学习兴趣，增强教育教学效果。

在信息化时代背景下，多媒体课件是一种重要的信息化教学资源，是在一定的教学与学习理论的指导下根据教学目标进行设计的。多媒体课件作为一种重要的信息化教学资源融入课堂，为课堂教学营造了浓厚的学习氛围，增强了课堂教学的直观性、形象性和生动性。“运动损伤急救知识”课件是借助编程猫平台制作的，该平台强大的交互功能以及卡通化的形象更有利于学习者进行高效学习，既改变了传统的教学模式，又使学习者在轻松愉悦的气氛中学习，从而增强学习效果。

1 课件的设计与制作

基于图形化编程技术的“运动损伤急救知识”课件设计与制作的流程包括六个步骤：确定教学主题、教学设计、系统设计、素材搜集、课件制作、课件调试与发布。

确定教学主题  通过调查研究，确定虚脱、中暑、拉伤和扭伤四个教学内容，以北京体育大学出版社出版的《运动损伤与急救》作为参考依据。

教学设计

1）学习者分析。基于图形化编程技术的“运动损伤急救知识”课件所面向的学习人群是广大中小学生，他们已掌握一定的信息技术知识，可以熟练运用计算机进行网上操作，并能够在课件导航的帮助下独立完成自主学习。

2）教学目标分析。

①认知目标：通过学习四大模块的知识，使学习者了解运动损伤的基本概念、出现的症状以及针对这些症状采取正确的方法。

②技能目标：通过学习四大模块的知识，学习者具备分辨运动损伤轻重程度的能力，并且具备正确处理各种突发状况的能力。

③情感目标：通过学习运动损伤的急救知识，培养学习者关心自己、帮助他人的优良思想品德，提高自身素质并形成积极主动的学习态度，养成在生活中学习、积累知识的良好习惯。

3）教学内容分析。课件以北京体育大学出版社出版的《运动损伤与急救》作为参考依据，主要选定其中的四大模块知识作为教学内容。首先，学习者点击开始进入目录界面，选择自己要学习的模块知识;其次，学习者通过进入各个模块的分目录进行相关的视频学习，掌握基础的知识内容，包括简介、症状、处理、小贴士;再次，知识点视频学习完成后，学习者进入游戏测试界面，运用学过的知识点来回答相关问题，对知识点进行二次回顾;最后，学习者返回目录界面，点击进入游戏总测试，需要综合运用四大模块所学过的知识点来完成相关测试，激发学习兴趣，提高综合运用知识的能力。

系统设计  课件的界面由封面页、片头界面、交互界面、学习界面和总测试界面五部分构成，主体采用的是扁平化设计风格。扁平化设计风格基于极简主义理念，通过构造简单的图形、数字符号以及典型的颜色来达到简约直观的目的。随着信息技术的不断发展，这种扁平化的设计风格常常会被应用到各大网站和软件中，以其简洁、清爽的风格特色给人们带来独特的视觉享受。

課件在设计制作过程中将扁平化设计风格运用其中，一是表现在排版方面，遵循一定的视觉流程规律，并在设计过程中有针对性地优化版面布局，使整个课件的内容主次分明、通俗易懂;二是表现在色彩方面，在设计过程中注重各个板块之间的色彩搭配，有效地增强了整个课件的视觉效果;三是表现在图文方面，课件大量运用图文结合的形式来展现相关内容，直观形象的图文更符合学习者的心理特征，从而激发学习者的学习兴趣。

素材搜集

1）图片素材。图片素材是课件设计的主要素材之一，来源于编程猫平台和互联网。之后通过图像处理软件Photo-

shop进行后期处理，统一图片素材风格和格式。一共处理300多张图片，保存成PNG格式，保留PSD源文件以便后期随时修改。最后将修改好的图片放到图片素材的文件夹中用于视频和课件制作。

2）视频素材。视频能够形象直观地表达知识点，又能凸显课件主要特点的动态效果。片头视频是整个课件的开篇，具有画龙点睛的作用，因此在制作过程中特别关注视频节奏和背景音乐处理，用After Effects制作片头视频素材。

3）音频素材。音频素材包括解说词、背景音乐和效果声等三类，用于视频素材和课件需要，以《运动损伤与急救》作为参考依据录制讲解音频。利用Audition软件对课件和视频中需要的音频素材进行录制和后期处理。课件中的所有音频格式为MP3。

课件制作  课件通过编程猫平台制作，强调图形化编程技术，完成课件结构、页面布局和交互制作，将文字、图片、声音和视频素材依据课件规律整合。课件的界面如图1、图2、图3、图4所示。

1）课件结构。课件一共有29页，首先是封面页，接下来是片头界面、交互界面（包括总目录界面和分目录界面），再到学习界面（包括视频界面和小游戏界面），最后到总测试界面（包括引导界面和答题界面）。

2）页面布局。

①封面页，包括课件标题、参考书目以及开始按钮。课件标题和开始按钮位于正中央，二者呈上下分布;参考书目位于右下角。

②片头界面，包括一个片头视频和四个按钮。四个按钮分别是前进、后退、播放、暂停，其中前进和后退按钮分别位于右下角和左下角，播放和暂停按钮位于右上方，二者呈上下分布。

③交互界面，包括总目录界面和分目录界面。首先是总目录界面，包括虚脱、中暑、拉伤、扭伤、总测试等五个按钮，其中总测试按钮位于圆环中心，其余四个按钮围绕总测试按钮呈圆环式分布;还包括返回按钮，位于界面的右下角。其次是分目录界面，包括简介、症状、处理、小贴士、游戏测试等五个按钮，这五个按钮呈上下分布;还包括home按钮，位于界面的右下角。

④学习界面，包括视频界面和小游戏界面。首先是视频界面，包括讲解视频和两个按钮，其中两个按钮分别是home按钮和返回按钮，分别位于界面的左下角和右下角。其次是小游戏界面，包括多个动态图片按钮，对这些图片按钮进行点击会触发左上角的图形脚本;还包括返回按钮，位于界面的右下角。

⑤总测试界面，包括引导界面和答题界面。首先是引导界面，包括一个图形进入按钮，位于界面的上方;还包括返回按钮，位于界面的右下角。其次是答题界面，包括每一个题目下的两个答案按钮，对这些答案按钮进行点击会触发左上角的图形脚本;还包括返回按钮，位于界面的右下角。

3）交互制作。

①封面页。设置开始按钮，学习者点击后就可以进入学习。

②片头界面。设置四个按钮，分别是前进、后退、播放、暂停：点击前进按钮，可以跳转到下一个界面;点击后退按钮，可以返回到上一个界面;点击暂停按钮，视频暂停播放;点击播放按钮，视频继续播放。

④交互界面，包括总目录界面和分目录界面。首先是总目录界面，设置五个按钮，分别是虚脱、中暑、拉伤、扭伤、总测试，分别点击各个按钮，可以跳转到相对应的分目录界面;设置返回按钮，点击可以返回到封面页。其次是分目录界面，设置五个按钮，分别是简介、症状、处理、小贴士、游戏测试，分别点击各个按钮，可以跳转到相对应的学习界面;设置home按钮，点击可以返回到总目录界面。

⑤学习界面，包括视频界面和小游戏界面。首先是视频界面，设置两个按钮，分别是home按钮和返回按钮，点击home按钮可以返回到总目录界面，点击返回按钮可以返回到分目录界面;其次是小游戏界面，设置返回按钮，点击可以返回到分目录界面。

⑥总测试界面，包括引导界面和答题界面。首先是引导界面，设置进入按钮，点击可以进入到答题界面;设置返回按钮，点击可以返回到总目录界面。其次是答题界面，设置返回按钮，点击可以返回到总目录界面。

课件调试与发布  课件边制作边调试，在制作过程中调试页面的布局、显示效果和素材的显示状态等，制作完成后调试页面结构之间的交互效果，反复查看课件的整体运行情况，检查课件中各种交互按钮的运行情况，并仔细观察音频和画面的同步性，若出现不同步的情况，对其进行反复修整，直至问题解决。最后将调试好的课件保存并发布。

2 结语

基于图形化编程技术的“运动损伤急救知识”课件，多媒体效果突出，交互比较明显，不再是单一的文字，而是采用了大量卡通图片和文字结合的动态形式进行展现，这种动态包括视频和课件中的动态效果，从而激发了学习者的兴趣。在游戏测试上，总共设计了五个测试游戏，包括四个学习测试和一個总测试，使学习者在学习一个模块之后，通过游戏测试来检验自己的学习成果。这样的设计使学习者能够在轻松愉悦的氛围中学习知识，从而激发学习热情。

本课件与其他同类课件相比，内容创新、技术先进，满足了当前移动端学习环境需要，在内容方面和操作方面都充分考虑了学习者的心理特征，使学习者更有兴趣学习，从而增强自主学习效果。本课件目前完全可以满足中小学生的自主学习需要，随着课件的完善，将会被应用到现代化多媒体教学中。

参考文献

[1]王琳，张阿力，麻春雁.运动损伤与急救[M].北京体育大学出版社，2006.

[2]王召娟，葛瑞洲.探析信息技术背景下多媒体课件的制作[J].华夏教师，2019（16）：92-93.

[3]陈晓瑜.制作多媒体教学辅助课件探析[J].基础教育研究，2018（2）：81-82.

[4]康曼.图形化编程在程序设计教学中的应用[J].福建电脑，2019，35（6）：114-116.

[5]张艺.针对APP制作运动损伤急救知识的脚本设计及研究：以踝关节为例[D].石家庄：河北师范大学，2017.

[6]王秉利.多媒体课件在教学中的创新应用探究[J].辽宁教育，2019（13）：54-57.

[7]雷婧婧.多媒体课件制作应注意的问题分析与探究[J].电脑知识与技术，2019，15（15）：238-239.

[8]陈德权，张东军，苏美华，等.漳州市大学生运动损伤与急救知识掌握程度的调查分析[J].南京体育学院学报（自然科学版），2016，15（6）：34-39.

[9]李春艳，张纯然.基于微信公众平台的移动学习资源的设计：以《课件制作工具》课程为例[J].办公自动化，2018，23（19）：36-39.

[10]张静洁.基于图形化编程平台的初中程序设计教学应用研究[D].西安：陕西师范大学，2018.

*基金项目：辽宁省社会科学规划基金项目“‘互联网+’背景下辽宁省高校创客教育环境构建问题研究”（L19BGL014）。

作者：温倩楠，渤海大学教育科学学院研究生;张秀琦，渤海大学教育科学学院，教授，研究方向为信息化教育（121013）。