基于Web項(xiàng)目的實(shí)踐教學(xué)

王勁松 肖茜

摘? 要： Web體系復(fù)雜，ASP編程教學(xué)難開(kāi)展。采用“學(xué)中做，做中學(xué)”的課程實(shí)踐思路;針對(duì)具體項(xiàng)目，工學(xué)結(jié)合;從需求分析和學(xué)生水平出發(fā)，選擇最優(yōu)開(kāi)發(fā)方案;發(fā)揮現(xiàn)有網(wǎng)絡(luò)優(yōu)勢(shì)，結(jié)合軟件工具特點(diǎn)，探索一條Web編程課程實(shí)踐之路，獲得工學(xué)結(jié)合的雙贏。在實(shí)踐教學(xué)和開(kāi)發(fā)應(yīng)用中，首選簡(jiǎn)單的技術(shù)，降低開(kāi)發(fā)和教學(xué)成本，解決實(shí)際問(wèn)題，同時(shí)滿足技術(shù)、經(jīng)濟(jì)和教學(xué)的可行性。

關(guān)鍵詞： Web教學(xué); ASP編程; 課程實(shí)踐; 工學(xué)結(jié)合

中圖分類號(hào)：G712? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A? ? ?文章編號(hào)：1006-8228（2020）10-82-04

Abstract： The web system is complex and the teaching of ASP programming is difficult. According to the practical thinking of " doing when learning and learning by doing"， aiming at specific projects， combines engineering with learning; starting from the requirement analysis and the level of students， chooses the optimal development plan; giving full play to the existing network advantage， combining with the characteristics of software tools， explores a practical way of web programming course to obtain the win-win of the combination of engineering and learning. In the practical teaching and development application， simple technologies are preferred， which reduces the developing and teaching costs， solves the practical problems， meanwhile satisfies the feasibility of technology， economy and teaching.

Key words： Web teaching; ASP programming; course practice; combination of engineering and learning

0 引言

在當(dāng)今互聯(lián)網(wǎng)+和大數(shù)據(jù)時(shí)代，Web技術(shù)幾乎涵蓋了我們生活、工作和學(xué)習(xí)的所有領(lǐng)域。在中、高職教育教學(xué)中，Web程序設(shè)計(jì)是專業(yè)必修課程。但是Web網(wǎng)頁(yè)教學(xué)涉及環(huán)節(jié)多，是實(shí)踐性很強(qiáng)的課程，教學(xué)中大多脫離具體的實(shí)踐環(huán)節(jié)，不能在Internet上實(shí)現(xiàn)具體應(yīng)用，導(dǎo)致紙上談兵，理論脫離實(shí)踐，效果不理想。Web程序設(shè)計(jì)作為培養(yǎng)學(xué)生具備Web應(yīng)用系統(tǒng)開(kāi)發(fā)能力的核心課程之一，它既是前導(dǎo)課程的總結(jié)提高，也是后續(xù)課程的基礎(chǔ)，更是后續(xù)從事程序員相關(guān)工作的直接支撐。因此，運(yùn)用有效的教學(xué)方法提高Web程序設(shè)計(jì)課程教學(xué)質(zhì)量是非常必要的[1]。

1 Web編程實(shí)踐教學(xué)面臨的問(wèn)題

B/S模式，動(dòng)態(tài)網(wǎng)頁(yè)（PHP、ASP、JSP等文件）知識(shí)點(diǎn)較多且體系復(fù)雜， 學(xué)生首先需要掌握程序設(shè)計(jì)語(yǔ)言，網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)頁(yè)布局、面向?qū)ο笾R(shí)、數(shù)據(jù)庫(kù)知識(shí)，其次掌握網(wǎng)站建設(shè)的相關(guān)知識(shí)，最后掌握網(wǎng)站開(kāi)發(fā)模式[2]。在實(shí)際教學(xué)中，關(guān)注點(diǎn)太多，一旦周邊知識(shí)涉入過(guò)多，導(dǎo)致本末倒置，勢(shì)必造成在有限學(xué)時(shí)內(nèi)無(wú)法貫通一個(gè)完整的項(xiàng)目，最終留給學(xué)生一個(gè)混亂和不全的知識(shí)體系。

