基于B/S的《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng)①

葉冬芬,楊明霞,方智敏(衢州學(xué)院 電氣與信息工程學(xué)院,衢州 324000)

?

基于B/S的《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng)①

葉冬芬,楊明霞,方智敏
(衢州學(xué)院 電氣與信息工程學(xué)院,衢州 324000)

摘 要:為促進(jìn)《C程序設(shè)計(jì)》課程的課堂教學(xué)效果,更好地實(shí)現(xiàn)異地、同時(shí)、實(shí)時(shí)、互動(dòng)教學(xué)和學(xué)習(xí),開發(fā)了基于B/S的《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng).在分析了該系統(tǒng)的需求、特點(diǎn)及結(jié)構(gòu)的基礎(chǔ)上,闡述了該系統(tǒng)開發(fā)所需的相關(guān)技術(shù)及其前、后臺(tái)功能,給出了系統(tǒng)開發(fā)建設(shè)過程中素材處理、頁面外觀設(shè)置、數(shù)據(jù)庫數(shù)據(jù)存取、系統(tǒng)權(quán)限設(shè)置、數(shù)據(jù)導(dǎo)出、智能題庫實(shí)現(xiàn)、網(wǎng)站測(cè)試及發(fā)布等功能的實(shí)現(xiàn)方法.該系統(tǒng)采用Visual Studio 2005為開發(fā)環(huán)境,SQL Server為后臺(tái)數(shù)據(jù)庫,具有基礎(chǔ)架構(gòu)完善、后期維護(hù)方便、可擴(kuò)展性強(qiáng)等特點(diǎn),同樣適用于其他網(wǎng)絡(luò)課程的開發(fā).

關(guān)鍵詞:ASP.NET; 教學(xué)系統(tǒng); B/S模式; C程序設(shè)計(jì)

網(wǎng)絡(luò)教學(xué)是借助于網(wǎng)絡(luò)平臺(tái)開展的一種教學(xué)活動(dòng),而網(wǎng)絡(luò)教學(xué)的重要輔助形式之一是教學(xué)網(wǎng)站系統(tǒng),它能實(shí)現(xiàn)與課堂教學(xué)的互補(bǔ),為學(xué)生創(chuàng)造開放式的自學(xué)環(huán)境,滿足不同層次學(xué)生的學(xué)習(xí)需要,而且創(chuàng)造了師生間、同學(xué)間相互交流的環(huán)境和平臺(tái).《C程序設(shè)計(jì)》是高校本科教學(xué)中的一門重要公共基礎(chǔ)課,在高校各專業(yè)的本科教學(xué)計(jì)劃中占有重要地位和作用,所以任課教師以及學(xué)生都對(duì)現(xiàn)有的教學(xué)方法以及管理方式提出了更高的要求[1],除了常規(guī)的課堂教學(xué)外,還希望能有其它輔助手段,如開設(shè)網(wǎng)絡(luò)公開課、引進(jìn)優(yōu)質(zhì)的網(wǎng)絡(luò)數(shù)字化教學(xué)資源、實(shí)現(xiàn)智能化測(cè)試、作業(yè)自動(dòng)化管理等.

為此,本文設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于B/S模式的《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng),該系統(tǒng)已正式上線,面向校內(nèi)學(xué)生以及因特網(wǎng)用戶開放應(yīng)用.

1　系統(tǒng)功能需求分析

《C程序設(shè)計(jì)》課程網(wǎng)絡(luò)教學(xué)系統(tǒng)的開發(fā)與實(shí)施,主要為了實(shí)現(xiàn)以下幾個(gè)方面的目標(biāo):

① 系統(tǒng)需要實(shí)現(xiàn)《C程序設(shè)計(jì)》課程常規(guī)資源的發(fā)布、修改、刪除、審核等操作.

② 通過靈活的權(quán)限設(shè)置,來實(shí)現(xiàn)不同級(jí)別的人員擁有不同的數(shù)據(jù)查閱、編輯權(quán)限.

