基于B/S模式C語言網(wǎng)絡教學系統(tǒng)的設計與實現(xiàn)

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

【關鍵詞】B/S 網(wǎng)絡教學系統(tǒng) 設計

【中圖分類號】 G 【文獻標識碼】A

【文章編號】0450-9889（2014）03C-0190-03

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

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

一、設計背景

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

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

二、系統(tǒng)設計

（一）技術可行性分析

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

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

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

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

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

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

（二）需求分析

C語言語法結構復雜、數(shù)據(jù)類型繁多，學起來困難，高職的學生基礎薄弱，邏輯思維和抽象思維不強，有畏學、厭學情緒。據(jù)統(tǒng)計，多數(shù)學生不喜歡學習，不是因為所學習的內容，而是學習這些內容的整個過程，網(wǎng)絡和教育的結合，就為我們提供了一個很好的平臺，幫助我們去解決這些問題。

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

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

（三）運行可行性及應用效果

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

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

（四）系統(tǒng)目標設計

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

1.教師部分的目標

通過教學公告向學生發(fā)布考試信息，公布教學計劃、調課安排、發(fā)布競賽活動等。

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

通過交流論壇對學生進行答疑和討論。

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

與企業(yè)、行業(yè)專家設計實訓項目，指導課程設計。

2.學生部分的目標

閱讀公告。

在網(wǎng)上對課程進行學習。

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

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

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

完成項目設計和課程設計。

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

圖3

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

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

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

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

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

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

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

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

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

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

學生表：包含學生姓名、學號、各次測驗成績等。

教師表：包含教師姓名、教工號、操作權限等

公告表：包含標題、發(fā)布時間、公告內容、公告序號等。

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

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

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

項目設計表：包含項目設計編號、設計名稱、設計要求、指導教師等。

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

1.學生信息表（student）

2.教師信息表（teacher）

3.公告信息表

4.資源信息表

5.試題信息表

6.試卷信息表

7.項目設計信息表

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

【參考文獻】

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

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

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

[4]劉紅軍.基于B/S三層架構的標準化網(wǎng)上考試系統(tǒng)的設計和實現(xiàn)[D].中國海洋大學，2005

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

（責編 丁 夢）