關於計算機硬體安裝的課件開發
1 開發背景
在計算機公共課教學中，計算機硬體的教學內容是該課程的一個重要組成。但在教學中一般的過程是介紹硬體系統的組成、工作原理、各個硬體引數等。學生幾乎沒有對實際硬體接觸乃至組裝的機會。如果沒有實際的接觸和組裝，這部分的教學效果會大打折扣，筆者根據自己的教學實際需求，利用FLASH CS5.5 AS3.0及Photoshop設計和開發了一款適合計算機硬體教學的互動式課件。
2 課件基本模組設計
本課件根據教學實際需求包含硬體系統工作原理、具體硬體介紹、安裝演示、模擬安裝練習和測試習題五個部分
工作原理介紹功能：利用動畫演示計算機對資料加工處理的基本過程。分為輸入、儲存、運算和輸出4個環節。
主要硬體介紹功能：利用動畫演示每個硬體在計算機中的位置，物理外形、主要引數等
安裝演示功能：利用教學錄影演示計算機硬體的整個安裝流程，先介紹硬體實物然後進入具體安裝，整個過程有配音和字幕。
模擬模擬安裝：利用互動式動畫建立一個模擬模擬的安裝環境，使用者透過拖放式的遊戲進行硬體的模擬安裝。
習題練習功能：利用互動功能建立單項選擇練習題環境，使用者可以透過練習檢驗自己所學知識的掌握情況。
3 主介面搭建
主介面是一個導航介面，透過主介面可以跳轉到前面所述的各個功能模組。主介面建立在技術上主要是利用圖形繪製介面，新增相應按鈕來進行跳轉控制。跳轉控制主要透過編寫按鈕的CLICK事件監聽程式來實現。介面的基本外觀如圖1所示。
4 各個功能實現
1）工作原理介紹功能實現
首先建立獨立場景，在本場景下匯入相關基本素材。整個工作原理介紹為一個完整的動畫自動演示過程，以一個顯示二進位制數的元件模擬一個被加工處理的資料，利用帶有箭頭的線段作為控制線、資料線和地址線的訊號變化和方向變化。在控制線動畫的`作用下產生輸入動作，資料元件從輸入裝置端進入透過資料線進入記憶體，記憶體中一個帶有地址編號的單元出現該資料表示一個儲存動作。在透過控制線動畫模擬發出運算指令向記憶體取資料，記憶體中資料元件進入CPU，隨後進行運算操作。控制線再發出存放資料指令將運算後的資料存入記憶體中。控制線發出輸出指令，資料透過資料線傳遞至輸出裝置，整個動畫演示結束。本部分的功能實現首先要清楚瞭解計算機的基本工作原理，然後在技術實現上能夠更形象描述出每個動作變化。對每個環節上動畫之間順序進行正確編排，本部分基本不需要程式碼編寫即可完成。
2）硬體演示實現
硬體演示的目標是告訴學習者每個硬體在計算機中所處位置，物理外觀如何以及主要引數意義。因此本模組採用了二級導航，使用者選擇不同硬體按鈕後播放不同的動畫內容，如單擊“CPU”按鈕時，首先顯示CPU在計算機中的位置；然後彈出物理外觀圖；同時介紹物理外觀下的各個部分；最後放大CPU背面顯示主要引數。其他硬體部分以此類推。
3）硬體系統安裝演示實現
在這部分功能中主要是一個教學錄影片。教學錄影錄製時，先介紹每個主要獨立硬體，安裝工具，最後是安裝過程。在安裝過程錄製時有每一步驟的配音，安裝步驟科學安排。首先是在主機板上安裝CPU、風扇、記憶體和顯示卡；然後將主機板固定於機箱，將機箱相關連線與主機板連線；安裝硬碟及光碟機；封箱後連線鍵盤滑鼠顯示器等外圍裝置。
教學錄影中的一些重要環節應該加入提示標記等符號，因此錄製完成後再利用會聲會影加以編輯。在相應的時段加入提示符號，提示字幕來為學習者更加詳細的解釋安裝過程。
4）硬體安裝模擬實現
該功能可以解決實際安裝需要拆解機器，造成器件消耗的成本問題。安裝模擬採用互動遊戲的模式，學習者可以透過在模擬環境下的操作來進行安裝的練習。
以主機板硬體安裝為例，首先需要完成素材準備。為了模擬該環境，將一個主機板和主機板上所有插接的原件拍攝成圖片；利用Photoshop對圖片中主機板上的原件進行擷取，儲存為獨立圖片。該工作結束後，將得到主機板及所插接硬體的整體圖片，主機板上插接的各個部件（如顯示卡、記憶體、CPU等）圖片。第二部將上述圖片匯入Flash庫中，在新建場景中，利用匯入的圖片建立主機板元件及主機板上插接部件相關的元件，將這些元件一一放入場景中，佈局位置大概位置如圖2所示，同時為各個元件例項進行命名。命名是為了在後續的程式程式碼中對這些元件進行引用。
在基本場景及元件建立完成後，核心工作是對指定的元件進行編碼來完成模擬安裝互動操作。以記憶體安裝為例。首先場景右側放置了記憶體的元件，例項名稱為nc；在主機板上記憶體位置放置了一個記憶體元件，例項名稱為ncs；在主機板記憶體相應位置製作一個與此位置圖形一致的圖形元件，例項名為nccz；在動作程式碼中將ncs設定為不可見，this.ncs.alpha=0。然後編寫nc和nccz的監聽程式碼。 Nc元件的程式碼主要是響應滑鼠拖動，拖動中釋放滑鼠時檢測其是否與nccz元件發生了hitTestObject事件；如果發生則令ncs可見，拖放結束，nc不可見；否則nc回到原來位置。具體程式碼如下：
function release_xk（event：MouseEvent）
{if （tnc.hitTestObject（nccz））
{this. nc.alpha = 0；
this.tnc.stopDrag（）；
this.ncs.alpha = 100；}
else
{tnc.y = 235.85；
tnc.x = 80.15；
nc.stopDrag（）；}}
function move_nc（event：MouseEvent）
{this.nc.startDrag（）；}
nc.addEventListener（MouseEvent.MOUSE_DOWN，move_nc）；
tnc.addEventListener（MouseEvent.MOUSE_UP，release_xk）；
測試時，拖動nc元件，如果nc元件正好被拖動至nccz上釋放滑鼠，則ncs控制元件會顯示在記憶體應該所在位置；如果沒有在nccz上釋放滑鼠，那麼hitTestObject事件不會發生，則nc將回到原來位置顯示，可以繼續進行拖動操作。
5）單選練習功能實現
建立場景如圖3所示，主要包含了4個複選按鈕控制元件ca、cb、cc、cd，作為4個選項按鈕，添加了3個按鈕st、xt、pd，st切換到上一題；xt切換到下一題；pd判斷答題結果。該功能的主要控制邏輯是當操作者做出選擇並單擊判斷按鈕後，根據選擇的選項是否正確給出提示，提示方式是播放一個正確zq或錯誤cw的影片剪輯。
主要程式碼如下：
判斷作答是否正確程式碼
Function pd1（pd：MouseEvent）
{if（ca.selected==0 &&cb.selected==1 &&cc.selected==0 &&cd.selected==0）
{right_mc.play（）；}
else{
false_mc.play（）；}}
pd.addEventListener（MouseEvent.CLICK，pd1）；
試題之間切換程式碼
function xyt（e：MouseEvent）
{this.nextFrame（）；}
xt.addEventListener（MouseEvent.CLICK，xyt）；
//跳轉上一題；
function xyt（e：MouseEvent）
{this.prevFrame（）；}
xt.addEventListener（MouseEvent.CLICK，xyt）；
5 測試應用
經過除錯後，最後釋出生成swf檔案，在本學期的課堂教學中投入實際應用。在硬體教學中主要以該課件進行，學生對這種形式非常歡迎，課堂教學效果有了進一步改善。尤其是模擬安裝練習和習題測試，由於是具有互動性的環境學生樂於反覆嘗試，這要最直接的結果就是對計算機硬體課程內容的良好掌握。