1、 忻忻 州州 師師 范范 學學 院院計算機系本科畢業（設計）論文計算機系本科畢業（設計）論文二零一零年六月 目目 錄錄1 引引 言言.21.1 選題背景21.2 選題目的和意義21.3 論文組織與結構2課題名稱算法設計與分析 課程網絡課件的設計與實現專 業計 算 機 科 學 與 技 術姓 名學 號指導教師2 網站分析網站分析.32.1 用戶需求分析32.2 功能分析32.3 技術分析33 網站設計網站設計.63.1 網站的結構和流程63.3 數據庫設計73.4 詳細模塊的設計94 網站實現網站實現.114.1 數據庫的連接114.2 網站首頁114.3 教學內容模塊114.4 用戶登錄模塊12

2、4.4 論壇留言模塊124.5 在線調查模塊134.6 上傳下載模塊144.7 后臺管理模塊175 網站測試網站測試.185.1 測試方法 185.2 測試內容195.3 測試結果206 結束語結束語.20致致 謝謝.21參考文獻參考文獻.22算法設計與分析算法設計與分析課程網絡課件的設計與實現課程網絡課件的設計與實現摘要：教學網站作為網上教學平臺，可以方便教師和學生之間的交流，從而提高教學質量和教學效率。本課題設計了一個算法設計與分析課程的教學網站，經過實際的需求分析，采用 dreamweaver 8、asp 和 access 2003 數據庫管理系統作為開發工具。整個系統服務于管理員、學生

3、、教師這三個不同身份的用戶，從操作簡便、界面美觀、靈活實用的用戶需求出發，實現了教學資源管理、作業管理、資料下載和上傳、教學評價、課程論壇、在線調查等功能。網絡課件為算法設計與分析課程的師生實現互動提供了一個良好的平臺，不但提高了學生對本課程的學習積極性，也極大地提高了教學效率。關鍵詞：教學網站 網絡課件 教學互動 asp 技術 abstract: as an online teaching platform, the teaching website can facilitate the communication between teachers and students and impr

4、ove teaching quality and efficiency. this project developed an algorithm design and analysis course website. through the practical demand analysis, the subject adopts dream weaver 8、asp and access 2003 database management system as tools to develop the teaching website. the website serves for three

5、different users, teachers, students and administrators. they are following the users needs of simple operation, beautiful and vivid interface and practical request. this website implements the teaching resource management, operations management; data download and upload, teaching evaluation, course

6、forums, online surveys and other functions. the website provided a good platform for the interaction between teachers and students. it not only enhanced the students learning motivation for this course greatly, but also improved the teaching efficiency largely.key words： teaching website web-based c

7、ourseware interactive teaching asp technology 1 引引 言言1.1 選題背景選題背景隨著 internet 的發展和網絡信息的廣泛傳播，現代教育已經突破傳統教育模式，與網絡相結合，網絡課件就是這種結合形式之一。在網絡教學環境中，能夠向學習者提供大量的主題學習資源和協作學習交流工具，能夠讓教師和學生廣泛參與，網上互動，培養學生的自主學習能力、創新能力和實踐能力。算法設計與分析課程的精品網站也有很多，但對這些網站進行訪問時，會發現：網站進入方式多樣；網站內容不完整或者網站內容與課程無關；網站訪問方式和使用流程不規范等問題。針對算法設計與分析這一學科的專

8、門網站還不能滿足廣大教師和學生的需要。1.2 選題目的和意義選題目的和意義為了能提高算法設計與分析課程的教學質量，調動學生學習本課程的積極性，為師生在課后教學互動提供一個良好的平臺,本項目開發一個算法設計與分析課程的網絡課件。算法設計與分析是計算機科學與技術各本科專業中面向設計的、處于核心地位的專業必修課程，旨在進一步提高學生的程序設計水平。由于該門課程中的算法、概念比較抽象，再加上學生對知識的接受理解能力不同，所以僅憑教師在有限的課堂時間內講授，很難讓每個學生都能完全透徹掌握規定的知識。課程網站的建設可以彌補傳統教學的不足，推進學生個性化自主學習，而且不受時間、地域的限制，增強了師生之間的交