③ 系統(tǒng)用戶分為四類: 游客、學(xué)生、教師以及系統(tǒng)管理員.游客只能瀏覽Web頁面上未進(jìn)行權(quán)限設(shè)置的信息.學(xué)生賬戶登錄后,除了瀏覽頁面前臺(tái)所有的信息外,還擁有進(jìn)行上傳作業(yè)、發(fā)表留言、等權(quán)限.教師則還擁有發(fā)布作業(yè),下載學(xué)生作業(yè)、給學(xué)生作業(yè)評(píng)價(jià)等權(quán)限.系統(tǒng)管理員擁有最高權(quán)限,如發(fā)布和修改系統(tǒng)信息、審核用戶等.

④ 系統(tǒng)后臺(tái)能夠記錄用戶賬號(hào)登陸的時(shí)間、次數(shù)、IP地址、訪問來路、所使用的瀏覽器等等信息.

⑤ 對(duì)學(xué)生賬號(hào)賦予網(wǎng)頁中部分欄目的上傳資料權(quán)限,經(jīng)教師賬號(hào)審核后,這些資料可以被發(fā)布在網(wǎng)站上.

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

2.1系統(tǒng)架構(gòu)設(shè)計(jì)

本文采用目前使用頻率較高的B/S體系結(jié)構(gòu),該模式下,客戶端只需要安裝瀏覽器即可.B/S體系結(jié)構(gòu)系統(tǒng)開發(fā)的投入與用戶的數(shù)量無關(guān),部署代價(jià)較小,尤其適合開發(fā)客戶較多,使用頻繁的信息系統(tǒng)[2].系統(tǒng)的開發(fā)環(huán)境是Visual Studio2005,它是目前流行的Windows平臺(tái)應(yīng)用程序的集成化開發(fā)環(huán)境,使用它可以創(chuàng)建ASP.NET Web應(yīng)用程序.數(shù)據(jù)庫采用SQL Server 2005 ,素材處理采用Flash和Photoshop ,其網(wǎng)站架構(gòu)采用了在軟件體系架構(gòu)設(shè)計(jì)中最常見的一種結(jié)構(gòu)----分層式結(jié)構(gòu),如圖1所示,這三層架構(gòu)是完成系統(tǒng)前后臺(tái)功能的基礎(chǔ).

2.2系統(tǒng)開發(fā)技術(shù)

① ASP.NET

ASP.NET是一種建立動(dòng)態(tài)Web應(yīng)用程序的技術(shù),它是.NET框架的一部分,ASP.NET通過其服務(wù)端控件,內(nèi)建可重用的組件和自定義組件來快速建立Web窗體,使代碼簡(jiǎn)單化.ASP.NET應(yīng)用程序采用頁面脫離代碼技術(shù),前臺(tái)頁面保存成.aspx文件,后臺(tái)代碼保存到.cs文件(編程語言采用C#),當(dāng)網(wǎng)站發(fā)布后,編譯程序?qū)⒋a編譯為dll文件.所以當(dāng)ASP.NET 在服務(wù)器上運(yùn)行時(shí),可以直接運(yùn)行編譯好的dll文件,并且它采用緩存機(jī)制,從而提高了運(yùn)行性能.相對(duì)于其它一些編程語言,ASP.NET具有靈活性、性能優(yōu)、生產(chǎn)效率高、安全性高、完整性強(qiáng)以及面向?qū)ο蟮忍匦?是目前主流的網(wǎng)絡(luò)編程技術(shù)之一.

②SQL Server 2005[3]

SQL Server 2005 集成了.NET Framework框架,它包含了許多組件: 數(shù)據(jù)庫引擎、集成服務(wù)、分析服務(wù)、報(bào)表服務(wù),每個(gè)組件提供特定的服務(wù).數(shù)據(jù)庫引擎引入了新的可編程增強(qiáng)功能、新XML功能和新數(shù)據(jù)類型.集成服務(wù)引入了新的可擴(kuò)展體系結(jié)構(gòu)和新設(shè)計(jì)器.分析服務(wù)引入了新管理工具、集成化開發(fā)環(huán)境及.NET Framework的集成,一些新功能擴(kuò)展了分析服務(wù)的數(shù)據(jù)挖掘和分析功能.報(bào)表服務(wù)支持報(bào)表創(chuàng)作、分發(fā)、管理和最終用戶訪問,它是基于服務(wù)器的新型報(bào)表平臺(tái).

③ CMS內(nèi)容管理

CMS是Content Management System的縮寫,意為“內(nèi)容管理系統(tǒng)”.CMS具有許多基于模板的優(yōu)秀設(shè)計(jì),可以加快網(wǎng)站開發(fā)的速度和減少開發(fā)的成本.內(nèi)容管理系統(tǒng)比較適合零技術(shù)基礎(chǔ)人群用一種比較簡(jiǎn)單的方式快速建立屬于自己的網(wǎng)站.當(dāng)然,對(duì)于廣大前端設(shè)計(jì)師、技術(shù)人員則可以在此基礎(chǔ)上進(jìn)行二次開發(fā).本文設(shè)計(jì)完成的《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng)也可以看成是一個(gè)內(nèi)容管理系統(tǒng),用戶稍加修改,同樣適用于其他課程的網(wǎng)絡(luò)教學(xué)系統(tǒng),而不僅僅局限于C程序設(shè)計(jì)課程.

