計算機組成原理教學網(wǎng)站的設計和實現(xiàn)

1、. . . . 計算機組成原理教學的設計與實現(xiàn)序言隨著計算機網(wǎng)絡通信技術和Internet的飛速發(fā)展，基于因特網(wǎng)的計算機網(wǎng)上遠程教學已經(jīng)開始成為一種全新的教學手段，并且越來越受到人們的關注。由于網(wǎng)上教學具有時效性、共享性、交互性和個別化等諸多特點，因此它有著傳統(tǒng)教學模式所無法比擬的優(yōu)點。這樣一來，教學的開發(fā)工作就顯得尤為重要。本文依據(jù)設計出來的計算機組成原理教學，做了全面系統(tǒng)的介紹。全文共六章，按照前期的開發(fā)順序，從系統(tǒng)分析與研究開始，逐一對開發(fā)過程做了全面的介紹。在詳細設計這一章中的系統(tǒng)實現(xiàn)部分省去了煩瑣的程序代碼，用比較直觀易讀的流程圖來表示，增強了文章的可讀性。第一章，介紹了課題的開發(fā)背

2、景、課題開發(fā)的現(xiàn)實意義、相關課題的發(fā)展現(xiàn)狀以與本教學預期達到的目標。第二章，概略地介紹了開發(fā)本多用到的各種技術，比如可以實現(xiàn)動態(tài)網(wǎng)頁制作的ASP技術，功能強大的ACCESS數(shù)據(jù)庫技術等。第三章，對本的系統(tǒng)結(jié)構設計、系統(tǒng)結(jié)構功能、運行環(huán)境等概要設計階段所做的工作做了大體介紹。第四章，對數(shù)據(jù)庫進行分析，介紹了數(shù)據(jù)庫以與具體的表的設計。詳細介紹了我所設計的四個模塊中涉與到的表。第五章，具體介紹了我所負責模塊的詳細設計過程，如首頁的設計與實現(xiàn)、師生論壇的設計與實現(xiàn)以與課程描述、教師隊伍兩個靜態(tài)模塊的設計與實現(xiàn)。第六章，大體介紹了對本系統(tǒng)的測試工作，涵蓋了測試計劃、測試結(jié)果以與測試分析這三個方面的容。本

3、展現(xiàn)了一種全新的教學模式，打破了傳統(tǒng)教學模式在時間、空間上的限制，采用了先進的教學手段和教學方法，可以大大提高教學效率和教學效果，使教學活動上了一個新臺階。第1章 系統(tǒng)分析與研究1.1課題開發(fā)背景隨著計算機網(wǎng)絡通信技術和Internet的飛速發(fā)展，基于因特網(wǎng)的計算機網(wǎng)上遠程教學已經(jīng)開始成為一種全新的教學手段，并且越來越受到人們的關注。由于網(wǎng)上教學具有時效性、共享性、交互性和個別化等諸多特點，因此它有著傳統(tǒng)教學模式無法比擬的優(yōu)點，它創(chuàng)造了一種全新的教學模式，打破了傳統(tǒng)教學模式在時間、空間上的限制，采用了先進的教學手段和教學方法，可以大大提高教學效率和教學效果，使教學活動上了一個新臺階。蓬勃興起的

4、網(wǎng)上教育以其全新的高科技教學手段為解決我國當前資源嚴重短缺而教育需求日益擴大的矛盾提供了一種投資少、見效快、優(yōu)質(zhì)高效的解決方案，它必將成為我國未來教育發(fā)展的重要方向。因此，根據(jù)自身的特點設計一個師生間具有良好交互性的教學，就成為了目前我國教學開發(fā)面臨的緊要任務。1.2課題開發(fā)的現(xiàn)實意義2003年4月，教育部關于啟動高等學校教學質(zhì)量與教學改革工程精品課程建設工作的通知下發(fā)后，全國高校積極開展了精品課程建設工作。精品課程建設是一項復雜的工程，如何搞好精品課程建設，已經(jīng)成為廣大高校教師十分關注的問題。建設精品課程很重要的一個目的，就是要讓好的教學資源能夠盡可能的被更多的人來學習使用。這樣一來，精品課

5、程即教學的開發(fā)就顯得尤為重要。一門精品課程擁有大量的教學資源，我們需要將這些教學資源分門別類地發(fā)布在上。對于大綱、教案、實驗指導書之類的文檔教學資源，我們可以將它們制作成HTML 網(wǎng)頁、Flash動畫、PDF或者doc文檔等形式發(fā)布到網(wǎng)上，便于其他人查看、下載使用；對于課件，我們可以制作成PPT文件、Flash動畫、Authware 文件等方式發(fā)布到網(wǎng)上；對于大量的圖片類教學資源，我們可以使用Firework提供的相冊功能來處理。這樣既方便了開發(fā)制作者，也方便了使用者；對于音視頻類教學資源，可以將其嵌入到網(wǎng)頁當中，或者轉(zhuǎn)化為Flash然后再發(fā)布。對于練習題類教學資源，可以采用doc文件供用戶下

