林加論　謝廣南　張金水

摘 要：為了人體骨骼教學(xué)資源能更好地系統(tǒng)化應(yīng)用，提高課堂教學(xué)效率和課堂教學(xué)質(zhì)量，同時(shí)為了給學(xué)生提供自主學(xué)習(xí)的資源，筆者基于Flash設(shè)計(jì)開(kāi)發(fā)了一套調(diào)用資源方便快捷、展示形式多樣、具有自測(cè)學(xué)習(xí)功能的人體骨骼教學(xué)軟件，并將其運(yùn)用于教學(xué)活動(dòng)中。

關(guān)鍵詞：人體骨骼教學(xué)；flash CS5；action script3.0

中圖分類號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A

Abstract：With the purpose of better systematic application of human bones teaching resources which can improve the efficiency and the quality of classroom teaching and providing students with autonomous learning resources，the author designs and develops a human skeleton teaching software based on flash，which has the characteristics of convenient resources calling，various display forms and self-test function.The system has been applied in the teaching activities.

Keywords：human skeleton teaching；flash CS5；action script3.0

1 引言（Introduction）

人體骨骼教學(xué)是醫(yī)學(xué)教育中不可或缺的核心內(nèi)容之一，根據(jù)教學(xué)的實(shí)際需求，在人體骨骼學(xué)習(xí)中常常需看圖譜、觀察預(yù)制的標(biāo)本或特制的模型[1]， 以求能直觀的理解和掌握人體骨骼結(jié)構(gòu)。傳統(tǒng)教學(xué)中， 通常采用掛圖來(lái)教學(xué)， 現(xiàn)代教學(xué)中， 可利用多媒體教室的投影儀及實(shí)物展示臺(tái)來(lái)展示解剖圖譜與解剖標(biāo)本。然而， 前者體積大， 質(zhì)量重， 使用時(shí)繁瑣， 擠占了寶貴的教學(xué)時(shí)間， 而且不能放大， 無(wú)動(dòng)態(tài)效果； 后者雖然可以放大圖像， 但操作繁雜， 調(diào)用圖譜不方便， 也沒(méi)有動(dòng)態(tài)效果[2]。由于人體解剖學(xué)課程教學(xué)圖譜較多，為了方便學(xué)生學(xué)習(xí)使用，常見(jiàn)的方式為在課件中插入用Flash制作的一些動(dòng)畫(huà)，缺乏課程內(nèi)容的系統(tǒng)性，且調(diào)用時(shí)由于資源分散而不利于學(xué)習(xí)；也有人利用FLASH 軟件開(kāi)發(fā)了人體解剖方面的教學(xué)軟件[3]，但其動(dòng)態(tài)效果僅限于任意縮放圖片功能，而不能體現(xiàn)圖片旋轉(zhuǎn)和三維旋轉(zhuǎn)效果，且不具有各知識(shí)點(diǎn)的交互式的自測(cè)訓(xùn)練功能模塊，不利于學(xué)生課后自主學(xué)習(xí)。目前我校教師收集了不少人體骨骼教學(xué)圖片方面的資料，但資源較零散，未能形成系統(tǒng)化人體骨骼教學(xué)演示平臺(tái)，而且教師制作的課件方式主要是使用一般的PowerPoint課件制作方法制作授課講稿，此類課件趣味性、生動(dòng)性較差，互交性不強(qiáng)，且無(wú)交互式自我檢測(cè)學(xué)習(xí)模塊，不利于學(xué)生自主學(xué)習(xí)。為了人體骨骼教學(xué)資源能更好地系統(tǒng)化應(yīng)用，提高課堂教學(xué)效率和課堂教學(xué)質(zhì)量，同時(shí)為了給學(xué)生提供自主學(xué)習(xí)的資源，我們?cè)O(shè)計(jì)開(kāi)發(fā)了一套調(diào)用資源方便快捷、展示形式多樣、具有自測(cè)學(xué)習(xí)功能的人體骨骼教學(xué)軟件，并將其運(yùn)用于教學(xué)活動(dòng)中。

2 系統(tǒng)的設(shè)計(jì)（Designed to system）