④ JavaScript

JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語言,同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言,常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能,比如響應(yīng)用戶的各種操作.

圖1　三層架構(gòu)

Jquery[4]是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架.它是輕量級(jí)的js庫 ,兼容CSS3,還兼容各種瀏覽器 (I Opera 9.0+、E 6.0+、FF 1.5+、 Safari2.0+).jQuery使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互.jQuery的一個(gè)比較大的優(yōu)勢(shì)是其文檔說明較全,而且各種應(yīng)用也說得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇.jQuery能使用戶的html頁保持代碼和html內(nèi)容分離,不用再在html里面插入js來調(diào)用命令了,只需定義id即可.在本次系統(tǒng)設(shè)計(jì)中,在頁面呈現(xiàn)部分,較多地使用了這個(gè)庫.

⑤ DIV+CSS布局[5]

DIV+CSS 是網(wǎng)頁布局方法之一,這種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計(jì)語言中的表格定位方式,真正地達(dá)到了W3C內(nèi)容與表現(xiàn)相分離.用該方式布局,將大部分頁面代碼寫在了CSS當(dāng)中,使得頁面體積容量變得更小,從而使頁面載入更快、 降低流量費(fèi)用、修改設(shè)計(jì)時(shí)更有效率、更好地被搜索引擎收錄、對(duì)瀏覽者和瀏覽器更具親和力等優(yōu)勢(shì).當(dāng)然,也存在一些問題,如對(duì)于CSS網(wǎng)站設(shè)計(jì)的瀏覽器兼容性問題比較突出.所以需要后期的測(cè)試操作.

⑥ Flash和Photoshop

Flash是一款非常流行的平面動(dòng)畫制作軟件,當(dāng)用戶制作完成一個(gè).fla源文件之后,通常把源文件導(dǎo)出或發(fā)布為.swf格式文件,在導(dǎo)出的同時(shí)會(huì)壓縮、優(yōu)化動(dòng)畫元素,減小存儲(chǔ)容量,其具有“流”媒體的特點(diǎn),可邊下載邊觀看.另外,Flash動(dòng)畫主要由矢量圖形組成,縮放不會(huì)失真,所以Flash動(dòng)畫被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)領(lǐng)域中,用動(dòng)畫的方式形象地展示網(wǎng)站主題.

