1. 首頁
  2. 計算機硬體

計算機硬體安裝的課件開發

關於計算機硬體安裝的課件開發

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檔案,在本學期的課堂教學中投入實際應用。在硬體教學中主要以該課件進行,學生對這種形式非常歡迎,課堂教學效果有了進一步改善。尤其是模擬安裝練習和習題測試,由於是具有互動性的環境學生樂於反覆嘗試,這要最直接的結果就是對計算機硬體課程內容的良好掌握。