人體骨骼教學(xué)系統(tǒng)針對(duì)目前我校教師收集的各種人體骨骼教學(xué)的圖片、視頻等不同類型的教學(xué)資源進(jìn)行整理、匯集，并根據(jù)現(xiàn)有的資源情況和教學(xué)內(nèi)容進(jìn)行補(bǔ)充（包括新資料采集、圖像或視頻處理），把現(xiàn)有較零散資源集成為系統(tǒng)化人體骨骼教學(xué)平臺(tái)。它是在Windows7系統(tǒng)平臺(tái)中使用Adobe Flash CS5、Macromedia Flash8、Adobe Flex Builder4.0、Photoshop CS5等工具軟件進(jìn)行開(kāi)發(fā)的。系統(tǒng)軟件最終生成exe可執(zhí)行文件，并脫離開(kāi)發(fā)環(huán)境單獨(dú)執(zhí)行，而且生成的文件較小，可直接用于任何單機(jī)。人體骨骼教學(xué)系統(tǒng)總體功能結(jié)構(gòu)如圖1所示。

2.1 素材處理

在系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)的前期，需要對(duì)各種圖片素材進(jìn)行適當(dāng)?shù)奶幚?。使用Photoshop工具可以實(shí)現(xiàn)專業(yè)的圖像編輯與處理，同時(shí)利用其廣泛的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。

2.2 動(dòng)畫(huà)制作

在本系統(tǒng)中演示教學(xué)模塊中需要利用Flash工具進(jìn)行大量的動(dòng)畫(huà)效果的制作。為了讓人體骨骼圖片演示具有較強(qiáng)的交互性，只要將鼠標(biāo)移到圖中相應(yīng)部位，在詳解區(qū)域便會(huì)出現(xiàn)該器官或部位的中、英文名稱及相關(guān)的功能說(shuō)明信息。本系統(tǒng)在教學(xué)演示時(shí)，可放大圖片和縮小顯示，顯示局部解剖圖像。對(duì)部分骨骼制作立體自動(dòng)旋轉(zhuǎn)效果，當(dāng)鼠標(biāo)單擊在旋轉(zhuǎn)人體全骨骼向左則旋轉(zhuǎn)按鈕時(shí)，骨骼會(huì)向左旋轉(zhuǎn)；在單擊在向右則旋轉(zhuǎn)按鈕時(shí)，骨骼會(huì)向右旋轉(zhuǎn)；當(dāng)鼠標(biāo)單擊在暫停按鈕時(shí)，骨骼會(huì)停止轉(zhuǎn)動(dòng)。當(dāng)鼠標(biāo)點(diǎn)擊放大按鈕時(shí)，該部位會(huì)進(jìn)行放大，當(dāng)鼠標(biāo)點(diǎn)擊縮小按鈕時(shí)，該部位分縮小并顯示。

另外，為方便學(xué)生自主學(xué)習(xí)效果檢測(cè)，系統(tǒng)附有課后習(xí)題自測(cè)模塊，課后自測(cè)題型有選擇題，填空題，連線題，拖曳題，簡(jiǎn)答題等，客觀題做完后系統(tǒng)能夠自動(dòng)評(píng)分并反饋正確答案等。該自測(cè)學(xué)習(xí)模塊的交互功能主要采用了Flash軟件中提供的Action Script腳本語(yǔ)言進(jìn)行交互代碼的編寫(xiě)。

2.3 模塊集成

主界面采用Flex Builder4.0完全可視化開(kāi)發(fā)和組件擴(kuò)展，具有很好開(kāi)發(fā)性能和開(kāi)發(fā)效率，模塊文件存儲(chǔ)在外部文件中，存儲(chǔ)路徑使用XML文件，同樣存儲(chǔ)在外部文件中，提高了軟件的可擴(kuò)展性。主界面、3D人體骨骼旋轉(zhuǎn)等均采用成熟的Action Script3.0語(yǔ)言編寫(xiě)，使得代碼更利于維護(hù)。

3 系統(tǒng)實(shí)現(xiàn)的關(guān)鍵技術(shù)（The key technology of the system）endprint

系統(tǒng)制作階段包括界面設(shè)計(jì)、菜單設(shè)計(jì)、演示教學(xué)模塊設(shè)計(jì)、自測(cè)模塊設(shè)計(jì)、視頻教學(xué)模塊、課件自學(xué)模塊和集成測(cè)試。