9、流和溝通，進而可以提高該課程的教學質量。1.3 論文組織與結構論文組織與結構第一章：引言。介紹算法設計與分析課程網絡課件選題的目的和意義，以及國內外發展及存在的問題；第二章：網站分析。分別對用戶功能需求和可行性，系統開發環境進行了分析；第三章：網站設計。介紹了該網站需要實現的功能模塊以及數據庫設計；第四章：網站實現。對網站的主要功能進行了詳細介紹；第五章：網站測試。對網站的各個功能部分進行了測試；第六章：結束語。本章對全文工作進行總結，指出了還需改進的地方。2 網站分析網站分析2.1 用戶用戶需求分析需求分析算法設計與分析課程網絡課件應該成為該課程的一個課后輔助學習平臺，根據使用者的不同，可以

10、實現用教師、學生、管理員等不同身份來登錄，教師可在前臺上傳教學資源、下載作業，批改后上傳給學生。學生可在前臺瀏覽和下載教學資源，提交作業，并和老師互動探討本課程的相關問題。管理員可在后臺對相關資源進行添加、刪除、更新等管理工作。2.2 功能分析功能分析目前算法設計與分析教學網站的應用主要還是為不同等級的用戶提供該課程的，并沒有達到學校與用戶真正的交互，算法設計與分析教學網站還需要大力推廣。隨著網絡的普及和技術的成熟，針對傳統算法設計與分析教學網站的不足，為進一步提升信息管理功能，有必要開發一個功能完善的算法設計與分析教學網站，以滿足需求。本網站根據用戶提出的要求，并結合實際的需要，功能分析如下

11、：1用戶可以通過此算法設計與分析教學網站了解該課程的課程概況，瀏覽相關教學資源，注冊登錄后可以下載相關教學資源。2用戶可以針對一些問題進行在線交流。3教師和管理員能夠即時發布課程的相關信息，上傳下載一些教學資源等。4網站管理員能夠通過后臺維護網站的正常運行，并能夠管理相關資源，發布一些公告。5各模塊之間既相互獨立，又具有一定的聯系，符合“高內聚，低耦合”的原則。2.3 技術技術分析分析dream weaver 是在網頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著 dream weaver 8 的發布，更堅定了 dream weaver 在該領域的地位。它集網頁設計、網站開發和站點

12、管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發、制作的首選工具。1、靈活的編寫方式dream weaver 具有靈活編寫網頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面dream weaver 是一種所見即所得的 html 編輯器，可實現頁面元素的插入和生成。可視化編輯環境大量減少了代碼的編寫，同時亦保證了其專業性和兼容性，并且可以對內部的 html 編輯器和任何第三方的 html 編輯器進行實時的訪問。無論用戶習慣手工輸入 html 源代碼還是使用可視化的

13、編輯界面，dream weaver 都能提供便捷的方式使用戶設計網頁和管理網站變得更容易。3、功能更多的 css 支持css 可視化設計、css 檢查工具4、動態跨瀏覽器驗證當保存時系統自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags 或 css 結構。動態跨瀏覽器有效性檢查功能可以自動核對 tags 和 css 規則是否適應目前的主瀏覽器。5、強大的 web 站點管理功能6、內建的圖形編輯引擎7、dream weaver 的集成特性8、豐富的媒體支持能力9、超強的擴展能力dream weaver 還支持第三方插件，

14、任何人都可以根據自己的需要擴展dream weaver 的功能，并且可以發布這些插件。 asp：即（microsoft active server pages）是一套微軟開發的服務器端腳本環境。asp 是創建動態網頁的一個很好的工具，利用它可以編寫動態產生html 的程序代碼。因此，用戶只要瀏覽 web 站點并請求一個 asp 頁，web服務器就可以處理相應的 asp 代碼且生成 html 代碼，然后將它傳遞到用戶瀏覽器則顯示出網頁。asp 內含于 iis3.0 和 4.0 之中，通過 asp 我們可以結合html 網頁、asp 指令和 activex 元件建立動態、交互且高效的 web 服務

