【摘 要】基于B/S模式的C語言網(wǎng)絡(luò)教學(xué)系統(tǒng)基于ASP+ACCESS數(shù)據(jù)庫，前臺(tái)頁面采用CSS+DIV布局，以PHOTOSHOP、FLASH技術(shù)輔助制作完成，能實(shí)現(xiàn)網(wǎng)頁的交互與數(shù)據(jù)后臺(tái)管理，設(shè)計(jì)合理，運(yùn)行穩(wěn)定，導(dǎo)航清晰，操作簡單、靈活，鏈接準(zhǔn)確，使多種媒體的教學(xué)資源以更加靈活多樣的方式展現(xiàn)在學(xué)生面前，實(shí)現(xiàn)了教學(xué)資源的合理分配，促進(jìn)教學(xué)效果的顯著提升。

【關(guān)鍵詞】B/S 網(wǎng)絡(luò)教學(xué)系統(tǒng) 設(shè)計(jì)

【中圖分類號(hào)】 G 【文獻(xiàn)標(biāo)識(shí)碼】A

【文章編號(hào)】0450-9889（2014）03C-0190-03

隨著Internet的不斷發(fā)展，傳統(tǒng)的課堂教學(xué)手段顯得過于單一、落后。因此，一種開放式、突破傳統(tǒng)教學(xué)模式的教學(xué)方式——網(wǎng)絡(luò)課程教學(xué)應(yīng)運(yùn)而生。網(wǎng)絡(luò)課程教學(xué)讓學(xué)生在課堂之外，多一個(gè)汲取知識(shí)的平臺(tái)，該平臺(tái)將內(nèi)容的組織、教學(xué)方式等方面通過網(wǎng)絡(luò)形式展現(xiàn)給教師和學(xué)生。網(wǎng)絡(luò)教學(xué)實(shí)現(xiàn)教學(xué)資源共享，給學(xué)生創(chuàng)造新型的學(xué)習(xí)環(huán)境，同時(shí)促進(jìn)教學(xué)內(nèi)容和教學(xué)方法的改革，提高學(xué)生學(xué)習(xí)的興趣。

該網(wǎng)絡(luò)教學(xué)系統(tǒng)采取B/S模式，采用ASP+ACCESS數(shù)據(jù)庫技術(shù)相結(jié)合，創(chuàng)建基于校園網(wǎng)絡(luò)的自主學(xué)習(xí)平臺(tái)，為學(xué)生開辟新的學(xué)習(xí)環(huán)境。該平臺(tái)提供豐富的網(wǎng)絡(luò)教學(xué)資源，供教師參考、學(xué)生學(xué)習(xí)。教師與學(xué)生間可通過網(wǎng)上進(jìn)行交流、提問答疑；學(xué)生之間可相互交流心得、方法和分享自己的創(chuàng)意，增加學(xué)習(xí)的趣味性。其中實(shí)踐教學(xué)，網(wǎng)上學(xué)習(xí)，同步教程，資源下載，在線考試，交流論壇六大模塊是學(xué)生新課堂的主要資源平臺(tái)。

一、設(shè)計(jì)背景

隨著社會(huì)進(jìn)步，傳統(tǒng)的授課方式、知識(shí)的表達(dá)途徑和師資力量配置等方面的矛盾日益尖銳；用人企業(yè)對(duì)學(xué)生職業(yè)素質(zhì)和專業(yè)技能的要求日益提升，如何培養(yǎng)適應(yīng)社會(huì)經(jīng)濟(jì)發(fā)展的人才，是職業(yè)教育面臨的艱巨任務(wù)。因此，迫切需要一種能更加直觀生動(dòng)展現(xiàn)所需知識(shí)難度和深度的教學(xué)方法。利用網(wǎng)絡(luò)技術(shù)，通過校企合作開發(fā)項(xiàng)目，提升師生實(shí)踐能力，聘請同行專家對(duì)網(wǎng)絡(luò)教學(xué)進(jìn)行評(píng)價(jià)，緊密與企業(yè)聯(lián)系，第一時(shí)間獲取社會(huì)供求的信息。

筆者與同事利用現(xiàn)有的網(wǎng)絡(luò)設(shè)備和校園網(wǎng)絡(luò)，使用Web技術(shù)構(gòu)建了本網(wǎng)絡(luò)教學(xué)系統(tǒng)，本系統(tǒng)之所以采用B/S模式，因?yàn)樵撃Ｊ绞请S著網(wǎng)絡(luò)技術(shù)的發(fā)展而對(duì)C/S結(jié)構(gòu)進(jìn)行改進(jìn)和完善，技術(shù)發(fā)展已趨完善。采用的ASP技術(shù)其工作原理簡單，當(dāng)用戶申請一個(gè)asp的源文件時(shí)，Web服務(wù)器響應(yīng)該請求，并使用服務(wù)器上的ASP解釋器，解釋被申請的文件，生成相對(duì)簡單的靜態(tài)頁面返回給用戶瀏覽器，避免對(duì)客戶端繁瑣的開發(fā)過程。