1.1 動(dòng)態(tài)Web教學(xué)，開(kāi)發(fā)平臺(tái)布局難

Web程序設(shè)計(jì)課程中，服務(wù)器布局、數(shù)據(jù)庫(kù)搭建和編程語(yǔ)言都是教學(xué)難點(diǎn)，大部分學(xué)生不理解，只能照葫蘆畫瓢，沒(méi)有真正掌握其原理。

⑴ Web服務(wù)器復(fù)雜多樣，安裝難

目前Web動(dòng)態(tài)網(wǎng)頁(yè)制作的教材中，服務(wù)器主要是講授微軟的IIS，針對(duì)Windows版本繁多，設(shè)置也各不相同，十多頁(yè)書的教學(xué)內(nèi)容需要2個(gè)學(xué)時(shí)，有的甚至根本裝不上，即使裝上，稍稍設(shè)置不對(duì)就會(huì)訪問(wèn)出錯(cuò)。僅第一關(guān)“服務(wù)器布局”，就“嚇到”不少學(xué)生。

⑵ 后臺(tái)數(shù)據(jù)庫(kù)盲目求大，操作難

在后臺(tái)數(shù)據(jù)庫(kù)的選擇上，許多教材過(guò)分追求大而強(qiáng)，通常選用MySQL、SQL Server等大型數(shù)據(jù)庫(kù)。需要單獨(dú)安裝和設(shè)置，還要建ODBC數(shù)據(jù)源。然而這些在ASP編程教學(xué)和實(shí)際應(yīng)用中不是必須的。安裝了這些數(shù)據(jù)庫(kù)系統(tǒng)后，龐大復(fù)雜，運(yùn)行慢。學(xué)生耗時(shí)耗力，思路亂。在第二關(guān)的后臺(tái)數(shù)據(jù)庫(kù)“倒下”。

⑶ 動(dòng)態(tài)網(wǎng)頁(yè)追求.net技術(shù)，代碼難

ASP網(wǎng)頁(yè)制作，需要學(xué)習(xí)編程。目前使用最多的ASP.net編程，還需安裝Framework來(lái)支持。經(jīng)過(guò)筆者多年實(shí)踐，在Dreamweaver中ASP.net網(wǎng)頁(yè)程序代碼不能自動(dòng)生成，只能手工編寫，對(duì)于初學(xué)者來(lái)說(shuō)是一件極其困難是事情。于是，在第三關(guān)的代碼編寫“倒下”。

1.2 動(dòng)態(tài)Web教學(xué)，實(shí)踐項(xiàng)目難開(kāi)展

網(wǎng)頁(yè)制作目的是應(yīng)用，教學(xué)的主線應(yīng)圍繞具體的項(xiàng)目來(lái)開(kāi)展，做到此要求是比較困難的。因?yàn)檎也坏胶线m的校企合作項(xiàng)目，同時(shí)，技術(shù)路線選擇不妥，會(huì)導(dǎo)致在Internet上產(chǎn)生費(fèi)用。

⑴ Web應(yīng)用脫離實(shí)際項(xiàng)目，無(wú)意義

ASP編程含有用戶的交互行為，如交流論壇，考試購(gòu)物等。很多學(xué)校的教學(xué)中，沒(méi)有聯(lián)系企業(yè)實(shí)際項(xiàng)目，沒(méi)有結(jié)合學(xué)校具體工作，大量的教學(xué)課時(shí)，就完成一個(gè)密碼登錄，無(wú)實(shí)際意義。

⑵ Web網(wǎng)站發(fā)布Internet，費(fèi)用高

實(shí)踐中，Web網(wǎng)站要運(yùn)行在Internet才會(huì)有真實(shí)體驗(yàn)，但是，這需要申請(qǐng)域名空間和服務(wù)器，年費(fèi)幾百元至幾千元不等。導(dǎo)致教學(xué)中只能在局域網(wǎng)運(yùn)行，很多學(xué)生搞不懂服務(wù)器，分不清運(yùn)行平臺(tái)和開(kāi)發(fā)平臺(tái)。