15、器應用程序。所有的程序都將在服務器端執行，包括所有嵌在普通 html 中的腳本程序3。當程序執行完畢后，服務器僅將執行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。access：microsoft office access2003（前名 microsoft access）是由微軟發布的關聯式數據庫管理系統。它結合了 microsoft jet database engine 和圖形用戶界面兩項特點。access不僅擁有眾多傳統數據庫管理軟件所具備的功能，同時還進一步增強了與web頁面集成，能夠更方便的共享跨越各種平臺和不同用戶級別的數據。access既可以通

16、過odbc(open database connectivity，開放的數據庫互連)與其他數據庫相連實現數據的交換與共享，也可以與word，excel等office辦公軟件進行數據信息交換與共享。黑風 asp 服務器。該軟件是由 lamp 開發的一套強大的 aspweb 服務器，使用這個軟件完全可以拋棄體積龐大的 winnt，win2000 服務器系統及漏洞百出的 iis 了，而且可以在任何一個系統上調試和發布 asp 程序。目前測試通過的操作系統為：windows 98；windows 98 se；windows me；windows nt+ie4; windows 2000；windows

17、 xp；windows .net server。現在完全支持 access，sql 數據庫！系統開發環境：硬件配置： cpu：p41.8ghz； 內存：256mb 以上。軟件配置： 操作系統：windows xp professional； 數據庫：access 2003； web 服務器：黑風服務器； 瀏覽器：ie7.0 及以上版本。3 網站設計網站設計3.1 網站的結構網站的結構和流程和流程該算法設計與分析課程教學網站置于 web 服務器中，通過 asp 與web 服務器相連，客戶端采用標準的 internet 瀏覽器來訪問或使用該網站。本網站前臺共分 10 大部分，模塊關系如圖 3.1

18、所示。圖 3.1 前臺模塊圖對一個網站來說，完善的后臺管理是非常重要的，數據庫的維護主要在后臺實現，以支撐網站的運行，而后臺的設計也占到了整個網站設計的很大一部分比重。本網站的后臺模塊關系如圖 3.2 所示。圖 3.2 后臺模塊圖基于以上網站結構的劃分，為體現各模塊之間的流程實現，設計了如圖 3.3所示的網站流程圖。前臺模塊圖資 料 下 載教 學 資 源課 程 概 況教 師 隊 伍作 業 管 理教 學 評 價課 程 論 壇在 線 調 查本 站 統 計友 情 鏈 接后 臺 管 理資 源 管 理教 學 論 壇在 線 調 查公 告 欄 管 理yn 圖 3.3 網站流程圖3.3 數據庫設計數據庫設計3

19、.3.1 數據庫概念結構設計該網站采用了 access 數據庫，共創建了 5 張表，分別是：（1）會員信息表：用于記錄會員的用戶名、用戶密碼。（2）管理員信息表：用于記錄管理員的用戶名、密碼。（3）留言信息表: 用于存儲留言信息。其中包括：留言人、留言內容。（4）票數統計表: 用于存儲四個選項的得票數。 (5) 公告信息表：用于存儲公告的內容和發布公告的日期。管理員登錄進入網站是否管理員登 錄進入會員中心注 冊開 始作業管理下載資料課程論壇在線調查后臺管理退 出圖 3.4 er 圖3.3.2 數據庫邏輯結構設計現在需要將上面的數據庫概念結構模型轉化為 access 數據庫系統所支持的實際數據模

20、型，也就是數據庫的邏輯結構。其中用戶信息表和留言信息表的邏輯結構如下：1.會員信息表 users：包括用戶名、密碼，數據表結構如表 3.1 所示：表 3.1 用戶信息表列名列名數據類型數據類型字段大小字段大小必填字段必填字段描述描述自動編號自動編號是自增主鍵uname文本50是用戶名upwd文本50是密碼2.管理員信息表 t_admin: 包括用戶名、密碼，數據表結構如表 3.2 所示：表 3.2 管理員信息表列名列名數據類型數據類型字段大小字段大小必填字段必填字段描述描述自動編號自動編號是自增主鍵guanliyuan文本50是用戶名pwd文本50是密碼3留言信息表 messages : 包括