6、載使用。在精品課程上，除了發(fā)布各種教學資源外，還可以提供一些和用戶、學生互動的服務。比如，學生在線提問、教師在線答疑、師生在線討論、在線模擬實驗等功能。還可以嘗試網(wǎng)上在線考試這種新的考試方法。這個計算機組成原理教學的建成將提高學生的學習主動性，提高課程信息傳達的與時性，實現(xiàn)課程多種資源的展示與交流，成為教師與學生課下交流的良好平臺。1.3相關課題發(fā)展現(xiàn)狀課程搜索引擎的功能是為學生能方便地在整個課程中搜索他們想了解的信息。學生網(wǎng)頁的功能是能幫助學生在學習過程中相互協(xié)作，也為學生提供了一個方便的空間進行簡單的網(wǎng)頁設計和管理。從研究的結(jié)果來看，我國網(wǎng)絡教學平臺與建設已經(jīng)進入了一個新的發(fā)展階段，這表現(xiàn)

7、在以下三個方面：1網(wǎng)上教學環(huán)境已經(jīng)形成規(guī)模1999年，我國首次在4所普通高校開展現(xiàn)代遠程教育試點時，網(wǎng)絡應用水平是很低的。經(jīng)過這些年的努力，網(wǎng)絡應用水平正在大幅度提高。在調(diào)查的53所學院中，單純利用網(wǎng)絡發(fā)布教務文件信息、只提供課件共享點播的學院，不到10所。大多數(shù)網(wǎng)絡學院都在網(wǎng)上提供了答疑、網(wǎng)上交流等學習支持服務，從而加強了教師與分布在各地的學習者之間的互動，增進學習者的學習效果，使我國利用網(wǎng)絡的學習走入了新的發(fā)展水平。2適合自主學習的網(wǎng)上教學平臺正在豐富和完善網(wǎng)上自主學習模式正在被越來越多的網(wǎng)絡教育學院接受和應用，一些學院在實時授課的同時，積極探索和鼓勵學生采用網(wǎng)上自主學習方式學習。一些能夠

8、突出網(wǎng)上教學優(yōu)勢的功能得到采用，如學習自測管理、網(wǎng)上作業(yè)提交、作業(yè)評分管理、網(wǎng)上選課、分學科分課程的答疑等等。3注意到與普通高校常規(guī)教育資源相結(jié)合利用普通高校本身的辦學優(yōu)勢，可以提高網(wǎng)上教學平臺和建設的質(zhì)量，降低成本。1.4系統(tǒng)目標本計算機組成原理教學預期實現(xiàn)以下目標：1信息發(fā)布方便、快捷、為用戶提供全新的服務。2支持資源下載技術。3提供用戶在線論壇、留言功能，增強的互動性。4維護簡單、方便。5具有較好的安全性。33 / 33第2章 系統(tǒng)開發(fā)技術簡介通過對本系統(tǒng)功能與應用各方面的綜合分析，本采用Dreamweaver作為前臺設計工具，在此基礎上運用平時所學的動畫制作軟件Flash MX 200

9、4、圖形處理軟件photoshop8.0等進行輔助設計,制作計算機組成原理多媒體教學資料。后臺設計采用ASP技術與Microsoft Access 2000數(shù)據(jù)庫開發(fā)工具，通過ADO對象訪問數(shù)據(jù)庫，最終建設成一個有持久生命力兼容性、安全性、可擴展性良好并可以滿足師生獲取信息和服務的教學。下面對本涉與到的技術進行簡要的介紹。2.1 HTML語言HTML（Hyper Text Markup Language，超文本標記語言），它是構成網(wǎng)頁的基礎，因為程序無法控制瀏覽器的存，與瀏覽器之間只有下載網(wǎng)頁與上傳數(shù)據(jù)的關系，所以對HTML語法必須有一定的了解。WWW上的每個網(wǎng)頁都對應一個文件。我們?yōu)g覽一個頁

10、面，要先把頁面所對應的文件從提供這個文件的計算機通過Internet傳送到我們自己的計算機中，再由WWW瀏覽器翻譯成為我們見到的有文字、有圖形甚至有聲音的頁面。這些頁面對應的文件不再是普通的“文本文件”，文件中除包含文字信息外，還包括了一些具體的。這些包含的文件被稱為超文本文件。 和普通文本相比，超文本文件中多了一些對文件容的注釋，這些注釋表明了當前文字顯示的位置、顏色等信息，更重要的是，在有些注釋中包含了對用戶計算機應做出何種反應的說明，這些注釋的容經(jīng)過瀏覽器的翻譯后就成了不同的操作。為了使各種不同類型的WWW服務器都能正確地認識和執(zhí)行，超文本文件要遵從一個嚴格的標準，這個標準就是超文本標識

11、語言HTML。我們也可以利用這種語言來編寫超文本文件，在Internet上制作自己的WWW的主頁。超文本文件的概念出現(xiàn)在多媒體技術迅速發(fā)展之前，現(xiàn)在隨著多媒體技術應用的日益廣泛，超文本應該改叫“超多媒體”更加合適，的容已經(jīng)從原來文本中的一個詞或詞組，發(fā)展到現(xiàn)在一幅圖象或是圖象的一部分，通過得到的容也更加廣泛，可以是地球另一端的某臺計算機上的圖片、聲音、音樂或者電影。但不管叫超文本還是叫做超多媒體，WWW上各網(wǎng)頁都是通過來完成相互間的訪問。而要使訪問正常進行，必須使這些能夠正確地指向所要訪問的網(wǎng)頁。這些工作是通過統(tǒng)一資源定位器(URL)來實現(xiàn)的。2.2 ASP技術ASP（Active Serve

