【導讀】語教學工作，把傳統(tǒng)的學習過程變得更加方便靈活。此英語網(wǎng)絡教學平臺由教師。教學系統(tǒng)、學生學習系統(tǒng)和教學管理系統(tǒng)三大模塊組成，這些模塊之間相互聯(lián)系，相互配合，構成一個完整的網(wǎng)絡教學系統(tǒng)。問題討論，發(fā)表公告，即時消息，人員管理，課程管理，信息管理等功能。與SQLServer20xx相結合加以實現(xiàn)。本系統(tǒng)的設計和開發(fā)過程完全按照軟件工程的要求，主要分為以下幾個步。軟件編碼和系統(tǒng)測試。項技術開發(fā)一個高效、高質(zhì)量、易于維護的網(wǎng)上教學系統(tǒng)成為網(wǎng)絡教育的一大熱點。絡課堂教學設計是以現(xiàn)代教育理念為指導，以現(xiàn)代教學論、系統(tǒng)的思想和方法為基石。教育體制與教學模式帶來了新的飛躍。目前，Inter遠程教學已經(jīng)成為國內(nèi)外網(wǎng)絡研。究和應用的熱點課題之一。通過此平臺，學生可以不受時間、空間、地域的限制，有利于學生自主探究和分層。發(fā)展；也有利于融洽師生關系、體現(xiàn)以人為本的教學關懷，真正實現(xiàn)“以學生為主體，的一個重要組成部分。第一章系統(tǒng)概述··································&

　　

