郭 冬 梅

(安徽理工大學(xué) 計算機科學(xué)與工程學(xué)院，安徽 淮南 232001)

?

“Web程序設(shè)計”案例驅(qū)動教學(xué)研究

郭 冬 梅

(安徽理工大學(xué) 計算機科學(xué)與工程學(xué)院，安徽 淮南 232001)

摘要：針對“Web程序設(shè)計”課程的傳統(tǒng)教學(xué)模式中普遍存在理論與實踐相脫節(jié)的問題，提出了將案例驅(qū)動與上機實踐相結(jié)合的新型教學(xué)方法。實踐證明，課前制定明確教學(xué)目標，采取以學(xué)生為主、教師引導(dǎo)的案例驅(qū)動教學(xué)法，結(jié)合上機實踐，能有效地提高學(xué)生的編程能力，是一套行之有效的教學(xué)方法。

關(guān)鍵詞：Web程序設(shè)計；案例驅(qū)動；上機實踐

Web技術(shù)是IT行業(yè)的主流開發(fā)技術(shù)。 “Web程序設(shè)計”作為一門專業(yè)基礎(chǔ)課，為后繼程序設(shè)計打基礎(chǔ)，同時又是專業(yè)課的實驗編程語言，主要培養(yǎng)學(xué)生程序設(shè)計能力[1]。傳統(tǒng)的教學(xué)模式多以理論教學(xué)為主，理論與實踐脫節(jié)，教學(xué)效果不理想，學(xué)生普遍反映不知該如何下手制作網(wǎng)頁、搭建網(wǎng)站。為解決上述教學(xué)問題，針對本課程的特點，結(jié)合教學(xué)實踐和前人經(jīng)驗，文章提出了將案例驅(qū)動與上機實踐相結(jié)合的新型教學(xué)方法。

案例教學(xué)法是一種“親驗式”方法，它根據(jù)教學(xué)目的和培養(yǎng)目標，以教學(xué)案例為素材，將學(xué)生引入教育實踐的情景中并分析問題和解決問題，培養(yǎng)學(xué)生的思維能力，挖掘其潛力[2-3]。案例選取應(yīng)與教材各個章節(jié)內(nèi)容有機聯(lián)系起來，保證講授內(nèi)容源于課本又高于課本。教師根據(jù)語法知識點的教授要求將整個大案例劃分成若干個各自獨立的小案例，在每一階段的教學(xué)中，教師根據(jù)案例提出問題，讓學(xué)生思考如何完成開發(fā)任務(wù)[4]；然后，引導(dǎo)學(xué)生分析問題，在分析問題的過程中，采用演示程序的方法，將講授的理論內(nèi)容與實際案例相結(jié)合，這樣學(xué)生不僅知其然，而且知其所以然，逐步從生搬硬套現(xiàn)成案例轉(zhuǎn)變成靈活運用案例。隨著課程的進展，將該門課程的知識點、理論體系、開發(fā)流程融入其中，完成整個大型案例的開發(fā)。

1教學(xué)目標設(shè)計

《Web程序設(shè)計》課程的教學(xué)目標主要分為兩個層次：(1)做網(wǎng)頁，介紹Internet互聯(lián)網(wǎng)絡(luò)的基本知識以及網(wǎng)頁的制作，主要為客戶端編程； (2)建網(wǎng)站，介紹服務(wù)器端編程知識和數(shù)據(jù)庫的應(yīng)用，學(xué)會構(gòu)建自己的網(wǎng)站。通過這兩個階段的系統(tǒng)學(xué)習(xí)，學(xué)生能掌握JavaScript、VBScript腳本語言的使用，掌握ASP技術(shù)的一般理論和編程技巧，學(xué)會使用ASP的內(nèi)建對象和應(yīng)用組件，實際動手開發(fā)搭建一些常用的、具有實際應(yīng)用價值的交互式網(wǎng)站[5]。

為滿足學(xué)生實際動手的需求，培養(yǎng)學(xué)生的學(xué)習(xí)網(wǎng)頁制作興趣及網(wǎng)站開發(fā)綜合能力，教師在講授本課程開始時就給學(xué)生布置網(wǎng)站制作內(nèi)容，并在計算機學(xué)院的FTP服務(wù)器上為每位學(xué)生分配5 M的網(wǎng)站空間，方便學(xué)生上傳作品。將最終上傳作品作為成績評定的主要依據(jù)，改變以考試為主的傳統(tǒng)考核方式。

網(wǎng)站開發(fā)的具體要求如下。

(1)主題選定。教師選定一個與學(xué)生經(jīng)歷比較貼近的主題，讓學(xué)生自由發(fā)揮，設(shè)計在線交互式的網(wǎng)站，如搭建一個具有信息發(fā)布系統(tǒng)、論壇、留言板等實用性功能的交互式網(wǎng)站。