12、r Page，動態(tài)服務器網(wǎng)頁），是一種由Microsoft公司開發(fā)的服務器端的腳本語言運行環(huán)境。它是一種包含了使用VB Script或Jscript腳本程序代碼的網(wǎng)頁。當瀏覽器瀏覽ASP網(wǎng)頁時, Web服務器就會根據(jù)請求生成相應的HTML代碼然后再返回給瀏覽器,這樣瀏覽器端看到的 就是動態(tài)生成的網(wǎng)頁。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應用,它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。在了解了VB Script或Jscript的基本語法后，只需要清楚各個組件的用途、屬性、方法，就可以輕松編寫出自己的ASP系統(tǒng)。因為腳本是在服務器端運行的，所以Web服務器完成所有處理

13、后，將標準的HTML頁面送往瀏覽器。這意味著，ASP只能在可以支持的服務器上運行，服務器端的腳本無法被預先復制，用戶看到的僅僅是最終產(chǎn)生的HTML容。而不可能看到原始腳本程序的代碼。2.2.1 ASP的工作原理ASP腳本是一種服務器端的解釋腳本，其后綴名為.asp。當客戶端訪問一個后綴名為.asp的URL時，該URL請求被發(fā)送到Web服務器于是調(diào)用相關的ASP引擎asp.dll來將該腳本加以解釋。在asp.dll中包含有各種ASP置對象的集合以與這些對象的處理信息。所以.asp由asp.dll解析后，將生成相應的HTML代碼，該代碼由Web服務器返回給客戶端瀏覽器執(zhí)行，于是用戶就在屏幕上看到了

14、該.asp執(zhí)行的結(jié)果。ASP的工作原理如圖2-1所示：調(diào)用asp.dll來解析.asp腳本ODBC驅(qū)動程序數(shù)據(jù)庫客戶瀏覽器向服務器發(fā)出.asp文件請求Web服務器返回結(jié)果圖2-1ASP的工作原理2.2.2 ASP的優(yōu)勢ASP之所以能深受大家歡迎，主要是因為它所產(chǎn)生的執(zhí)行結(jié)果都是標準的HTML格式，而且這些程序是在網(wǎng)絡服務端中執(zhí)行，它依據(jù)訪問數(shù)據(jù)庫的結(jié)果集自動生成符合HTML語言的網(wǎng)頁，去響應用戶的請求。所有相關的發(fā)布工作由Web服務器負責。它具有以下幾點優(yōu)勢：1靈活易用對于一個有一定腳本語言編程經(jīng)驗的開發(fā)人員來說，只要經(jīng)過簡短的學習，在一個小時就能編出一個完整的應用程序，同時，編程人員并不能局

15、限與使用VB Script或Jscript來編寫應用程序。由于服務器提供了腳本接口，開發(fā)人員可以使用自己熟悉的語言來編制ASP應用程序，甚至開發(fā)人員還可以在同一個頁面中混合使用多種編程語言。2強大的可擴充性除了可以讓開發(fā)人員自由選擇編程腳本外，ASP還可以在頁面中嵌入ActiveX組件，并支持COM技術，使得ASP頁面的功能得到了極大的擴充。3無需編譯ASP使用普通的文本編輯器，如Windows的記事本，即可進行編輯設計。與瀏覽器無關。用戶端只要是用可執(zhí)行HTML代碼的瀏覽器，無需編譯，即可瀏覽用ASP設計的網(wǎng)頁容。 4獨立于瀏覽器目前流行的瀏覽器有IE和Netscape Navigator，

16、用以往的開發(fā)工具所開發(fā)出來的代碼由于是要下載到客戶端瀏覽器運行，所以同一段代碼往往會在不同的瀏覽器上產(chǎn)生不同的效果。而ASP是在服務器端運行的腳本，其傳遞給客戶端的均是經(jīng)服務器運行輸出的標準HTML代碼，所以能獨立于瀏覽器運行。2.3 ADOADO（ActiveXData Objects，動態(tài)數(shù)據(jù)對象），實際上是一種提供訪問各種數(shù)據(jù)類型的連接機制。客戶端應用程序能夠通過 OLE DB（微軟的戰(zhàn)略性的通向不同的數(shù)據(jù)源的低級應用程序接口）提供者訪問和操作在數(shù)據(jù)庫服務器中的數(shù)據(jù)，ADO支持用于建立基于客戶端/服務器和 Web 的應用程序的主要功能。其主要優(yōu)點是易于使用、高速度、低存支出和占用磁盤空間

