基于圖形化編程技術(shù)的課件設(shè)計(jì)與制作

溫倩楠 張秀琦

摘? 要 隨著現(xiàn)代教育技術(shù)的快速發(fā)展，課件輔助教學(xué)成為一種重要的教學(xué)手段，課件在各個(gè)學(xué)科教學(xué)中得到廣泛應(yīng)用?！斑\(yùn)動(dòng)損傷急救知識(shí)”課件充分整合技術(shù)和內(nèi)容，著重凸顯專業(yè)技能，圍繞教學(xué)內(nèi)容和課件特點(diǎn)解決趣味性問(wèn)題。最終的課件會(huì)在編程貓平臺(tái)發(fā)布，學(xué)習(xí)者可以隨時(shí)隨地進(jìn)行自主學(xué)習(xí)，從而滿足教學(xué)需要，提高學(xué)習(xí)效率。

關(guān)鍵詞 課件;圖形化編程技術(shù);運(yùn)動(dòng)損傷急救知識(shí);編程貓平臺(tái)

中圖分類號(hào)：G434? ? 文獻(xiàn)標(biāo)識(shí)碼：B

文章編號(hào)：1671-489X（2021）06-0031-03

0 引言

1）提出問(wèn)題。隨著信息化時(shí)代的到來(lái)，越來(lái)越多的多媒體課件走進(jìn)課堂。傳統(tǒng)課件的呈現(xiàn)大多以文字鋪敘為主，而且頁(yè)面設(shè)計(jì)單調(diào)、缺乏趣味性，難以激發(fā)學(xué)習(xí)者的興趣，因而影響學(xué)習(xí)效果。因此，如何增強(qiáng)課件的趣味性使學(xué)習(xí)者提高學(xué)習(xí)興趣，成為課件開發(fā)過(guò)程中亟待解決的問(wèn)題。

2）選題背景。隨著信息技術(shù)的快速發(fā)展，計(jì)算機(jī)輔助教學(xué)已經(jīng)取得較好的效果，特別是多媒體課件教學(xué)已經(jīng)成為一種重要的教學(xué)方式?！斑\(yùn)動(dòng)損傷急救知識(shí)”課件借助編程貓平臺(tái)制作而成，采用的是圖形化編程技術(shù)，通過(guò)搭建積木的方式對(duì)所制作的角色圖形進(jìn)行代碼編寫，從而形成一個(gè)完整的運(yùn)行程序。在現(xiàn)實(shí)生活中，人們難免會(huì)因?yàn)檫\(yùn)動(dòng)過(guò)度而出現(xiàn)各種各樣的損傷，不僅會(huì)帶來(lái)生活上的困擾，而且嚴(yán)重時(shí)會(huì)危及生命。但是大多數(shù)人對(duì)運(yùn)動(dòng)損傷的急救常識(shí)知之甚微，更有甚者會(huì)在發(fā)生損傷時(shí)采取錯(cuò)誤的急救方式而導(dǎo)致結(jié)果惡化。因此，了解一些急救常識(shí)和急救操作是很有必要的，這樣既能保護(hù)自己，也能挽救他人。

3）選題意義?；趫D形化編程技術(shù)的“運(yùn)動(dòng)損傷急救知識(shí)”課件可以使學(xué)習(xí)者深入了解和掌握運(yùn)動(dòng)損傷的相關(guān)急救知識(shí)，能夠使學(xué)習(xí)者在現(xiàn)實(shí)生活中針對(duì)一些突發(fā)的損傷采取正確的處理方式。課件在傳統(tǒng)制作的基礎(chǔ)上將知識(shí)點(diǎn)、視頻以及小游戲融合在一起，不僅可以讓學(xué)習(xí)者更直觀便捷地掌握所要學(xué)習(xí)的知識(shí)點(diǎn)，而且使教學(xué)過(guò)程變得生動(dòng)有趣，從而激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，增強(qiáng)教育教學(xué)效果。