3.1 界面設(shè)計(jì)

人體骨骼教學(xué)軟件主界面可分為四個(gè)主要區(qū)域。區(qū)域1為動(dòng)態(tài)圖解區(qū)，主要用于展示教學(xué)圖片、視頻播放、自主習(xí)題測(cè)試和趣味游戲等；區(qū)域2為詳解區(qū)，主要用于提示圖片的各功能詳細(xì)注解；區(qū)域3為工具和歡迎區(qū)，主要用于放置放大、縮小、全屏顯示、退出全屏顯示等工具；區(qū)域4為學(xué)習(xí)導(dǎo)航區(qū)，該區(qū)域用樹(shù)形目錄集成了系統(tǒng)各部?jī)?nèi)容。主界面區(qū)域如圖2所示。

3.2 旋轉(zhuǎn)人體骨骼模塊設(shè)計(jì)與實(shí)現(xiàn)

旋轉(zhuǎn)人體骨骼是為生動(dòng)教學(xué)而設(shè)計(jì)，也是該系統(tǒng)的亮點(diǎn)之一，隨鼠標(biāo)單擊在旋轉(zhuǎn)人體骨骼向左或向右旋轉(zhuǎn)按鈕時(shí)，骨骼圖像會(huì)向相應(yīng)方向旋轉(zhuǎn)；單擊在中間時(shí)，停止轉(zhuǎn)動(dòng)。當(dāng)鼠標(biāo)點(diǎn)擊骨骼的某個(gè)具體部位時(shí)，該部位會(huì)進(jìn)行放大，并且顯示標(biāo)注出各個(gè)部位的名稱及功能。實(shí)現(xiàn)的基本思路是首先收集想要制作成立體旋轉(zhuǎn)的部位的各個(gè)角度部位圖片，再采用Flash軟件中提供的Action Script腳本語(yǔ)言，編寫(xiě)實(shí)現(xiàn)人體骨骼旋轉(zhuǎn)效果的代碼，用代碼實(shí)現(xiàn)控制左右旋轉(zhuǎn)和上下旋轉(zhuǎn)播放的效果。

以小腿骨立體圖為例，具體效果如圖3所示。

3.3 自測(cè)模塊設(shè)計(jì)與實(shí)現(xiàn)

自測(cè)模塊具有課后習(xí)題自測(cè)功能，課后自測(cè)題型有選擇題、填空題、連線題、拖曳題、簡(jiǎn)答題等，客觀題做完后系統(tǒng)能夠自動(dòng)評(píng)分并反饋正確答案等。Macromedia Flash8提供各種練習(xí)測(cè)驗(yàn)?zāi)０?，由鼠?biāo)進(jìn)行簡(jiǎn)單的設(shè)置后，只要加入試題，并編寫(xiě)少量的控制代碼就能寫(xiě)出題庫(kù)。雖然練習(xí)測(cè)驗(yàn)?zāi)０迨褂玫氖茿ction Script2.0腳本語(yǔ)言，但是還是能夠直接由Adobe Flash Builder4.0直接調(diào)用。因此能夠大大地簡(jiǎn)化開(kāi)發(fā)步驟和節(jié)省開(kāi)發(fā)時(shí)間。

以復(fù)選題為例，具體實(shí)現(xiàn)代碼如下：

onClipEvent （load） { //下一題控制代碼具體實(shí)現(xiàn)

curQuest = 0；

if（_parent.Options.QuestionsToAsk < （_parent._totalframes-2） && _parent.Options.QuestionsToAsk > 0）{

totQuest = "/ " + （_parent.Options.QuestionsToAsk+1）；

}

else{

totQuest = "/ " + String（_parent._totalframes-1）；

}

function updateFrame（） {

curQuest++；

}

updateFrame（）；

}

3.4 視頻教學(xué)模塊設(shè)計(jì)與實(shí)現(xiàn)