⑶ Web瀏覽局限于計(jì)算機(jī)，人氣低

當(dāng)今網(wǎng)絡(luò)大數(shù)據(jù)時(shí)代下，手機(jī)APP廣受歡迎的今天，Web網(wǎng)站應(yīng)用還是在電腦瀏覽器，不能針對(duì)手機(jī)用戶，已經(jīng)跟不上時(shí)代。訪問(wèn)量無(wú)法提升，學(xué)生看不到技術(shù)前景。

2 Web編程實(shí)踐教學(xué)的探討

Web編程教學(xué)應(yīng)抓住主線，不拘泥于教材，結(jié)合具體任務(wù)來(lái)開(kāi)展。學(xué)生在學(xué)習(xí)的過(guò)程中不是孤立地完成課程習(xí)題和功能模塊，而應(yīng)在具體的項(xiàng)目驅(qū)動(dòng)下，逐步完成網(wǎng)站設(shè)計(jì)的各個(gè)環(huán)節(jié)。在項(xiàng)目完成過(guò)程中，充分貫徹“做中學(xué)、學(xué)中做、做中教”的教學(xué)模式[3]。下面將結(jié)合一個(gè)課題問(wèn)卷項(xiàng)目來(lái)談?wù)刉eb編程實(shí)踐教學(xué)如何開(kāi)展。

需求分析：這是一個(gè)省級(jí)課題“3+3新高考與生涯規(guī)劃”的在線問(wèn)卷系統(tǒng)。課題研究需要收取不同地點(diǎn)、不同學(xué)校的數(shù)千名學(xué)生、家長(zhǎng)和教師的信息，并完成前期統(tǒng)計(jì)，然后保存數(shù)據(jù)以供后期分析。①問(wèn)卷內(nèi)容是專項(xiàng)統(tǒng)計(jì)比較特殊，在一般學(xué)習(xí)網(wǎng)和考試平臺(tái)上無(wú)法完成。②即使能使用問(wèn)卷星等專門的問(wèn)卷網(wǎng)站進(jìn)行，每份問(wèn)卷數(shù)據(jù)需收取服務(wù)費(fèi)1元，成本太高。③數(shù)千份問(wèn)卷針對(duì)不同學(xué)校，不需要同時(shí)進(jìn)行，對(duì)服務(wù)器沖擊不大，不需要大型數(shù)據(jù)庫(kù)和高級(jí)服務(wù)器。所以，這是一個(gè)既有實(shí)際意義，又很適合初學(xué)者完成的項(xiàng)目。

系統(tǒng)設(shè)計(jì)：根據(jù)實(shí)際項(xiàng)目和教學(xué)實(shí)踐需要，這個(gè)B/S系統(tǒng)分為兩個(gè)部分，如圖1所示。①Web開(kāi)發(fā)平臺(tái)，用于教學(xué)開(kāi)發(fā)和后期維護(hù)，②Web運(yùn)行平臺(tái)，用于完成問(wèn)卷和信息的匯總統(tǒng)計(jì)。

2.1 快速布局Web開(kāi)發(fā)平臺(tái)

簡(jiǎn)單方便的開(kāi)發(fā)環(huán)境，自動(dòng)生成ASP代碼，能把主要時(shí)間和精力放在項(xiàng)目的業(yè)務(wù)邏輯上。整個(gè)問(wèn)卷系統(tǒng)的開(kāi)發(fā)就事半功倍了。

⑴ 使用Asp綠色服務(wù)器

使用小精靈Asp綠色服務(wù)器，雙擊AspWebServer.exe程序就能運(yùn)行，直接映射當(dāng)前www目錄為服務(wù)器根目錄，并自動(dòng)打開(kāi)瀏覽器，測(cè)試地址為：http：//localhost：58031/。服務(wù)器布局完成！避免了IIS的繁瑣。