在信息化時(shí)代背景下，多媒體課件是一種重要的信息化教學(xué)資源，是在一定的教學(xué)與學(xué)習(xí)理論的指導(dǎo)下根據(jù)教學(xué)目標(biāo)進(jìn)行設(shè)計(jì)的。多媒體課件作為一種重要的信息化教學(xué)資源融入課堂，為課堂教學(xué)營(yíng)造了濃厚的學(xué)習(xí)氛圍，增強(qiáng)了課堂教學(xué)的直觀性、形象性和生動(dòng)性。“運(yùn)動(dòng)損傷急救知識(shí)”課件是借助編程貓平臺(tái)制作的，該平臺(tái)強(qiáng)大的交互功能以及卡通化的形象更有利于學(xué)習(xí)者進(jìn)行高效學(xué)習(xí)，既改變了傳統(tǒng)的教學(xué)模式，又使學(xué)習(xí)者在輕松愉悅的氣氛中學(xué)習(xí)，從而增強(qiáng)學(xué)習(xí)效果。

1 課件的設(shè)計(jì)與制作

基于圖形化編程技術(shù)的“運(yùn)動(dòng)損傷急救知識(shí)”課件設(shè)計(jì)與制作的流程包括六個(gè)步驟：確定教學(xué)主題、教學(xué)設(shè)計(jì)、系統(tǒng)設(shè)計(jì)、素材搜集、課件制作、課件調(diào)試與發(fā)布。

確定教學(xué)主題? 通過(guò)調(diào)查研究，確定虛脫、中暑、拉傷和扭傷四個(gè)教學(xué)內(nèi)容，以北京體育大學(xué)出版社出版的《運(yùn)動(dòng)損傷與急救》作為參考依據(jù)。

教學(xué)設(shè)計(jì)

1）學(xué)習(xí)者分析?；趫D形化編程技術(shù)的“運(yùn)動(dòng)損傷急救知識(shí)”課件所面向的學(xué)習(xí)人群是廣大中小學(xué)生，他們已掌握一定的信息技術(shù)知識(shí)，可以熟練運(yùn)用計(jì)算機(jī)進(jìn)行網(wǎng)上操作，并能夠在課件導(dǎo)航的幫助下獨(dú)立完成自主學(xué)習(xí)。

2）教學(xué)目標(biāo)分析。

①認(rèn)知目標(biāo)：通過(guò)學(xué)習(xí)四大模塊的知識(shí)，使學(xué)習(xí)者了解運(yùn)動(dòng)損傷的基本概念、出現(xiàn)的癥狀以及針對(duì)這些癥狀采取正確的方法。

②技能目標(biāo)：通過(guò)學(xué)習(xí)四大模塊的知識(shí)，學(xué)習(xí)者具備分辨運(yùn)動(dòng)損傷輕重程度的能力，并且具備正確處理各種突發(fā)狀況的能力。

③情感目標(biāo)：通過(guò)學(xué)習(xí)運(yùn)動(dòng)損傷的急救知識(shí)，培養(yǎng)學(xué)習(xí)者關(guān)心自己、幫助他人的優(yōu)良思想品德，提高自身素質(zhì)并形成積極主動(dòng)的學(xué)習(xí)態(tài)度，養(yǎng)成在生活中學(xué)習(xí)、積累知識(shí)的良好習(xí)慣。

3）教學(xué)內(nèi)容分析。課件以北京體育大學(xué)出版社出版的《運(yùn)動(dòng)損傷與急救》作為參考依據(jù)，主要選定其中的四大模塊知識(shí)作為教學(xué)內(nèi)容。首先，學(xué)習(xí)者點(diǎn)擊開始進(jìn)入目錄界面，選擇自己要學(xué)習(xí)的模塊知識(shí);其次，學(xué)習(xí)者通過(guò)進(jìn)入各個(gè)模塊的分目錄進(jìn)行相關(guān)的視頻學(xué)習(xí)，掌握基礎(chǔ)的知識(shí)內(nèi)容，包括簡(jiǎn)介、癥狀、處理、小貼士;再次，知識(shí)點(diǎn)視頻學(xué)習(xí)完成后，學(xué)習(xí)者進(jìn)入游戲測(cè)試界面，運(yùn)用學(xué)過(guò)的知識(shí)點(diǎn)來(lái)回答相關(guān)問(wèn)題，對(duì)知識(shí)點(diǎn)進(jìn)行二次回顧;最后，學(xué)習(xí)者返回目錄界面，點(diǎn)擊進(jìn)入游戲總測(cè)試，需要綜合運(yùn)用四大模塊所學(xué)過(guò)的知識(shí)點(diǎn)來(lái)完成相關(guān)測(cè)試，激發(fā)學(xué)習(xí)興趣，提高綜合運(yùn)用知識(shí)的能力。

