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

王勁松 肖茜

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

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

中圖分類號：G712? ? ? ? ? 文獻(xiàn)標(biāo)識碼：A? ? ?文章編號：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)頁教學(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)開發(fā)能力的核心課程之一，它既是前導(dǎo)課程的總結(jié)提高，也是后續(xù)課程的基礎(chǔ)，更是后續(xù)從事程序員相關(guān)工作的直接支撐。因此，運(yùn)用有效的教學(xué)方法提高Web程序設(shè)計(jì)課程教學(xué)質(zhì)量是非常必要的[1]。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

需求分析：這是一個(gè)省級課題“3+3新高考與生涯規(guī)劃”的在線問卷系統(tǒng)。課題研究需要收取不同地點(diǎn)、不同學(xué)校的數(shù)千名學(xué)生、家長和教師的信息，并完成前期統(tǒng)計(jì)，然后保存數(shù)據(jù)以供后期分析。①問卷內(nèi)容是專項(xiàng)統(tǒng)計(jì)比較特殊，在一般學(xué)習(xí)網(wǎng)和考試平臺上無法完成。②即使能使用問卷星等專門的問卷網(wǎng)站進(jìn)行，每份問卷數(shù)據(jù)需收取服務(wù)費(fèi)1元，成本太高。③數(shù)千份問卷針對不同學(xué)校，不需要同時(shí)進(jìn)行，對服務(wù)器沖擊不大，不需要大型數(shù)據(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開發(fā)平臺，用于教學(xué)開發(fā)和后期維護(hù)，②Web運(yùn)行平臺，用于完成問卷和信息的匯總統(tǒng)計(jì)。

2.1 快速布局Web開發(fā)平臺

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)束語

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

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

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

基于Web項(xiàng)目的實(shí)踐教學(xué)仍然存在不足，比如：每次教學(xué)結(jié)合的實(shí)際項(xiàng)目不相同，教學(xué)任務(wù)的難易度如何掌控，學(xué)生成績的考核評價(jià)標(biāo)準(zhǔn)制定，以及如何防止分組中有個(gè)別學(xué)生蒙混過關(guā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)頁[J].電腦編程技巧與維護(hù)，2018.12：40-42

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