1一種基于Web的課程網絡教學軟件的設計與實現

摘 要：為了提高課程教學質量和效率，我們采用IIS+ASP網頁編程+ACCESS數據庫+SQL查詢語言實現開發教學網站網上教學平臺。教學平臺服務包括管理員、教師和學生三個不同身份的用戶，通過平臺可以方便教師上課和學生之間交流。實現了教學資源管理、資料下載和上傳、作業管理、教學評價、課程論壇、在線調查等功能。通平臺提高了學生對本課程的學習積極性和主動性。

中圖分類號：TP393 文獻標識碼：A 文章編號：2095-2163（2015）02-

關鍵詞：Web； 網絡課件；教學網站

Design and Implementation of？a kind of Network Course？Teaching？Software based on Web

LIU Sanxiang

（Zhaoqing Industry&Trade Vocational School， Zhaoqing Guandong 526060，China）

Abstract： In order to improve the quality and efficiency of teaching， the paper uses IIS + ASP + ACCESS database + SQL query web programming language to implement development of teaching website online teaching platform. Teaching platform services includes administrators， teachers and students of three different identity of users， through the platform communication between the teacher in class and students can be facilitated. Therefore the platform realizes the teaching resource management， data download and upload， job management， teaching evaluation， curriculum BBS， online survey， and other functions. As a result， the enthusiasm and initiative of students learning this course are improved.

Keywords：Web； Network Courseware； Teaching Website

0 引 言

改進教學模式，提高教學質量是我們一直追求的目標，當前則多采用與網絡相結合的教學方法。在網絡教學環境中，能夠向學習者提供大量的主題學習資源和協作學習交流工具，并通過開發學習平臺，使得教師和學生能夠廣泛參與，網上互動，從而全面培養學生的自主學習能力、創新能力和實踐能力[1]。網絡教學現已成為學生學習的一種重要方式。本文即針對教學中課程需要設計研發了專門網站以滿足教師和學生的理想預期。具體論述可進行如下展開。

1系統功能模塊設計

該系統是用ASP網頁編程+ACCESS數據庫+SQL查詢語言編程，因而是基于網絡在線的系統，主要功能可分為前臺和后臺管理兩個模塊。具體來說，前臺重點包括10大部分，如圖1所示。

圖1 前臺模塊圖

Fig. 1 Front module diagram

由圖1可見，前臺模塊中各部分的實現功能解析如下：

（1）課程概況：包括課程簡介、教學大綱、教學計劃、教材教參介紹。

（2）教師隊伍介紹：介紹了這門課程教師的相關資料。

（3）教學資源：包括了教材的電子書、PPT電子教案、電子書課件等學習資料。

（4）作業管理：學生用戶可以下載作業題，完成后上傳到網站。

（5）資料下載：登錄用戶可以下載該課程的PPT課件、實驗要求、電子書（教材）、習題解答、電子教案、試題等學習資料。

（6）教學評價：分別介紹了校內、校外、學生對這門課程的評價。

（7）課程論壇：學生可以在論壇中留言提出自己的疑問，老師或同學可針對留言中的提問作出回復，從而實現對疑難問題的及時解答。

（8）在線調查：可以針對教學中的某一問題進行在線調查，從而得到大多數學生的意見，以期進一步改善該課程的教學工作。

（9）友情鏈接：可以快速鏈接到其他同類教學網站。

（10）本站公告：發布最新的教學消息，或網站情況。

網站管理員能夠通過后臺維護網站的正常運行，及時更新課程的信息，后臺管理包括四大部分，如圖2所示。

圖2 后臺模塊圖

Fig.2 Background module diagram

2 數據庫設計

該網站采用了Access數據庫，共創建了5張表，分別是：

（1）會員信息表：用于記錄會員的用戶名、用戶密碼。

（2）管理員信息表：用于記錄管理員的用戶名、密碼。

（3）留言信息表： 用于存儲留言信息。其中包括：留言人、留言內容。

（4）票數統計表： 用于存儲四個選項的得票數。

（5） 公告信息表：用于存儲公告的內容和發布公告的日期。

圖3 E-R圖

Fig.3 E-R diagram

3網站的結構和流程

課程教學網站置于Web服務器中，通過ASP與Web服務器相連，客戶端采用標準的Internet瀏覽器來訪問或使用該網站。基于以上網站結構的劃分，為展示各模塊之間的流程實現，具體如圖4所示。

圖4網站流程圖

Fig.4 Flow chart of the website

4 網站實現

4.1 數據庫的連接

（1）系統在開發過程中，使用Dreamweaver CS3創建頁面，并且為該系統創建了站點管理器，用來管理系統中用到的頁面文件[2]。

（2）數據庫連接文件，名稱為Conn.asp。該文件用于連接數據庫，在所有與數據庫連接的模塊（頁面）中只要包括該文件，即可以連接和打開數據庫[3]，連接方式如下：

<%set conn=server.CreateObject（"ADODB.Connection"）

conn.opem（"Driver={Microsoft Access Driver（*.mdb）}；PWD=111；DBQ="&_

server.MapPath（"bysj.mdb"）%>

（3）需要說明這是一個代碼混合的頁面，包括ASP、JavaScript和HTMl的代碼。系統登錄頁面的文件名為Manaage_Login.asp，其部分代碼如下：

<！-- #include file="Connections/conn_login.asp" --> <！--包含數據庫連接文件-->

<%if request.Form（"UserName"）<>"" and request.Form（"PWD"）<>"" then

session（"UserName"）=request.Form（"UserName"）

session（"PWD"）=request.Form（"PWD"）

sql="select Name，PWD from DB_manager where name='" & session（"UserName"）&"'"

set rs=conn.execute（sql）

if rs.eof then %>

<% else

if rs（"PWD"）=session（"PWD"） then %>

<%else%>

<%end if

end if

end if

%>

4.2 網站首頁

網站首頁功能包括教學資源、課程概況、教師隊伍、教學評價、作業管理、資料下載、課程論壇、在線調查。普通用戶可以自由瀏覽前四項內容，后四項內容在瀏覽之前則需進行登錄，登錄成功才可進入相應的頁面，如圖5所示。

圖5網站首頁

Fig. 5 the website home page

4.3 教學內容模塊

教學內容包括一系列的網頁，其中有課程簡介、教學大綱網頁、教學計劃、授課教案網頁、相關視頻網頁、課程實驗網頁、參考資料網頁等，這些網頁包涵了該課程學習的相關資料，具體界面設計如圖6所示。

圖6 教學內容

Fig.6 the teaching content

5 結束語

本系統采用B/S方式的三層體系結構，充分考慮了用戶的需求，進行了詳細的設計，基本實現了平臺管理系統的主要功能，實現用戶登錄、課程教學資料的查閱、資源上傳下載、在線測試、論壇答疑等功能，基本完成了設計要求。

參考文獻：

[1]啟明工作室.ASP網絡開發從入門[M].北京：人民郵電出版社，2007.

[2] 蔣毅.WEB與數據庫連接技術應用對比分析[J].計算機光盤應用，2011，11（23）：16-25.

[3]邵麗萍，張后楊，柯新生.網頁編程技術.北京：清華大學出版社，2008.

1 項目基金：中央電教館全國教育信息技術研究“十二五”規劃2011年度專項課題（113630293）。

作者簡介：劉三星（1966-），男，XX人，碩士，高級講師，主要研究方向：計算機專業的教學及研究工作。