17、較少。ADO 同時具有RDS（遠程數(shù)據(jù)服務）功能，通過 RDS 可以在一次往返過程中實現(xiàn)將數(shù)據(jù)從服務器移動到客戶端應用程序或 Web 頁，在客戶端對數(shù)據(jù)進行處理然后將更新結(jié)果返回服務器的操作。ADO對象模型中包括7個對象和3個集合，其中最重要的3個對象的說明如表1-1所示：表1-1 ADO重要的對象對象描述Connection(連接對象)用來建立數(shù)據(jù)源和ADO程序之間的過程Command(命令對象)用來嵌入SQL查詢，包括對存儲過程的調(diào)用Recordset(記錄集對象)用來瀏覽與操作實際數(shù)據(jù)庫的數(shù)據(jù)2.4 ACCESSAccess是微軟公司推出的基于Windows的桌面關系數(shù)據(jù)庫管理系統(tǒng)（RD

18、BMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設計、報表生成等操作規(guī)化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務。ACCESS數(shù)據(jù)庫具有大型數(shù)據(jù)庫的一些基本功能，支持事物處理功能，ACCESS不僅是數(shù)據(jù)庫管理系統(tǒng)，而且還是一個功能強大的開發(fā)工具。本系統(tǒng)選擇使用ACCESS，主要是因為： ACCESS數(shù)據(jù)庫相比SQL要簡潔，容易操作和管理。2.5 Macromedia Dreamweaver MX 2004Macr

19、omedia Dreamweaver MX 2004是集網(wǎng)頁制作和管理于一身的網(wǎng)頁編輯軟件，是一套針對專業(yè)網(wǎng)頁設計者和開發(fā)者的可視化網(wǎng)頁開發(fā)工具。它具有功能強大、代碼簡潔和操作方便等特點，利用它可以輕而易舉地制作出跨越平臺限制的充滿動感的網(wǎng)頁。開發(fā)人員可以將其選擇的服務器技術與Dreamweaver配合使用，建立將用戶連接到數(shù)據(jù)庫、Web服務和系統(tǒng)強大的Internet應用程序。Dreamweaver是專業(yè)網(wǎng)頁設計、管理、網(wǎng)頁可視化編輯的軟件。它采用了多種先進技術，如利用Dreamweaver的Roundtrip HTML技術讓用戶可以隨意導入HTML文件而無需重新設置代碼格式，用戶還可以利用

20、Dreamweaver MX 2004清除或重新格式化HTML代碼，實現(xiàn)代碼的優(yōu)化，使網(wǎng)頁創(chuàng)作過程變得非常簡單。同時Dreamweaver還提供了強大的設計工具，在不用書寫一行代碼的情況下，就能夠快速創(chuàng)建各種極具動態(tài)HTML特性的網(wǎng)頁，例如動畫和分層等；利用Dreamweaver的目標瀏覽器檢查特性，可以創(chuàng)建兼容性極好的網(wǎng)頁，以適用于各種平臺和各種瀏覽器。第3章 系統(tǒng)概要設計3.1系統(tǒng)結(jié)構設計根據(jù)本教學的特點，可以將其分為前臺和后臺兩個部分設計。前臺主要實現(xiàn)信息瀏覽、資源下載、在線論壇和留言等功能，后臺主要用管理員對前臺信息、論壇與留言進行管理。我們把該教學設計為九大模塊，分別是用戶系統(tǒng)、課程

21、描述、教師隊伍、課程建設、在線學習、課程實踐、下載頻道、師生論壇、和留言板。 整個計算機組成原理教學的系統(tǒng)結(jié)構如圖3-1所示：教學主頁教師隊伍課程建設在線學習課程描述課程實踐師生論壇留言板下載頻道用戶系統(tǒng)圖3-1系統(tǒng)結(jié)構圖3.2系統(tǒng)功能說明1 課程描述模塊介紹了計算機組成原理課程的歷史沿革、課程容、教學計劃等相關的課程描述。2教師隊伍模塊介紹了課程主要負責人情況、教師隊伍情況以與本學期的教師日歷。3課程建設模塊包括我院計算機組成原理課程教學環(huán)境、教學方法與教學手段、學院的政策措施等相關容。4在線學習包括在線輔導、在線課件、在線作業(yè)以與在線自測。其中在線輔導包含了計算機組成原理各章節(jié)的教學目的、

22、課程的主要容與教學的重點和難點。5課程實踐模塊包括了實驗介紹、實驗平臺、實驗演示以與實驗報告的規(guī)。6下載頻道幫助學生下載課件、作業(yè)、歷屆試題、相關軟件等課程資源。7論壇主要用于讓學生和老師進行一些教學答疑或是學術探討。 8留言板主要收集一些用戶對于的意見或建議，以便對進行改善。 其中我主要負責首頁、課程描述、教師隊伍、師生論壇四個模塊的設計與實現(xiàn)。3.3運行環(huán)境3.3.1 服務器端軟件環(huán)境：1操作系統(tǒng)：Windows 2000 Server2Web服務器：IIS5.03數(shù)據(jù)庫服務器：Access20004瀏覽器：IE5.0硬件環(huán)境：1CPU P42存 IBM 512MB3硬盤 ST 60GB3