Photoshop是網(wǎng)頁制作過程中一個(gè)重要的圖像處理軟件,利用它可以方便地處理網(wǎng)站中圖片素材,如對(duì)于網(wǎng)站中新聞圖片大小和分辨率的設(shè)置、網(wǎng)頁背景圖片的設(shè)計(jì)、圖片的校色調(diào)色等等處理.在本次系統(tǒng)設(shè)計(jì)開發(fā)中,首先在Photoshop中設(shè)計(jì)出部分頁面的布局及美工效果圖供開發(fā)小組成員討論決定.

2.3系統(tǒng)功能模塊劃分

從B/S架構(gòu)的角度出發(fā),將系統(tǒng)的頁面分為前臺(tái)信息顯示采集和后臺(tái)數(shù)據(jù)處理兩大部分.前臺(tái)功能如圖2所示.

① 網(wǎng)站首頁: 提供了一些最常用的功能: 學(xué)生登陸、本站簡(jiǎn)介、通知公告、學(xué)習(xí)頻道、學(xué)生獲獎(jiǎng)、專題文章、軟件下載,另外還設(shè)置了一些輔助功能: 來訪用戶統(tǒng)計(jì)、在線幫助、天氣預(yù)報(bào)、友情鏈接、分享到各大網(wǎng)站.

② 課程導(dǎo)學(xué): 包括課程簡(jiǎn)介、教學(xué)大綱、授課計(jì)劃、教學(xué)方法、學(xué)習(xí)激勵(lì)榜樣.學(xué)習(xí)激勵(lì)榜樣中提供了IT屆的一些成功人士的事跡介紹,可以起到激勵(lì)學(xué)生積極向上的作用.

圖2　系統(tǒng)前臺(tái)功能圖

③ 在線課堂: 包括視頻教程、文字教程、入門示例程序、授課PPT、智能題庫、習(xí)題庫、通知公告.視頻教程為教師課堂實(shí)錄視頻,經(jīng)過后期剪輯處理,一個(gè)視頻控制在10-15分鐘之內(nèi),為一個(gè)完整的知識(shí)點(diǎn)講解.上述教程中均提供了清晰地章節(jié)導(dǎo)航,方便學(xué)生根據(jù)自己的需求進(jìn)行自主選擇學(xué)習(xí),學(xué)生可以直接在Web頁面上對(duì)所學(xué)課程知識(shí)點(diǎn)進(jìn)行自我測(cè)驗(yàn)、練習(xí).

④ 實(shí)驗(yàn)室: 包括在線編譯、學(xué)生作品、實(shí)驗(yàn)指導(dǎo)書、函數(shù)參考手冊(cè)、上機(jī)調(diào)試程序、常用軟件下載.在線編譯中提供了一個(gè)“C語言在線編譯器”,方便學(xué)生在學(xué)習(xí)時(shí)可以直接調(diào)試.上機(jī)調(diào)試程序中提供了一些經(jīng)典的C程序源碼,并附帶注釋語句,它們可以直接被拷貝至編譯器中進(jìn)行調(diào)試運(yùn)行.

⑤ 網(wǎng)絡(luò)資源: 包括電子書 、PPT 、試題、視頻網(wǎng)絡(luò)資源.這些資源均是教師在大量的網(wǎng)絡(luò)資源中篩選出來的優(yōu)質(zhì)資源,它們或者是出自名校名師之手,或者是在網(wǎng)絡(luò)上點(diǎn)擊量較高的.當(dāng)然,在使用的時(shí)候,均在顯要位置聲明了資料來源或者原作者名字.

⑥ 學(xué)科競(jìng)賽: 包括競(jìng)賽通知 、競(jìng)賽輔導(dǎo) 、競(jìng)賽獲獎(jiǎng).競(jìng)賽輔導(dǎo)這個(gè)欄目設(shè)置了權(quán)限,只有報(bào)名參加競(jìng)賽的學(xué)生賬戶才可以登錄查看里面的數(shù)據(jù)內(nèi)容.

⑦ 等級(jí)考試: 包括上機(jī)模擬軟件 、試題測(cè)試 、考試大綱.該欄目中,提供了計(jì)算機(jī)等級(jí)考試二級(jí)C考試歷年的相關(guān)資料.