系統(tǒng)設(shè)計(jì)? 課件的界面由封面頁(yè)、片頭界面、交互界面、學(xué)習(xí)界面和總測(cè)試界面五部分構(gòu)成，主體采用的是扁平化設(shè)計(jì)風(fēng)格。扁平化設(shè)計(jì)風(fēng)格基于極簡(jiǎn)主義理念，通過(guò)構(gòu)造簡(jiǎn)單的圖形、數(shù)字符號(hào)以及典型的顏色來(lái)達(dá)到簡(jiǎn)約直觀的目的。隨著信息技術(shù)的不斷發(fā)展，這種扁平化的設(shè)計(jì)風(fēng)格常常會(huì)被應(yīng)用到各大網(wǎng)站和軟件中，以其簡(jiǎn)潔、清爽的風(fēng)格特色給人們帶來(lái)獨(dú)特的視覺享受。

課件在設(shè)計(jì)制作過(guò)程中將扁平化設(shè)計(jì)風(fēng)格運(yùn)用其中，一是表現(xiàn)在排版方面，遵循一定的視覺流程規(guī)律，并在設(shè)計(jì)過(guò)程中有針對(duì)性地優(yōu)化版面布局，使整個(gè)課件的內(nèi)容主次分明、通俗易懂;二是表現(xiàn)在色彩方面，在設(shè)計(jì)過(guò)程中注重各個(gè)板塊之間的色彩搭配，有效地增強(qiáng)了整個(gè)課件的視覺效果;三是表現(xiàn)在圖文方面，課件大量運(yùn)用圖文結(jié)合的形式來(lái)展現(xiàn)相關(guān)內(nèi)容，直觀形象的圖文更符合學(xué)習(xí)者的心理特征，從而激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。

素材搜集

1）圖片素材。圖片素材是課件設(shè)計(jì)的主要素材之一，來(lái)源于編程貓平臺(tái)和互聯(lián)網(wǎng)。之后通過(guò)圖像處理軟件Photo-

shop進(jìn)行后期處理，統(tǒng)一圖片素材風(fēng)格和格式。一共處理300多張圖片，保存成PNG格式，保留PSD源文件以便后期隨時(shí)修改。最后將修改好的圖片放到圖片素材的文件夾中用于視頻和課件制作。

2）視頻素材。視頻能夠形象直觀地表達(dá)知識(shí)點(diǎn)，又能凸顯課件主要特點(diǎn)的動(dòng)態(tài)效果。片頭視頻是整個(gè)課件的開篇，具有畫龍點(diǎn)睛的作用，因此在制作過(guò)程中特別關(guān)注視頻節(jié)奏和背景音樂(lè)處理，用After Effects制作片頭視頻素材。

3）音頻素材。音頻素材包括解說(shuō)詞、背景音樂(lè)和效果聲等三類，用于視頻素材和課件需要，以《運(yùn)動(dòng)損傷與急救》作為參考依據(jù)錄制講解音頻。利用Audition軟件對(duì)課件和視頻中需要的音頻素材進(jìn)行錄制和后期處理。課件中的所有音頻格式為MP3。

課件制作? 課件通過(guò)編程貓平臺(tái)制作，強(qiáng)調(diào)圖形化編程技術(shù)，完成課件結(jié)構(gòu)、頁(yè)面布局和交互制作，將文字、圖片、聲音和視頻素材依據(jù)課件規(guī)律整合。課件的界面如圖1、圖2、圖3、圖4所示。

1）課件結(jié)構(gòu)。課件一共有29頁(yè)，首先是封面頁(yè)，接下來(lái)是片頭界面、交互界面（包括總目錄界面和分目錄界面），再到學(xué)習(xí)界面（包括視頻界面和小游戲界面），最后到總測(cè)試界面（包括引導(dǎo)界面和答題界面）。

2）頁(yè)面布局。

①封面頁(yè)，包括課件標(biāo)題、參考書目以及開始按鈕。課件標(biāo)題和開始按鈕位于正中央，二者呈上下分布;參考書目位于右下角。

②片頭界面，包括一個(gè)片頭視頻和四個(gè)按鈕。四個(gè)按鈕分別是前進(jìn)、后退、播放、暫停，其中前進(jìn)和后退按鈕分別位于右下角和左下角，播放和暫停按鈕位于右上方，二者呈上下分布。