(2)技術(shù)要求。學(xué)生綜合運用平面設(shè)計與制作軟件Photoshop美化網(wǎng)頁，HTML語言制作靜態(tài)網(wǎng)頁，使用JavaScript、VBScript腳本語言完成客戶端交互，熟練應(yīng)用ASP的內(nèi)建對象及ASP組件實現(xiàn)客戶端提交，服務(wù)器端實時響應(yīng)的B/S模式動態(tài)交互功能。

(3) 完成要求。完成一個交互式的網(wǎng)站開發(fā)，要求學(xué)生采用循序漸進的開發(fā)流程，根據(jù)教師講授的理論知識及實際案例，能夠舉一反三，具體應(yīng)用到自己的網(wǎng)站開發(fā)當(dāng)中，隨著課程的進展及開發(fā)的深入，逐步完成整個網(wǎng)站的構(gòu)建。這種開發(fā)形式能夠使學(xué)生及時應(yīng)用案例，鞏固所學(xué)知識點，掌握開發(fā)方法，增強學(xué)生學(xué)習(xí)的興趣，起到立竿見影的效果，有效地避免了傳統(tǒng)單純學(xué)習(xí)枯燥的理論知識帶來的不良效果。

2案例驅(qū)動與上機實踐相結(jié)合的教學(xué)設(shè)計

在整個教學(xué)過程中，采用案例驅(qū)動方法引導(dǎo)教學(xué)，結(jié)合上機實踐環(huán)節(jié)，使學(xué)生具備網(wǎng)站開發(fā)所需要的全面、扎實的課程基礎(chǔ)知識、編程技巧以及實際動手能力。為達到理想的教學(xué)效果，注重理論聯(lián)系實際，合理安排課程講授順序，使教學(xué)由淺入深、循序漸進地進行。通過教學(xué)實踐，教師從傳統(tǒng)的知識傳授者轉(zhuǎn)變成學(xué)生學(xué)習(xí)的引導(dǎo)者，學(xué)生從被動接受知識成為主動學(xué)習(xí)的主體。應(yīng)充分發(fā)揮學(xué)生學(xué)習(xí)的主觀能動性，強調(diào)學(xué)生在教與學(xué)關(guān)系中的主體地位[6]。采用這種教學(xué)方法，有助于活躍課程氣氛，使學(xué)生在教師的帶動下對課程產(chǎn)生濃厚的興趣，積極的思考問題，主動尋求解決問題的方法，提高教學(xué)效果。

為了有效鞏固課程所學(xué)的理論知識和教學(xué)案例，采用了在機房開展教學(xué)的新型教學(xué)方式。要求學(xué)生每人一臺計算機，在每次課開始以后，教師講授內(nèi)容和演示典型實訓(xùn)問題1，學(xué)生根據(jù)教師的講解思路和操作步驟獨立模仿此案例，及時解決操作過程中遇到的障礙。教師案例講解完的同時學(xué)生也親自動手操作完成，參與到整個案例的開發(fā)中。通過上機調(diào)試程序，發(fā)現(xiàn)程序在運行過程中出現(xiàn)的問題并及時給予解決，以逐步培養(yǎng)自己的實踐動手能力。在模仿的基礎(chǔ)上，由教師布置類似的實訓(xùn)課題，學(xué)生綜合運用已掌握的知識和案例，有目的地設(shè)計、編寫具有其他類似功能的實訓(xùn)問題2，從而逐步完成最終的設(shè)計題目，以達到提高的終極目標。整個教學(xué)過程分為講授—實踐—提高3個階段。圖中將大案例分為N個小案例，每個小案例又分成3個階段進行，其中前兩個階段同步進行，為后一階段打下堅實基礎(chǔ)。具體實施過程如圖1所示。

圖1　案例驅(qū)動與上機實踐相結(jié)合的教學(xué)過程

采用“邊講授，邊實踐”的新型教學(xué)模式有效地使學(xué)生從被動接受變?yōu)橹鲃訁⑴c，改變傳統(tǒng)的以教為主的教學(xué)方式，學(xué)生能夠真正地掌握并靈活自如地應(yīng)用所學(xué)的Web編程開發(fā)技術(shù)進行動態(tài)網(wǎng)頁設(shè)計開發(fā)，由先前的機械模仿達到舉一反三的良好教學(xué)效果。

綜上所述，案例驅(qū)動配以實時上機操作，一方面可以通過動手來理解理論知識，鞏固知識點，使學(xué)生了解這些知識點是如何應(yīng)用的，怎樣進行編程的，運行界面是怎么生成的。另一方面可以對所學(xué)的內(nèi)容活學(xué)活用，極大地提高學(xué)生的編程能力和綜合應(yīng)用能力，激發(fā)編程興趣和積極性。

3案例驅(qū)動教學(xué)法的具體應(yīng)用實例

由于在整個教學(xué)運行過程中，只選取一個大案例完成課程全部教學(xué)內(nèi)容。因此，案例選取的好壞是案例驅(qū)動教學(xué)法成功與否的關(guān)鍵。按照圖1的教學(xué)過程具體實施分為以下幾個步驟。