二、系統(tǒng)設(shè)計(jì)

（一）技術(shù)可行性分析

本系統(tǒng)使用ASP技術(shù)，是Microsoft公司開發(fā)的服務(wù)器端的腳本環(huán)境，是目前成熟的開放式Web的應(yīng)用程序開發(fā)技術(shù)。ASP的一項(xiàng)重要技術(shù)是能夠把腳本HTML、組件和強(qiáng)大的Web數(shù)據(jù)庫訪問功能結(jié)合在一起，形成能在服務(wù)器上運(yùn)行的應(yīng)用程序，并把按用戶的要求專門制作的HTML頁面送給客戶端瀏覽器。

該系統(tǒng)采用三層B/S結(jié)構(gòu)，即瀏覽器/服務(wù)器（Browser/Server）模式。

第一層是教學(xué)內(nèi)容表示層，即Web瀏覽器，是用戶的輸入/輸出交互表示界面。用戶使用Web瀏覽器訪問Web服務(wù)器，提出訪問申請，Web服務(wù)器將所申請的教學(xué)資源數(shù)據(jù)傳輸給客戶端，在瀏覽器中以Web頁面形式輸出。

第二層是教學(xué)信息應(yīng)用層，即Web服務(wù)器，它介于Web瀏覽器和數(shù)據(jù)庫服務(wù)器之間，接受用戶信息的輸入，形成動(dòng)態(tài)網(wǎng)頁。Web服務(wù)器接受到訪問申請后，激活對(duì)應(yīng)的服務(wù)器端程序如ASP等，服務(wù)器端中的命令和腳本都是在服務(wù)器端解釋執(zhí)行，再將執(zhí)行后的結(jié)果生成HTML頁面并發(fā)送至瀏覽器。此層主要完成教學(xué)應(yīng)用功能。

第三層是教學(xué)信息資源訪問層，即數(shù)據(jù)庫服務(wù)器。主要功能是完成教學(xué)資源信息的數(shù)據(jù)存儲(chǔ)和組織，接受訪問請求后響應(yīng)請求并進(jìn)行運(yùn)算。在此，筆者采用Access2003關(guān)系數(shù)據(jù)庫來構(gòu)建服務(wù)器子系統(tǒng)。Access2003是一個(gè)基于關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，界面風(fēng)格及許多工具與Excel、Word相似，使用簡單、方便，易于維護(hù)。它可以有效地組織、管理數(shù)據(jù)庫信息，能滿足網(wǎng)絡(luò)教學(xué)系統(tǒng)校園網(wǎng)絡(luò)的需求。

按照三層B/S模式結(jié)構(gòu)創(chuàng)建網(wǎng)絡(luò)教學(xué)系統(tǒng)，將網(wǎng)頁的動(dòng)態(tài)技術(shù)交給Web端進(jìn)行處理，在此采用ASP指令和ActiveX組件等技術(shù)建立動(dòng)態(tài)、交互、高效的Web服務(wù)器應(yīng)用程序，學(xué)生用戶只要能使用可執(zhí)行HTML碼的瀏覽器即可。

（二）需求分析

C語言語法結(jié)構(gòu)復(fù)雜、數(shù)據(jù)類型繁多，學(xué)起來困難，高職的學(xué)生基礎(chǔ)薄弱，邏輯思維和抽象思維不強(qiáng)，有畏學(xué)、厭學(xué)情緒。據(jù)統(tǒng)計(jì)，多數(shù)學(xué)生不喜歡學(xué)習(xí)，不是因?yàn)樗鶎W(xué)習(xí)的內(nèi)容，而是學(xué)習(xí)這些內(nèi)容的整個(gè)過程，網(wǎng)絡(luò)和教育的結(jié)合，就為我們提供了一個(gè)很好的平臺(tái)，幫助我們?nèi)ソ鉀Q這些問題。