21、留言人、留言內容信息，數據表結構如表會 員管理員用戶名密 碼用戶名密 碼投票票數選項發表管理留言留言內容留言人管理更新公告公告內容日期3.3 所示：表 3.3 留言信息表列名列名數據類型數據類型字段大小字段大小必填字段必填字段描述描述自動編號自動編號是自增主鍵t_name文本50是留言人t_message文本是留言內容4公告表 gao：包括公告內容，和公告的時間信息，數據表結構如表 3.4所示：表 3.4 公告表列名列名數據類型數據類型字段大小字段大小必填字段必填字段描述描述自動編號自動編號是自增主鍵gao文本50是公告內容riqi文本50是公告時間5投票表 t_vote:包括四個選項，數據表

22、結構如表 3.5 所示：表 3.5 票數統計表列名列名數據類型數據類型字段大小字段大小必填字段必填字段描述描述vote _a數據是選項 a 的票數vote _b數據是選項 b 的票數vote _c數據是選項 c 的票數vote _d數據是選項 d 的票數3.4 詳細模塊的設計詳細模塊的設計系統的主要功能有：1課程概況：包括課程簡介、教學大綱、教學計劃、教材教參介紹。2教師隊伍介紹：介紹了這門課程教師的相關資料。3教學資源：該部分包括了教材的電子書、ppt 電子教案、電子書課件、實驗教學大綱、實驗指導書、教學視頻等教學資源，供學生參考學習。4作業管理：學生用戶可以下載作業題，完成后上傳到網站上，

23、教師用戶對學生的作業進行批改。5資料下載：登錄的用戶可以下載該課程的 ppt 課件、實驗要求、電子書（教材） 、習題解答、電子教案、試題等學習資料。6教學評價：分別介紹了校內、校外、學生對這門課程的評價。7課程論壇：學生可以在論壇中留言提出自己的疑問，老師或同學可針對留言中的提問回復提問，從而達到及時解答疑問的目的。8在線調查：可以針對教學中的某一問題進行在線調查，從而得到大多數學生的意見，以期進一步提高該課程的教學工作。9. 友情鏈接：可以快速鏈接到其他同類教學網站。10本站公告：發布最新的教學消息，或網站的情況。11后臺管理：網站管理員能夠通過后臺維護網站的正常運行，及時更新算法設計與分析

24、課程的信息，對課程論壇里的留言進行管理，還可以對用戶信息進行管理。 4 網站實現網站實現4.1 數據庫的連接數據庫的連接本網站在 asp 文件中利用 iis 內嵌的 adodb，使用連接字符串的方式建立對 access 數據庫的連接，一般格式如下：4.2 網站首頁網站首頁網站首頁上可以看到該網站主要有以下功能，包括教學資源、課程概況、教師隊伍、教學評價、作業管理、資料下載、課程論壇、在線調查。普通用戶可以隨便瀏覽前四項內容，后四項內容在瀏覽之前需先進行登錄，登錄成功才能進入相應的頁面。網站首頁見圖 4.1 所示。圖 4.1 網站首頁4.3 教學內容模塊教學內容模塊教學內容包括一系列的網頁，其中

25、有實驗大綱網頁、教學大綱網頁、教學計劃網頁、授課教案網頁、相關視頻網頁、課程實驗網頁、參考資料網頁等，這些網頁包涵了該課程學習的相關資料。具體界面設計見圖 4.2 所示圖 4.2 教學內容4.4 用戶登錄模塊用戶登錄模塊該網站的資料下載、作業管理、論壇交流等模塊進行了權限設置，只有是本網站的會員才能登錄，登錄成功后方可進入相應網頁。具體界面設計見圖4.3 所示，輸入用戶名為 liulixia，密碼 123456 圖 4.3 登錄頁面單擊“登錄”按鈕，進入會員中心頁面，在這里，用戶可以享受只有會員才能享受的權限。若是新用戶，在登錄頁面可點擊“注冊”按鈕，進入注冊頁面，在注冊頁面上填寫注冊信息后，

