濟(jì)南大學(xué)畢業(yè)設(shè)計(jì)PAGE25-1前言1.1選題意義《工程制圖》作為理工科一門重要的技術(shù)基礎(chǔ)課，對(duì)學(xué)生后續(xù)專業(yè)課程的學(xué)習(xí)及工程素養(yǎng)的培養(yǎng)具有重要意義。其實(shí)踐性強(qiáng)的特點(diǎn)，使得作業(yè)練習(xí)和作圖訓(xùn)練對(duì)課程學(xué)習(xí)質(zhì)量的影響尤為重要。課程特點(diǎn)和課堂教學(xué)時(shí)數(shù)的有限性，決定了課程必須依托并挖掘現(xiàn)代信息技術(shù)的優(yōu)勢(shì)和潛能，構(gòu)建一個(gè)直觀的交互式學(xué)習(xí)環(huán)境，使學(xué)生在課堂學(xué)習(xí)中遇到的問題可以通過教學(xué)系統(tǒng)得到及時(shí)解答和指導(dǎo)，從而激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生課外自主學(xué)習(xí)的能力。現(xiàn)有制圖練習(xí)、測(cè)試的評(píng)判大多是以人為主，紙質(zhì)作業(yè)情況下批閱的人需要目測(cè)或者使用繪圖儀器進(jìn)行測(cè)量以便判斷作業(yè)圖形的正誤情況。就算是采用計(jì)算機(jī)繪圖進(jìn)行作業(yè)也是停留在人工審閱階段，打開圖形，批閱人查詢或者將答案插進(jìn)去對(duì)比檢查再評(píng)判分?jǐn)?shù)，其實(shí)這些都存在不確定性，另外，批閱過程中批閱人要給出一定的評(píng)語實(shí)則工作量是很艱巨的。這也就存在著效率低、失誤多、資源浪費(fèi)等等的缺陷。所以實(shí)現(xiàn)在線的自測(cè)系統(tǒng)是非常有必要的[1]。1.2研究現(xiàn)狀隨著社會(huì)經(jīng)濟(jì)的飛速發(fā)展，目前網(wǎng)絡(luò)化教育代表了教育改革的一個(gè)發(fā)展方向，已經(jīng)成為現(xiàn)代教育的一個(gè)特征。事實(shí)上在線自測(cè)系統(tǒng)也正是人們的研究熱點(diǎn)之一。但是由于工程制圖圖形數(shù)據(jù)的復(fù)雜性和特殊性，工程制圖在線自測(cè)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)存在不同程度的難度。尤其是機(jī)械制圖的作圖題目一直還未實(shí)現(xiàn)在線測(cè)試。發(fā)展是必須的，這就要求我們要重視關(guān)于工程制圖的二次開發(fā)。在線自測(cè)系統(tǒng)是一種高效便捷的網(wǎng)上學(xué)習(xí)方式，提供自我測(cè)試和評(píng)價(jià)的一個(gè)系統(tǒng)和平臺(tái)。隨著高等學(xué)校在教與學(xué)模式方面的改革，針對(duì)工程制圖授課和測(cè)試方面的很多弊端以及這可以有效促進(jìn)學(xué)生主動(dòng)自覺的獲取更多圖學(xué)方面的知識(shí)，人們?cè)絹碓街匾曈嘘P(guān)集成化練習(xí)和試題在線自測(cè)系統(tǒng)的研究開發(fā)。有效的在線測(cè)試系統(tǒng)不僅可以有效減輕教師批改作業(yè)的負(fù)擔(dān)，更重要的是可以幫助學(xué)生用最少的時(shí)間完成自我測(cè)試，還可以幫助學(xué)生進(jìn)行練習(xí)和復(fù)習(xí)，使學(xué)生自己能隨時(shí)了解自己的課程掌握的程度，能及時(shí)的發(fā)現(xiàn)問題解決問題，同時(shí)這也有助于學(xué)生培養(yǎng)自學(xué)的能力和習(xí)慣[2]。目前情況來看，計(jì)算機(jī)自動(dòng)測(cè)評(píng)系統(tǒng)只能是針對(duì)客觀題，其中包含判斷正誤題、選擇題、填空題這些的判斷測(cè)評(píng)。也有些研究已經(jīng)突破了難關(guān)實(shí)現(xiàn)了圖形操作題的自測(cè)系統(tǒng)。對(duì)于作圖題目這次課題設(shè)計(jì)也僅限于是判斷和選擇形式的，真正的操作題因制作復(fù)雜，而我個(gè)人所學(xué)軟件有限還不能完全實(shí)現(xiàn)。2設(shè)計(jì)內(nèi)容2.1設(shè)計(jì)內(nèi)容概述這次選擇設(shè)計(jì)的課題富有很強(qiáng)的針對(duì)性，是要求完成工程制圖的在線測(cè)試系統(tǒng)的設(shè)計(jì)。這次的課題設(shè)計(jì)主要涉及到的是Flash軟件的使用，XML的數(shù)據(jù)文件的編寫和調(diào)用，再就是通過Dreamweaver設(shè)計(jì)一個(gè)交互的網(wǎng)頁，使得Flash的設(shè)計(jì)系統(tǒng)得到一個(gè)動(dòng)感顯示，也就是實(shí)現(xiàn)在線的自測(cè)、錯(cuò)誤統(tǒng)計(jì)和成績(jī)統(tǒng)計(jì)的一些具體的功能[1]。Flash有很強(qiáng)大的二維交互動(dòng)畫的功能，利用一些腳本語言可以設(shè)計(jì)出實(shí)現(xiàn)交互功能的測(cè)試系統(tǒng)，此次是結(jié)合XML，用其建立數(shù)據(jù)文件，將試題信息編寫到XML文件中存儲(chǔ)，XML語言是一種可擴(kuò)充的標(biāo)記語言，可以根據(jù)需要自行的定義修改，這樣使得系統(tǒng)可以是一個(gè)模板，提供信息的人可以根據(jù)自己的需要更改信息，彌補(bǔ)了Flash本身在更改信息時(shí)必須到源程序中修改的缺陷，提供了很大的便利[3]。Dreamweaver主要是用來制作網(wǎng)頁，實(shí)現(xiàn)在線的自測(cè)，這過程要求要把素材放在一個(gè)專門的文件夾中，這樣教師可以根據(jù)教學(xué)需要把教學(xué)測(cè)試和練習(xí)及時(shí)的呈現(xiàn)給學(xué)生，而學(xué)生自己也可以根據(jù)自身的實(shí)際情況有選擇的進(jìn)行練習(xí)來滿足不同階段的學(xué)習(xí)需求。這樣跟隨了當(dāng)下信息發(fā)展的需要，學(xué)生接觸的不再是單調(diào)的習(xí)題冊(cè)而是具有豐富學(xué)習(xí)資源的開放的網(wǎng)絡(luò)環(huán)境，有助于提高學(xué)生自主學(xué)習(xí)的能力，培養(yǎng)自主學(xué)習(xí)的好習(xí)慣[4]。2.2預(yù)期研究結(jié)果開發(fā)的是一套基于Flash和XML的工程制圖的測(cè)試系統(tǒng)，并通過網(wǎng)頁展示，主要是以選擇題和判斷題為主，這分為兩部分，一部分是以文本為主的選擇判斷，一部分是以作圖顯示的選擇判斷，通過這些題目的測(cè)試考察學(xué)生的一些最基本的制圖知識(shí)的掌握以及繪圖能力的考察。基于我個(gè)人能力的限制還沒能實(shí)現(xiàn)在線的繪圖方面的操作考察。3設(shè)計(jì)方案3.1設(shè)計(jì)方案綜述基于個(gè)人對(duì)課題的選擇和理解，以及自己所掌握的關(guān)于Flash的知識(shí)，在課題初始我所考慮的是Flash本身的功能就可以實(shí)現(xiàn)，原本方案就只是利用Flash自身的功能去實(shí)現(xiàn)，在開始做的過程中發(fā)現(xiàn)它的缺陷，制作過程復(fù)雜而且費(fèi)時(shí)間關(guān)鍵是不便于及時(shí)的更改信息，這樣就失去了系統(tǒng)的存在意義，根據(jù)信息發(fā)展需要這樣是不符合開發(fā)需求的，也就失去了二次開發(fā)的意義。通過老師的指導(dǎo)以及搜查到的資料后來就做出了兩大部分的調(diào)整，一個(gè)是針對(duì)文本行試題的系統(tǒng)實(shí)現(xiàn)，利用了擴(kuò)張標(biāo)記語言XML編寫外部的數(shù)據(jù)文件，在Flash內(nèi)部完成試題界面的設(shè)計(jì)，再通過腳本語言將外部的數(shù)據(jù)文件載入到內(nèi)部，這樣想要更新試題內(nèi)容只需打開編寫的數(shù)據(jù)文件更改其內(nèi)容，系統(tǒng)便會(huì)自動(dòng)跟隨其更新，免去了要去Flash系統(tǒng)內(nèi)的源文件的修改煩惱，大大節(jié)省了時(shí)間和程序。另外就是由于編寫的數(shù)據(jù)文件只是針對(duì)文本，對(duì)于工程制圖而言作圖知識(shí)的考試是必不可少的，這就需要最基礎(chǔ)的Flash的功能實(shí)現(xiàn)，將有關(guān)試題做成一幀一幀的試題界面，通過簡(jiǎn)單的腳本動(dòng)作語言實(shí)現(xiàn)其判斷正誤，成績(jī)顯示，系統(tǒng)返回，這樣系統(tǒng)存在的問題就是對(duì)于想要及時(shí)更新里面的內(nèi)容會(huì)顯得比較麻煩，而且相對(duì)前一部分的制作來說也會(huì)是比較費(fèi)時(shí)間。系統(tǒng)設(shè)計(jì)完成后就是要實(shí)現(xiàn)在線，根據(jù)要求，考慮要把系統(tǒng)放置的大的網(wǎng)絡(luò)環(huán)境（學(xué)院網(wǎng)站），利用Dreamweaver設(shè)計(jì)合適的頁面來鏈接到所完成的Flash系統(tǒng)，這樣基本就完成了這次課題的要求。3.2基本框架此課題要實(shí)現(xiàn)工程制圖的在線測(cè)試，它包含三個(gè)大的部分:章節(jié)練習(xí)、隨機(jī)練習(xí)和模擬考試。試題內(nèi)容包含理論題和作圖題。系統(tǒng)的總體結(jié)構(gòu)如圖3.1所示理論理論題作圖題工程制圖在線測(cè)試系統(tǒng)章節(jié)練習(xí)隨機(jī)練習(xí)模擬考試圖3.1系統(tǒng)結(jié)構(gòu)圖系統(tǒng)設(shè)計(jì)完成后要嵌入網(wǎng)頁中，通過鏈接實(shí)現(xiàn)，結(jié)構(gòu)圖如圖3.2所示。工程制圖自測(cè)系統(tǒng)首頁自測(cè)園區(qū)習(xí)題模塊網(wǎng)頁首頁工程制圖自測(cè)系統(tǒng)首頁自測(cè)園區(qū)習(xí)題模塊網(wǎng)頁首頁圖3.2在線測(cè)試系統(tǒng)示意試題專區(qū)中利用了XML擴(kuò)展標(biāo)記語言形成了數(shù)據(jù)文件，通過Flash內(nèi)部的腳本語現(xiàn)的內(nèi)容,過程實(shí)現(xiàn)如圖3.3所示：試題界面試題界面腳本語言XML數(shù)據(jù)文件Flash中的用于載入XML文件的動(dòng)作語言圖3.3各部分間的關(guān)系及流程順序4系統(tǒng)設(shè)計(jì)4.1文本為主的設(shè)計(jì)這塊的設(shè)計(jì)主要是分三個(gè)大的部分來分別負(fù)責(zé)，有總的界面設(shè)計(jì)、需要加載的外部數(shù)據(jù)文件和動(dòng)作腳本文件。界面的設(shè)計(jì)主要是展示出試題內(nèi)容、交互按鈕以及最后的測(cè)評(píng)結(jié)果等等的信息；需要加載的外部文件是結(jié)合了XML技術(shù)，將試題內(nèi)容和相關(guān)信息如題號(hào)、選項(xiàng)、正確答案等存放到了XML文檔中，這個(gè)文件是獨(dú)立的數(shù)據(jù)信息；運(yùn)行時(shí)Flash中的ActionScript腳本語言就是界面與外部數(shù)據(jù)文件的通信橋梁，它將XML文件中的數(shù)據(jù)內(nèi)容解析后存放到數(shù)組中并通過界面顯示出來。另外所建立的這三個(gè)部分的文件是要放在同一目錄下的[5]。4.1XML是一種可擴(kuò)展的源標(biāo)記語言，是可以定義其他語言的語言。是一種跨平臺(tái)傳輸數(shù)據(jù)的標(biāo)準(zhǔn)，它擁有一些方法，可以在開發(fā)各種應(yīng)用程序時(shí)調(diào)用所對(duì)應(yīng)的方法。而且它的結(jié)構(gòu)和語法都比較嚴(yán)謹(jǐn)，容易閱讀且不會(huì)產(chǎn)生歧義，在需要時(shí)可以轉(zhuǎn)換為其他的格式。Flash擁有處理XML的能力，XML對(duì)象允許輸入和集成任何WEB上的XML格式的數(shù)據(jù)到Flash中[2]。因這次課題設(shè)計(jì)所用的關(guān)于XML語言的知識(shí)只是最基本的，不需要使用專門的XML編輯器，我們可以使用記事本來編寫。此次我所用的就以下面介紹的格式編寫：<?xmlversion="1.0"encoding="UTF-8"?>[7]<root><t1key="C"><qu>(1)機(jī)械制圖中國(guó)家標(biāo)準(zhǔn)規(guī)定漢字是()</qu><answer>A草體</answer><answer>B長(zhǎng)仿宋體</answer><answer>C宋體</answer><answer>D楷體</answer></t1><t2key=".."><qu>(2)。。。。</qu><answer>A..</answer><answer>B..</answer><answer>C..</answer><answer>D..</answer></t2>…………</root>這個(gè)XML文件中<root>………</root>是屬于XML編輯中的格式，是一個(gè)文件中的根元素，來保留所有文檔的內(nèi)容。所要添加的內(nèi)容只要在中間添加就可以了。開頭是屬于XML的聲明解釋，一般在文件中用到中文的話最好有encoding="UTF-8"，這樣在運(yùn)行XML文件時(shí)就不會(huì)出現(xiàn)亂碼現(xiàn)象了。<qu>是表示題目?jī)?nèi)容，<answer>是關(guān)于題目選項(xiàng)，Key=””是這道題目的答案，每道題目完成后以</ti>結(jié)束。想要多少題目只要在根元素下創(chuàng)建多少個(gè)<ti>….</ti>就好。值得注意的是因?yàn)槲覀冊(cè)诰庉媂ML文件時(shí)沒有使用專門的編輯器而是記事本，所以在編寫完文件后保存是在輸入名稱后，要以.xml為文件擴(kuò)展名并在保存類型中選擇Unicode或者UTF-8再保存，這樣就生成XML數(shù)據(jù)文件了，最后將數(shù)據(jù)文件存放到建好的文件夾中[7]。4.1首先打開Flash軟件，打開文件新建選擇常規(guī)選項(xiàng)卡中的新建flash文檔，這樣將文檔命名保存到數(shù)據(jù)文件所在的文件夾。然后選擇圖層1的第一幀根據(jù)自己的設(shè)計(jì)首先建立一靜態(tài)文本框輸入比如“章節(jié)練習(xí)”的字樣，然后在此圖層上加以按鈕，以點(diǎn)擊進(jìn)入。具體狀態(tài)如圖4.1所示：圖4.1試題界面第一幀布局接著插入一空白關(guān)鍵幀，也可以根據(jù)自己的喜好來創(chuàng)建不同的背景圖或者顏色，這一幀主要是用來添加ActionScript腳本語言來加載外部的數(shù)據(jù)文件的，此次設(shè)計(jì)中是用的attachMovie的方法加載的。另外此時(shí)按下Ctrl+F8鍵打開創(chuàng)建原件的對(duì)話框，命名，比如“question”類型選擇影片剪輯，點(diǎn)擊確定，此時(shí)就打開了此原件的編輯狀態(tài)，這樣點(diǎn)擊工具中的文本工具，將其屬性更改為動(dòng)態(tài)文本框，在編輯中添加四個(gè)動(dòng)態(tài)文本框，同時(shí)分別將四個(gè)文本框的實(shí)例名設(shè)為如：t_txt,k1_txt,k2_txt,k3_txt,以便于腳本語言中編輯使用。另外按下Ctrl+F7打開組件庫(kù)調(diào)出單選按鈕Radiobutton組件四個(gè)，將四個(gè)按鈕的實(shí)例名分別設(shè)置為A_btn,B_btn,C_btn,D_btn,并設(shè)置其屬性及參數(shù)如下圖4.2所示圖4.2單選按鈕的屬性設(shè)置這樣便完成了question影片剪輯的創(chuàng)建了，然后回到到場(chǎng)景中，繼續(xù)圖層的編輯。此時(shí)要編輯第三幀，還是同前一樣選擇想要的背景顏色，這時(shí)在此幀主要是添加兩個(gè)按鈕，“上一題”與“下一題”，也就是導(dǎo)航按鈕，便于做題過程中的翻頁。此時(shí)可以用組件庫(kù)中的Button組件并對(duì)其進(jìn)行屬性及參數(shù)設(shè)置如下圖4.3所示：圖4.3button組件的屬性及參數(shù)設(shè)置以上第三幀的工作也完成了，接下來就是做個(gè)結(jié)束的界面，以做成績(jī)統(tǒng)計(jì)以及返回首頁。選中第四幀添加空白關(guān)鍵幀，設(shè)置好背景，添加一靜態(tài)文本框?qū)憽敖Y(jié)束”或者“成績(jī)統(tǒng)計(jì)”的字樣，然后在文字下添加一空的動(dòng)態(tài)文本框以做分?jǐn)?shù)顯示，另外在此幀上還要添加一按鈕，以做完題目返回首頁，設(shè)置其實(shí)例名為replay_btn,第四幀的設(shè)置完成如下圖4.4所示：圖4.4成績(jī)統(tǒng)計(jì)界面的設(shè)置此時(shí)就已經(jīng)完成了試題界面的設(shè)計(jì)了，再一部分便是在Flash中添加動(dòng)作語言來導(dǎo)入外部的XML文本文件以及對(duì)頁面一些按鈕的動(dòng)作設(shè)置。下面來介紹這部分。4.1腳本語言主要是將外部編輯的文本文件導(dǎo)入到Flash中以顯示出所要表現(xiàn)的內(nèi)容，主要的就是對(duì)XML文檔的解析，設(shè)計(jì)中主要是通過attachMovie的方法將XML文檔加載到Flash中。其主要加載代碼如下面所示：myxml=newXML();//定義一個(gè)XML對(duì)象myxml.ignoreWhite=true;//忽略xml文檔中的空格System.useCodepage=true;//一個(gè)布爾值，通知FlashPlayer使用的是Unicode來解釋外部文本文件myxml.load("lianxixml.xml");載入XML文件key_arr=newArray();建立答案數(shù)組t_arr=newArray();建立題目數(shù)組result_arr=newArray();mykey_arr=newArray();myxml.onLoad=function(ss){//判斷是否加載成功 if(ss){ trace("loadXMLOK");…………}在flash中建立Array數(shù)組來完成對(duì)操縱數(shù)組的訪問。并將數(shù)據(jù)內(nèi)容存放到數(shù)組中。t_arr[i].question=tt[i].childNodes[0].firstChild; t_arr[i].k1=tt[i].childNodes[1].firstChild; t_arr[i].k2=tt[i].childNodes[2].firstChild; t_arr[i].k3=tt[i].childNodes[3].firstChild; t_arr[i].k4=tt[i].childNodes[4].firstChild這里所體現(xiàn)的是對(duì)文檔中題目?jī)?nèi)容和選擇項(xiàng)的讀取。attachMovie("mc","qu",1,{_x:30,_y:50});這句是加載的關(guān)鍵，前面所提到的建立的“question”影片剪輯，在庫(kù)中找到這元件，右鍵單擊找到鏈接項(xiàng)，選中第一項(xiàng)自動(dòng)會(huì)選中第三項(xiàng)，將標(biāo)識(shí)符改為“mc”或者原名不改只是選中鏈接項(xiàng)，在用attachMovie時(shí)寫出相應(yīng)的標(biāo)識(shí)符即可，這樣才能鏈接上才能正確讀取所要表現(xiàn)的內(nèi)容。大括號(hào)里是加載后內(nèi)容所在的坐標(biāo)顯示。還要添加的便是關(guān)于“上一題”和“下一題”的按鈕動(dòng)作，在動(dòng)作同時(shí)還有對(duì)選項(xiàng)的一個(gè)判斷，代碼如下形式next_btn.onRelease=function(){ if(qu.A_btn.selected==true){ mykey_arr[v1-1]="A"; } if(qu.B_btn.selected==true){ mykey_arr[v1-1]="B"; } if(qu.C_btn.selected==true){ mykey_arr[v1-1]="C"; } if(qu.D_btn.selected==true){ mykey_arr[v1-1]="D"; } if(v1<len){ qu.A_btn.selected=false; qu.B_btn.selected=false; qu.C_btn.selected=false; qu.D_btn.selected=false; qu.t_txt.text=t_arr[result_arr[v1]].question; qu.k1_txt.text=t_arr[result_arr[v1]].k1; qu.k2_txt.text=t_arr[result_arr[v1]].k2; qu.k3_txt.text=t_arr[result_arr[v1]].k3; qu.k4_txt.text=t_arr[result_arr[v1]].k4; v1++; }else{ qu.removeMovieClip(); nextFrame(); }};這里用到了在試題界面設(shè)計(jì)時(shí)提到到要寫的按鈕的實(shí)例名，設(shè)置的要與腳本語言中的相一致，不然運(yùn)行是不會(huì)成功的。最后的代碼是關(guān)于成績(jī)顯示以及運(yùn)行回去的，在代碼中所要設(shè)置的就是關(guān)于每道題目的分值，以及所選答案與正確答案是否相符合，還有就是總分?jǐn)?shù)的計(jì)算方式，通過判斷答案自動(dòng)計(jì)算出所做完成后的成績(jī)并顯示出來，在最后的頁面設(shè)置中還有一個(gè)關(guān)鍵的按鈕，就是回到首頁，也就是重新開始。這最后的代碼中也設(shè)置了所做的答案與系統(tǒng)所給的正確答案的一個(gè)對(duì)比，不只是知道最后成績(jī)還可以看到自己都是哪一道題目做錯(cuò)了。下面圖4.5便是最后一幀的腳本：圖4.5結(jié)束頁面的代碼顯示4.到目前的介紹為止，以文本為主的選擇題測(cè)試系統(tǒng)算是完成了。其運(yùn)行結(jié)果如下圖4.6所示：圖4.6運(yùn)行結(jié)果顯示在所有題目做完的最后會(huì)是成績(jī)顯示部分，并且系統(tǒng)的正確答案會(huì)與所做的測(cè)試答案有個(gè)對(duì)比，這樣可以很明顯的看出測(cè)試中到底是哪道題目出現(xiàn)了錯(cuò)誤，還有就是在最后頁面有個(gè)返回按鈕，便于重新來過，反復(fù)做題鞏固練習(xí)。4.2圖形選擇題為主的設(shè)計(jì)這塊在方案綜述中提到了，因?yàn)閿?shù)據(jù)文件的本身問題，編輯中不能將有關(guān)圖形的選擇題目加入，所以選擇了另外一種方式來實(shí)現(xiàn)這種類型的題目，就是直接用Flash制作，也可以稱為為直接制作法，就是利用單選按鈕作備選答案選項(xiàng)，利用動(dòng)態(tài)文本對(duì)象顯示反饋信息。而前面所介紹的是外部文件載入法，最大的優(yōu)點(diǎn)就是便于修改更新。4.打開flash文檔，在圖層1的第一幀上利用工具中的文本工具，設(shè)置屬性為靜態(tài)文本，然后將題目?jī)?nèi)容輸入，將選項(xiàng)也輸入，在以后的每一幀點(diǎn)右鍵選擇插入空白關(guān)鍵幀，分別將要顯示的題目輸入到各幀，有多少題目就用多少幀。如下圖4.7所示：[3]圖4.7顯示題目選項(xiàng)4.Ctrl+F7打開組件庫(kù)調(diào)用Radiobutton組件四個(gè)，放到與選項(xiàng)相對(duì)應(yīng)的地方，這里與前面調(diào)用時(shí)相比有所不同，沒有實(shí)例名的設(shè)置。但是參數(shù)設(shè)置中要多一些，尤其是關(guān)于groupName的設(shè)置，每一幀上一題，那么每一幀的調(diào)用的四個(gè)按鈕為一組，那么每組的groupName就要定義不同，如a1……ai或者其他，只要有所區(qū)別就行，這為添加腳本時(shí)提供便利。參數(shù)設(shè)置可以根據(jù)下圖4.8來進(jìn)行設(shè)置。圖4.8單選按鈕的參數(shù)設(shè)置圖中的“data”設(shè)置的是在選中該按鈕時(shí)的數(shù)據(jù)信息，也就是一種判斷，一組的按鈕的“data”屬性肯定只有一個(gè)是正確的選項(xiàng)將其設(shè)置為“正確”或者“對(duì)”，其他的三個(gè)設(shè)置為錯(cuò)誤就可以了，這樣在做題過程中選擇時(shí)會(huì)判斷其正誤。這只是其中一幀的設(shè)置，剩下每一幀的題目都按照這樣的方式設(shè)置即可。此時(shí)要選擇在界面上合適的位置添加一動(dòng)態(tài)文本框，并將它的實(shí)例名設(shè)置為“text”，它的作用便和這設(shè)置中的“data”屬性相關(guān)，每選擇一項(xiàng)它會(huì)顯示出你選擇的是不是正確的答案，這樣就可以知道自己做錯(cuò)了哪些題目。接著再打開組件庫(kù)調(diào)用兩個(gè)button組件，作為“下一題”“上一題”的按鈕。至此題目的界面設(shè)置就算是完成了，如下圖4.9所示：圖4.9界面效果4.2在加入選擇題目的每一幀上加入stop()的命令，然后給翻頁按鈕“下一題”添加動(dòng)作代碼如下圖4.10所示：圖4.10添加腳本動(dòng)作圖“上一題”按鈕的代碼于此差不多，不再顯示。選中該幀，為這一幀添加以下代碼：[3]flashistListener=newObject();//定義偵聽器對(duì)象flashistListener.click=function(evt){//定義偵聽器對(duì)象的click事件函數(shù)txt.text=evt.target.selection.data;//將用戶單擊的那個(gè)單選按鈕的data值保存在txt中};a1.addEventListener("click",flashistListener);//將組名為a1的按鈕注冊(cè)到偵聽器對(duì)象這是關(guān)于單選按鈕的屬性值的判斷和顯示，這里就用到了groupName的設(shè)置值，以及文本框的實(shí)例名，便于識(shí)別。4.這樣關(guān)于涉及圖形的選擇題的制作也完成了，運(yùn)行結(jié)果如下圖4.11所示：圖4.11運(yùn)行效果圖4.3進(jìn)入頁面的設(shè)計(jì)完成了系統(tǒng)中一些需要體現(xiàn)出來的界面設(shè)計(jì)和編寫，還要有個(gè)首頁的設(shè)計(jì)也就是系統(tǒng)打開首先呈現(xiàn)出來的一個(gè)界面。我所設(shè)計(jì)的總共分了三個(gè)版塊：隨機(jī)練習(xí)、章節(jié)練習(xí)和模擬考試。這三個(gè)版塊以按鈕的形式出現(xiàn)，可以根據(jù)自己的喜好制作出來，也可以直接調(diào)用button組件。如下圖4.12所示：圖4.12首頁圖展示這樣要為首頁的三個(gè)按鈕添加網(wǎng)絡(luò)動(dòng)作來實(shí)現(xiàn)跟前面所做的flash的文件鏈接，這里我用getURL來建立鏈接，它的語句格式為：getURL(url,window,methord)。首先將前面做的flash動(dòng)畫都存放到電腦中的某一個(gè)盤里的新建的文件夾里，自己命名好，這時(shí)要把做的flash動(dòng)畫做【發(fā)布設(shè)置】，發(fā)布后是.swf文件和.html文件的形式。通過getURL鏈接這兩種類型的文件都可以，只要把目標(biāo)路徑填正確就行。現(xiàn)在給首頁上三個(gè)按鈕添加例如下面的代碼，如選中“隨機(jī)練習(xí)”按鈕，按下F9打開動(dòng)作面板添加鏈接代碼：on(release){ getURL("File:///F:/實(shí)例/隨機(jī)練習(xí)xml.swf");}或者是on(release){ getURL("File:///F:/實(shí)例/隨機(jī)練習(xí)xml.html");}這樣當(dāng)運(yùn)行時(shí)，點(diǎn)擊不同的按鈕會(huì)對(duì)應(yīng)的打開前面已經(jīng)做好的系統(tǒng)，如下圖4.13所示：圖4.135網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)就是針對(duì)這次課題的“在線”，要將其發(fā)布到學(xué)院網(wǎng)站以實(shí)現(xiàn)學(xué)生能隨時(shí)登錄進(jìn)行自測(cè)，這才是最終的目的。當(dāng)然Flash本身也有網(wǎng)頁制作的功能，只是完全用Flash制作網(wǎng)頁的話設(shè)計(jì)過程會(huì)很繁瑣而且所產(chǎn)生的網(wǎng)頁占據(jù)的空間也很大。所以選擇了專業(yè)網(wǎng)頁制作的工具：Dreamweaver。它的特點(diǎn)是代碼簡(jiǎn)單。使用Dreamweaver調(diào)用和控制Flash動(dòng)畫很方便，用Dreamweaver制作網(wǎng)頁，將Flash動(dòng)畫作為模塊嵌入到網(wǎng)頁中，這樣制作網(wǎng)頁方便也可以為頁面增添動(dòng)感[11]。5.1基本網(wǎng)頁的制作首先是在Dreamweaver中制作一網(wǎng)頁。因?yàn)橐獙?shí)現(xiàn)的系統(tǒng)是要跟學(xué)院網(wǎng)站結(jié)合起來，所以網(wǎng)頁采用了學(xué)院網(wǎng)站的圖片。頁面結(jié)構(gòu)跟學(xué)院網(wǎng)站相一致。啟動(dòng)Dreamweaver，選擇“創(chuàng)建新項(xiàng)目”下的“HTML”文檔，這就進(jìn)入了Dreamweaver的工作界面。在正式開始制作網(wǎng)頁前，應(yīng)該先定義一個(gè)新網(wǎng)站，以便于利用站點(diǎn)管理器對(duì)站點(diǎn)文件進(jìn)行管理。站點(diǎn)建立時(shí)在向?qū)г儐柺欠袷褂梅?wù)器技術(shù)時(shí)選擇否，使用文件選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器（推薦）”單選框，并在下面的文本框中輸入本地站點(diǎn)所在的根文件夾。其他設(shè)置根據(jù)提示和自己的需要選擇，這樣就完成了站點(diǎn)的創(chuàng)建。要在本地站點(diǎn)中制作所需要的網(wǎng)頁，先在本地站點(diǎn)文件列表中選擇也要保存新建文件夾的文件夾，執(zhí)行“文件/新建文件”菜單命令，創(chuàng)建一個(gè)新的網(wǎng)頁文件，注意編輯名稱時(shí)添加文件擴(kuò)展名比如.htm。雙擊新建網(wǎng)頁文件即可在工作區(qū)進(jìn)行編輯了。先將學(xué)院圖片插入，如下圖5.1所示：[12]圖5.1網(wǎng)頁基本結(jié)構(gòu)所生成代碼如下所示：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無標(biāo)題文檔</title><styletype="text/css"><!--.STYLE1{ font-family:"宋體"; font-size:x-large;}body,td,th{ font-size:large; color:#FF0000; font-weight:bold;}body{ background-color:#99FF99; background-image:url(p_large_1WqF_1459000141315c43.jpg);}--></style></head><body><p><imgsrc="濟(jì)南大學(xué).jpg"width="1185"height="152"/></p><pclass="STYLE1">教學(xué)管理畢設(shè)雙選</p><pclass="STYLE1">精品課程教育培訓(xùn)</p><pclass="STYLE1"><ahref="jt.html">自測(cè)園區(qū)</a>選課系統(tǒng)</p><pclass="STYLE1"> </p></body></html>而后點(diǎn)擊自測(cè)園區(qū)進(jìn)入另一頁面如下圖5.2所示：圖5.2創(chuàng)建好所需網(wǎng)頁，再進(jìn)行網(wǎng)頁的鏈接以及網(wǎng)頁與所做系統(tǒng)之間的鏈接。選中作為鏈接要用的圖畫或文字，在屬性欄里有鏈接欄，打開瀏覽，選擇要鏈接的網(wǎng)頁，按下F12，點(diǎn)擊保存，這樣兩個(gè)關(guān)聯(lián)的網(wǎng)頁就連在一塊了。在鏈接Flash動(dòng)畫時(shí)，要將做好的系統(tǒng)事先發(fā)布成html或swf形式，做鏈接即可。在做網(wǎng)頁布局結(jié)構(gòu)時(shí)有些基本的代碼如下：<styletype="text/css"><!--body,td,th{ color:#FF0000;}body{ background-color:#99FF99; background-image:url(p_large_4cSe_0791000140045c3f}.STYLE1{ font-size:x-large; font-family:"宋體";}#Layer1{ position:absolute; width:200px; height:115px; z-index:1; left:274px; top:196px;}--></style><p><imgsrc="濟(jì)南大學(xué)2.jpg"width="1167"height="132"/></p><pclass="STYLE1">機(jī)械設(shè)計(jì)自測(cè)</p><pclass="STYLE1">電工電子自測(cè)</p><pclass="STYLE1">控制工程自測(cè)</p><pclass="STYLE1"><ahref="首頁.swf">工程制圖自測(cè)</a></p>鏈接完成后按下F12檢測(cè)運(yùn)行結(jié)果如下圖5.3所示：圖5.36結(jié)論整個(gè)制作的過程主要是Flash的基本運(yùn)用，利用Flash的制作動(dòng)畫和強(qiáng)大的交互功能來實(shí)現(xiàn)了以選擇題判斷題測(cè)驗(yàn)為主的系統(tǒng)，它表現(xiàn)出了內(nèi)容豐富，頁面自主化，便于修改和更新信息的特點(diǎn)。這次課題設(shè)計(jì)主要實(shí)現(xiàn)的是關(guān)于工程制圖選擇題和判斷題目在線的自我測(cè)試，設(shè)計(jì)中文本部分主要是利用了XML技術(shù)形成了外部的數(shù)據(jù)文本文件，存儲(chǔ)了關(guān)于試題的數(shù)據(jù)信息，然后利用Flash的動(dòng)作腳本語言調(diào)用其包含的信息，這樣在需要的時(shí)候想要修改試題內(nèi)容時(shí)不需要重新做系統(tǒng)，只需要修改XML文檔中的內(nèi)容就好，方便又省事。另外的就是關(guān)于圖形選擇題判斷題的設(shè)計(jì)，主要是利用了Flash本身，屬于直接制作法，它所體現(xiàn)出來的就是制作比較簡(jiǎn)單，尤其腳本語言部分的編輯很簡(jiǎn)單，只是關(guān)于所用相關(guān)按鈕的動(dòng)作設(shè)計(jì)，簡(jiǎn)單的判斷正誤和信息反饋。不過這種方法相比加載外部的數(shù)據(jù)文件的方法時(shí)就存在它的缺陷了，就是想要修改題目?jī)?nèi)容時(shí)只能到源程序中去更改，顯得很麻煩且浪費(fèi)時(shí)間。FLASH所完成的部分是這次課題的核心部分，是這個(gè)系統(tǒng)實(shí)現(xiàn)的關(guān)鍵，系統(tǒng)的設(shè)計(jì)完全可以自主化的，突顯內(nèi)容為主，頁面的風(fēng)格為輔，網(wǎng)頁設(shè)計(jì)部分結(jié)合了學(xué)院網(wǎng)站的風(fēng)格，與其相一致，這樣基本上完成了這次課題的設(shè)計(jì)。參考文獻(xiàn)[1]袁寧.Flash動(dòng)畫在網(wǎng)頁中的應(yīng)用[J].電腦學(xué)習(xí).2005(6):13-15[2]周揚(yáng).基于Flash_xml的網(wǎng)絡(luò)教學(xué)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].科技信息，2009（13）:445.[3]王善增.使用FlashMX2004制作單項(xiàng)選擇題兩法[J].軟件研制,2006（2）：60-63.[4]盧衛(wèi)平.高校教學(xué)輔助網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].上海水產(chǎn)大學(xué)學(xué)報(bào),2007（4）：404-407.[5]徐華.用Flash制作單項(xiàng)選擇測(cè)試題的有效方法[J].軟件研制,2005(9):1-2.[6]黃孫灼.工程制圖試題庫(kù)建設(shè)的探索與實(shí)踐[J].閩西職業(yè)技術(shù)學(xué)院學(xué)報(bào),2010（1）：108-112.[7]張培山.基于XML的Flash選擇題測(cè)驗(yàn)?zāi)０宓难芯颗c實(shí)踐[J].技術(shù)與應(yīng)用,2006(12)69-71.[8]高西林.基于Flash的工程制圖CAI課件的研究與開發(fā)[J].西安工程科技學(xué)院學(xué)報(bào),2006(6):784-786.[9]神龍工作室.FLASH8完全自學(xué)教程[M].北京：人民郵電出版社,2007（2）：535-562.[10]王翠茹.利用FlashMX進(jìn)行Web教學(xué)自測(cè)系統(tǒng)設(shè)計(jì)的方法[J].內(nèi)蒙古科技與經(jīng)濟(jì),2007(16):221-222.[11]張?chǎng)?基于Dreamweaver的教學(xué)網(wǎng)站設(shè)計(jì)[J].軟件導(dǎo)刊（教育技術(shù)）,2009(9):63-64.[12]神龍工作室.新手做網(wǎng)頁精選500問[M].北京：人民郵電出版社,2004(6):18-20.[13]張銘鐸.網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)中Dreamweaver創(chuàng)建使用XSLT顯示XML數(shù)據(jù)的頁面[J].信息與電腦（理論版）,2010(4):62-63.[14]羅晉華.用Flash設(shè)計(jì)網(wǎng)上通用教學(xué)自測(cè)系統(tǒng).計(jì)算機(jī)應(yīng)用[J],2002(2)：85.基于C8051F單片機(jī)直流電動(dòng)機(jī)反饋控制系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的嵌入式Web服務(wù)器的研究MOTOROLA單片機(jī)MC68HC（8）05PV8/A內(nèi)嵌EEPROM的工藝和制程方法及對(duì)良率的影響研究基于模糊控制的電阻釬焊單片機(jī)溫度控制系統(tǒng)的研制基于MCS-51系列單片機(jī)的通用控制模塊的研究基于單片機(jī)實(shí)現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調(diào)節(jié)器單片機(jī)控制的二級(jí)倒立擺系統(tǒng)的研究基于增強(qiáng)型51系列單片機(jī)的TCP/IP協(xié)議棧的實(shí)現(xiàn)基于單片機(jī)的蓄電池自動(dòng)監(jiān)測(cè)系統(tǒng)基于32位嵌入式單片機(jī)系統(tǒng)的圖像采集與處理技術(shù)的研究基于單片機(jī)的作物營(yíng)養(yǎng)診斷專家系統(tǒng)的研究基于單片機(jī)的交流伺服電機(jī)運(yùn)動(dòng)控制系統(tǒng)研究與開發(fā)基于單片機(jī)的泵管內(nèi)壁硬度測(cè)試儀的研制基于單片機(jī)的自動(dòng)找平控制系統(tǒng)研究基于C8051F040單片機(jī)的嵌入式系統(tǒng)開發(fā)基于單片機(jī)的液壓動(dòng)力系統(tǒng)狀態(tài)監(jiān)測(cè)儀開發(fā)模糊Smith智能控制方法的研究及其單片機(jī)實(shí)現(xiàn)一種基于單片機(jī)的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機(jī)沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機(jī)的在線間歇式濁度儀的研制基于單片機(jī)的噴油泵試驗(yàn)臺(tái)控制器的研制基于單片機(jī)的軟起動(dòng)器的研究和設(shè)計(jì)基于單片機(jī)控制的高速快走絲電火花線切割機(jī)床短循環(huán)走絲方式研究基于單片機(jī)的機(jī)電產(chǎn)品控制系統(tǒng)開發(fā)基于PIC單片機(jī)的智能手機(jī)充電器基于單片機(jī)的實(shí)時(shí)內(nèi)核設(shè)計(jì)及其應(yīng)用研究基于單片機(jī)的遠(yuǎn)程抄表系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的煙氣二氧化硫濃度檢測(cè)儀的研制基于微型光譜儀的單片機(jī)系統(tǒng)單片機(jī)系統(tǒng)軟件構(gòu)件開發(fā)的技術(shù)研究基于單片機(jī)的液體點(diǎn)滴速度自動(dòng)檢測(cè)儀的研制基于單片機(jī)系統(tǒng)的多功能溫度測(cè)量?jī)x的研制基于PIC單片機(jī)的電能采集終端的設(shè)計(jì)和應(yīng)用基于單片機(jī)的光纖光柵解調(diào)儀的研制氣壓式線性摩擦焊機(jī)單片機(jī)控制系統(tǒng)的研制基于單片機(jī)的數(shù)字磁通門傳感器基于單片機(jī)的旋轉(zhuǎn)變壓器-數(shù)字轉(zhuǎn)換器的研究基于單片機(jī)的光纖Bragg光柵解調(diào)系統(tǒng)的研究單片機(jī)控制的便攜式多功能乳腺治療儀的研制基于C8051F020單片機(jī)的多生理信號(hào)檢測(cè)儀基于單片機(jī)的電機(jī)運(yùn)動(dòng)控制系統(tǒng)設(shè)計(jì)Pico專用單片機(jī)核的可測(cè)性設(shè)計(jì)研究基于MCS-51單片機(jī)的熱量計(jì)基于雙單片機(jī)的智能遙測(cè)微型氣象站MCS-51單片機(jī)構(gòu)建機(jī)器人的實(shí)踐研究基于單片機(jī)的輪軌力檢測(cè)基于單片機(jī)的GPS定位儀的研究與實(shí)現(xiàn)基于單片機(jī)的電液伺服控制系統(tǒng)用于單片機(jī)系統(tǒng)的MMC卡文件系統(tǒng)研制基于單片機(jī)的時(shí)控和計(jì)數(shù)系統(tǒng)性能優(yōu)化的研究基于單片機(jī)和CPLD的粗光柵位移測(cè)量系統(tǒng)研究單片機(jī)控制的后備式方波UPS提升高職學(xué)生單片機(jī)應(yīng)用能力的探究基于單片機(jī)控制的自動(dòng)低頻減載裝置研究基于單片機(jī)控制的水下焊接電源的研究基于單片機(jī)的多通道數(shù)據(jù)采集系統(tǒng)基于uPSD3234單片機(jī)的氚表面污染測(cè)量?jī)x的研制基于單片機(jī)的紅外測(cè)油儀的研究96系列單片機(jī)仿真器研究與設(shè)計(jì)基于單片機(jī)的單晶金剛石刀具刃磨設(shè)備的數(shù)控改造基于單片機(jī)的溫度智能控制系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)基于MSP430單片機(jī)的電梯門機(jī)控制器的研制基于單片機(jī)的氣體測(cè)漏儀的研究基于三菱M16C/6N系列單片機(jī)的CAN/USB協(xié)議轉(zhuǎn)換器基于單片機(jī)和DSP的變壓器油色譜在線監(jiān)測(cè)技術(shù)研究基于單片機(jī)的膛壁溫度報(bào)警系統(tǒng)設(shè)計(jì)基于AVR單片機(jī)的低壓無功補(bǔ)償控制器的設(shè)計(jì)基于單片機(jī)船舶電力推進(jìn)電機(jī)監(jiān)測(cè)系統(tǒng)基于單片機(jī)網(wǎng)絡(luò)的振動(dòng)信號(hào)的采集系統(tǒng)基于單片機(jī)的大容量數(shù)據(jù)存儲(chǔ)技術(shù)的應(yīng)用研究基于單片機(jī)的疊圖機(jī)研究與教學(xué)方法實(shí)踐基于單片機(jī)嵌入式Web服務(wù)器技術(shù)的研究及實(shí)現(xiàn)基于AT89S52單片機(jī)的通用數(shù)據(jù)采集系統(tǒng)基于單片機(jī)的多道脈沖幅度分析儀研究機(jī)器人旋轉(zhuǎn)電弧傳感角焊縫跟蹤單片機(jī)控制系統(tǒng)基于單片機(jī)的控制系統(tǒng)在PLC虛擬教學(xué)實(shí)驗(yàn)中的應(yīng)用研究基于單片機(jī)系統(tǒng)的網(wǎng)絡(luò)通信研究與應(yīng)用基于PIC16F877單片機(jī)的莫爾斯碼自動(dòng)譯碼系統(tǒng)設(shè)計(jì)與研究基于單片機(jī)的模糊控制器在工業(yè)電阻爐上的應(yīng)用研究基于雙單片機(jī)沖床數(shù)控系統(tǒng)的研究與開發(fā)基于Cygnal單片機(jī)的μC/OS-Ⅱ的研究基于單片機(jī)的一體化智能差示掃描量熱儀系統(tǒng)研究基于TCP/IP協(xié)議的單片機(jī)與Internet互聯(lián)的研究與實(shí)現(xiàn)變頻調(diào)速液壓電梯單片機(jī)控制器的研究基于單片機(jī)γ-免疫計(jì)數(shù)器自動(dòng)換樣功能的研究與實(shí)現(xiàn)基于單片機(jī)的倒立擺控制系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)單片機(jī)嵌入式以太網(wǎng)防盜報(bào)警系統(tǒng)基于51單