【正文】 ..................................................................................... 44 致謝 .......................................................................................................................................... 54 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 第一章 引 言 課程 網(wǎng)絡(luò)教學(xué)平臺(tái)開發(fā)背景 隨著科學(xué)技術(shù)的進(jìn)步，尤其是計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，人類將進(jìn)入信息社會(huì)，因而人們的生活方式、思維方式、工作方式，以及教育方式都將隨之改變。基于 JSP 技術(shù)的 “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡(luò)教學(xué)平臺(tái)是依托校園網(wǎng)的優(yōu)勢(shì)設(shè)計(jì)和開發(fā)的，通過此平臺(tái)，學(xué)生可以不受時(shí)間、空間、地域的限制， 在 網(wǎng)上瀏覽 、下載嵌入式系統(tǒng)課程的 教 學(xué)內(nèi)容 、 完成作業(yè) 、 參加測(cè) 試等，教師也可借助此平臺(tái) 發(fā)布公告信息 、 發(fā)布試題 、 實(shí)現(xiàn)課件上傳下載 、 組織討論答疑等。 嵌入式系統(tǒng) 課程 網(wǎng)絡(luò)教學(xué) 平臺(tái)根據(jù)登陸用戶身 份的不同分別設(shè)有學(xué)生 學(xué)習(xí) 區(qū)、教師工作區(qū) 、交流區(qū)等。交互性主要在于三個(gè)層面： 一是人機(jī)交互；二是機(jī)機(jī)交互；三是人人交互。 相對(duì) 于 傳統(tǒng) 嵌入式系統(tǒng) 課程 教學(xué)模式，這樣一個(gè)交互式教學(xué)平臺(tái) 的 最大優(yōu)勢(shì)在于，它打破了原有教學(xué)模式的那種時(shí)間和空間的局限。所以該 “ 嵌入式系統(tǒng) 課程”網(wǎng)絡(luò)教學(xué) 平臺(tái)的設(shè)計(jì) 注重 課堂教學(xué)的 輔助 和學(xué)生自主學(xué)習(xí) 能力 的 培養(yǎng) 。 2. 交互原則 交互性是網(wǎng)絡(luò)媒體區(qū)別于其他媒體的最大優(yōu)勢(shì)之一，正是網(wǎng)絡(luò)第一次實(shí)現(xiàn)了人和機(jī)器的平等對(duì)話。為了更好地達(dá)到學(xué)習(xí)者自主學(xué)習(xí)的效果，這就要求網(wǎng)絡(luò)課程在導(dǎo)航上面要作到層次清晰、鏈接方便，可以很好地幫助學(xué)習(xí)者明確自己所處的位置，并 及時(shí)快速地實(shí)現(xiàn)相關(guān)內(nèi)容之間的跳轉(zhuǎn)及學(xué)習(xí)進(jìn)度的控制，使學(xué)生不至于在學(xué)習(xí)過程中出現(xiàn)迷航的情況。 網(wǎng)絡(luò)課程作為一種網(wǎng)絡(luò)學(xué)習(xí)的平臺(tái)和教材，其用戶對(duì)象幾乎無所不包，因而他們的計(jì)算機(jī)總體操作水平也就必然存在高低差異，這就要求 開發(fā)者 在開發(fā)過程中不能 人為地給用戶設(shè)置操作困難 ， 應(yīng)該本著易用原則，使 教學(xué)平臺(tái) 的界面操作簡單易實(shí)現(xiàn)，不給學(xué)習(xí)者增加額外的負(fù)擔(dān)。 平臺(tái)應(yīng)用體系結(jié)構(gòu) “嵌入式系統(tǒng)”課程網(wǎng)絡(luò) 教學(xué)平臺(tái) 的 運(yùn)行環(huán)境 如下： 系統(tǒng)結(jié)構(gòu) ： B/S 結(jié)構(gòu) 操作系統(tǒng) ： window/Unix/Linux 操作系統(tǒng) 瀏覽器 ：支持主流瀏覽器 數(shù)據(jù)庫 ： MySQL 應(yīng)用服務(wù)器 ： Tomcat 本平臺(tái)的開發(fā)使用了 一種新興的體系結(jié)構(gòu) ： Browser/Server， 為 確保平臺(tái) 的先進(jìn)性、易擴(kuò)展 性 和易維護(hù)性，采用 了 分布式三層應(yīng)用體系結(jié)構(gòu) 進(jìn)行 平臺(tái) 開發(fā) 。 A) 第一層：表示層（用戶界面層） Browser/Server 結(jié)構(gòu)極大的簡化了客戶機(jī)的工作，客戶機(jī)上不需要安裝、配置客戶內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 端，直接通過 IE 的方式瀏覽、訪問即可，服務(wù)器將擔(dān)負(fù)更多的工作，對(duì)數(shù)據(jù)庫的訪問和應(yīng)用程序的執(zhí)行將在服務(wù)器上完成。它的任務(wù)是接受用戶的請(qǐng)求，首先需要執(zhí)行相應(yīng)的擴(kuò)展應(yīng)用程序與數(shù)據(jù)庫進(jìn)行連接，通過 SQL 等方式向數(shù)據(jù)庫服務(wù)器提出數(shù)據(jù)處理申請(qǐng)，而后等數(shù)據(jù)庫服務(wù)器將數(shù)據(jù)處理的結(jié)果提交給 Web 服務(wù)器，再由 Web 服務(wù)器傳送回客戶端。 技術(shù)革命帶來新的 教育發(fā)展機(jī)會(huì)，并改變教學(xué)過程模式。 三層體系結(jié)構(gòu)的優(yōu)點(diǎn) 三層的 Browser/Server 體系結(jié)構(gòu)是把二層 Client/Server 結(jié)構(gòu)的事務(wù)處理邏輯模塊從客戶機(jī)的任務(wù)中分離出來，由單獨(dú)組成的一層來負(fù)擔(dān)其任務(wù)，這樣客戶機(jī)的壓力大大減輕了，把負(fù)荷均衡地分配給了 Web 服務(wù)器，于是由原來的兩層的 Client/server 結(jié)構(gòu)轉(zhuǎn)變成三層的 Browser/Server 結(jié)構(gòu)。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 教學(xué)平臺(tái)框架邏輯結(jié)構(gòu) 、角色分配與整體結(jié)構(gòu) 圖 “ 嵌入式系統(tǒng) 課程” 網(wǎng)絡(luò)教學(xué)環(huán)境設(shè)計(jì) 網(wǎng)絡(luò)教 學(xué)環(huán)境的結(jié)構(gòu)至少應(yīng)包括六 大 要素：教學(xué)支撐平臺(tái)、課程內(nèi)容體系、教學(xué)資源庫、虛擬實(shí)驗(yàn)系統(tǒng)、考核評(píng)估系統(tǒng)、教師群體和學(xué)習(xí)者。 虛擬實(shí)驗(yàn)系統(tǒng)是網(wǎng)絡(luò)教學(xué)內(nèi)容的補(bǔ)充，可以增強(qiáng)學(xué)習(xí)者的感性認(rèn)識(shí)和實(shí)踐能力。 虛擬實(shí)驗(yàn)系統(tǒng) 考核評(píng)估系統(tǒng) 教學(xué)支撐平臺(tái) 學(xué)習(xí)者 教師群體 課程內(nèi)容體系 教學(xué)資源庫 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 教學(xué)平臺(tái)使用用戶 表 網(wǎng)絡(luò)教學(xué)平臺(tái)用戶表 使用對(duì)象 人數(shù) 用戶權(quán)限 1 匿名用 戶 任意 可以查看使用平臺(tái)內(nèi)的任意開放資源 2 學(xué)生 任意 可以查看使用平臺(tái)內(nèi)的任意開放資源，參加在線考試，作業(yè)的提交，用戶基本信息的維護(hù) 3 教師 1~5 發(fā)布信息，開設(shè)考試，上傳資源 4 管理員 1 注冊(cè)用戶的管理，題庫的增刪，平臺(tái)的綜合管理 課程網(wǎng)絡(luò)教學(xué) 平臺(tái) 整體架構(gòu) “嵌入式系統(tǒng)課程” 的網(wǎng)絡(luò)教學(xué)平臺(tái)整體架構(gòu)圖見圖 。教學(xué)平臺(tái)允許匿名訪問，但只具有游客身份，僅僅擁有瀏覽的權(quán)限，如果想使用教學(xué)平臺(tái)的全部功能，則需要進(jìn)行登陸，分為學(xué) 生及教師身份的認(rèn)證。和查看個(gè)人相關(guān)的一些課程 信息。 在線考試：是由教師提供的測(cè)試題 (如期中測(cè)試 )，在限定的時(shí)間內(nèi)做完試卷，在由學(xué)生提交，教師通過后臺(tái)閱卷并給出分?jǐn)?shù)。 ? 題庫管理：包括知識(shí)點(diǎn)定義、題庫定義以及 題庫管理； ? 試卷管理：包括一般試卷定義、自適應(yīng)試卷定義以及試卷管理； ? 考生管理：考生信息管理； ? 考試結(jié)果管理：問答判分、考試結(jié)果查詢； ? 作業(yè)管理：作業(yè)布置、作業(yè)成績查詢與管理。教師可根據(jù)教學(xué)需要來靈活控制。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 第三章 網(wǎng)絡(luò)教學(xué)平臺(tái)功能 設(shè)計(jì) “嵌入式系統(tǒng) 課程 ” 網(wǎng)絡(luò)教學(xué)平臺(tái)由教師教學(xué)系統(tǒng)、學(xué)生學(xué)習(xí)系統(tǒng)和教學(xué)管理系統(tǒng)三大模塊組成，這些模塊之間相互聯(lián)系，相互配合，構(gòu)成一個(gè)完整的網(wǎng)絡(luò)教學(xué)系統(tǒng)。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 平臺(tái) 體系結(jié)構(gòu) 教師教學(xué)系統(tǒng)與學(xué)生學(xué)習(xí)系統(tǒng) 圖 活動(dòng)基本結(jié)構(gòu)圖 教師教學(xué)系統(tǒng)與學(xué)生學(xué)習(xí)系統(tǒng)的功能相對(duì)應(yīng)，主要包含以下幾個(gè)模塊 : (1) 網(wǎng)絡(luò)課堂 :網(wǎng)絡(luò)課堂是實(shí)施網(wǎng)絡(luò)教學(xué)的主要場(chǎng)所，教師和學(xué)生可以通過此模塊實(shí)現(xiàn)實(shí)時(shí)和非實(shí)時(shí)的網(wǎng)上交流。 (3) 網(wǎng)上測(cè)試 :教師可以完成試題添加，試題管理，可以調(diào)用網(wǎng)絡(luò)試題庫按章、節(jié)或綜合應(yīng)用自動(dòng)、手動(dòng)組卷，進(jìn)行成績分析 。學(xué)生可以在計(jì)算機(jī)上撰寫、提交實(shí)驗(yàn)報(bào)告，教師可以瀏覽、批閱。 (2) 作業(yè)管理 :可以查看、修改和刪除作業(yè)。具體工具的配置和運(yùn)行環(huán)境的配置見附錄 A。Myeclipse 同時(shí)支持 Windows、 Linux 和 Solaris 三 種開發(fā)平臺(tái)。它把 UML和諧地集成進(jìn)面向?qū)ο蟮能浖_發(fā)過程中。它將內(nèi)容的生成和顯示進(jìn)行分離，使 Web 開發(fā)人員能專注于應(yīng)用邏輯的處理 。XML具有跨平臺(tái)、與語言和應(yīng)用程序等無關(guān)的特性 。根據(jù)在屬性文件中定義的屬性創(chuàng)建連接池對(duì)象 。 平臺(tái)模塊的開發(fā) 需求用例 UML 模型 描述 A. 用戶注冊(cè) 1. 用戶注冊(cè) 用例 圖 用戶注冊(cè)用例圖 表 用戶注冊(cè)用例描述表 描述要素 描述內(nèi)容 用例名稱 用戶注冊(cè) 用例編號(hào) 用例簡述 用戶填寫注冊(cè)信息，并提交保存 參與者 學(xué)生 前置條件 用戶需要填寫正確的學(xué)號(hào)、姓名及聯(lián)系方式等 后置條件 用戶可以登錄，并進(jìn)在線考試 特 殊需求 提供附加碼驗(yàn)證 [時(shí)序圖表示 ] 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 圖 用戶 注冊(cè)時(shí)序圖 B. 用戶 登陸 1. 用戶登錄用例 圖 用戶登陸用例圖 2. 用例描述 表 用戶登陸用例描述表 描述要素 描述內(nèi)容 備注事項(xiàng) 用例名稱 用戶登錄 用例編號(hào) 用例簡述 用戶輸入帳號(hào)與口令進(jìn)行登錄 參與者 用戶 前置條件 用戶必須已經(jīng)注冊(cè) 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 后置條件 用戶可以進(jìn)行在線考試 特殊需求 提供附加碼驗(yàn)證 3. 事件流 圖 學(xué)生 登陸時(shí)序圖 C. 學(xué)生 信息自維護(hù) 信息自維護(hù)用例 學(xué)生信息自維護(hù)學(xué)生課程信息瀏覽學(xué)生信心瀏覽在線測(cè)試在線考試注銷登陸學(xué)生信息修改 圖 學(xué)生 信息自維護(hù)用例圖 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 2. 用例描述 表 學(xué)生信息自維護(hù)用例描述圖 描述要素 描述內(nèi)容 備注事項(xiàng) 用例名稱 學(xué)生 信息自維護(hù) 用例編號(hào) 用例簡述 1． 課程信息瀏覽，在線考試，在線測(cè)試 2． 修改，注銷用戶的注冊(cè)信息 參與者 學(xué)生 前置條件 用戶已經(jīng)登錄 后置條件 特殊需求 1) 在線考試事件流 圖 在線 考試 時(shí)序圖 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 2) 學(xué)生 信息修改事件流 : 學(xué)生網(wǎng)絡(luò)教學(xué)平臺(tái)主頁面學(xué)生信息自維護(hù)界面學(xué)生信息修改頁面1 : 打開主頁面2 : 打開學(xué)生信息維護(hù)界面3 : 打開學(xué)生信息修改頁面4 : 打開修改頁面并確定保存5 : 保存6 : 保存結(jié)果 圖 學(xué)生信息修改時(shí)序圖 3) 用戶信息注銷事件流 : 學(xué)生網(wǎng)絡(luò)教學(xué)平臺(tái)主頁面用戶信息自維護(hù)界面1 : 打開網(wǎng)絡(luò)教學(xué)平臺(tái)主頁2 : 打開用戶自維護(hù)界面3 : 點(diǎn)擊注銷按鈕，確認(rèn)注銷4 : 注銷學(xué)生登陸信息5 : 注銷結(jié)果 圖 學(xué)生注銷時(shí)序圖 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） D. 用戶界面模型 1. 界面結(jié)構(gòu)類圖 教學(xué)平臺(tái)主界面注冊(cè)界面課程信息瀏覽頁面登錄界面學(xué)生信息界面用戶信息自維護(hù)界面在線考試界面考試登陸界面教學(xué)信息瀏覽頁面用戶信息修改界面 圖 網(wǎng)絡(luò)教學(xué)平臺(tái)界面結(jié)構(gòu)圖 表 界面操作表 界面名稱 操作功能說明 網(wǎng)絡(luò)教學(xué)平臺(tái)主界面 用戶登錄 登錄后的用戶還可以退出登錄。 課程設(shè)計(jì) 設(shè)計(jì)簡介 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 設(shè)計(jì)平臺(tái) 歷 年設(shè)計(jì)一覽 優(yōu)秀設(shè)計(jì) 畢業(yè)設(shè)計(jì) 2. 設(shè)計(jì)平臺(tái) 3. 歷年設(shè)計(jì)一覽 教研資源 教學(xué)成果 學(xué)習(xí)嵌入式系統(tǒng)的優(yōu)秀作品介紹、嵌入式競(jìng)賽獲獎(jiǎng)情況介紹等。 //對(duì)用密碼進(jìn)行驗(yàn)證 var pass = (pass)[0].value。addcode=+addcode。 var status = (userStatus)。 //登陸是用密碼不能為空 (pass)[0].value =39。 } } /script 驗(yàn)證碼模塊 Java 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼功能源碼 //servlet 實(shí)現(xiàn)隨機(jī)驗(yàn)證碼 /** * 生成隨機(jī)驗(yàn)證碼 */ public class ValidateCodeServlet extends HttpServlet { private static final long serialVersionUID = 1L。 private int height=20。 private int codeY。B39。D39。F39。H39。J39。L39。N39。P39。R39。T39。V39。X39。Z39。139。339。539。739。939。 //字符個(gè)數(shù) String strCodeCount=(codeCount)。 } if(strHeight!=null amp。amp。 codeY=height4。 //將圖像填充為白色 ()。 //設(shè)置字體。 (0, 0, width 1, height 1)。 i int yl = (12)。 int red = 0, green = 0, blue = 0。 i++) { //得到隨機(jī)產(chǎn)生的驗(yàn)證碼數(shù)字。 green = (255)。 (strRand, (i + 1) * x, codeY)。 HttpSession session = ()。 (CacheControl, nocache)。 ServletOutputStream sos = ()。 在線編輯器模塊 HTML 在線編輯器可用于在線編輯基于 HTML 的文檔 ，所以，它經(jīng)常被用于留言板留言、論壇發(fā)貼、 Blog 編寫日志或等需要用戶輸入普通 HTML 的地方。因?yàn)? 以上版本有一個(gè)編輯狀態(tài)，可以在一個(gè) iframe 里面輸入文字。剩下的問題就是就是取得焦點(diǎn)和選中的值： ()。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì) 說明書（畢業(yè) 論文 ） 在線編輯器 代碼的安全過濾 出于對(duì)上傳數(shù)據(jù)的安全考慮，要對(duì)用戶上傳的數(shù)據(jù)進(jìn)行安全過濾， 已保證