26、點擊“注冊”按鈕，即可注冊。若注冊新用戶成功，則自動轉入登錄頁面。4.4 論壇留言模塊論壇留言模塊論壇留言模塊用于實現填寫留言并發表留言的功能，具體界面設計見圖4.4 所示。圖 4.4 發表留言發表后可以在另外網頁查看論壇留言內容，具體內容見圖 4.5 所示。圖 4.5 留言內容以下是論壇留言模塊的處理程序代碼，該段代碼實現了發表留言的功能:form action= method=post name=form1 留言人： 留言內容：   4.5 在線調查模塊在線調查模塊會員登錄成功進入會員中心頁面后，單擊在線調查，即可進入在線調查頁面，具體內容如圖 4.6 所示。選擇第三個選

27、項圖 4.6 在線調查單擊“提交“按鈕，進入調查結果顯示頁面，具體內容如圖 4.7 所示。圖 4.7 調查結果頁面4.6 上傳下載模塊上傳下載模塊在會員中心頁面，單擊資料下載，即可進入資料下載頁面，在這里，你可以下載相關的資料。 單擊上傳作業，即可進入上傳頁面，具體內容如圖 4.8 所示。圖 4.8 文件上傳上傳代碼如下：%extname = jpg,gif,png,txt,rar,zip,doc,mp3,swf,ppt 允許的上傳文件擴展名 savepath = upload 文件保存路徑 if right(savepath,1)/ then savepath=savepath&/

28、在目錄后加(/) checkandcreatefolder(savepath) uploadall_a = request.totalbytes 取得客戶端全部內容 if(uploadall_a0) then set uploadstream_c = server.createobject(adodb.stream) 建立對象 uploadstream_c.type = 1 uploadstream_c.open uploadstream_c.write request.binaryread(uploadall_a) uploadstream_c.position = 0 formdataal

29、l_d = uploadstream_c.read crlf_e = chrb(13)&chrb(10) formstart_f = instrb(formdataall_d,crlf_e) formend_g = instrb(formstart_f+1,formdataall_d,crlf_e) set formstream_h = server.createobject(adodb.stream) formstream_h.type = 1 formstream_h.open uploadstream_c.position = formstart_f + 1 uploadstre