③交互界面，包括總目錄界面和分目錄界面。首先是總目錄界面，包括虛脫、中暑、拉傷、扭傷、總測(cè)試等五個(gè)按鈕，其中總測(cè)試按鈕位于圓環(huán)中心，其余四個(gè)按鈕圍繞總測(cè)試按鈕呈圓環(huán)式分布;還包括返回按鈕，位于界面的右下角。其次是分目錄界面，包括簡(jiǎn)介、癥狀、處理、小貼士、游戲測(cè)試等五個(gè)按鈕，這五個(gè)按鈕呈上下分布;還包括home按鈕，位于界面的右下角。

④學(xué)習(xí)界面，包括視頻界面和小游戲界面。首先是視頻界面，包括講解視頻和兩個(gè)按鈕，其中兩個(gè)按鈕分別是home按鈕和返回按鈕，分別位于界面的左下角和右下角。其次是小游戲界面，包括多個(gè)動(dòng)態(tài)圖片按鈕，對(duì)這些圖片按鈕進(jìn)行點(diǎn)擊會(huì)觸發(fā)左上角的圖形腳本;還包括返回按鈕，位于界面的右下角。

⑤總測(cè)試界面，包括引導(dǎo)界面和答題界面。首先是引導(dǎo)界面，包括一個(gè)圖形進(jìn)入按鈕，位于界面的上方;還包括返回按鈕，位于界面的右下角。其次是答題界面，包括每一個(gè)題目下的兩個(gè)答案按鈕，對(duì)這些答案按鈕進(jìn)行點(diǎn)擊會(huì)觸發(fā)左上角的圖形腳本;還包括返回按鈕，位于界面的右下角。

3）交互制作。

①封面頁(yè)。設(shè)置開始按鈕，學(xué)習(xí)者點(diǎn)擊后就可以進(jìn)入學(xué)習(xí)。

②片頭界面。設(shè)置四個(gè)按鈕，分別是前進(jìn)、后退、播放、暫停：點(diǎn)擊前進(jìn)按鈕，可以跳轉(zhuǎn)到下一個(gè)界面;點(diǎn)擊后退按鈕，可以返回到上一個(gè)界面;點(diǎn)擊暫停按鈕，視頻暫停播放;點(diǎn)擊播放按鈕，視頻繼續(xù)播放。

④交互界面，包括總目錄界面和分目錄界面。首先是總目錄界面，設(shè)置五個(gè)按鈕，分別是虛脫、中暑、拉傷、扭傷、總測(cè)試，分別點(diǎn)擊各個(gè)按鈕，可以跳轉(zhuǎn)到相對(duì)應(yīng)的分目錄界面;設(shè)置返回按鈕，點(diǎn)擊可以返回到封面頁(yè)。其次是分目錄界面，設(shè)置五個(gè)按鈕，分別是簡(jiǎn)介、癥狀、處理、小貼士、游戲測(cè)試，分別點(diǎn)擊各個(gè)按鈕，可以跳轉(zhuǎn)到相對(duì)應(yīng)的學(xué)習(xí)界面;設(shè)置home按鈕，點(diǎn)擊可以返回到總目錄界面。

⑤學(xué)習(xí)界面，包括視頻界面和小游戲界面。首先是視頻界面，設(shè)置兩個(gè)按鈕，分別是home按鈕和返回按鈕，點(diǎn)擊home按鈕可以返回到總目錄界面，點(diǎn)擊返回按鈕可以返回到分目錄界面;其次是小游戲界面，設(shè)置返回按鈕，點(diǎn)擊可以返回到分目錄界面。

⑥總測(cè)試界面，包括引導(dǎo)界面和答題界面。首先是引導(dǎo)界面，設(shè)置進(jìn)入按鈕，點(diǎn)擊可以進(jìn)入到答題界面;設(shè)置返回按鈕，點(diǎn)擊可以返回到總目錄界面。其次是答題界面，設(shè)置返回按鈕，點(diǎn)擊可以返回到總目錄界面。

課件調(diào)試與發(fā)布? 課件邊制作邊調(diào)試，在制作過(guò)程中調(diào)試頁(yè)面的布局、顯示效果和素材的顯示狀態(tài)等，制作完成后調(diào)試頁(yè)面結(jié)構(gòu)之間的交互效果，反復(fù)查看課件的整體運(yùn)行情況，檢查課件中各種交互按鈕的運(yùn)行情況，并仔細(xì)觀察音頻和畫面的同步性，若出現(xiàn)不同步的情況，對(duì)其進(jìn)行反復(fù)修整，直至問(wèn)題解決。最后將調(diào)試好的課件保存并發(fā)布。

