【正文】 界面設(shè)計(jì)步驟 規(guī)劃界面設(shè)計(jì)方案 ： 根據(jù) 英語網(wǎng)絡(luò)課堂 應(yīng)用功能設(shè)置和用戶特點(diǎn) ， 從界面組成、結(jié)構(gòu)布局等方面確定界面設(shè)計(jì)方案。 3) 表單 表單可以實(shí)現(xiàn)客戶端與服務(wù)器端的交互。在網(wǎng)上學(xué)習(xí)平臺(tái)的界面設(shè)計(jì)中使用的元素有： 1) 表格 表格是用于在 HTML 頁面上顯示表格式數(shù)據(jù)，對(duì)文本和圖形進(jìn)行布局的強(qiáng)有力的工具。 ? 按鈕大小一樣，忌用太長(zhǎng)的名稱，以免占用過多的界面空間，按鈕的大小要與界面的大小協(xié)調(diào)。 ? 完成相同或相近功能的菜單用橫線隔開放在一起。 系統(tǒng) 界面 設(shè)計(jì) 界面是軟件的衣裳，是軟件與用戶交互的最直接的層次。當(dāng)用戶對(duì)數(shù)據(jù)庫執(zhí)行操作時(shí)，系統(tǒng)自動(dòng)檢查用戶是否有權(quán)限執(zhí)行這些 操作，確保數(shù)據(jù)庫的安全。 教學(xué)課件表 StudyMaterials 的結(jié)構(gòu)如表 310 所示 ： 表 310 教學(xué)課件表 StudyMaterials 列 名 數(shù)據(jù)類型 可否為空 說明 ID int（ 4） Not Null 編號(hào) Name varchar（ 200） Not Null 課件名稱 Path varchar（ 200） Null 保存路徑 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 12 Addman varchar（ 200） Null 添加人 Addtime varchar（ 200） Null 添加時(shí)間 TeachingSubjectID int（ 4） Null 課程編號(hào) 1 教師布置作業(yè)表 HomeworkNotice 教師布置作業(yè)表用于保存教師布置的作業(yè)內(nèi)容、作業(yè)答案及與作業(yè)管理有關(guān)的信息，并通過教師編號(hào)及課程編號(hào)與其它數(shù)據(jù)表關(guān)聯(lián)。教師編號(hào)用于與其它數(shù)據(jù)表起關(guān)聯(lián)作用。因此，選擇一個(gè)好的數(shù)據(jù)庫管理系統(tǒng)，建立一個(gè)數(shù)據(jù)一致性和完整性強(qiáng)、數(shù)據(jù)安全性好的數(shù)據(jù)庫，使整個(gè)系統(tǒng)可以迅速、方便、準(zhǔn)確地調(diào)用和管理所需的數(shù)據(jù)，是網(wǎng)上學(xué)習(xí)平臺(tái)的重要設(shè)計(jì)內(nèi)容 之一。課堂之余，學(xué)生可以通過網(wǎng)絡(luò)進(jìn)行自主 學(xué)習(xí)，互相交流，提高學(xué)習(xí)效果 。只要有一臺(tái)能上網(wǎng)的電腦就能使用，客戶端零維護(hù)。 B/S 是一種基于“瘦”客戶機(jī)，采用三層體系結(jié)構(gòu)，即包括數(shù)據(jù)庫系統(tǒng)、應(yīng)用服務(wù)器、客戶瀏覽器三部分 。一般 asp需與 access 數(shù)據(jù)庫或 SQL Server 數(shù)據(jù)庫結(jié)合使用，編出功能強(qiáng)大的程序。利用 ASP 可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用 HTML 網(wǎng)頁作為用戶界面的 web 應(yīng)用程序。 34 系統(tǒng)登陸的實(shí)現(xiàn) 26 課程答疑模塊 20 第五章 英語網(wǎng)絡(luò)課堂系統(tǒng)的詳細(xì)設(shè)計(jì) 15 數(shù)據(jù)庫的保護(hù) 有利于學(xué)生自主探究和分層發(fā)展 ； 也 有利于融洽師生關(guān)系、 體現(xiàn)以人為本的教學(xué)關(guān)懷，真正實(shí)現(xiàn)“以學(xué)生為主體，以教師為主導(dǎo)”。摘 要 英語網(wǎng)絡(luò)課堂系統(tǒng)是一個(gè)以英語教學(xué)為主要內(nèi)容的網(wǎng)站，網(wǎng)站中為希望參加網(wǎng)絡(luò)英語學(xué)習(xí)的同學(xué)提供了方便快捷的在線學(xué)習(xí)， 教師和學(xué)生可以通過此 系統(tǒng) 實(shí)現(xiàn)實(shí)時(shí)和非實(shí)時(shí)的網(wǎng)上交流 ，幫助學(xué)生更好地學(xué)習(xí)英語，協(xié)助教師完善日常的英語教學(xué)工作， 把傳統(tǒng)的學(xué)習(xí)過程變得更加方便靈活 。 本系統(tǒng)具有很強(qiáng)的實(shí)用性，即可以作為獨(dú)立的系統(tǒng)使用，也可以作為 學(xué)校網(wǎng)站 系統(tǒng)的一個(gè)重要組成部分。 21 用戶操作界面的詳細(xì)設(shè)計(jì) 24 公告信息模塊 38 課程答疑模塊的實(shí)現(xiàn) 48 測(cè)試原則 ASP 支持使 ActiveX 控件或組件來擴(kuò)展網(wǎng)頁內(nèi)容，這些控件有些是與 ASP 一起發(fā)行的，有些是由 Microsoft 編寫并打包在 Microsoft Visual InterDev 中。 二 ． SQL Server 20xx 技術(shù) 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 3 數(shù)據(jù)庫技術(shù)是目前計(jì)算機(jī)領(lǐng)域發(fā)展最快、應(yīng)用最廣泛的技術(shù)。 第一層客戶機(jī)為用戶與整個(gè)系統(tǒng)的接口。系統(tǒng)的擴(kuò)展非常容易，只要能上網(wǎng)，再由系統(tǒng)管理員分配一個(gè)用戶名和密碼，就可以使用了。而就英語學(xué)習(xí)而言，多媒體技術(shù)和網(wǎng)絡(luò)技術(shù)可以幫助學(xué)生更好地學(xué)習(xí)英語，英語教師可以利用互連網(wǎng)與世界同行交流， 了解國(guó)際英語教學(xué)發(fā)展動(dòng)向，共享新的教學(xué)資料和科研成果，同時(shí)引導(dǎo)學(xué)生通過互聯(lián)網(wǎng)參與國(guó)際交流，促進(jìn)語言習(xí)得。本系統(tǒng)選擇 SQL Server 20xx 作為后臺(tái)數(shù)據(jù)庫。 教師信息表 Teacher 的結(jié)構(gòu)如表 32 所示 ： 表 32 教師信息表 Teacher 列 名 數(shù)據(jù)類型 可否為空 說明 ID int（ 4） Not Null 編號(hào) Name varchar（ 50） Not Null 教師姓名 Pwd varchar（ 50） Not Null 密碼 Sex varchar(50) Null 性別 Pic varchar(8000) Null 照片 Breif varchar(3000) Null 簡(jiǎn)介 Tel varchar(50) Null 電話 Email varchar(50) Null 電子郵件 varchar(50) Null 號(hào) MSN varchar(50) Null MSN號(hào) OfficeID int(4) Null 教研室編號(hào) Tno int(4) Not Null 教師編號(hào) （登錄名） 學(xué)生基本 信息表 Student 學(xué)生基本 信息表 用于保存 學(xué)生的 基本信息 ，由 編號(hào) 、 學(xué)生 姓名、 密碼 、 性別 、 出生日期、 民族、 籍貫、政治面貌、 照片、電話、電子郵件、 號(hào)、 MSN 號(hào)、 學(xué)號(hào)、 班級(jí)編號(hào)、 專業(yè) 編號(hào) 、學(xué)院編號(hào) 16 個(gè)字段組成。 教師布置作業(yè)表 HomeworkNotice 的結(jié)構(gòu)如表 311 所示 ： 表 311 教師布置作業(yè)表 HomeworkNotice 列 名 數(shù)據(jù)類型 可否為空 說明 ID int（ 4） Not Null 編號(hào) Title varchar（ 500） Null 作業(yè)題目 Content varchar（ 3000） Null 作業(yè)內(nèi)容要求 SubjectID int（ 4） Not Null 課程編號(hào) AddMan varchar（ 200） Null 添加人 Addtime varchar（ 200） Null 添加時(shí)間 1 學(xué)生回答作業(yè)表 Homework 學(xué)生回答作業(yè)表由記錄號(hào)、教師編號(hào)、課程編號(hào)、作業(yè)題目、作業(yè)內(nèi)容 5 個(gè)字段組成，用于保存學(xué)生回答作業(yè)的內(nèi)容等相關(guān)信息。 保證數(shù)據(jù)的完整性 數(shù)據(jù)的完整性是指數(shù)據(jù)的正確性和完備性。界面的好壞是影響用戶對(duì)軟件第一印象的主要因素，因?yàn)榻缑媸欠衩烙^直接影響用戶使用軟件的心情 ， 進(jìn)而直接影響用戶對(duì)軟件的評(píng)價(jià)。 ? 菜單前的圖標(biāo)能直觀的代表要完成的操作。 ? 編輯控件左對(duì)齊， Label 控件右對(duì)齊。表格在網(wǎng)頁設(shè)計(jì)中的意義遠(yuǎn)非一般概念中的表格應(yīng)用，它更大的用處在于控制頁面元素 (即網(wǎng)頁的定位 )，比如設(shè)置文字和圖像在頁面中出現(xiàn)的精確位置，只需通過設(shè)定表格的寬度、高度及彼此之間的比例大小等， 就可以把不同的網(wǎng)頁要素分別添加在不同的單元格之中以達(dá)到頁面的平衡。表單從用戶收集信息，然后將這些信息提交給服務(wù)器進(jìn)行處理。系統(tǒng)界面分為 網(wǎng)絡(luò)課堂登錄 主頁面和管理、教師、學(xué)生三個(gè)用戶界面。目前， GIF 和 JPEG 文件格式的支持情況最好，大多數(shù)瀏覽器都可以查看它們。 ? 每個(gè)框架都具有自己的滾動(dòng)條，因此訪問者可以獨(dú)立滾動(dòng)這些框架。 界面設(shè)計(jì)使用的元 素 利用 Dreamweaver 所提供的強(qiáng)大的頁面編輯功能，進(jìn)行學(xué)習(xí)平臺(tái)界面設(shè)計(jì)。 ? 布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。 規(guī)范性細(xì)則 : ? 很常用的菜單要有命令快捷方式。在具 體 實(shí) 現(xiàn)上，采用 Dreamweaver 和 PhotoShop 來完成網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)， 采用動(dòng)態(tài)網(wǎng)頁制作技術(shù) ASP 進(jìn)行動(dòng)態(tài)網(wǎng)頁編程，系統(tǒng)功能的實(shí)現(xiàn)需要數(shù)據(jù)庫系統(tǒng)的支持，數(shù)據(jù)庫采用 SQL Server 20xx。系統(tǒng)通過檢查口令等手段來驗(yàn)證用戶身份，合法的用戶才能進(jìn)入數(shù)據(jù)庫系統(tǒng)。 其中保存路徑用于記錄教師上傳課件的保存路徑，當(dāng)學(xué)生需要下載此課件進(jìn)行學(xué)習(xí)時(shí)，系統(tǒng)可以根據(jù)次保存路徑找到該課件。其中簡(jiǎn)介 用于描述教師的專業(yè)特長(zhǎng)、研究方向等。 1．硬件環(huán)境 ? 處理器： Pentium 4芯片 或更高 ? 內(nèi)存： 256M 或更高 ? 硬盤空間： 20GB 以上 ? 顯卡： SVGA 顯示適配器 32M 2. 軟件 平臺(tái) ? 應(yīng)用環(huán)境 ： Windows 操作系統(tǒng) ? 操作系統(tǒng)： Windows XP ? 數(shù)據(jù)庫： SQL Server 20xx ? 數(shù)據(jù)庫驅(qū)動(dòng)： ODBC 驅(qū)動(dòng)程序 ? 編程語言： ASP大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 7 第三章 英語網(wǎng)絡(luò)課堂 數(shù)據(jù)庫設(shè)計(jì) 網(wǎng)上學(xué)習(xí)平臺(tái)在運(yùn)行過程中涉及大量信息的處理，許多應(yīng)用功能的實(shí)現(xiàn)是建立在數(shù)據(jù)庫基礎(chǔ)之上的，數(shù)據(jù)庫設(shè)計(jì)的優(yōu)劣直接影響系統(tǒng)的性能。 三、方案可行性：近年來，計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)迅 速發(fā)展，其在教學(xué)上也得到越 來越廣泛的應(yīng)用。 B/S 結(jié)構(gòu)的優(yōu)點(diǎn) ： B/S 結(jié)構(gòu)最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件。它是隨著 Inter技術(shù)的興起，對(duì) C/S結(jié)構(gòu) 的一種變化或者改進(jìn)的結(jié)構(gòu)。 PWS 或 IIS 服務(wù)在 windows98 或 windows20xx 的 光盤 上附帶著，可以通過“添加 /刪除程序”中的“添加 /刪除 windows 組件”來 安裝。 ASP 網(wǎng)頁大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 2 可以包含 HTML 標(biāo)記、普 通文本、腳本命令以及 COM 組件等。 48 測(cè)試方法 34 網(wǎng)絡(luò)課堂模塊的實(shí)現(xiàn) 27 討論交流模塊 6 系統(tǒng)功能模塊的要求 通過此平臺(tái)，學(xué)生可以不受時(shí)間、空間、地域的限制，實(shí)現(xiàn)網(wǎng)上瀏覽教學(xué)內(nèi)容、完成作業(yè)， 提出疑問 等功能，教師也可借助此平臺(tái)，發(fā)布公告信息，發(fā)布試題，實(shí)現(xiàn)課件上傳下載，組織討論 答疑等功能 ， 使 師生 交流 、反饋?zhàn)杂苫?、多元化；使課堂 逐步 邁入專題化、層次化的 廣闊學(xué)習(xí)空間 。此英語 網(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)。 目 錄 第一章 系統(tǒng)概述 1 相關(guān)技術(shù)簡(jiǎn)介 17 第四章 英語網(wǎng)絡(luò)課堂系統(tǒng)總體設(shè)計(jì) 18 系統(tǒng)界面設(shè)計(jì) 24 網(wǎng)絡(luò)課堂模塊 52 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 1 第一章 系統(tǒng)概述 課題來源及意義 隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展，信息網(wǎng)絡(luò)已成為社會(huì)發(fā)展的重要保證。 ActiveX 以服務(wù)器框架的形式來提供服務(wù)器方技術(shù)，包括 Inter 服務(wù)應(yīng)用程序界面 (ISAPI)的技術(shù)規(guī)范和 ISAPI 過濾器的技術(shù)規(guī)范 。在整個(gè)發(fā)展過程中，大致有關(guān)系數(shù)據(jù)庫、層次數(shù)據(jù)庫、網(wǎng)絡(luò)數(shù)據(jù)庫等幾 種類型?？蛻舳说膽?yīng)用程序簡(jiǎn)化到一個(gè)通用的瀏覽器，由它來解釋HTML，顯示網(wǎng)頁內(nèi)容。甚至可以在線申請(qǐng)，通過公司內(nèi)部的安全認(rèn)證（如 CA 證書）后，不需要人的參與，系統(tǒng)可以自動(dòng)分配給用戶一個(gè)賬號(hào)進(jìn)入系統(tǒng)。 參加網(wǎng)絡(luò)教學(xué) 已經(jīng) 成為補(bǔ)充和完善傳統(tǒng)教學(xué)方式的 一種 最佳方式 ，大力發(fā)展網(wǎng)上教育成為大勢(shì)所趨。 數(shù)據(jù) 表的設(shè)計(jì) 在系統(tǒng)運(yùn)行過程