23、.3.2 客戶端軟件環(huán)境：1操作系統(tǒng)：Windows 2000 Server2瀏覽器：IE5.0硬件環(huán)境：1CPU P42存 IBM 512MB3硬盤 ST 60GB第4章 數(shù)據(jù)庫設計根據(jù)本教學的實際需求和數(shù)據(jù)流量的大小，決定使用小型數(shù)據(jù)庫作為本數(shù)據(jù)庫，ACCESS數(shù)據(jù)庫具有操作簡單、使用方便、性價比高等諸多優(yōu)點，于是本教學采用了ACCESS數(shù)據(jù)庫。4.1 數(shù)據(jù)庫分析針對功能結(jié)構分析，本教學可能涉與到的數(shù)據(jù)項和數(shù)據(jù)結(jié)構如下：1. 用戶基本信息 包括的數(shù)據(jù)項有用戶名、用戶密碼、E-mail等基本信息。2. 管理員基本信息 包括的數(shù)據(jù)項有管理員名稱、管理員密碼等基本信息。3. 論壇文章基本信息 包

24、括的數(shù)據(jù)項有文章標題、文章容、工作區(qū)域名稱、發(fā)表時間等信息。4. 用戶留言基本信息 包括的數(shù)據(jù)項有留言容、留言者、留言者 等信息。為了保證數(shù)據(jù)庫的安全性，我們做了以下工作：需要用戶注冊登錄后才能進入論壇或留言系統(tǒng)。根據(jù)上面的分析，設計規(guī)劃出的實體主要有用戶實體、管理員實體、論壇文章實體，工作域?qū)嶓w、用戶留言實體。其中我所負責設計的模塊所涉與的實體有四個，它們是用戶實體、管理員實體、論壇文章實體，工作域?qū)嶓w各實體。各實體E-R圖描述如下：用戶實體E-R圖如圖4-1所示：用戶文章數(shù)量電子用戶昵稱真實XX用戶密碼用戶ID圖4-1 用戶實體E-R圖管理員實體E-R圖如圖4-2所示：管理員管理員XX管理

25、員密碼管理員ID名圖4-2 管理員實體E-R圖論壇工作域?qū)嶓wE-R圖如圖4-3所示：論壇工作域工作域名稱版主XX工作域ID圖4-3 論壇工作域?qū)嶓wE-R圖論壇文章實體E-R圖如圖4-4所示：論壇文章讀帖次數(shù)文章內(nèi)容用戶ID發(fā)表時間回帖時間文章ID回帖次數(shù)文章標題工作域名稱圖4-4 論壇文章實體E-R圖4.2 數(shù)據(jù)庫中表的設計數(shù)據(jù)庫的容以與表的設計直接影響到開發(fā)的系統(tǒng)的質(zhì)量，好的設計可以達到方便易用的功能。根據(jù)系統(tǒng)的要求,我們采用的數(shù)據(jù)庫是Microsoft Access，系統(tǒng)擬建三個數(shù)據(jù)庫文件即師生論壇數(shù)據(jù)庫luntan.mdb、留言板數(shù)據(jù)庫liuyan.mdb和管理員數(shù)據(jù)庫DB.mdb。由我

26、負責設計的模塊所涉與的數(shù)據(jù)庫文件是師生論壇數(shù)據(jù)庫luntan.mdb和管理員數(shù)據(jù)庫DB.mdb，其中l(wèi)untan.mdb數(shù)據(jù)庫中包含的表有用戶表user、發(fā)表文章表 Article、回復文章表reply和工作域表area； DB.mdb包含的表是表administrator。4.2.1user表的設計設計數(shù)據(jù)庫表user，用來存放注冊用戶的信息，包括用戶序列號、用戶名、密碼、性別、注冊時間、電子、個人簽名、是否管理員等。user表的結(jié)構如表4-1所示：表4-1 user表結(jié)構字段名稱數(shù)據(jù)類型說明userID自動編號編號，是用戶容的關鍵字段，設為主鍵UserNick文本用戶昵稱UserName文

27、本用戶，設為必填容UserPWD密碼用戶密碼，設為必填容ArticleNum數(shù)字發(fā)貼次數(shù)E_mail文本用戶4.2.2 article表設計在數(shù)據(jù)庫luntan.mdb中，設計一個aticle表，該表是用于保存論壇中所有用戶所發(fā)帖子的信息的，包括帖子序號、主題、容以與發(fā)帖用戶名、時間等。aticle表的結(jié)構如表4-2示：表4-2 aticle表結(jié)構字段名稱數(shù)據(jù)類型說明articleID自動編號帖子序列號，并將該字段設置為主鍵UserName文本用戶，不能為空PostTime日期/時間發(fā)帖時間，默認值為“Now”Replytime日期/時間回復帖子時間，BoardName文本選擇要討論的工作域T

28、itle文本帖子主題Content備注帖子容ReadCount數(shù)字讀帖次數(shù)ReplyCount數(shù)字回帖次數(shù)4.2.3reply表設計在數(shù)據(jù)庫luntan.mdb中，設計一個reply表，該表是用來保存論壇中所有用戶所回復帖子的信息，包括回帖序號、被回復帖子的序號、作者用戶名、所在工作域名、回帖時間、回復容。reply表的結(jié)構如表4-3所示：表4-3 reply表結(jié)構字段名稱數(shù)據(jù)類型說明replyID自動編號帖子序列號，并將該字段設置為主鍵articleID自動編號被回復主題帖子的序列號UserName文本用戶，設為必填容BoardName文本選擇要討論的工作域PostTime時間帖子主題Con

