王穎　司占軍　王晨

摘要：該在線學(xué)習(xí)平臺(tái)主要是基于B/S結(jié)構(gòu)，使用Dreamweaver、Access數(shù)據(jù)庫(kù)、Photoshop、FlashPaper等軟件來設(shè)計(jì)，采用了ASP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。該在線學(xué)習(xí)平臺(tái)主要分為前臺(tái)和后臺(tái)兩大部分，前臺(tái)部分主要包含有課程中心、課堂小測(cè)、在線考試、在線留言、系統(tǒng)公告等模塊，此外還添加了數(shù)字出版相關(guān)新聞模塊，豐富了學(xué)習(xí)平臺(tái)的內(nèi)容，該學(xué)習(xí)平臺(tái)能實(shí)現(xiàn)學(xué)生注冊(cè)、登錄、在線隨機(jī)考試、記錄學(xué)生考試成績(jī)、在線留言等功能；后臺(tái)部分主要完成對(duì)學(xué)生信息、試卷系統(tǒng)、學(xué)生考試成績(jī)、相關(guān)新聞、系統(tǒng)公告和留言板等數(shù)據(jù)的添加、刪除、修改功能，通過這些功能來實(shí)現(xiàn)前臺(tái)內(nèi)容的實(shí)時(shí)更新，從而便于網(wǎng)站的后期維護(hù)。

關(guān)鍵詞：在線學(xué)習(xí)平臺(tái)；數(shù)字出版；動(dòng)態(tài)服務(wù)器頁(yè)面

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）34-0135-03

Abstract： Mainly basing on B/S structure， this online learning platform is integrated of various software， such as Dreamweaver， Access database， Photoshop and FlashPaper， as well as， ASP dynamic web technology. It can be divided into two parts， which are foreground and background. The chief content of the foreground course are classroom quizzes， online examinations， online messages， system announcements and other modules. In addition， a news module digital publishing has been added， which can enriching learning platform content. The learning platform enables students to use the function of register， online test， performance record and online messages. Meanwhile， the main use of the background part is that adding， editing and deleting the different modules， including student information， papers system， student test scores， news， announcements and message boards. These functions can support the foreground to update its content， thus making it easy to the maintenance of the site.

Key words： the Online learning platform； digital publishing； Active Server Pages

計(jì)算機(jī)網(wǎng)絡(luò)為開展現(xiàn)代遠(yuǎn)程教育提供了一個(gè)理想的學(xué)習(xí)環(huán)境，基于Web的在線教學(xué)系統(tǒng)是當(dāng)前實(shí)施在線教育的主要平臺(tái)，網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)成為了高等教育教學(xué)當(dāng)中非常重要的環(huán)節(jié)，《數(shù)字出版》在線學(xué)習(xí)平臺(tái)為學(xué)生學(xué)習(xí)這門課程提供了方便，也有利于學(xué)生進(jìn)行自我檢測(cè)。

本在線學(xué)習(xí)平臺(tái)是基于ASP技術(shù)的網(wǎng)絡(luò)學(xué)習(xí)工具，具有課件閱讀、最新新聞發(fā)布、在線留言、在線測(cè)試等功能。平臺(tái)在實(shí)現(xiàn)功能方面采用了ASP動(dòng)態(tài)網(wǎng)頁(yè)交互技術(shù)；網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的訪問則通過ADO技術(shù)來實(shí)現(xiàn)[1]。

1 在線學(xué)習(xí)平臺(tái)的開發(fā)基礎(chǔ)

本在線學(xué)習(xí)平臺(tái)的開發(fā)主要以Dreamweaver CS5+Access軟件為主，使用ASPVBScript+Javascript等編程語言將網(wǎng)頁(yè)與數(shù)據(jù)庫(kù)進(jìn)行連接，并使用CSS對(duì)樣式進(jìn)行調(diào)整和整體布局，使用Photoshop軟件對(duì)圖片進(jìn)行處理和美化，用Flashpaper軟件將ppt制作成可在網(wǎng)頁(yè)中顯示的課件。

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

制作環(huán)境：Windows 7旗艦版，Intel（R） Core（R） i3 CPU，4.00GB內(nèi)存，32位操作系統(tǒng)。

制作軟件：DreamweaverCS5、Photoshop CS5、Flashpaper。

1.2 軟件介紹

1.2.1 Dreamweaver CS5