【正文】 是否回復 字段分別記錄該條即時消息收信人是否已經(jīng)閱讀、收信人是否已經(jīng)回復給條消 息。 即時消息表 Msg 的結構如表 315 所示 ： 表 315 即時消息表 Msg 列 名 數(shù)據(jù)類型 可否為空 說明 ID int（ 4） Not Null 編號 Title varchar（ 500） Not Null 標題 Content varchar（ 20xx） Null 內(nèi)容 ManFrom varchar（ 50） Null 發(fā)信人 Manto varchar（ 50） Null 收信人 IsRead int（ 4） Not Null 是否閱讀 SentTime varchar（ 50） Null 發(fā)信時間 IsReplied int（ 4） Null 是否回復 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 15 建立表結構 本英語網(wǎng)絡課堂 系統(tǒng)數(shù)據(jù)庫由 15 個數(shù)據(jù)表組成，不同的用戶可以對數(shù)據(jù)庫中不同的數(shù)據(jù)表進行操作，各數(shù)據(jù)表之間又因為某些字段的相關性而產(chǎn)生關聯(lián)，當對數(shù)據(jù)庫中某一個表的數(shù)據(jù)更新時，則所有與此相關聯(lián)的數(shù)據(jù)都要更新。例如，數(shù)據(jù)庫中教師信息表 (teacher)、課程 信息 表 (Subject)、 開課信息 表 (TeachingSubject)及 教學課件 表(StudyMaterial)、班級表 (Class)用教師編號和課程編號進行關聯(lián)，當 教師登錄進入到課程教學 欄目后，該教師本學期所上的課程的信息都自動顯示出來，教師 上傳 相應課程學習 課件 的內(nèi)容后，本學期所教班級的學生登錄后，將都能查閱相應內(nèi)容，而沒有選課的班級的學生則無法查閱。 網(wǎng)絡課堂系統(tǒng) 數(shù)據(jù)庫中數(shù)據(jù)表之間的關系如圖 31 所示 ： 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 16 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 17 圖 31 數(shù)據(jù)庫中數(shù)據(jù)表之間的關系 圖 數(shù)據(jù)庫的保護 為了保 護數(shù)據(jù)庫數(shù)據(jù)的安全可靠和正確有效，必須采取一定的安全保護措施。本系統(tǒng)采取的數(shù)據(jù)庫保護措施有： 建立用戶帳號、設置訪問權限 數(shù)據(jù)庫的安全性是指保護數(shù)據(jù)庫以防止不合法的使用所造成的數(shù)據(jù)泄露、更改或破壞。用戶驗證和存取控制是數(shù)據(jù)庫安全性控制的主要方法。在數(shù)據(jù)庫中建立用戶帳號，每個帳號必須指定一個口令，用戶通過帳號訪問數(shù)據(jù)庫。針對用戶的不同時用要求 ，確定用戶對數(shù)據(jù)的使用權限。系統(tǒng)通過檢查口令等手段來驗證用戶身份，合法的用戶才能進入數(shù)據(jù)庫系統(tǒng)。當用戶對數(shù)據(jù)庫執(zhí)行操作時，系統(tǒng)自動檢查用戶是否有權限執(zhí)行這些 操作，確保數(shù)據(jù)庫的安全。 保證數(shù)據(jù)的完整性 數(shù)據(jù)的完整性是指數(shù)據(jù)的正確性和完備性。數(shù)據(jù)庫的完整性控制包括完整性約束的定義、檢查和處理。完整性約束的定義規(guī)定了用戶對數(shù)據(jù)庫進行更新操作時所應滿足的條件，因為查詢操作不會修改數(shù)據(jù)庫的內(nèi)容，也就不能破壞數(shù)據(jù)庫的完整性。當用戶服務對數(shù)據(jù)庫進行更新操作時，系統(tǒng)會檢查用戶的操作是否違反了完整約束。如違反了完整性約束，就采取一定的措施來保證數(shù)據(jù)的完整性。 數(shù)據(jù)庫的備份和恢復 數(shù)據(jù)庫系統(tǒng)在運行過程中會遇到各種障礙，由于計算機系統(tǒng)的故障（硬件故障、軟件故障、網(wǎng)絡故障、進 程故障和系統(tǒng)故障）會影響數(shù)據(jù)庫系統(tǒng)的操作，影響數(shù)據(jù)庫中數(shù)據(jù)的正確性，甚至破壞數(shù)據(jù)庫 ，使數(shù)據(jù)庫中全部數(shù)據(jù)或部分數(shù)據(jù)丟失。 數(shù)據(jù)庫常常使用數(shù)據(jù)庫備份的方法來保護數(shù)據(jù)。數(shù)據(jù)庫備份是由構成數(shù)據(jù)庫的物理文件的操作系統(tǒng)備份所組成的。當出現(xiàn)故障時進行數(shù)據(jù)庫恢復，利用備份文件恢復毀壞的數(shù)據(jù)文件或控制文件。SubjectID SubjectID ManFrom / LastUpdatePoster ManFrom Poster ClassID StudentID TeachingSubjectID SubjectID TeacherID TeacherID TeachingSubjectID 教學課件表 StudyMaterial 開課信息表 TeachingSubject 課程信息表 Subject OfficeID ClassID MajorID 班級信息 表 Class SchoolID MajorID SchoolID 教師信息表 Teacher 教研室信息表 Office 學院信息表 School 專業(yè)信息表 Major 布置作業(yè)表 HomeworkNotice 回答作業(yè) 表 Homework 管理員表 Admin TeacherID 學生信息表 Student 答疑表 Question Poster / LastUpdatePoster / LastUpdatePoster ManFrom / ManTo / ManTo SchoolID 論壇表 BBS 即時消息表 Msg / ManTo Poster 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 18 第四章 英語網(wǎng)絡課堂系統(tǒng)總體 設計 在對本系統(tǒng)進行了詳盡的系統(tǒng)分析和數(shù)據(jù)庫設計之后，本章將概述該系統(tǒng)總體結構、用戶界面和系統(tǒng)功能模塊的設計。 系統(tǒng) 總體結構設計 網(wǎng)絡應用軟件系統(tǒng)開發(fā)常見的結構模式有 C/S 模式和 B/S模式。在 C/S 模式即客戶端 (Client)/服務器 (Server)模式下，主要的業(yè)務邏輯都集中于客戶端程序，由于客戶的配置可能存在差異，系統(tǒng)安裝、調(diào)試、維護困難?；跒g覽器 (Browser)/服務器 (Server)結構的系統(tǒng)，也就是 B/S 模式，最核心的一點就是用通用的瀏覽器取代了原來的客戶端程序，應用程序的安裝、調(diào)試、維護只要在服務器端進行就可以了，此外配置工作都集中到服務器端，提高了系統(tǒng)的安全性。因此，在系統(tǒng)總體設計上采用瀏覽器 /服 務器 (B/S)模式，用戶只要通過 Inter 瀏覽器輸入系統(tǒng)的 IP地 址對服務器進行訪問就可以完成所有的功能。在具 體 實 現(xiàn)上，采用 Dreamweaver 和 PhotoShop 來完成網(wǎng)頁的設計與實現(xiàn)， 采用動態(tài)網(wǎng)頁制作技術 ASP 進行動態(tài)網(wǎng)頁編程，系統(tǒng)功能的實現(xiàn)需要數(shù)據(jù)庫系統(tǒng)的支持，數(shù)據(jù)庫采用 SQL Server 20xx。 系統(tǒng) 界面 設計 界面是軟件的衣裳，是軟件與用戶交互的最直接的層次。界面的好壞是影響用戶對軟件第一印象的主要因素，因為界面是否美觀直接影響用戶使用軟件的心情 ， 進而直接影響用戶對軟件的評價。而且良好的界面能夠引導用戶自己完成相應的操作起到向?qū)У淖饔?，具?吸引用戶的直接優(yōu)勢。 簡潔易用、規(guī)范協(xié)和、風格統(tǒng)一等等因素是界面美觀的關鍵所在。 易用性 優(yōu)秀的用戶界面應該使用戶在首次接觸軟件時，感覺到一目了然，不需要太多的培訓就可以上手使用，這就是軟件的易用性，易用性通常體現(xiàn)在界面用詞通俗易懂、功能操作快捷方便、操作反饋及時準確等方面，理想情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確操作。 易用性細則 : ? 完成相同或相近功能的按鈕框起來，常用按鈕要支持快捷方式。 ? 完成同一功能或任務的控件放在集中位置，減少鼠標或鍵盤移動的距離 。 ? 按功能將界面分塊，并要有 功能說明或標題。 ? 界面上首先應輸入的或重要信息的控件在 Tab 順序中應當靠前，位置也 應放在窗口上較醒目的位置。 ? 同一界面上的控件數(shù)最好不要超過 20 個，多于 20 個時可以考慮分頁顯。 ? 默認按鈕要支持 Enter 可 選操作，即按 Enter 后自動執(zhí)行默認按鈕對應操作。 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 19 ? 專業(yè)性強的軟件要使用相應行業(yè)的專業(yè)術語，通用性界面則使用通用性詞語 。 ? 確保用戶界面的一致性，例如界面用詞統(tǒng)一、按鈕位置固定等 。 ? 及時提供幫助 。 規(guī)范性 通常界面設計都按 Windows 界面的規(guī)范來設計，即包含“菜單條、 工 具欄、狀態(tài)欄、滾動條、右鍵快捷菜 單”的標準格式，可以說 :界面遵循規(guī)范化的程度越高，則易用性相應的就越好。 規(guī)范性細則 : ? 很常用的菜單要有命令快捷方式。 ? 完成相同或相近功能的菜單用橫線隔開放在一起。 ? 菜單前的圖標能直觀的代表要完成的操作。 ? 菜單深度要求控制在三層以內(nèi)，一般是兩層。 ? 相同或相近功能的工具欄放在一起。 ? 工具欄中的每一個按鈕要有及時提示信息。 ? 快捷鍵的圖標能直觀的表示其要完成的操作。 ? 狀態(tài)條要能顯示用戶切實需要的信息，常用的有 :目前的操作、系統(tǒng)狀態(tài) 、用戶位置 、 用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長還應該顯 示進度百分比和進程提示。 ? 滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r變換，以利于用戶了解顯示 信息的位置和百分比。 ? 狀態(tài)條的高度以放置五號字為宜，滾動條的寬度比狀態(tài)條的略窄。 ? 菜單和工具條要有清楚的界限 ； 菜單要求凸出顯示，這樣在移走工具條時仍有 立體感 。 ? 菜單和狀態(tài)條中通常使用 5 號字體。工具條一般比菜單要寬，但不要寬得太多， 否則看起來很不協(xié)調(diào)。 ? 右鍵快捷菜單采用與菜單相同的準則 。 美觀與協(xié)調(diào) 界面應該符合美學觀點，感覺協(xié)調(diào)舒適，能吸引用戶的注意力。 美觀與協(xié)調(diào)性細則 : ? 窗體長寬接近黃金分割比例 ()，切忌長寬比例失調(diào)、或?qū)挾葒乐爻^長度。 ? 布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。 ? 按鈕大小一樣，忌用太長的名稱，以免占用過多的界面空間，按鈕的大小要與界面的大小協(xié)調(diào)。 ? 編輯控件左對齊， Label 控件右對齊。 ? 避免空曠的界面上放置很大的按鈕。 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 20 ? 放置完控件后界面不應有很大的空閑空間。 ? 字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體 912較為美觀，很少使用超過 12 號的字體。 系統(tǒng) 功能模塊 設計 根據(jù) 英語網(wǎng)絡課堂系統(tǒng) 能設計，網(wǎng)絡學習平臺應包含以下功能模塊 : 網(wǎng)絡課堂 、 網(wǎng)上作業(yè) 、 提問 答疑 、課程討論、 發(fā)表公告 、 即時消息 、 人員管理、課程管理 模塊。 這些不同功能的模塊在網(wǎng)絡學習平臺中起著不同的作用，通過它們之間的相互配合、相互補充以實現(xiàn)遠程教學的目的。為方便用戶使用，在學習平臺設計上根據(jù)不同用戶使用的特點，將用戶操作界面分為教師界面、學生界面、管理界面，學習平臺系統(tǒng)應用功能通過三個用戶界面加以體現(xiàn)與實現(xiàn)。 綜上所述，網(wǎng)絡學習平臺系統(tǒng)軟件結構分為二個層次，表示層通過教師、學生、管理 員 三個用戶界面給用戶提供方便、美觀、實用的人機接口，應用層由 網(wǎng)絡課堂 、 提問答疑 、課程討論、 發(fā)表公告 、 即 時消息 、 人員管理、課程管理 、 論壇管理 七 個功能模塊組成。 通過使用本系統(tǒng)的用戶的角色劃分 本系統(tǒng)的基本功能模塊如圖 41 所示： 圖 41 系統(tǒng) 基本功能模塊 圖 本系統(tǒng)學生、教師、管理員三種用戶模塊各自下屬的子模塊，在功能上與其他用戶模塊的子模塊存在著緊密地聯(lián)系， 有的子模塊之間在功能上存在重疊；有的不同用戶模塊的幾個子模塊屬于一個完整的功能模塊，共同協(xié)作完成一項完整的系統(tǒng)功能。在第五章詳細設計中，本文將按照完整的功能模塊來劃分系統(tǒng)功能 ，完成系統(tǒng)的功能模塊的詳細設計。 英語網(wǎng)絡課堂 學生個人學習模塊 教師教學模塊 教學管理模塊 課程學習 課件上傳 查閱公告 在線提問 課程討論 發(fā)表公告 即時消息 課程討論 在線答疑 人員管理 課程管理 論壇管理 即時消息 即時消息 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 21 第五章 英語網(wǎng)絡課堂系統(tǒng)的詳細設計 在第四章中對網(wǎng)絡課堂從總體結構框架和功能上進行了規(guī)劃，根據(jù)英語網(wǎng)絡課堂的內(nèi)容 、功能 及需求， 本章將 先對本系統(tǒng)的界面設計進一步的詳細介紹，然后 按 邏輯功能把本系統(tǒng)劃分為 網(wǎng)絡課堂 、 課程 答疑 、 討論交流 、 公告 信息 、 即時消息 、系統(tǒng)管理 6個邏輯功能模塊， 再 就這些模塊的詳細設計作進一步闡述。 用戶操作界面 的詳細 設計 用戶界面是用戶使用網(wǎng)上學習平臺功能、與系統(tǒng)實現(xiàn)交互的接口。因此在界面設計上應注重界面友好，導航清晰，操作簡單、靈活，方便用 戶使用。網(wǎng)上學習平臺采 用Dreamweaver 和 Photoshop 來進行界面設計和實現(xiàn) 。 界面設計使用的元 素 利用 Dreamweaver 所提供的強大的頁面編輯功能，進行學習平臺界面設計。在網(wǎng)上學習平臺的界面設計中使用的元素有： 1) 表格 表格是用于在 HTML 頁面上顯示表格式數(shù)據(jù)，對文本和圖形進行布局的強有力的工具。表格在網(wǎng)頁設計中的意義遠非一般概念中的表格應用，它更大的用處在于控制頁面元素 (即網(wǎng)頁的定位 )，比如設置文字和圖像在頁面中出現(xiàn)的精確位置，只需通過設定表格的寬度、高度及彼此之間的比例大小等， 就可以把不同的網(wǎng)頁要素分別添加在不同的單元格之中以達到頁面的平衡。表格是網(wǎng)頁制作中最為重要的一個技巧，表格運用得好壞，直接反映了網(wǎng)頁設計的水平。 Dreamweavex MX 支持表格嵌套?？梢栽诒砀駜?nèi)的一個單元格中插入另一個嵌套表格?？梢韵駥ζ渌魏伪砀褚粯訉η短妆砀襁M行格式設置。但是，其寬度受它所在單元格的寬度的限制。 2) 框架 框架是網(wǎng)頁中非常有用的工具，它可以將一個瀏覽器窗口劃分為多個區(qū)域，每個區(qū)域都可以顯示不同 H`TML 文檔。使用框架的最常見的情況就是，一個框架顯示包含導航控件的文檔，而另一個框架顯示含 有內(nèi)容的文檔。 本系統(tǒng)頁面框架布局由 3 個框架組成：一個較窄的框架位于側面，其中包含導航條；一個框架橫放在頂部，其中包含 Web 頁的標題、用戶的歡迎信息，當前日期 和一個菜單欄 ；一個大框架占據(jù)了頁面的其余部分，其中包含主要內(nèi)容。這些框架中的每一部分都顯示一個單獨的 HTML 文檔。 登錄后的系統(tǒng)界面框架如圖 51 所示： 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 22 圖 51 系統(tǒng)界面框架圖 當訪問者瀏覽信息時，在頂部框架中顯示的文檔永遠不更改。側面框架導航條包含鏈接，單擊其 中的一個鏈接會更改的內(nèi)容，但側面框架本身的內(nèi)容保持靜態(tài)。無論訪問者在左側單擊了哪一個鏈接，右側主要內(nèi)容框架都會顯示相應的文檔。 使用框架的優(yōu)點如下： ? 訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的圖形。 ? 每個框架都具有自己的滾動條，因此訪問者可以獨立滾動這些框架。 3) 表單 表單可以實現(xiàn)客戶端與服務器端的交互。表單從用戶收集信息，然后將這些信息提交給服務器進行處理。表單可以包含允許用戶進行交互的各種對象。這些表單對象包括文本域、列表框、復選框和單選按鈕。 form標簽包括一些參數(shù)，使用這些參數(shù)可以指定到處理表 單數(shù)據(jù)的服務器端腳本或應用程序的路徑，而且還可以指定在將數(shù)據(jù)從瀏覽器傳輸?shù)椒掌鲿r要使用的 HTTP 方法。 網(wǎng)絡課堂 平臺的信息錄入與維護、 即時消息 、 發(fā)布公告 等功能，均使用了表單。當用戶將信息輸入表單并單擊提交按鈕時，這些信息將被發(fā)送到服務器，服務器端腳本或應用程序在該處對這些信息進行處理。服務器通過將請求信息發(fā)送回用戶或基于該表單內(nèi)容執(zhí)行一些操作來進行響應。如果不使用服務器端腳本或應用程序來處理表單數(shù)據(jù)，就無法收集這些數(shù)據(jù)。在本系統(tǒng)中，通過 ASP 來處理信息。 4) 圖片 圖片是一個優(yōu)秀的網(wǎng)站不可或缺的要素之一，如果 一個網(wǎng)站缺少了圖片，很難想象會是多么的枯燥無味，豐富多彩的圖片能為網(wǎng)站增色不少。一方面，圖像的應用使網(wǎng)頁更加美觀、有趣；另一方面，圖像本身也是傳達信息的重要手段。與文字相比，它更直 大連交通大學 20xx 屆本科生畢業(yè)設計 (論文 ) 23 觀、更生動，可以很容易地把那些文字無法表達的信息表達出來。 本網(wǎng)絡課堂的管理區(qū)、教師區(qū)、學生區(qū)都使用圖片來設計界面，例如系統(tǒng)的登錄頁面將使用整張圖片作為頁面；頁面的標題欄也是用圖片實現(xiàn)的；管理區(qū)的導航條都是由圖片組成。 雖然存在很多種圖形文件格式，但 Web 頁中通常使用的只有三種，即 GIP, JPEG 和PNG。目前， GIF 和 JPEG 文件格式的支持情況最好，大多數(shù)瀏覽器都可以查看它們。 界面設計步驟 規(guī)劃界面設計方案 ： 根據(jù) 英語網(wǎng)絡課堂 應用功能設置和用戶特點 ， 從界面組成、結構布局等方面確定界面設計方案。系統(tǒng)界面分為 網(wǎng)絡課堂登錄 主頁面和管理、教師、學生三個用戶界面。 每個界面的 準備頁面素材 ： 圖像已經(jīng)成為網(wǎng)頁制作中不可缺少的組成成份，在界面設計中插入圖像元素，可以使界面生動、友好。按照設計方案要求，教學平臺界面設計中均使用了圖像元素，使用 Photoshop 繪制和編輯圖像文件，然后將準備好的圖像素材添加到站點。 進入 Dreamweaver，在 Dreamweaver 中創(chuàng)建新的頁面，并按界面設計要求對新建頁面的屬性參數(shù)進行設置。 進行頁面布局和設置 ： 使用 Dreamweaver 中的可視化設計工具可以創(chuàng)建非常復雜的頁面布局。設計頁面布局的主要元素有使用表格控制頁面內(nèi)容和使用框架。 教師區(qū)、學生區(qū) 、管理員區(qū) 在界面布局、結構組成、功能實 現(xiàn)等采用的方法基本