29、tent備注帖子容4.2.4 area表的設計在數(shù)據(jù)庫luntan.mdb中，設計一個area表，該表用于保存論壇中所有用工作域的信息，包括工作域序號、工作域名稱、域主1、域主2、域主3。area表的結(jié)構如表4-4所示：表4-4 area 表結(jié)構字段名稱數(shù)據(jù)類型說明areaID自動編號工作域序號，并將該字段設置為主鍵areaName文本工作域名稱，不能為空Manager1文本版主，不能為空Manager2文本版主，不能為空Manager3文本版主，不能為空4.2.5administrator表的設計設計數(shù)據(jù)庫表administrator，用來實現(xiàn)對留言的維護和刪除，即存放管理員的和密碼。adm

30、inistrator表的結(jié)構如表4-5示。表4-5 administrator表結(jié)構字段名稱數(shù)據(jù)類型說明administrator文本管理員，設為主鍵，不能為空password文本密碼，不能為空第5章 系統(tǒng)詳細設計5.1 主頁的設計主頁是用戶登錄后首先看到的頁面，所以主頁的設計至關重要，應該亮麗美觀、盡可能表現(xiàn)出計算機組成原理教學的風格、容，吸引用戶的注意力，否則很難給用戶留下深刻的印象。5.1.1 主頁的風格、色彩和布局設計根據(jù)課程提供的材料和本身的性質(zhì)，經(jīng)過仔細的分析、策劃，選用藍色作為的主色調(diào)，同時輔助以紫色、白色，本建設的目的是為了方便學生學習，所以要區(qū)別于娛樂、游戲等休閑，主頁要簡潔

31、、大方，莊重。盡可能表現(xiàn)出算機組成原理課程的特色。本主頁設計的特色之一是小圖標的運用，這些小圖標不僅給整個網(wǎng)頁增加了不少趣味，也使網(wǎng)頁更加清新、活潑，同時也表達了的性質(zhì)。布局上，主頁上部插入我院標志，后面輸入課程名稱，這樣做是為了與我院其他精品課程相一致，避免脫離學院精品課程主頁的風格。主頁左側(cè)設計導航欄，列舉本站提供的六個相關的課程模塊，即課程描述、教師隊伍、課程建設、在線學習、課程實踐、學生空間。主頁中上部輸入課程簡介，以便沒有接觸計算機組成原理的來訪者能對本站有個初步認識?！罢n程簡介”位置下面設計方便學生與時得到課程相關資源的快速通道，即“下載頻道”。學生在此可以下載到近期老師布置的作業(yè)

32、、歷屆計算機組成原理試題、教學課件、課程相關軟件等課程資源。主頁右側(cè)設置會員登錄框與方便學生瀏覽其他相關的“友情”，下面設置一個進入師生論壇的標志圖片。主頁最下部輸入本的信息。5.1.2 主頁導航的設計本教學規(guī)模不是太大，為方便教師、學生使用，主頁采用簡單的集合導航模式，即把具有邏輯關系的超放置在一起，用戶可以方便地訪問某一類信息。主頁效果如如圖5-1所示：圖5-1 主頁5.2 師生論壇模塊設計師生論壇提供了一個用戶自由探討課程相關話題的場所，在這里教師可以與時地給學生解惑答疑，教師之間也可以探討教學中所遇到的問題等。為方便管理，本功能對訪問權限加了限制，用戶要進入論壇必須先登錄，對于新用戶，

33、要先注冊成為會員后才能登錄進入論壇系統(tǒng)。用戶可選擇進入不同的工作域，根據(jù)不同的搜索項目可以查看帖子容，發(fā)表帖子或回復帖子，管理員后臺對帖子進行查看、刪除等管理。5.2.1論壇模塊結(jié)構設計根據(jù)本教學的特點，可以將其分為前臺和后臺兩個部分設計。前臺主要實現(xiàn)讀帖、發(fā)帖、回貼、申請版主等功能。后臺主要是管理員對論壇前臺接受的文章進行管理，實現(xiàn)查詢文章、刪除主題、刪除回復等功能。這里將把該論壇設計為五個子模塊，即用戶系統(tǒng)、系統(tǒng)管理、生活指南、交流、大家侃侃。師生論壇前臺模塊結(jié)構如圖5-2所示。師生論壇前臺主頁生活指南交流大家侃侃系統(tǒng)管理用戶系統(tǒng)圖5-2 師生論壇前臺模塊結(jié)構圖師生論壇后臺的模塊結(jié)構如圖5

34、-3所示。論壇后臺主頁刪除帖子回復帖子查看帖子論壇管理管理員身份驗證圖5-3 師生論壇后臺模塊結(jié)構圖5.2.2論壇模塊的功能說明用戶登錄后進入論壇首頁，論壇首頁設計有站務討論、版主申請、生活常識、高手交流、你說我說等工作域，用戶點擊后可以進入相應的工作域來發(fā)表或瀏覽文章。在站務討論工域可以探討本教學功能或管理上存在的不足，提出改進意見等；高手交流供教師討論課題項目或教學中發(fā)現(xiàn)的問題，也可以在此回答學生對本課程提出的疑問；你說我說可以供來訪者互相交流學習心得等等。管理員可以在后臺管理系統(tǒng)中進行查詢帖子、刪除主題、刪除回復等管理。5.2.3論壇首頁論壇首頁采用表單來設計，里面包含站務討論、版主申請