⑧ 互動(dòng)教學(xué): 包括常見問題 、有問必答、專題文章.根據(jù)教師的多年教學(xué)經(jīng)驗(yàn),將學(xué)生學(xué)習(xí)過程中經(jīng)常會(huì)出現(xiàn)的一些問題做了詳細(xì)的梳理,形成了常見問題欄目.另外,還開辟了有問必答欄目,如果是注冊(cè)的學(xué)生,則可以進(jìn)入他自己的賬號(hào)查看教師留言回答,如果是游客的提問,那么教師的回答將是公開的,一般的用戶都可以查看到.

⑨ 學(xué)生中心: 包括注冊(cè)登錄、我的文章 、我的留言、個(gè)人信息修改.學(xué)生注冊(cè)賬號(hào)后,教師進(jìn)行審核.在學(xué)生中心,學(xué)生可以看到自己的提交的作業(yè)以及教師的評(píng)語和評(píng)分,學(xué)生還可以查看自己上傳的網(wǎng)站資源是否已經(jīng)通過教師的審核,被發(fā)布到網(wǎng)站中.根據(jù)學(xué)生的作業(yè)評(píng)分、上傳的網(wǎng)站資源數(shù)量、登錄的次數(shù)等信息,學(xué)生可以得到一個(gè)用戶星級(jí)評(píng)分,該分直接按比例會(huì)計(jì)入該學(xué)生的課程期末總評(píng)分?jǐn)?shù).

⑩ 網(wǎng)站地圖: 當(dāng)用戶訪問網(wǎng)站時(shí),通過網(wǎng)站地圖,他們可以輕松找到所需要的內(nèi)容.當(dāng)搜索引擎蜘蛛爬行網(wǎng)站時(shí),也可以快速訪問整個(gè)站點(diǎn).

系統(tǒng)后臺(tái)功能如圖3所示.

圖3　系統(tǒng)后臺(tái)功能圖

① 信息設(shè)置: 包括欄目管理、短信接口、流量統(tǒng)計(jì)、數(shù)據(jù)庫操作、基本信息設(shè)置.欄目管理中用戶可以進(jìn)行二次開發(fā),設(shè)置網(wǎng)站導(dǎo)航欄各個(gè)模塊的顯示內(nèi)容以及先后順序,還可以設(shè)置每個(gè)欄目的權(quán)限.流量統(tǒng)計(jì)中按照月份進(jìn)行統(tǒng)計(jì),每月還可以按照日來顯示日訪問量,其訪問明細(xì)中包括IP地址、訪問來路、時(shí)間、瀏覽器、系統(tǒng)等字段.數(shù)據(jù)庫操作提供了數(shù)據(jù)庫一鍵備份功能.基本信息設(shè)置中管理員可以選擇網(wǎng)站外觀風(fēng)格樣式、網(wǎng)站關(guān)鍵字設(shè)置、網(wǎng)站圖片上傳設(shè)置等功能.

② 會(huì)員中心: 會(huì)員類型包括學(xué)生、教師、管理員.會(huì)員信息包含會(huì)員名、姓名、聯(lián)系電話、會(huì)員類型、注冊(cè)時(shí)間、最后登錄等字段.管理員可以在規(guī)定的時(shí)間段內(nèi)開放或者關(guān)閉會(huì)員注冊(cè)功能.也可以設(shè)置會(huì)員具有的權(quán)限,如限定學(xué)生會(huì)員擁有文章發(fā)布權(quán)限、編輯器上傳權(quán)限.學(xué)生會(huì)員可以再按班級(jí)進(jìn)行分類.管理員設(shè)定教師查看某班的權(quán)限,這樣教師賬戶進(jìn)入后,直接看到自己所帶班級(jí)學(xué)生上傳的作業(yè)、留言信息.