Dreamweaver CS5是一款通用的網(wǎng)頁(yè)開發(fā)工具，用于網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理。它支持多種開發(fā)語言，如ASP、ASP.NET、JSP、 PHP等，能快生成支持?jǐn)?shù)據(jù)庫(kù)的動(dòng)態(tài)網(wǎng)頁(yè)；它還可以由JDBC、ADO和ODBC驅(qū)動(dòng)的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)，例如Access、SQL Server、Oracle和MySQL等。它是一個(gè)集站點(diǎn)管理和網(wǎng)頁(yè)創(chuàng)作兩大特色于一身的創(chuàng)作工具。Dreamweaver CS5軟件可以快捷簡(jiǎn)便地設(shè)計(jì)網(wǎng)頁(yè)，實(shí)現(xiàn)在線學(xué)習(xí)平臺(tái)的制作，不僅可以給網(wǎng)頁(yè)添加腳本語言使在線學(xué)習(xí)平臺(tái)更加多功能，更主要的是它可以制作出與數(shù)據(jù)庫(kù)相連接的動(dòng)態(tài)網(wǎng)頁(yè)。

1.2.2 ASP

ASP（Active Server Pages活動(dòng)服務(wù)頁(yè)面）是一種嵌入網(wǎng)頁(yè)中的腳本語言。ASP語言可以是html標(biāo)記、腳本命令和文本的任意組合。ASP動(dòng)態(tài)網(wǎng)頁(yè)的文件名的格式是.asp而不再是.htm。ASP作為目前最為普遍的開放性的網(wǎng)絡(luò)應(yīng)用程序開發(fā)技術(shù)，是一種優(yōu)秀的網(wǎng)絡(luò)開發(fā)程序語言，它能夠把html語言、VBScript或JavaScript等腳本語言、后臺(tái)服務(wù)與強(qiáng)大的數(shù)據(jù)庫(kù)結(jié)合在一起，創(chuàng)建出具有交互性的動(dòng)態(tài)網(wǎng)頁(yè)。

1.2.3 Microsoft Access

Microsoft Access是Microsoft Office的重要組件之一。它是在Windows環(huán)境下被用戶廣泛運(yùn)用的一種桌面型數(shù)據(jù)庫(kù)管理系統(tǒng)。不需要使用Microsoft Access編寫任何代碼，只需要直觀顯示，就可以完成大多數(shù)任務(wù)數(shù)據(jù)庫(kù)管理，與其他數(shù)據(jù)庫(kù)數(shù)據(jù)通過ODBC相連，從而實(shí)現(xiàn)數(shù)據(jù)交換和共享。由Access提供的工具既方便又簡(jiǎn)單，最重要的是，Access還提供了更為強(qiáng)大的自動(dòng)化管理功能[2]。

2 在線學(xué)習(xí)平臺(tái)的設(shè)計(jì)思路與框架

本設(shè)計(jì)使用了Dreamweaver軟件和ASP語言和Javascript語言開發(fā)出的《數(shù)字出版》在線學(xué)習(xí)平臺(tái)，供學(xué)生學(xué)習(xí)《數(shù)字出版》這門課程的內(nèi)容，可以進(jìn)行每章節(jié)的自我檢測(cè)和期末測(cè)驗(yàn)，并且還可以看到最新的數(shù)字出版的相關(guān)動(dòng)態(tài)，利于學(xué)生開拓自己的見識(shí)；同時(shí)《數(shù)字出版》在線學(xué)習(xí)平臺(tái)必須設(shè)有后臺(tái)管理界面，用來對(duì)試卷、最新動(dòng)態(tài)和系統(tǒng)公告進(jìn)行增加、刪除、修改，便于在線學(xué)習(xí)平臺(tái)的后期管理和維護(hù)。《數(shù)字出版》在線學(xué)習(xí)平臺(tái)結(jié)構(gòu)框架，如圖1所示。

3 在線學(xué)習(xí)平臺(tái)的實(shí)現(xiàn)

對(duì)平臺(tái)進(jìn)行初步規(guī)劃后，正式制作前需安裝配置IIS，然后創(chuàng)建站點(diǎn)并完成數(shù)據(jù)庫(kù)的連接，最后對(duì)各個(gè)模塊進(jìn)行頁(yè)面設(shè)計(jì)。