⑵ Dreamweaver自動(dòng)生成代碼

網(wǎng)頁(yè)制作軟件Dreamweaver是目前功能較為強(qiáng)大、使用廣泛的網(wǎng)頁(yè)制作工具，利用它可以制作出動(dòng)態(tài)網(wǎng)頁(yè)[4]。不使用.net技術(shù)，無(wú)需安裝Framework，充分利用Dreamweaver這個(gè)面向?qū)ο罂梢暬幊誊浖男阅軆?yōu)勢(shì)。只需通過(guò)點(diǎn)擊菜單，就能自動(dòng)生成操作數(shù)據(jù)庫(kù)的ASP代碼，讓學(xué)生不必一開(kāi)始就死背代碼，而是把注意力集中在任務(wù)邏輯和系統(tǒng)原理上。

⑶ 用自定義字符串訪問(wèn)數(shù)據(jù)庫(kù)

由于問(wèn)卷系統(tǒng)不需強(qiáng)大的數(shù)據(jù)庫(kù)，所以后臺(tái)選擇Access數(shù)據(jù)庫(kù)，Office系統(tǒng)自帶無(wú)需安裝，新建eq2019.mdb數(shù)據(jù)庫(kù)文件，在Dreamweaver開(kāi)發(fā)軟件中使用自定義字符串連接“"Provider=Microsoft.Jet.OLEDB.4.0; Data Source="& Server.MapPath（"/database/eq2019.mdb"）”訪問(wèn)數(shù)據(jù)庫(kù)。好處是：網(wǎng)站發(fā)布到服務(wù)器上，不需要再創(chuàng)建ODBC數(shù)據(jù)源。

2.2 免費(fèi)建立Web運(yùn)行平臺(tái)

接下來(lái)就要為這個(gè)問(wèn)卷系統(tǒng)找個(gè)婆家，選擇一個(gè)合適的在線Web服務(wù)器，然后發(fā)布到Internet上，同時(shí)滿足電腦和手機(jī)訪問(wèn)的需要，實(shí)現(xiàn)問(wèn)卷。

⑴ 申請(qǐng)100M免費(fèi)服務(wù)器空間

隨著Internet網(wǎng)技術(shù)不斷成熟，出現(xiàn)長(zhǎng)期永久的免費(fèi)服務(wù)器空間。筆者選擇的是http：//free.3v.do/網(wǎng)站的100M免費(fèi)服務(wù)器空間，此免費(fèi)空間僅支持HTML、ASP和ACCESS數(shù)據(jù)庫(kù)，剛好達(dá)到了我們的問(wèn)卷項(xiàng)目系統(tǒng)要求，是性價(jià)比最高的選擇。網(wǎng)站名稱：心理測(cè)試，網(wǎng)站域名：http：//wjs121314.host3v.vip。

⑵ 上傳課題項(xiàng)目在線問(wèn)卷系統(tǒng)

8UFTP是一款很實(shí)用的ftp上傳工具，綠色小巧簡(jiǎn)單易用，上傳速度快。使用它將開(kāi)發(fā)調(diào)試好的網(wǎng)站文件上傳至申請(qǐng)的免費(fèi)服務(wù)器空間上。也可以將問(wèn)卷結(jié)果數(shù)據(jù)庫(kù)文件下載到本地電腦中。至此，可以通過(guò)網(wǎng)站域名來(lái)訪問(wèn)進(jìn)行問(wèn)卷了。

⑶ 生成二維碼，手機(jī)在線答卷

讓客戶通過(guò)手機(jī)來(lái)訪問(wèn)服務(wù)器才是完美的方案。輸入網(wǎng)址太麻煩，使用二維碼生成軟件，把網(wǎng)址轉(zhuǎn)化為二維碼，手機(jī)掃碼進(jìn)入問(wèn)卷，很方便。為適應(yīng)手機(jī)屏幕，ASP網(wǎng)頁(yè)不能太寬。如圖2所示二維碼和手機(jī)問(wèn)卷效果圖，目前問(wèn)卷已完成，有興趣的讀者，可以掃碼進(jìn)入，測(cè)試一下，看看實(shí)際效果。