③ 管理中心: 包括留言管理、作業(yè)管理、文章管理、學(xué)生管理.管理員賬號(hào)或者教師賬號(hào)進(jìn)入后,可以對(duì)留言、作業(yè)、文章、學(xué)生等信息進(jìn)行查看、顯示或者刪除操作.

3　《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng)的實(shí)現(xiàn)

3.1開發(fā)環(huán)境

系統(tǒng)的開發(fā)環(huán)境是Visual Studio2005,它是目前流行的Windows平臺(tái)應(yīng)用程序的集成開發(fā)環(huán)境,使用它可以創(chuàng)建ASP.NET Web應(yīng)用程序,編程語言采用C#.系統(tǒng)首頁如圖4所示.

圖4　系統(tǒng)首頁

3.2素材處理

系統(tǒng)中有大量的課程圖片、視頻、電子書、PPT、工具軟件等資源.合理地處理素材文件大小、文件格式、文件顯示方式對(duì)于系統(tǒng)的運(yùn)行速度、合理使用主機(jī)空間、提高用戶的體驗(yàn)度都有重要的意義.

系統(tǒng)中的圖片文件先采用Photoshop軟件處理成適合在Web上發(fā)布的格式以及文件大小,電子書、工具軟件等文件較大的資源則保存在百度網(wǎng)盤等存儲(chǔ)空間,然后在系統(tǒng)中提供超鏈接操作即可.

課程教學(xué)大綱、習(xí)題庫、實(shí)驗(yàn)指導(dǎo)書等素材在網(wǎng)頁中以pdf或者swf格式顯示,方便用戶的在線瀏覽以及下載.課程PPT則采用PowerPoint to Flash將PPT文件轉(zhuǎn)為Flash格式文件,轉(zhuǎn)換的Flash用鼠標(biāo)點(diǎn)擊就可以播放,并且可以通過選項(xiàng)設(shè)定在Flash上添加后退或前進(jìn)的按鈕.

教學(xué)視頻使學(xué)生能夠在課后自主地進(jìn)行二次學(xué)習(xí)課堂知識(shí).所以教學(xué)視頻的網(wǎng)絡(luò)發(fā)布是一個(gè)很重要的環(huán)節(jié).所以本系統(tǒng)中將教學(xué)視頻上傳到優(yōu)酷網(wǎng)中,然后使用了優(yōu)酷的“分享給好友”功能即可得到視頻的Flash地址,然后在系統(tǒng)中嵌入該Flash即可實(shí)現(xiàn)在系統(tǒng)中播放該教學(xué)視頻的功能.代碼如下:

系統(tǒng)中對(duì)于頁面的處理采用靜態(tài)頁面、動(dòng)態(tài)更新的技術(shù),配合緩存技術(shù)和負(fù)載平衡技術(shù)支持超大量的并行訪問.

3.3頁面外觀設(shè)置

為了方便網(wǎng)站后期的維護(hù)和更新,同時(shí)大大減少頁面設(shè)計(jì)工作量,本系統(tǒng)利用.net中提供的主題Theme定義某一類具有一致外觀和樣式的網(wǎng)頁,利用皮膚Skin精細(xì)地裝飾頁面中的各個(gè)控件,在CSS樣式定義文件中定義了頁面各個(gè)部分的背景、字體、鏈接設(shè)置等..如下面的CSS代碼設(shè)置了鼠標(biāo)滑過頁面導(dǎo)航欄的效果.

3.4數(shù)據(jù)庫數(shù)據(jù)的存取

在Visual Studio中,封裝了一些數(shù)據(jù)源控件和數(shù)據(jù)訪問控件.這些數(shù)據(jù)源控件允許使用不同類型的數(shù)據(jù)源,如數(shù)據(jù)庫、XML文件或中間層業(yè)務(wù)對(duì)象.通過數(shù)據(jù)源控件可以連接到數(shù)據(jù)源,從而使得數(shù)據(jù)訪問控件可以綁定到數(shù)據(jù)源控件,進(jìn)而綁定到數(shù)據(jù)源,通過使用這些功能強(qiáng)大的控件,就不再需要編寫ADO.NET數(shù)據(jù)訪問代碼,配上適當(dāng)?shù)膕ql語句,就可以實(shí)現(xiàn)數(shù)據(jù)庫中的數(shù)據(jù)在頁面前臺(tái)的顯示以及后臺(tái)的編輯、添加、刪除等操作.