3.1 ASP運(yùn)行環(huán)境的搭建及站點(diǎn)的創(chuàng)建

3.1.1 搭建ASP運(yùn)行環(huán)境

IIS的安裝，“開始”→“控制面板”→“程序和功能”，雙擊“打開或關(guān)閉Windows功能”，將“Internet信息服”下拉列表中的選項(xiàng)選中，完成安裝，如圖2、圖3所示。

IIS的配置，右鍵單擊“我的電腦”→“管理”→“服務(wù)和應(yīng)用程序”→“Internet信息服務(wù)（IIS）管理器”→“Default Web Site主頁(yè)”，進(jìn)入IIS的設(shè)置；雙擊ASP，將路徑選擇成啟用模式“True”；

配置IIS的站點(diǎn)，單擊右側(cè)“高級(jí)設(shè)置”，設(shè)置物理路徑。單擊右側(cè)“綁定”，設(shè)置專題網(wǎng)站的端口，一般默認(rèn)為80；設(shè)置默認(rèn)文檔，單擊右側(cè)“添加”，彈出“添加默認(rèn)文檔”對(duì)話框，在“名稱”文本框中輸入“home1.asp”；右鍵單擊“Default Web Site”，選擇“添加虛擬目錄”。在對(duì)話框中的“別名”文本框中輸入“wangye”，在“物理路徑”文本框中輸入“F：＼wangye”。完成IIS的配置。

3.1.2 創(chuàng)建站點(diǎn)

打開Dreamweaver，選擇“站點(diǎn)”→“新建站點(diǎn)”菜單。彈出站點(diǎn)定義窗口，輸入站點(diǎn)名稱（wangye），地址（URL）文本框中輸入地址“http：//localhost/wangye/”。點(diǎn)擊“下一步”，勾選“是，我想使用服務(wù)器技術(shù)”項(xiàng)，并在“哪種服務(wù)器技術(shù)？”列表中選擇“ASP VBScript”項(xiàng)。然后選中“在本地進(jìn)行編輯和測(cè)試（我的測(cè)試服務(wù)器是這臺(tái)計(jì)算機(jī)）”項(xiàng)，并在“您將把文件存儲(chǔ)在計(jì)算機(jī)上的什么位置”文本框中設(shè)置專題網(wǎng)站上傳到的地址為“F：＼wangye”。最后在“您應(yīng)該使用什么URL來瀏覽站點(diǎn)的根目錄？”文本框中輸入“http：//localhost/wangye/”，并單擊（如圖4所示），如果出現(xiàn)“URL前綴測(cè)試已成功”的提示窗口（如圖5所示），則表示設(shè)置正確無誤。若信息與設(shè)置無誤，則點(diǎn)擊“完成”，即可完成站點(diǎn)的創(chuàng)建。

3.2 數(shù)據(jù)庫(kù)結(jié)構(gòu)的設(shè)計(jì)與連接

數(shù)據(jù)庫(kù)的存儲(chǔ)結(jié)構(gòu)順序可以簡(jiǎn)單地分為“數(shù)據(jù)庫(kù)文件”、“表”、“字段”、“記錄”，根據(jù)這樣的結(jié)構(gòu)順序，數(shù)據(jù)庫(kù)就可以方便快速地進(jìn)行設(shè)計(jì)。

打開Microsoft Access 2010，選擇主菜單中“文件”→“新建”命令，生成一個(gè)空數(shù)據(jù)庫(kù)，將其保存在“F：＼ wangye”中，并將數(shù)據(jù)庫(kù)存儲(chǔ)為2003兼容模式并命名為test.mdb。單擊“創(chuàng)建”返回到Access窗口，完成數(shù)據(jù)庫(kù)文件的創(chuàng)建。在test.mdb數(shù)據(jù)庫(kù)中，創(chuàng)建需要的每一個(gè)表，在本在線學(xué)習(xí)平臺(tái)的設(shè)計(jì)中，創(chuàng)建了userlist、admin、news、test、answer、type1、type2、type3、student、msg和xitong等表。

在創(chuàng)建完在線學(xué)習(xí)平臺(tái)站點(diǎn)之后，需要將站點(diǎn)與數(shù)據(jù)庫(kù)文件conn.asp之間建立連接。這樣，在這個(gè)站點(diǎn)中創(chuàng)建的網(wǎng)頁(yè)文件，就可以對(duì)數(shù)據(jù)庫(kù)進(jìn)行各種管理操作，連接數(shù)據(jù)庫(kù)的操作如下：