基于Web技術(shù)的計(jì)算機(jī)網(wǎng)絡(luò)教學(xué)與傳統(tǒng)的教學(xué)模式相比，更靈活、更形象生動(dòng)，它能將枯燥晦澀的內(nèi)容以跨平臺(tái)、多媒體的形式呈現(xiàn)出來，大大提升學(xué)生領(lǐng)悟能力，增強(qiáng)學(xué)生學(xué)習(xí)的興趣。通過論壇發(fā)布、師生交流，讓知識(shí)的傳播不受時(shí)間、空間的約束。結(jié)合任務(wù)驅(qū)動(dòng)、項(xiàng)目驅(qū)動(dòng)等教學(xué)方法，讓學(xué)生的學(xué)習(xí)方式和學(xué)習(xí)過程可自主安排，以學(xué)生為中心，從而達(dá)到教學(xué)的目的。

因此，有效地利用網(wǎng)上的資源，構(gòu)建基于網(wǎng)絡(luò)的現(xiàn)代教學(xué)系統(tǒng)是教育發(fā)展的必然趨勢。

（三）運(yùn)行可行性及應(yīng)用效果

該網(wǎng)絡(luò)系統(tǒng)上傳至我院校園網(wǎng)服務(wù)器，在首頁加入導(dǎo)航，可視化的操作界面，簡單易操作。此系統(tǒng)所耗費(fèi)的資源比較小，只需安裝Windows操作系統(tǒng)，網(wǎng)絡(luò)暢通即可正常運(yùn)行。

使用該網(wǎng)站進(jìn)行教學(xué)C語言程序設(shè)計(jì)已有1年多。使用該網(wǎng)站進(jìn)行教學(xué)后，學(xué)生的邏輯思維能力、實(shí)踐操作能力和編程能力得到了很大的提高，得到了同行和學(xué)生的一致好評(píng)，考試及格率也比以前提高了，學(xué)生參加區(qū)級(jí)、國家大賽人數(shù)增加了，并獲得了不少獎(jiǎng)項(xiàng)，增強(qiáng)了學(xué)生的積極性和興趣。

（四）系統(tǒng)目標(biāo)設(shè)計(jì)

C語言網(wǎng)絡(luò)教學(xué)系統(tǒng)設(shè)計(jì)目的，是通過互聯(lián)網(wǎng)為學(xué)生創(chuàng)立自主學(xué)習(xí)、相互交流的學(xué)習(xí)平臺(tái)，在該平臺(tái)中將開辟多個(gè)學(xué)習(xí)模塊，提供教學(xué)內(nèi)容資源庫、試題習(xí)題資源庫、在線考試、在線交流等內(nèi)容，本系統(tǒng)目標(biāo)設(shè)計(jì)如下：

1.教師部分的目標(biāo)

通過教學(xué)公告向?qū)W生發(fā)布考試信息，公布教學(xué)計(jì)劃、調(diào)課安排、發(fā)布競賽活動(dòng)等。

在網(wǎng)上學(xué)習(xí)發(fā)布學(xué)習(xí)資料、視頻教程、單元測試。

通過交流論壇對(duì)學(xué)生進(jìn)行答疑和討論。

通過考試系統(tǒng)出題，組織考試。

與企業(yè)、行業(yè)專家設(shè)計(jì)實(shí)訓(xùn)項(xiàng)目，指導(dǎo)課程設(shè)計(jì)。

2.學(xué)生部分的目標(biāo)

閱讀公告。

在網(wǎng)上對(duì)課程進(jìn)行學(xué)習(xí)。

在網(wǎng)上完成作業(yè)，單元測試。

通過論壇討論形式向老師提問。

通過考試系統(tǒng)，進(jìn)行課程測試。

完成項(xiàng)目設(shè)計(jì)和課程設(shè)計(jì)。

（五）系統(tǒng)主要模塊設(shè)計(jì)

圖3

C語言程序設(shè)計(jì)是一門邏輯、抽象性非常強(qiáng)的實(shí)踐性課程，根據(jù)課程特點(diǎn)，專門提供了非常豐富的網(wǎng)站資源，種類多，共有11個(gè)模塊組成。

其中“實(shí)踐教學(xué)，網(wǎng)上學(xué)習(xí)，同步教程，資源下載，在線考試，交流論壇”六大模塊是學(xué)生課余學(xué)習(xí)的主要資源平臺(tái)。

實(shí)踐教學(xué)、網(wǎng)上學(xué)習(xí)，里面包含有“經(jīng)典例題，單元習(xí)題，綜合模擬題”等大量的習(xí)題供學(xué)生使用瀏覽，還提供了一些學(xué)習(xí)網(wǎng)站作為課余自學(xué)參考，這為學(xué)生課余的學(xué)習(xí)提供了很大的方便和幫助，有利于學(xué)生知識(shí)和經(jīng)驗(yàn)的積累。