3.5系統(tǒng)權(quán)限的設(shè)置

本系統(tǒng)中,要求某些頁面只允許特定注冊(cè)人群才能瀏覽和使用,當(dāng)普通游客瀏覽這些頁面時(shí),系統(tǒng)彈出一個(gè)警告框,提示用戶沒有登陸或者沒有權(quán)限 .如圖5所示.用戶在注冊(cè)時(shí)就被要求選擇注冊(cè)類型.

圖5　用戶注冊(cè)

管理員可以設(shè)置頁面上每一個(gè)欄目和章節(jié)的用戶權(quán)限,如圖6所示,設(shè)置了“競(jìng)賽輔導(dǎo)”這個(gè)欄目的訪問權(quán)限是管理員組、學(xué)科競(jìng)賽組、教師組成員.在ASP.NET中,使用ASP.NET 成員資格和角色管理器API即 Membership API 來編碼實(shí)現(xiàn)自定義的成員和角色管理.

3.6數(shù)據(jù)導(dǎo)出的實(shí)現(xiàn)

本系統(tǒng)中,教師可以直接在Web頁面中查看學(xué)生的作業(yè)是否提交.另外,還設(shè)置了將作業(yè)情況直接導(dǎo)出為Excel文件,方便教師的打印和瀏覽.該編程過程中,首先需要使用.net中的數(shù)據(jù)控件 GridView控件來顯示根據(jù)條件查詢到的數(shù)據(jù),如沒有上交作業(yè)的學(xué)生名單.然后利用該數(shù)據(jù)控件與Office軟件的接口實(shí)現(xiàn)導(dǎo)出功能.核心代碼如下所示:

圖6　欄目權(quán)限設(shè)置圖

3.7智能題庫實(shí)現(xiàn)

智能題庫的設(shè)計(jì)思路如圖7所示,當(dāng)鼠標(biāo)點(diǎn)擊"顯示答案"字樣時(shí),會(huì)顯示出對(duì)應(yīng)的答案.顯示答案的方法引用了jquery庫,該庫可以由自己本地引用,另一種方法是引用google服務(wù)器上的的jquery庫文件.其引用代碼如下:

.引用的是jquery庫1.4.4版本

圖7　智能題庫

3.8網(wǎng)站測(cè)試及發(fā)布

測(cè)試[6]是軟件開發(fā)生命周期中的一個(gè)重要部分.測(cè)試的目的是盡可能發(fā)現(xiàn)并改正被測(cè)試系統(tǒng)的錯(cuò)誤,提高系統(tǒng)的可靠性.Web測(cè)試可以采用手工方式,Visual Studio中提供了Web測(cè)試工具,通過它可以記錄站點(diǎn)中的導(dǎo)航路徑、訪問請(qǐng)求,將這些訪問請(qǐng)求綁定到數(shù)據(jù)庫的相關(guān)數(shù)據(jù)上,在相關(guān)頁面設(shè)置提取規(guī)則和請(qǐng)求驗(yàn)證規(guī)則,使得Web測(cè)試可以自動(dòng)化地進(jìn)行.另外,利用Visual Studio中提供的負(fù)載測(cè)試模擬多個(gè)用戶訪問網(wǎng)站時(shí),網(wǎng)站的各種運(yùn)行性能.