30、am_c.copyto formstream_h,formend_g-formstart_f-3 formstream_h.position = 0 formstream_h.type = 2 formstream_h.charset = gb2312 formstreamtext_i = formstream_h.readtext formstream_h.close filename_j = mid(formstreamtext_i,instrrev(formstreamtext_i,)+1,formend_g) if(checkfileext(filename_j,extname) th

31、en savefile = server.mappath(savepath & filename_j) if err then response.write 文件上傳： 文件上傳出錯!重新上傳文件 err.clear else savefile = checkfileexists(savefile) k=instrb(formdataall_d,crlf_e&crlf_e)+4 l=instrb(k+1,formdataall_d,leftb(formdataall_d,formstart_f-1)-k-2 formstream_h.type=1 formstream_h.op

32、en uploadstream_c.position=k-1 uploadstream_c.copyto formstream_h,l formstream_h.savetofile savefile,2 savefilename = mid(savefile,instrrev(savefile,)+1) session(fp)=管理員/upload/&savefilename response.write 文件上傳： & savefilename & 文件上傳成功!% end if else response.write 文件上傳： 文件格式不正確!重新上傳文件 en

33、d if else% form action= method=post name=upform onsubmit=return validinput() enctype=multipart/form-data 文件上傳：  返回到會員中心！4.7 后臺管理模塊后臺管理模塊在如圖 4.1 所示的首頁底部單擊“后臺管理” ，即可進入后臺管理的登錄頁面，輸入正確的用戶名和密碼后，就可以對后臺進行管理。后臺管理模塊分為留言管理、會員管理、公告管理三部分，可以分別對留言、會員和公告進行添加、刪除和修改等管理功能。留言管理頁面如圖 4.9 所示。圖 4.9 留言管理在公告管理頁面中，管理

34、員可以對首頁的公告進行更新，更新頁面如圖4.10 所示。圖 4.10 更新公告 在用戶管理頁面中，管理員可以對用戶進行管理，如圖 4.11 所示。圖 4.11 會員管理5 網站測試網站測試5.1 測試方法測試方法從軟件測試的類型來看，軟件測試分為兩種：黑盒測試和白盒測試。黑盒測試：也稱功能測試，將軟件看作黑盒子，在完全不考慮程序的內部結構和特性的情況下，測試軟件的外部特性。根據軟件的需求規格說明書設計測試用例，從程序的輸入和輸出特性上測試是否滿足設定的功能。 白盒測試：也稱結構測試，將軟件看作一個透明的白盒子，按照程序的內部結構和處理邏輯來選定測試用例，對軟件的邏輯路徑及過程進行測試，檢查它與

35、設計是否相符。5.2 測試內容測試內容5.2.1 測試內容分類測試內容主要分三種：單元測試、集成測試、功能測試。1. 單元測試：單元測試是針對網站中各模塊，進行正確性檢驗的測試，其目的在于發現各模塊內部可能存在的各種差錯。2. 集成測試：集成測試也叫組裝測試或聯合測試，在單元測試的基礎上，將所有模塊按照設計要求組裝起來，進行集成測試。3. 功能測試：主要是對網站各功能進行驗證，根據功能測試用例，逐項測試，檢查網站是否達到用戶要求的功能。5.2.2 單元測試內容1. 信息瀏覽模塊：主要測試是否能從數據庫中正常讀取數據并正確顯示信息內容。2. 用戶登錄模塊：主要測試已注冊用戶能否正常進行登錄。3.

36、上傳下載模塊：主要測試是否能正常上傳下載資源，上傳資源后是否到指定文件夾。4. 論壇交流模塊：主要測試用戶是否能進行注冊，已注冊的用戶是否能正常登錄并發表留言。5. 在線調查模塊：主要測試用戶是否能參與在線調查并顯示調查結果。5.2.3 功能測試內容1. 頁面鏈接測試：測試每一個鏈接是否都能正確的鏈接到對應的頁面。2. 在線調查模塊：主要測試用戶是否能參與在線調查并顯示調查結果。3. 上傳下載測試：上傳下載文件的功能是否實現，上傳文件是否能打開，下載文件能否打開或者保存。4. 用戶登錄測試：測試用戶是否能正常登錄，并能正常查看權限范圍內的東西。5. 管理測試：管理員是否能正常登錄，并對網站后臺

37、進行管理。5.3 測試結果測試結果整個網站在測試過程中，基本實現了預期設計的功能。所設計的算法設計與分析課程網站能夠實現用戶登錄、課程教學資料的查閱、資源上傳下載、在線測試、論壇答疑等功能，基本完成了設計的要求。但由于時間的限制，功能還不夠完善，在實用性上面還有一定的欠缺，但是它對以后的設計有指導意義。在設計的完成情況方面，已經基本實現了設計的要求。6 結束語結束語通過對 asp 技術和網絡數據庫技術的探索和研究，算法設計與分析課程網站已開發完畢，其功能基本符合用戶需求。然而，整個設計也存在不足，比如說在網站規劃、站點管理和網頁的更新方面還有許多的缺點。這些都是需要完善的地方，該網站離實際使用

38、也還有相當的距離，還需要不斷補充和進一步完善。通過這次畢業設計我學到了很多新東西，也發現了很多問題，有些在設計過程中已經解決，有些還待今后慢慢學習。由于時間倉促，對我這樣一個 asp 新手而言所制作的模塊還有不完善的地方。數據庫的設計也比較簡單。還有很多畢業設計中用到 asp 語言的知識也不夠全面，還有很多地方不能夠作到完全的理解和掌握。通過這次畢業論文的設計制作使本人受益匪淺。首先，由于畢業設計所用的 asp 技術和其中用到 asp語言的其他部分是在課堂上沒有接觸過的，要用它來做設計必須通過大量自學來掌握，在這個過程中，不僅大大提高了我的自學能力而且讓我對 asp 的學習有了進一步的認識 。由于是獨立完成在畢業設計的過程遇到了很多的困難，我請教了不少老師和同學，在這個過程中讓我體會到了，一個團隊的重要性。致致 謝謝在這