【文章內(nèi)容簡介】 統(tǒng) ，供學生 下載 學習。教師可以組織答疑討論，布置作業(yè)等教學活動，也可以發(fā)布消息等。 教師角色功能主要有： (1)教師信息 及教授的課程 由管理員設定 ； (2)教師上傳課件和學習資料，供學生下載學習，可定時地更新，刪除舊的課件 ； (3)添加、刪除 ，更改 題庫內(nèi)容，題庫 根據(jù)課程設定幾套試卷，主要 為單項選擇題 ，可以為學生提供在線自測 ； (4)教師發(fā)布作業(yè) 內(nèi)容，學生根據(jù)教師作業(yè)內(nèi)容進行作業(yè)提交，教師可以及時 下載 查看，進行批改 ； (5)教師 在公告版塊中 進行信息發(fā)布，比如對于什么時候放假、考試日期 、調(diào)課通知 等，方便學生及時查看 ； (6)教師 在答疑版塊中 進行答疑管理，學生在答疑位置發(fā)布其問題，教師查看后給出其正確的回答，同時方便其他學生討論與掌握該問題 ； (7)教師在技術交流版塊中發(fā)布一些與課程相關的學習資料，幫助學生提高學習能力和增廣知識面。 基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 12 學生 賬號可密碼等 信息由管理員設定 ，通過身份驗證后直接登陸?？蛇x擇學習的課程， 進入課程專區(qū)后可 查看 老師發(fā)布的信息情況、老師布置作業(yè)的內(nèi)容 ，進行在線自測等，因此學生學習模塊的流程如圖 34 所示 學 生 登 陸身 份 驗 證未 通 過課 程 專 區(qū)上 傳 下 載在 線 自 測下載 課件上傳作業(yè)通 過選 擇 課 程選 擇 試 卷查 看 答 案B B S發(fā)布公告回復帖子 圖 34 學生模塊流程圖 學生角色功能主要有： (1) 學生賬號可密碼等 信息由管理員設定 ，通過身份驗證后直接登陸 ； (2)在本專業(yè)中 可選擇學習的課程，學生可以選擇多門課程進行學習，如果超過一門的時候，登陸時需要選擇本次學習的課程 ，選擇成功后進入課程專區(qū) ； (3)查看老師發(fā)布的信息情況， 如上課內(nèi)容、上課地點的變更，教學內(nèi)容的大綱安排、作業(yè)完成期限、考試范圍 、注意事項等一系列公告信息。實時得到老師的教學安排，不再需要像傳統(tǒng)模式那樣以班為單位讓班長通知到位 ； (4)關于老師布置作業(yè)的內(nèi)容， 學生可以在課后查看并下載作業(yè)，完成后可以將作業(yè)上傳，還可以通過此環(huán)節(jié)查看自己完成作業(yè)的情況 ； (5)學生答疑信息，將自己不會的內(nèi)容在答疑 版塊 進行發(fā)布，其他學生包括老師均可以查看，老師和同學均可以進行問題回答 ，解決了傳統(tǒng)模式中老師答疑少的問題。學生還可以在網(wǎng)上進行學習上的研究和討論，互相交流學習經(jīng)驗，共同進步 ； (6) 學生可以在若干試卷中選擇某一套試卷，查看 試題并參加網(wǎng)上測試 ，結束后還可查詢測試結果，還可以查看試題答基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 13 用戶界面設計 因為用戶登錄所屬角色比較多，如考生、教師和管理員，所以在設計登錄界面時，需要提供一個角色選擇 的單選按鈕， 讓用戶選擇自己所屬的角色。用戶登錄界面使用兩個 文本 框 ，分別 輸入 用戶名和用戶密碼。另外， 增加一個是否保存在 cookie 一分鐘的選項。 如圖 35 所示。 教 師用 戶 名 ：管 理 員學 生密 碼 ：C o o k i e 選 項 ： 保 存 1 分 鐘不 保 存登 陸 重 置 圖 35 用戶登陸界面設計 在用戶管理功能里設置兩個鏈接方式：注冊用 戶和查看用戶。 考慮系統(tǒng)的安全性，添加新用戶只能從后臺的用戶管理中添加用戶。管理員權限的用戶可以通過登陸成功，直接進入到系統(tǒng)的后臺管理界面，用戶注冊方式能添加的權限為考生和教師。在設計新用戶注冊界面時，需要提供一個角色選擇的單選按鈕，讓管理員選擇所要添加用戶的權限。增加一個下拉框，里面顯示所有的專業(yè)，供管理員選擇所要添加用戶所屬的專業(yè)。在注冊界面中使用三個文本 框 ，分別輸入真實名字、用戶名和用戶密碼。 如圖 36 所示。 教 師用 戶 名 ：學 生密 碼 ：專 業(yè) ：提 交 重 置真 實 名 字 ： 圖 36 用戶注冊界面設計 在 查看用戶頁面中，需要提供一個表格，表格中包含權限、真實名字、用戶名、密碼等字段，列出所有用戶的詳細信息。在每個用戶的最后一列，增加一個刪除用戶的功能，點擊此處，管理員就能刪除該用戶。 在表格下方增加一個返回主頁的鏈接。 如圖 37基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 14 所示。 權限 真實名字 用戶名 密碼 刪除用戶 XX XX XX XX 刪除用戶 XX XX XX XX 刪除用戶 XX XX XX XX 刪除用戶 返回主頁 圖 37 查看用戶界面設計 管理界面設計 在課程管理功能里設置兩個鏈接方式：專業(yè) 管理和專業(yè)課程管理。 進入專業(yè)管理后，需要顯示一個表格，表格中包括專業(yè)號，專業(yè)名稱等字段，列出所有專業(yè)的詳細信息，在每個專業(yè)的最后一列，增加一個刪除專業(yè)的功能，點擊此處，管理員就能刪除該專業(yè)。如果開設了新的專業(yè)，在表格下方有一個添加專業(yè)的鏈接，通過這個鏈接，可以跳轉(zhuǎn)到添加專業(yè)的頁面中去。 如圖 38 所示。 在添加專業(yè)的界面中使用兩個文本框，分別用來輸入專業(yè)號和專業(yè)名稱。輸入完畢后點擊提交按鈕就完成添加。另外增加一個重置按鈕，可以將文本框中的所有內(nèi)容重置，重新輸入。 如圖 39 所示。 專業(yè)號 專業(yè)名稱 刪除專業(yè) XX XX 刪除專業(yè) XX XX 刪除專業(yè) XX XX 刪除專業(yè) 添加專業(yè) 圖 38 專業(yè)管理界面設計 專 業(yè) 號 ：專 業(yè) 名 稱 ：提 交 重 置 圖 39 添加專業(yè)界面設計 在專業(yè)課程管理界面中，需要顯示一個表格，表格中包括專業(yè)號，專業(yè)名稱 、課程信息 等字段， 在課程信息中，包含課程號、課程名稱、任課教師等字段。表格中 列出所有專業(yè) 課程 的詳細信息 。在每個課程的最后一列，增加一個刪除課程的功能，點擊此處，管理員就能刪除該課程。在 每個專業(yè)的最后一列，增加一個 添加課程 的功能，點 擊此處，管理員就能 為該專業(yè)添加一門課程 。 如圖 310 所示。 在添加課程的界面中，使用 兩 個文本框，分別用來輸入課程號 和 課程名稱 。界面中還需要一個下拉框，顯示這個專業(yè)的所有教師，添加課程時可以選擇設定該門課程的 任課教師。輸入完畢后點擊提交按鈕就完成添加。另外增加一個重置按鈕，可以將文本框中的所有內(nèi)容重置，重新輸入。 如圖311 所示。 基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 15 專業(yè)號 專業(yè)名稱 課程信息 添加課程 課程號 課程名稱 任課老師 刪除課程 XX XX XX XX XX 刪除課程 添加課程 XX XX XX 刪除課程 XX XX XX XX XX 刪除課程 添加課程 XX XX XX 刪除課程 圖 310 專業(yè)課程管理界面設計 課 程 號 ：課 程 名 稱 ：提 交 重 置任 課 教 師 ： 圖 311 添加專業(yè)課程界面設計 在題庫管理界面中，需要顯示一個表格，表格中包括試卷號，課程、編輯試題、刪除試卷等字段，表格中列出所有試卷的詳細信息。 添加試卷中需要提供一個下拉列表，用來顯示登陸教師所屬專業(yè)中的所有課程名稱，選擇一門課程，并點擊添加按鈕后，會添加一套試卷到這門課程中，并提示添加試卷成功。教 師需要對新添加的試卷進行編輯。如圖 312 所示。 點擊編輯試題所進入的界面中會列出該套試卷中的所有試題，在每個試題的編號前都有一個更改按鈕，點擊這個按鈕，會進入到試題編輯界面中。在此界面中顯示六個文本框，分別用來輸入題目、答案 A、答案 B、答案 B、答案 D 和參考答案。輸入完成后，點擊提交按鈕，則編輯完畢。點擊重置按鈕， 可以將文本框中的所有內(nèi)容重置，重新輸入。 如圖 313 所示。 點擊刪除試卷，則會將該套試題刪除，并提示該套試卷刪除成功。 添 加添 加 試 卷 試卷號 課程 編 輯試題 刪除試題 XX XX 編輯試題 刪除試題 XX XX 編輯試題 刪除試題 XX XX 編輯試題 刪除試題 圖 312 題庫管理界面設計 基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 16 提 交 重 置題 目 ：參 考 答 案 ：D .C .B .A . 圖 313 編輯試題界面設計 學生在主頁 的下拉列表中 選擇一門課程進入課程專區(qū) ，下面的自測題都是針對所選的那門課程。在自測界面中，需要提供一個下拉列表，用來顯示這門課程所有的試卷。學生選擇其中一套試卷后，點擊自測按鈕，跳轉(zhuǎn)到下一頁面，顯示出全部的試題。在這個界面中，試題 編號從 1 到 20，全部為單項選擇題，學生做完試題后點擊提交按鈕，系統(tǒng)會自動批改，并顯示本次自測所得的分數(shù)。學生點擊答案的鏈接，則可顯示出當前試卷中所有試題的答案。 如圖 314 所示。 基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 17 提 交 答 案進 入選 擇 進 入 課 程 專 區(qū) ：自 測??1 . X X X X X X X X X X A . X X X B . X X X C . X X X D . X X X2 0 . X X X X X X X X X X A . X X X B . X X X C . X X X D . X X X 圖 314 在線自測界面設計 文件上傳包括 教師上傳課件和學生上傳作業(yè)。 點擊上傳鏈接后，跳出的界面中需要顯示一個瀏覽框，用來選擇所要上傳的文件的路徑。選擇好上傳的文件 并在下拉列表框中選擇該文件所屬的課程 后，點擊上傳按鈕。如圖 315 所示。 系統(tǒng)對文件的類型有一定限制，如果選擇的文件不符合系統(tǒng)所要求的類型，系統(tǒng)會跳出一個提示框，提示上傳者該文件的類型不正確，并提示系統(tǒng)所支持的文件類型。如果文件類型符合系統(tǒng)的要求，則顯示上傳成功。 瀏 覽上 傳上 傳 到 課 程 ： 圖 315 文件上傳界面設計 文件下載包括教師下載學生作業(yè)和學生下載課件。 點擊下載鏈接后，界面中需要顯示一個下拉列表，顯示教師（學生）所屬專業(yè)中所有的課程，選擇所要下載 的目標文件所屬的課程后，點擊查詢按鈕，此時，界面顯示出兩張表 格，包含課程名、文件名、上傳者 ID、真實姓名、上傳時間等字段， 列出文件的所有詳細信息。 在每一行記錄的最后還增加下載文件的功能。點擊下載，就能下載該文件。如果登錄者是教師，這兩張表一張顯示這門課程中教師上傳的所有課件，一張顯示這門課程中所有學生上傳的作業(yè)。如果登陸者是學生，這兩張表中，一張顯示這門課基于 JSP技術的網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn) 18 程中教師上傳的所有課件，一張顯示自己所上傳的所有作業(yè)。 如圖 316 所示。 查 詢選 擇 課 程 ： 課名 文件名 老師 ID 老師姓名 上傳時間 下載 XX XX XX XX XX 下載 XX XX XX XX XX 下載 XX XX XX XX XX 下載 課名 文件名 學生 ID 學生姓名 上傳時間 下載 XX XX XX XX XX 下載 XX XX XX XX XX 下載 XX XX XX XX XX 下載 圖 316 文件下載界面設計 BBS 界面設計 BBS 中分為三個版塊：公告版塊、技術交流版塊和答疑版塊。在每一個版塊后增加進入按鈕，點擊后進入 該版塊。 如圖 317 所示。 在 某一 版塊界面中，在最上方顯示該版塊的標題，下方顯示一個表格，包括主題、作者 、回復數(shù)和最后更新時間等字段。每一個帖子作為一個字段顯示在表格中。 在此界面中需要提供一個發(fā)新帖的按鈕。 如圖 318 所示。 點擊發(fā)布新帖按鈕進入發(fā)布新帖的界面中。在此界面中，會出現(xiàn)兩個文本框，用來輸入標題和內(nèi)容。在文本框在輸入完畢后點擊提交，則發(fā)布帖子成功，點擊清空可以將文本框中的所有內(nèi)容重置，重新輸入。 如圖 319 所示。 點擊主題名字即可進入該主題的界面。在該界面中，抬頭顯示主題名字，下面顯示帖子的具體內(nèi)容、作者、等級權限（學生 /教師 /管理員）和發(fā)布時間。點擊回復帖子按鈕，在界面中會出現(xiàn)兩個文本框：標題和內(nèi) 容。標題中的默認內(nèi)容為“ re：主帖標題” 。在文本框在輸入完畢后點擊提交，則回復帖子成功，點擊清空可以將文本框中的所有內(nèi)容重置，重新輸入。 如圖 320