網(wǎng)站發(fā)布可以利用互聯(lián)網(wǎng)上虛擬主機(jī)服務(wù)商所提供的免費(fèi)空間,本系統(tǒng)從速度、穩(wěn)定、安全、備案等方面綜合考慮,選用了某服務(wù)商提供的支持.net的云虛擬主機(jī),然后進(jìn)行備案以及域名和空間地址的解析綁定后,利用FTP傳輸軟件,如FlashFXP 將系統(tǒng)源碼上傳到該主機(jī)空間即可,如圖8所示,圖中的地址、用戶名、密碼均由服務(wù)商提供.最后用戶就可以通過域名正常訪問.

圖8　源碼上傳

4　結(jié)束語

《C程序設(shè)計(jì)》網(wǎng)絡(luò)教學(xué)系統(tǒng)已經(jīng)正式上線一年多時(shí)間,除了自己學(xué)校學(xué)生訪問外,從后臺(tái)訪問明細(xì)中的IP參數(shù)以及訪問來路參數(shù)來看,其它用戶訪問量也與日俱增,有些是通過百度搜索查到該網(wǎng)站的,而有些用戶則是直接輸入網(wǎng)站登陸的.系統(tǒng)資源豐富,美工效果良好,交互性較強(qiáng),用戶體驗(yàn)度好.系統(tǒng)與一般教學(xué)系統(tǒng)的其中一個(gè)重要區(qū)別在于它是一個(gè)應(yīng)用程序與業(yè)務(wù)流程的集成套件,可以輕松地進(jìn)行二次開發(fā),應(yīng)用到其它課程中,其它課程制作者可以根據(jù)課程的實(shí)際情況,在后臺(tái)管理中設(shè)置各個(gè)欄目?jī)?nèi)容、選擇網(wǎng)站樣式模板,即可快速便捷地完成整個(gè)系統(tǒng)的建設(shè).

參考文獻(xiàn)

1向艷.“C 程序設(shè)計(jì)”課程教學(xué)體系和模式探討.計(jì)算機(jī)教育,2010,(3):112–114.

2李媛媛,李榮梅,姚長(zhǎng)永.遠(yuǎn)程教學(xué)管理系統(tǒng)的研究與實(shí)現(xiàn).計(jì)算機(jī)系統(tǒng)應(yīng)用,2013,22(3):199–204.

3李丹,趙占坤,丁宏偉,等.SQL Server2005數(shù)據(jù)庫管理與開發(fā)實(shí)用教程.北京:機(jī)械工業(yè)出版社,2013.

4http://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/ 3137905.html.

5http://v.dxsbb.com/ruanjian/dreamweaver/67/#Introduce.

6陳義輝,沙繼東.企業(yè)級(jí)網(wǎng)站開發(fā)項(xiàng)目教程(ASP.NET)北京:中國人民大學(xué)出版社,2010.

Network Teaching System of “C Program Design” Based on B/S

YE Dong-Fen,YANG Ming-Xia,FANG Zhi-Min
(College of Electrical and Information Engineering,Quzhou University,Quzhou 324000,China)

Abstract:To promote the classroom teaching result of “C Program Design” and better realize the remote,simultaneous,real-time and interactive teaching and study,we have developed the “C Program Design” network teaching system based on B/S.On the basis of analyzing the demand,characteristics and structure of the system,firstly we analyze the needed technology and system models.Then to realize the system,we study the methods of material processing,user interface and database designing,system authorization setting and so on.Finally,realization of intelligent question bank,website testing and release are also presented.This system adopts Visual Studio 2005 as the development environment and SQL Server as the back stage database.The system is characterized by sound basic architecture,convenient later maintenance and strong expandability.The system is also applicable to the development of other network courses.

Key words:ASP.NET; teaching system; B/S; C program design

基金項(xiàng)目:①2013年高等學(xué)校訪問學(xué)者專業(yè)發(fā)展項(xiàng)目(FX2013196);2015年度浙江省教育技術(shù)研究規(guī)劃課題(JB048);衢州學(xué)院師資隊(duì)伍建設(shè)基金(XNZQN201310);2013年度浙江省高等教育教學(xué)改革項(xiàng)目(jg2013160)

收稿時(shí)間:2015-08-16;收到修改稿時(shí)間:2015-09-21