(1)設(shè)計大案例。根據(jù)《Web程序設(shè)計》的章節(jié)安排，涉及的知識點以及教學(xué)目標，按照循序漸進、由易到難的教學(xué)思路設(shè)計了基于Web的網(wǎng)上購物系統(tǒng)作為大案例。該系統(tǒng)包括用戶登錄與注冊、前臺展示、查詢商品、在線訂購、留言區(qū)、后臺管理等子功能。

(2)講授小案例，引導(dǎo)上機實踐。確定了大案例之后，應(yīng)用系統(tǒng)開發(fā)流程分析案例，制定詳細的實施步驟，將整個大案例劃分成與教程中各個章節(jié)對應(yīng)的小案例。在分析小案例的同時可將課程的知識點有效融入其中，讓學(xué)生在案例中掌握理論知識點，再輔以同步的上機實踐，及時鞏固應(yīng)用所學(xué)知識。小案例與教學(xué)內(nèi)容的對應(yīng)關(guān)系如表1所示。

表1　小案例與教學(xué)內(nèi)容的對應(yīng)關(guān)系表

(3)獨立實踐。通過講授階段學(xué)習(xí)到的開發(fā)設(shè)計方法和基礎(chǔ)理論知識，實踐階段掌握的編程技術(shù)和具備的編程能力，在獨立實踐階段，學(xué)生可以參照前述案例的開發(fā)步驟，細化每一個小案例需要實現(xiàn)的功能以及所涉及知識點，最終獨立完成類似課題，例如網(wǎng)上書店系統(tǒng)的構(gòu)建等。

4結(jié)束語

案例驅(qū)動教學(xué)使得教師在教的過程中更能有的放矢，學(xué)生在學(xué)的過程中目的明確、針對性強，充分調(diào)動學(xué)生學(xué)習(xí)的主觀能動性，以便學(xué)生高效學(xué)習(xí)，輕松掌握知識，駕馭編程。較傳統(tǒng)以理論為主的教學(xué)方法而言，有效地提高了學(xué)生將所學(xué)內(nèi)容應(yīng)用于實踐的能力，從根本上改變了傳統(tǒng)教學(xué)模式的各種劣勢。從學(xué)生最終提交的作品來看，網(wǎng)頁版面布局合理，表現(xiàn)手段多樣，綜合應(yīng)用了網(wǎng)頁開發(fā)涉及的基本知識點、編程語言，具備了一定的動態(tài)網(wǎng)頁開發(fā)技能，達到了既定的教學(xué)效果。

參考文獻:

[1] 程一飛, 程玉勝.《C語言程序設(shè)計》教學(xué)探討[J]. 安慶師范學(xué)院學(xué)報(自然科學(xué)版), 2011, 17(4): 114-117.

[2] 武建國. 關(guān)于案例教學(xué)法的幾個問題[J]. 忻州師范學(xué)院學(xué)報, 2004, 20(4): 80-83.

[3] 任平紅, 陳矗,鄭秋梅.貫穿案例教學(xué)法在Java Web程序設(shè)計教學(xué)中的應(yīng)用[J].計算機教育, 2014(14): 67-69.

[4] 胡偉儉.基于MCLA的《Web程序設(shè)計》教學(xué)方法研究[J].計算機教育, 2009(17):108-109.

[5] 吉根林, 崔海源. Web程序設(shè)計[M]. 2版. 北京: 電子工業(yè)出版社, 2008: 1-2.

[6] 黃武鋒.《Web程序設(shè)計》課堂教學(xué)方法初探[J]. 電腦學(xué)習(xí), 2009(4): 84-85.

Research of Web Program Design Course Teaching Based on Case Driven

GUO Dong-mei

(College of Computer Science and Engineering, Anhui University of Science and Technology, Huainan, Anhui 232001, China)

Abstract:Aiming at the problems of widespread separating practice from theory of traditional teaching method, in the process of Web Program Design course teaching, this paper puts forward the new teaching method of Case driven integration with practice. According to the work of students submitted finally, this paper applies the basic methods involved the web pages development, masters the dynamic web pages development skills definitely, achieves its teaching effect. Practice proves that before class to establish definite teaching objectives, taking the student-centered, teachers guide case driven teaching method, and combining with the computer practice, focusing on integrating theory with practice, all can improve the students’ programming capability efficiently. It is a set of effective teaching method.

Key words:web program design, teaching method, case driven, practice

文章編號：1007-4260(2016)01-0146-03

中圖分類號：G642

文獻標識碼：A

DOI：10.13757/j.cnki.cn34-1150/n.2016.01.037

作者簡介：郭冬梅，女，安徽懷遠人，碩士，安徽理工大學(xué)計算機科學(xué)與工程學(xué)院講師，研究方向為計算機應(yīng)用及軟件開發(fā)。E-mail: dmguo@aust.edu.cn

基金項目：安徽理工大學(xué)青年教師科學(xué)研究基金(2012QNY31)。

*收稿日期：2015-06-25

網(wǎng)絡(luò)出版時間：2016-03-15 17:05網(wǎng)絡(luò)出版地址：http://www.cnki.net/kcms/detail/34.1150.N.20160315.1705.037.html