視頻教學(xué)模塊中嵌入了教學(xué)錄制視頻、并將其陳列在樹(shù)形目錄中，在用戶使用時(shí)只要單擊樹(shù)形目錄中的對(duì)應(yīng)教學(xué)視頻即可播放教學(xué)視頻，能夠方便學(xué)生課后復(fù)習(xí)或教師上課教學(xué)。Adobe Flash Builder4.0中提供VideoPlayer控件，可直接調(diào)用外部Flv格式視頻文件，因此只需要編寫(xiě)播放路徑即可。該軟件采用的是調(diào)用存儲(chǔ)在外部的XML文件中的FLA視頻路徑，因而即使發(fā)布軟件后也可隨意修改路徑。

3.5 課件自學(xué)模塊設(shè)計(jì)與實(shí)現(xiàn)

該系統(tǒng)在課件自學(xué)模塊中嵌入了基本的人體骨骼教學(xué)課件，并陳列在樹(shù)形目錄中，只要鼠標(biāo)輕輕的點(diǎn)擊，即可打開(kāi)課件進(jìn)行自主學(xué)習(xí)。和試題庫(kù)一樣，Macromedia Flash8同樣提供了課件制作的模板，由鼠標(biāo)進(jìn)行簡(jiǎn)單的設(shè)置后，直接使用加入課件內(nèi)容即可，并編寫(xiě)少量的控制代碼就能一個(gè)SWF格式的課件。雖然課件制作的模板也使用的是Action Script2.0腳本語(yǔ)言，同樣還是能夠直接由Adobe Flash Builder4.0直接調(diào)用。因此能夠大大地簡(jiǎn)化開(kāi)發(fā)步驟和節(jié)省開(kāi)發(fā)時(shí)間。

4 結(jié)論（Conclusion）

本文所設(shè)計(jì)開(kāi)發(fā)的人體骨骼教學(xué)系統(tǒng)主要根據(jù)我校骨骼教學(xué)模塊資源較多但較分散的情況，為更好地系統(tǒng)化應(yīng)用人體骨骼教學(xué)資源，用于輔助人體解剖教研室的課程模塊教學(xué)，并提供給學(xué)生進(jìn)行自主學(xué)習(xí)而開(kāi)發(fā)的。開(kāi)發(fā)過(guò)程中，在教學(xué)軟件內(nèi)容的系統(tǒng)化、交互性、動(dòng)態(tài)性、調(diào)用方便，以及具自測(cè)功能等方面予以較多考慮，同時(shí)又注重其具有趣味性，寓教于樂(lè)，生動(dòng)活潑，為此在學(xué)習(xí)版塊的最后還鏈接了一些關(guān)于人體骨骼主題的小游戲，增加學(xué)生學(xué)習(xí)的樂(lè)趣，為學(xué)習(xí)者提供“輕松一刻”。目前此教學(xué)軟件已用于人體解剖教研室的教學(xué)中，今后還應(yīng)適當(dāng)增加解剖學(xué)教學(xué)內(nèi)容，加大知識(shí)量，增加更多的中英文對(duì)照，以便該軟件今后可運(yùn)用的教學(xué)空間更廣。

參考文獻(xiàn)（References）

[1] 郭光金.電磁跟蹤器在人體骨骼虛擬現(xiàn)實(shí)教學(xué)系統(tǒng)中的應(yīng)用[J].北京生物醫(yī)學(xué)工程，2002，9（3）：215-217.

[2] 張?zhí)煳?，陳利軍，陳雪?Flash技術(shù)在人體解剖學(xué)虛擬實(shí)驗(yàn)室的應(yīng)用[J].中國(guó)現(xiàn)代教育，2007（6）：13-14.

[3] 余文富，王真富.FLASH在開(kāi)發(fā)人體解剖彩色圖譜教學(xué)軟件中的應(yīng)用[J].中國(guó)高等醫(yī)學(xué)教育，2005（6）：59-60.

作者簡(jiǎn)介：

林加論（1972-），女，碩士，副教授.研究領(lǐng)域：計(jì)算機(jī)應(yīng)用.

謝廣南（1990-），男，學(xué)士，軟件設(shè)計(jì)師.研究領(lǐng)域：軟件開(kāi)發(fā).

張金水（1990-），男，學(xué)士，網(wǎng)絡(luò)工程師.研究領(lǐng)域：計(jì)算機(jī)應(yīng)用.endprint