35、、生活常識、高手交流、你說我說等工作域模塊，戶點擊后可以進入相應的工作域來發(fā)表或瀏覽文章。論壇首頁的結(jié)構圖如圖5-4所示：進入論壇系統(tǒng)管理生活指南交流大家侃侃圖5-4 論壇首頁結(jié)構圖論壇首頁效果圖如圖5-5所示：圖5-5 論壇首頁5.2.4 用戶登錄在進行身份認證時，就是通過讓用戶輸入各自的注冊名和密碼，并與user表中的數(shù)據(jù)相比較來實現(xiàn)。如果該注冊名和密碼能同時在表的一列中找到，就認為該用戶是合法用戶，并給該用戶一個認證標記。擁有認證標記的用戶，才可以進入論壇或留言板。師生論壇模塊的登錄頁面要求輸入用戶和密碼，采用Session技術(會話)來保存用戶的認證標記并對用戶進行跟蹤。只有認證合格后

36、才能進入系統(tǒng)，完成相應的發(fā)帖、讀帖等操作。用戶登錄流程如圖5-6所示：數(shù)據(jù)庫注冊成功用戶服務器填寫登錄表單用戶名是否正確否密碼是否正確是是否檢索數(shù)據(jù)庫圖5-6 用戶登錄流程圖登錄頁面如圖5-7所示：圖5-7 登陸頁面5.2.5 新用戶注冊如果數(shù)據(jù)庫中找不到該用戶的名字和昵稱，就認為該用戶可能輸錯了自己的名字或者昵稱，便顯示錯誤信息，并且系統(tǒng)還提供用戶注冊功能。check函數(shù)檢查用戶的輸入，包括，密碼等。程序檢查數(shù)據(jù)庫中是否已經(jīng)有輸入的用戶的記錄，如果有，顯示警告：“用戶名已存在，請輸入新的用戶名?！毙掠脩糇粤鞒倘鐖D5-8所示：是是數(shù)據(jù)庫注冊成功用戶填寫注冊表單是否有重名將用戶信息添加到數(shù)據(jù)庫

37、檢索數(shù)據(jù)庫兩次輸入密碼是否一樣否否圖5-8 新用戶注冊流程圖注冊頁面如圖5-9所示。圖5-9 注冊頁面5.2.6 發(fā)表帖子設計進入某個工作域后，點擊“發(fā)表新帖子”可以進入編輯文章頁面。用戶發(fā)表帖子的程序流程如圖5-10所示：數(shù)據(jù)庫用戶填寫文章標題進入發(fā)表帖子頁面判斷文章字數(shù)是否大于10否編輯文章內(nèi)容發(fā)表成功是點擊“提交文章”按鈕點擊“全部重寫”按鈕將文章信息添加到數(shù)據(jù)庫跳出提示頁面點擊提示頁面中“繼續(xù)”點擊提示頁面中“退出”退出本頁77圖5-10 用戶發(fā)貼流程圖用戶發(fā)貼頁面如圖5-11所示： 圖5-11 用戶發(fā)貼頁面5.2.7 瀏覽帖子1用戶進入每個工作域后即可看到該域的所有帖子，該頁面以分頁

38、形式顯示當前已有的討論主題，每頁顯示1個主題，每個主題以超形式顯示，可以通過單擊某個主題來查看詳細的容并回復自己的意見，通過單擊頁面下的超在不同的頁面之間跳轉(zhuǎn)。帖子的順序按發(fā)貼時間先后排列。效果如圖5-12所示：圖5-12 選擇工作域瀏覽文章頁面2也可以進入搜索頁選擇搜索項目搜索帖子。例如：用戶進入搜索頁后，選擇“主題”這一搜索，在文本框里輸入要查看的主題，選擇帖子發(fā)表的時間段，即可看到該時間段對應主題的所有文章。其中按人氣搜索后瀏覽頁面，帖子的排列順序按article表中ReadCount列的值從大到小排列。同樣，按回復數(shù)搜索后瀏覽頁面，帖子的排列順序按article表中ReplyCount

39、列的值從大到小排列。效果如圖5-13所示：圖5-13搜索文章頁面5.2.8 回復帖子用戶瀏覽的文章頁面（如圖5-14所示）有回帖功能，點擊“回復帖子”按鈕即可進入回帖頁面，程序流程與發(fā)貼部分相似，點擊“提交回復”后，回復被提交給saveReply.asp文件進行處理。在該文件中，首先檢查“作者”、“容”是否為空字符串，如果為空字符串則重新定向到回帖頁面，否則對所提交的數(shù)據(jù)進行處理。數(shù)據(jù)處理的容包括兩項工作。一是通過更新article表中的replytime列使當前文章的瀏覽次數(shù)加1；二是將回復者的、回復的容等保存到reply表中。完成數(shù)據(jù)處理后，單擊頁面上的超可以返回讀帖頁面。圖5-14 瀏覽