2 結(jié)語(yǔ)

基于圖形化編程技術(shù)的“運(yùn)動(dòng)損傷急救知識(shí)”課件，多媒體效果突出，交互比較明顯，不再是單一的文字，而是采用了大量卡通圖片和文字結(jié)合的動(dòng)態(tài)形式進(jìn)行展現(xiàn)，這種動(dòng)態(tài)包括視頻和課件中的動(dòng)態(tài)效果，從而激發(fā)了學(xué)習(xí)者的興趣。在游戲測(cè)試上，總共設(shè)計(jì)了五個(gè)測(cè)試游戲，包括四個(gè)學(xué)習(xí)測(cè)試和一個(gè)總測(cè)試，使學(xué)習(xí)者在學(xué)習(xí)一個(gè)模塊之后，通過(guò)游戲測(cè)試來(lái)檢驗(yàn)自己的學(xué)習(xí)成果。這樣的設(shè)計(jì)使學(xué)習(xí)者能夠在輕松愉悅的氛圍中學(xué)習(xí)知識(shí)，從而激發(fā)學(xué)習(xí)熱情。

本課件與其他同類課件相比，內(nèi)容創(chuàng)新、技術(shù)先進(jìn)，滿足了當(dāng)前移動(dòng)端學(xué)習(xí)環(huán)境需要，在內(nèi)容方面和操作方面都充分考慮了學(xué)習(xí)者的心理特征，使學(xué)習(xí)者更有興趣學(xué)習(xí)，從而增強(qiáng)自主學(xué)習(xí)效果。本課件目前完全可以滿足中小學(xué)生的自主學(xué)習(xí)需要，隨著課件的完善，將會(huì)被應(yīng)用到現(xiàn)代化多媒體教學(xué)中。

參考文獻(xiàn)

[1]王琳，張阿力，麻春雁.運(yùn)動(dòng)損傷與急救[M].北京體育大學(xué)出版社，2006.

[2]王召娟，葛瑞洲.探析信息技術(shù)背景下多媒體課件的制作[J].華夏教師，2019（16）：92-93.

[3]陳曉瑜.制作多媒體教學(xué)輔助課件探析[J].基礎(chǔ)教育研究，2018（2）：81-82.

[4]康曼.圖形化編程在程序設(shè)計(jì)教學(xué)中的應(yīng)用[J].福建電腦，2019，35（6）：114-116.

[5]張藝.針對(duì)APP制作運(yùn)動(dòng)損傷急救知識(shí)的腳本設(shè)計(jì)及研究：以踝關(guān)節(jié)為例[D].石家莊：河北師范大學(xué)，2017.

[6]王秉利.多媒體課件在教學(xué)中的創(chuàng)新應(yīng)用探究[J].遼寧教育，2019（13）：54-57.

[7]雷婧婧.多媒體課件制作應(yīng)注意的問(wèn)題分析與探究[J].電腦知識(shí)與技術(shù)，2019，15（15）：238-239.

[8]陳德權(quán)，張東軍，蘇美華，等.漳州市大學(xué)生運(yùn)動(dòng)損傷與急救知識(shí)掌握程度的調(diào)查分析[J].南京體育學(xué)院學(xué)報(bào)（自然科學(xué)版），2016，15（6）：34-39.

[9]李春艷，張純?nèi)?基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)資源的設(shè)計(jì)：以《課件制作工具》課程為例[J].辦公自動(dòng)化，2018，23（19）：36-39.

[10]張靜潔.基于圖形化編程平臺(tái)的初中程序設(shè)計(jì)教學(xué)應(yīng)用研究[D].西安：陜西師范大學(xué)，2018.

*基金項(xiàng)目：遼寧省社會(huì)科學(xué)規(guī)劃基金項(xiàng)目“‘互聯(lián)網(wǎng)+’背景下遼寧省高校創(chuàng)客教育環(huán)境構(gòu)建問(wèn)題研究”（L19BGL014）。

作者：溫倩楠，渤海大學(xué)教育科學(xué)學(xué)院研究生;張秀琦，渤海大學(xué)教育科學(xué)學(xué)院，教授，研究方向?yàn)樾畔⒒逃?21013）。