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

?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文采用目前使用頻率較高的B/S體系結(jié)構(gòu),該模式下,客戶端只需要安裝瀏覽器即可.B/S體系結(jié)構(gòu)系統(tǒng)開發(fā)的投入與用戶的數(shù)量無關(guān),部署代價較小,尤其適合開發(fā)客戶較多,使用頻繁的信息系統(tǒng)[2].系統(tǒng)的開發(fā)環(huán)境是Visual Studio2005,它是目前流行的Windows平臺應(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è)計中最常見的一種結(jié)構(gòu)----分層式結(jié)構(gòu),如圖1所示,這三層架構(gòu)是完成系統(tǒng)前后臺功能的基礎(chǔ).

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

① ASP.NET

ASP.NET是一種建立動態(tài)Web應(yīng)用程序的技術(shù),它是.NET框架的一部分,ASP.NET通過其服務(wù)端控件,內(nèi)建可重用的組件和自定義組件來快速建立Web窗體,使代碼簡單化.ASP.NET應(yīng)用程序采用頁面脫離代碼技術(shù),前臺頁面保存成.aspx文件,后臺代碼保存到.cs文件(編程語言采用C#),當(dāng)網(wǎng)站發(fā)布后,編譯程序?qū)⒋a編譯為dll文件.所以當(dāng)ASP.NET 在服務(wù)器上運(yùn)行時,可以直接運(yùn)行編譯好的dll文件,并且它采用緩存機(jī)制,從而提高了運(yùn)行性能.相對于其它一些編程語言,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ù)、報表服務(wù),每個組件提供特定的服務(wù).數(shù)據(jù)庫引擎引入了新的可編程增強(qiáng)功能、新XML功能和新數(shù)據(jù)類型.集成服務(wù)引入了新的可擴(kuò)展體系結(jié)構(gòu)和新設(shè)計器.分析服務(wù)引入了新管理工具、集成化開發(fā)環(huán)境及.NET Framework的集成,一些新功能擴(kuò)展了分析服務(wù)的數(shù)據(jù)挖掘和分析功能.報表服務(wù)支持報表創(chuàng)作、分發(fā)、管理和最終用戶訪問,它是基于服務(wù)器的新型報表平臺.

③ CMS內(nèi)容管理

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

④ JavaScript

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

圖1　三層架構(gòu)

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

⑤ DIV+CSS布局[5]

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

⑥ Flash和Photoshop

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

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

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

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

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

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

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

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

④ 實驗室: 包括在線編譯、學(xué)生作品、實驗指導(dǎo)書、函數(shù)參考手冊、上機(jī)調(diào)試程序、常用軟件下載.在線編譯中提供了一個“C語言在線編譯器”,方便學(xué)生在學(xué)習(xí)時可以直接調(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ò)上點擊量較高的.當(dāng)然,在使用的時候,均在顯要位置聲明了資料來源或者原作者名字.

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

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

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

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

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

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

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

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

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

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

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

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

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

圖4　系統(tǒng)首頁

3.2素材處理

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

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

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

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

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

3.3頁面外觀設(shè)置

為了方便網(wǎng)站后期的維護(hù)和更新,同時大大減少頁面設(shè)計工作量,本系統(tǒng)利用.net中提供的主題Theme定義某一類具有一致外觀和樣式的網(wǎng)頁,利用皮膚Skin精細(xì)地裝飾頁面中的各個控件,在CSS樣式定義文件中定義了頁面各個部分的背景、字體、鏈接設(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ù)對象.通過數(shù)據(jù)源控件可以連接到數(shù)據(jù)源,從而使得數(shù)據(jù)訪問控件可以綁定到數(shù)據(jù)源控件,進(jìn)而綁定到數(shù)據(jù)源,通過使用這些功能強(qiáng)大的控件,就不再需要編寫ADO.NET數(shù)據(jù)訪問代碼,配上適當(dāng)?shù)膕ql語句,就可以實現(xiàn)數(shù)據(jù)庫中的數(shù)據(jù)在頁面前臺的顯示以及后臺的編輯、添加、刪除等操作.

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

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

圖5　用戶注冊

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

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

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

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

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

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

.引用的是jquery庫1.4.4版本

圖7　智能題庫

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

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

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

圖8　源碼上傳

4　結(jié)束語

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

參考文獻(xiàn)

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

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

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

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

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

6陳義輝,沙繼東.企業(yè)級網(wǎng)站開發(fā)項目教程(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

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

收稿時間:2015-08-16;收到修改稿時間:2015-09-21