40、文章頁面5.2.9 論壇后臺管理論壇的后臺管理系統(tǒng)管理員才可以進入，因此在登錄時設計了一個身份驗證的環(huán)節(jié)。管理員輸入自己的用戶名和密碼，經(jīng)程序檢索數(shù)據(jù)庫驗證輸入正確后可以進入，對論壇文章進行查看、刪除的管理。效果后臺頁面效果如圖5-15所示：圖5-15 管理員進入后臺管理頁面管理員在后臺查看文章與前臺用戶查看文章的流程相似，這里不多介紹了。對于刪除文章的功能可以通過單擊查看到的某個文章后的“刪除”按鈕來實現(xiàn)。因為教學與普通的休閑相比信息變化不會很頻繁，教師不可能非常與時的回復學生在論壇中提出的問題，這里將帖子信息存在周期設置為一個月。刪除文章流程如圖5-16所示：數(shù)據(jù)庫管理員單擊帖子后的“刪除

41、”按鈕刪除相應文章的數(shù)據(jù)返回查看文章頁判斷文章存在的時間是否大于一個月進入查看文章頁管理員否是圖5-16 管理員進刪除文章流程圖5.3 課程描述為保持風格的一致性，子頁面采用與主頁一樣的色調(diào)，統(tǒng)一為藍色為主色調(diào)，同時輔助以紫色、白色，網(wǎng)頁上部和底部與主頁一樣，不用改變。不同之處是導航欄增加了一欄。即在網(wǎng)頁標志下邊列舉了和主頁里一樣的導航容，使得在每一個網(wǎng)頁上都可以進入主要的功能模塊，同時在網(wǎng)頁左邊也列舉了對應模塊的子導航容。這樣，用戶無論在哪一個位置都不會迷失方向，要到另一個功能模塊也沒有必要撤回主頁了。課程描述設計包括課程的歷史沿革、教學（實驗）大綱以與課程相關的參考。課程描述模塊頁面效果如

42、圖5-17所示：圖5-17 課程描述頁面5.4 教師隊伍與課程描述模塊設計的方法一樣，教師隊伍模塊包括課程負責人介紹、課程組教師介紹以與各教師課表安排。其中課程負責人介紹可以讓用戶了解本課程負責老師的情況，如、性別、學歷、職稱、學術研究情況、所獲獎勵等信息。教師隊伍充分展示了課程組教師的風采。設計本學期教師日歷，是為了方便學生與教師的聯(lián)系，如，某位教師在他的日歷里可以說明考前答疑的時間、地點等，學生可以參考教師的活動日歷安排學習進度。教師隊伍模塊頁面效果如圖5-18所示：圖5-18 師隊伍頁面第6章 系統(tǒng)測試6.1 測試計劃這次測試計劃主要的目標是能夠通過Web瀏覽器訪問我們這個小組設計的交互

43、式教學。6.1.1 測試項目由于本網(wǎng)上教學系統(tǒng)是由幾個模塊共同組成的，因此我們將把每個模塊作為一個單獨的實體來測試，分別設計檢驗模塊正確性的測試方案以確保每個模塊作為一個單元能正確運行。這里主要針對下載頻道、師生論壇和留言板進行測試。下載頻道主要進行課件下載、作業(yè)下載、歷屆試題下載、軟件下載的測試。師生論壇主要進行注冊登錄、發(fā)表帖子、回復帖子、刪除帖子的測試。留言板主要進行用戶簽寫留言，管理員后臺查看、刪除、回復留言的測試6.1.2 測試人員指導老師：侯雪亞 學生：徐永亮蕙勇 常丹6.2 測試結(jié)果下面是系統(tǒng)測試計劃的執(zhí)行情況1下載頻道的使用測試用戶可以從主頁上進入下載頻道，選擇下載課件、作業(yè)、

44、試題或相關軟件。2留言板的使用測試用戶從學生空間模塊進入流言板，可以簽寫流言，提交或重置。管理員可以從后臺查看、刪除留言。3師生論壇的使用測試用戶可以登錄論壇，新用戶注冊后亦可以登錄進入?？梢詫崿F(xiàn)發(fā)貼，回帖，并可根據(jù)主題、作者、容等不同的搜索途徑查看帖子。管理員可通過后臺管理帖子。6.3 測試分析在本次的測試過程中，的確發(fā)現(xiàn)了一些在開發(fā)設計過程中沒有發(fā)現(xiàn)的問題，如本師生論壇中不能正常進行帖子的修改和刪除，留言板模塊設計是為了學生能把自己對教師或?qū)Ρ菊窘ㄔO的意見或建議寫出來，沒有權限限制瀏覽的話會涉與個人隱私問題。還有但是經(jīng)過對模塊部結(jié)構、數(shù)據(jù)庫以與程序代碼的檢查，權限限制，最終還是找到了問題的原因并進行了修復。結(jié)束語經(jīng)過三個多月時間的設計，總體來說本教學操作比較簡單，實現(xiàn)了預期的各個功能模塊，這對我們來說是一次在老師細心指導下自主開發(fā)的過程。在此過程中，我