3 結(jié)束語(yǔ)

在實(shí)踐中，我們得出的結(jié)論是：尋求校企合作不必追求大而全，可承接一些小型的項(xiàng)目。首先，選擇簡(jiǎn)單任務(wù)，即技術(shù)含量不高，開(kāi)發(fā)環(huán)境易搭建，編程代碼自動(dòng)生成，在教師指導(dǎo)下學(xué)生容易完成的任務(wù)，滿足技術(shù)可行性。其次，在課程教學(xué)實(shí)踐中完成項(xiàng)目，開(kāi)發(fā)零成本，小型項(xiàng)目網(wǎng)站，可選擇ASP+Access技術(shù)，申請(qǐng)100M免費(fèi)空間，運(yùn)行零成本，符合經(jīng)濟(jì)可行性。第三，通過(guò)校企合作，解決了實(shí)際問(wèn)題，為學(xué)校贏得聲譽(yù)，為學(xué)生找到出路，體現(xiàn)了教學(xué)可行性。

從實(shí)踐效果看，通過(guò)完成一個(gè)完整的項(xiàng)目，理論與實(shí)驗(yàn)?zāi)軌蛴袡C(jī)結(jié)合起來(lái)，學(xué)生綜合運(yùn)用所學(xué)知識(shí)，積極主動(dòng)地探索新知識(shí)，培養(yǎng)了項(xiàng)目管理能力[5]。目前已收取師生和家長(zhǎng)的問(wèn)卷10000余份，圓滿完成課題問(wèn)卷項(xiàng)目，圓滿完成教學(xué)實(shí)踐任務(wù)，并為課題研究省下近萬(wàn)元經(jīng)費(fèi)。

Web教學(xué)實(shí)踐，面向?qū)嶋H任務(wù)，針對(duì)學(xué)生水平，找準(zhǔn)定位點(diǎn)，選擇最優(yōu)方案，能把原本困難的編程教學(xué)進(jìn)行得有聲有色。通過(guò)具體項(xiàng)目，在“做中學(xué)、做中教”的過(guò)程中，傳授學(xué)生一套完整的Web技術(shù)體系。能最大限度提高學(xué)生的興趣，激發(fā)學(xué)生的動(dòng)力，使他們愛(ài)編程，去編程。

基于Web項(xiàng)目的實(shí)踐教學(xué)仍然存在不足，比如：每次教學(xué)結(jié)合的實(shí)際項(xiàng)目不相同，教學(xué)任務(wù)的難易度如何掌控，學(xué)生成績(jī)的考核評(píng)價(jià)標(biāo)準(zhǔn)制定，以及如何防止分組中有個(gè)別學(xué)生蒙混過(guò)關(guān)等問(wèn)題仍需進(jìn)一步探討和研究。

參考文獻(xiàn)（References）：

[1] 張倩，李偉鍵，廖秀秀，唐四云.進(jìn)階項(xiàng)目驅(qū)動(dòng)式“Web 程序設(shè)計(jì)”課程教學(xué)改革探討[J].現(xiàn)代計(jì)算機(jī)，2018.11中：50-52

[2] 胡韻，陳偉龍.基于“Web程序設(shè)計(jì)”課程的案例化教學(xué)模式的實(shí)踐與研究[J].中文信息，2018.10：123-124

[3] 白慧慧，常冬霞，劉美琴，張寶鵬.“Web應(yīng)用基礎(chǔ)”課程項(xiàng)目驅(qū)動(dòng)式教學(xué)研究[J].工業(yè)和信息化教育，2019.4：60-64

[4] 黃婷.利用ASP快速創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)[J].電腦編程技巧與維護(hù)，2018.12：40-42

[5] 謝濤，薄鉤戈，房琛琛.新工科背景下Web編程技術(shù)課程的實(shí)驗(yàn)教學(xué)改革研究[J].計(jì)算機(jī)教育，2019.1：63-67