1）啟動(dòng)Dreamweaver CS5，新建一個(gè)“ASP VBScript”類型的動(dòng)態(tài)網(wǎng)頁(yè)文件，并保存為“zc.asp”。

2）在“數(shù)據(jù)庫(kù)”控制面板中，單擊“數(shù)據(jù)庫(kù)”標(biāo)簽下方的，在彈出的下拉菜單中打開“自定義連接字符串”對(duì)話框，然后進(jìn)行下面參數(shù)的設(shè)置：

（1）定義“連接名稱”為“conn”；

（2）選擇“使用測(cè)試服務(wù)器上的驅(qū)動(dòng)程序；

（3）在“連接字符串”文本框中輸入””Provider=Microsoft.Jet.OLEDB.4.0；Data Source=”&Server.mappath（“/wangye/shujuku/test.mdb”）”.

3）單擊右邊的“測(cè)試”，若出現(xiàn)“成功創(chuàng)建連接腳本”的提示窗口，則表示在線學(xué)習(xí)平臺(tái)與數(shù)據(jù)庫(kù)文件test.mdb之間建立的連接已經(jīng)成功，然后連續(xù)兩次單擊“確定”，返回Dreamweaver CS5窗口如圖6所示。

3.3 各模塊的頁(yè)面設(shè)計(jì)

分別對(duì)課程學(xué)習(xí)、在線考試、在線問答、新聞和系統(tǒng)公告、學(xué)生注冊(cè)和登陸以及試卷管理等模塊進(jìn)行頁(yè)面設(shè)計(jì)，這里以學(xué)生注冊(cè)模塊的設(shè)計(jì)和制作為例。

1）新建一個(gè)類型為“VBScript”的動(dòng)態(tài)網(wǎng)頁(yè)，并保存文件名為“zc.asp”，首先在頁(yè)面中插入一個(gè)表單，然后對(duì)整體頁(yè)面進(jìn)行布局。

2）打開“服務(wù)器行為”控制面板，在彈出的下拉菜單中選擇“插入記錄”。

3）在彈出的“插入記錄”對(duì)話框中，在“連接”和“插入到表格”中分別選擇“conn”和“Users”，在“插入后，轉(zhuǎn)到：”文本框中輸入“examlogin.asp”。

4）打開“行為”面板，在彈出的下拉菜單中選擇“檢查表單”。在彈出的“檢查表單”對(duì)話框中，在列表欄中選中“文本‘usernumber在表單‘form1”，然后勾選復(fù)選框“必須的”，按相同步驟完成“username”和“usermm”的設(shè)置。

5）在“服務(wù)器行為”面板中，依次選擇“用戶身份驗(yàn)證”和“檢查新用戶名”。在彈出的“檢查新用戶”對(duì)話框中，選擇“用戶名字段”列表值為“usernumber”。

6）為了確保用戶必須填寫了完整的信息才能注冊(cè)，進(jìn)行設(shè)置如圖7、圖8所示：

4 結(jié)語

數(shù)字出版作為未來出版的主流，在我國(guó)的發(fā)展依然還處在初級(jí)階段，這一技術(shù)在國(guó)內(nèi)出版業(yè)的實(shí)現(xiàn)與推廣，還需要大量的知識(shí)與信息作指導(dǎo)。在線學(xué)習(xí)平臺(tái)由于具有時(shí)效性強(qiáng)、更新快、便于自主學(xué)習(xí)和測(cè)驗(yàn)的特點(diǎn)，可以將有關(guān)《數(shù)字出版》這門課程的內(nèi)容更加詳細(xì)的在在線學(xué)習(xí)平臺(tái)中進(jìn)行展示與交流，從而是學(xué)生能夠能更好地學(xué)習(xí)《數(shù)字出版》這門課程，并且及時(shí)了解有關(guān)數(shù)字出版的更多最新動(dòng)態(tài)。

參考文獻(xiàn)：

[1] 陳新文.在線學(xué)習(xí)系統(tǒng)的研究與設(shè)計(jì) [J].鄂州大學(xué)學(xué)報(bào)，2011（3）.

[2] 汪斌.SQL Server數(shù)據(jù)庫(kù)部署方式分析[J].電腦編程技巧與維護(hù)，2009（19）.