同步教程、資源下載主要包含“教學(xué)課件，電子教案，試卷，開發(fā)工具”等學(xué)習(xí)資源下載，課堂上沒很好吸收掌握的，通過網(wǎng)絡(luò)課件可以隨時(shí)隨地復(fù)習(xí)補(bǔ)充，達(dá)到鞏固舊知識(shí)，吸收新知識(shí)。

在線考試是一個(gè)基于Web的實(shí)時(shí)考試系統(tǒng)，學(xué)生可以憑自己的學(xué)號(hào)進(jìn)入。在線考試系統(tǒng)，每次從題庫隨機(jī)生成100道題目，限時(shí)60分鐘完成，主要題型為選擇、填空題?？荚嚱Y(jié)束，自動(dòng)生成分?jǐn)?shù)，給出答錯(cuò)題目的答案和分析。該系統(tǒng)對(duì)學(xué)生自我檢測和糾正提供了很大的幫助，也對(duì)整個(gè)課程每一階段學(xué)習(xí)的效果做自我評(píng)估。

交流論壇主要是學(xué)生討論疑難問題的平臺(tái)，學(xué)生和教師可在此討論教學(xué)過程中的問題及學(xué)習(xí)中的難點(diǎn)等，相互交流教和學(xué)的心得體會(huì)。學(xué)生還可針對(duì)某一主題參與討論或發(fā)表意見。此外，還可以增加師生之間的感情交流。

實(shí)踐教學(xué)主要是綜合項(xiàng)目開發(fā)與課程設(shè)計(jì)，深化校企合作，企業(yè)專家入校指導(dǎo)，有針對(duì)性地為企業(yè)培養(yǎng)人才，注重人才的實(shí)用性與實(shí)效性。

三、數(shù)據(jù)庫設(shè)計(jì)

（一）數(shù)據(jù)庫需求分析

明確了整個(gè)系統(tǒng)要完成的功能后，就要開始設(shè)計(jì)數(shù)據(jù)庫，以便支持要完成的各種功能，本系統(tǒng)主要包含數(shù)據(jù)表有：學(xué)生表、教師表、公告表、資源表、試題表、試卷名稱表、項(xiàng)目設(shè)計(jì)表、留言表等。

學(xué)生表：包含學(xué)生姓名、學(xué)號(hào)、各次測驗(yàn)成績等。

教師表：包含教師姓名、教工號(hào)、操作權(quán)限等

公告表：包含標(biāo)題、發(fā)布時(shí)間、公告內(nèi)容、公告序號(hào)等。

資源表：包含資源名稱、發(fā)布時(shí)間、下載地址等。

試題表：包含試題名稱、考核類型（筆試或機(jī)試）、難度指數(shù)、出題時(shí)間等。

試卷名稱表：包含試卷名稱、試卷總分?jǐn)?shù)、考試時(shí)間、各題型題目等。

項(xiàng)目設(shè)計(jì)表：包含項(xiàng)目設(shè)計(jì)編號(hào)、設(shè)計(jì)名稱、設(shè)計(jì)要求、指導(dǎo)教師等。

（二）數(shù)據(jù)表設(shè)計(jì)

1.學(xué)生信息表（student）

2.教師信息表（teacher）

3.公告信息表

4.資源信息表

5.試題信息表

6.試卷信息表

7.項(xiàng)目設(shè)計(jì)信息表

綜合應(yīng)用HTML及ASP編程技術(shù)，ACCESS數(shù)據(jù)庫技術(shù)設(shè)計(jì)基于B/S模式的網(wǎng)絡(luò)教學(xué)系統(tǒng)，具有開放性、交互性、靈活性、通用性等特點(diǎn)。在該系統(tǒng)中先進(jìn)的教學(xué)方法和教學(xué)資源可以實(shí)現(xiàn)共享，減少了教育投入，節(jié)省了教育成本，也為跨區(qū)域交流提供一個(gè)更廣泛、更全面的機(jī)會(huì)。

【參考文獻(xiàn)】

[1]張成叔.Access數(shù)據(jù)庫程序設(shè)計(jì)（第二版）[M].北京：中國鐵道出版社，2010

[2]頊宇峰，馬軍.ASP網(wǎng)絡(luò)編程從入門到精通[M].北京：清華大學(xué)出版社，2006

[3]鄧文淵，陳俊榮.ASP與網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)[M].北京：中國鐵道出版社，2003

[4]劉紅軍.基于B/S三層架構(gòu)的標(biāo)準(zhǔn)化網(wǎng)上考試系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)[D].中國海洋大學(xué)，2005

【作者簡介】吳碧海，北海職業(yè)學(xué)院教師。

（責(zé)編 丁 夢）