基于《WEB程序設(shè)計(jì)》課程的案例化教學(xué)模式的實(shí)踐與研究

胡韻　陳偉龍

摘 要：傳統(tǒng)的教學(xué)模式容易造成學(xué)生學(xué)習(xí)只是停留在理論層面，而不能夠達(dá)到自主動(dòng)手情況，以《web程序設(shè)計(jì)》這門應(yīng)用性較強(qiáng)的編程類課程為切入點(diǎn)，嘗試在課程中引入案例化的教學(xué)模式，以精巧的案例設(shè)計(jì)和講解，讓學(xué)生既熟練掌握基礎(chǔ)知識(shí)，又提高操作實(shí)踐能力的目的。

關(guān)鍵詞：教學(xué)模式 案例化 教學(xué)設(shè)計(jì) 實(shí)踐

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1003-9082（2018）10-0-02

引言

目前國(guó)內(nèi)外各大高校的計(jì)算機(jī)專業(yè)均開設(shè)了網(wǎng)站設(shè)計(jì)開發(fā)類的課程，其中《WEB程序設(shè)計(jì)》這門課程因網(wǎng)站應(yīng)用程序開發(fā)的眾多需求，早已成為網(wǎng)站設(shè)計(jì)開發(fā)類的首選課程。

據(jù)了解，國(guó)內(nèi)大部分高校的計(jì)算機(jī)專業(yè)均開設(shè)了不止一門與編程語(yǔ)言相關(guān)的課程，如：c語(yǔ)言、java語(yǔ)言，到較為綜合的語(yǔ)言如JSP、PHP、J2EE等各種編程課程，絕大部分高校編程類課程采用比較傳統(tǒng)的教學(xué)模式，即在有限的教學(xué)時(shí)間中，按教材順序依次講解編程語(yǔ)言的相關(guān)知識(shí)，均由基礎(chǔ)知識(shí)開始詳細(xì)講解，然而講解到語(yǔ)言真正核心部分或者代碼編寫部分時(shí)，受學(xué)時(shí)等因素的影響，使得學(xué)生學(xué)習(xí)停留在理論層面，而不能夠達(dá)到自主動(dòng)手編寫程序的目的。

本文結(jié)合以往教學(xué)經(jīng)驗(yàn)，以《WEB程序設(shè)計(jì)》為基礎(chǔ)，通過分析課程的教學(xué)目標(biāo)及特點(diǎn)，引入新型的案例化教學(xué)方式，并通過實(shí)踐進(jìn)行總結(jié)，達(dá)到能夠改革《web程序設(shè)計(jì)》教學(xué)方式，達(dá)到讓學(xué)生真正自主編程的目的。

一、web程序設(shè)計(jì)課程特點(diǎn)背景介紹

1.課程簡(jiǎn)介

《WEB程序設(shè)計(jì)》是一門計(jì)算機(jī)類的專業(yè)編程課程，介紹web的工作原理，web的應(yīng)用程序開發(fā)環(huán)境、HTML、CSS等網(wǎng)頁(yè)前端開發(fā)設(shè)計(jì)以及運(yùn)行于服務(wù)器端的后端程序設(shè)計(jì)和涉及到對(duì)數(shù)據(jù)庫(kù)操作的Web數(shù)據(jù)庫(kù)程序設(shè)計(jì)等。該門課程是在《數(shù)據(jù)結(jié)構(gòu)》《基礎(chǔ)程序設(shè)計(jì)語(yǔ)言》《據(jù)庫(kù)原理與應(yīng)用》等課程學(xué)習(xí)的基礎(chǔ)上，對(duì)網(wǎng)站編程設(shè)計(jì)方向進(jìn)行的技能培養(yǎng)類課程。

2.課程教學(xué)目標(biāo)

本門課程的教學(xué)目標(biāo)分為兩個(gè)，一是要求學(xué)生能夠自主完成智能交互型網(wǎng)站的整體設(shè)計(jì)與實(shí)現(xiàn)，包括網(wǎng)頁(yè)的設(shè)計(jì)與排版以及整體網(wǎng)站的智能交互實(shí)現(xiàn)等；二是要求學(xué)生能夠進(jìn)一步掌握網(wǎng)站相關(guān)開發(fā)模式——MVC模式，學(xué)會(huì)有次序、有規(guī)劃的搭建網(wǎng)站步驟，能夠?yàn)楹罄m(xù)學(xué)習(xí)及入職奠定基礎(chǔ)。

3.課程特點(diǎn)及當(dāng)下授課狀態(tài)

《WEB程序設(shè)計(jì)》知識(shí)點(diǎn)較多且面廣：學(xué)生首先需要掌握基礎(chǔ)程序設(shè)計(jì)語(yǔ)言，網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)頁(yè)布局、面向?qū)ο笾R(shí)、數(shù)據(jù)庫(kù)相關(guān)知識(shí)，其次掌握網(wǎng)站建設(shè)的相關(guān)知識(shí)，最后掌握網(wǎng)站開發(fā)模式。許多情況下，課程結(jié)束后，學(xué)生不能統(tǒng)一歸納，更不用說(shuō)將所學(xué)的知識(shí)點(diǎn)運(yùn)用到網(wǎng)站開發(fā)中。

同時(shí)，受課時(shí)的限制，教師對(duì)學(xué)生進(jìn)行灌輸式的傳統(tǒng)講授模式，這種重理論輕實(shí)踐的教學(xué)模式，不能將學(xué)生帶入開發(fā)網(wǎng)站的氛圍中，學(xué)生學(xué)習(xí)的積極性也不高，因此，學(xué)生沒有足夠的經(jīng)驗(yàn)進(jìn)行軟件開發(fā)。

二、案例化教學(xué)模式

1.介紹

案例教學(xué)法起源于上個(gè)世紀(jì)20年代，由美國(guó)哈佛商學(xué)院（Harvard Business School）所倡導(dǎo)，將來(lái)自于商業(yè)管理中的真實(shí)事件或者情景引入到教學(xué)過程中，以激勵(lì)學(xué)生主動(dòng)參與課堂討論。這種案例教學(xué)法到了上個(gè)世紀(jì)80年代，才受到師資培育的重視，尤其是1986年美國(guó)卡內(nèi)基小組（Carnegie Task Force）提出《準(zhǔn)備就緒的國(guó)家：二十一世紀(jì)的教師》（A Nation Prepared：Teachers for the 2lst Century）的報(bào)告書中，特別推薦案例教學(xué)法在師資培育課程的價(jià)值，并將其視為一種相當(dāng)有效的教學(xué)模式，而國(guó)內(nèi)教育界開始探究案例教學(xué)法，則是1990年代以后之事[1-2]。

2.特點(diǎn)及作用

案例教學(xué)法的特點(diǎn)就是授課過程中依托一個(gè)具體的項(xiàng)目，以項(xiàng)目的設(shè)計(jì)、開發(fā)和完成為線索，教師作為主導(dǎo)，通過學(xué)生的主動(dòng)參與和積極思考將知識(shí)傳授給學(xué)生，通過完成案例不再讓知識(shí)點(diǎn)成為抽象的概念，而是具體鮮活的解決某一問題的具體辦法。

這種方法非常適合對(duì)操作實(shí)踐要求較高的課程，在授課的過程中重視了理論和實(shí)踐的結(jié)合，通過一兩個(gè)案例學(xué)習(xí)了真正原理及使用方式。在教學(xué)的過程中，完成項(xiàng)目是目的，重點(diǎn)是在完成項(xiàng)目的過程中，教會(huì)學(xué)生基礎(chǔ)知識(shí)以及怎樣將學(xué)到的知識(shí)點(diǎn)綜合使用，帶動(dòng)學(xué)生進(jìn)入思考、實(shí)踐、再思考、再實(shí)踐的分析解決問題的氛圍中，提高學(xué)生對(duì)編程的興趣。

三、案例化教學(xué)模式在web程序設(shè)計(jì)中的實(shí)施

1.總體思路

在此次教學(xué)改革中，嘗試采用更適合《web程序設(shè)計(jì)》課程的一種新的案例化教學(xué)模式。集中一學(xué)期講解一個(gè)大中型綜合案例，將每一個(gè)知識(shí)點(diǎn)貫穿其中講解，不再依賴教材章節(jié)順序講解。同時(shí)課程的目的不僅是編寫設(shè)計(jì)實(shí)現(xiàn)一個(gè)綜合案例，而是教授學(xué)生編程的知識(shí)及“套路”，通過不斷改進(jìn)案例，讓學(xué)生體會(huì)項(xiàng)目開發(fā)模式的重要性，并且在多次的項(xiàng)目編寫過程中，掌握一般項(xiàng)目的編寫過程和編寫規(guī)則。

2.實(shí)施案例說(shuō)明

本次教學(xué)改革中案例是最常用的“用戶管理系統(tǒng)”網(wǎng)站的開發(fā)，此案例用到的知識(shí)點(diǎn)是常用且重要的知識(shí)點(diǎn)，學(xué)生熟悉此類項(xiàng)目，開發(fā)起來(lái)較為容易接受，適合在有限的教學(xué)時(shí)間中反復(fù)編寫并講解。

2.1項(xiàng)目模塊劃分

用戶管理系統(tǒng)實(shí)現(xiàn)管理員和普通用戶的分級(jí)用戶登錄操作，其中管理員可以查看所有用戶的信息，可以添加、刪除、修改用戶，可以查詢具體用戶，普通用戶可以查看用戶的部分信息，可以通過查詢查看具體用戶的部分信息。所以為了方便知識(shí)的講解和滲透，可以將用戶管理系統(tǒng)分為如下模塊進(jìn)行開發(fā)講解，每一個(gè)模塊為一個(gè)小型案例，綜合形成一個(gè)綜合案例。如圖3.1所示。

2.2模塊講解順序及對(duì)應(yīng)知識(shí)點(diǎn)匯總

整個(gè)綜合案例就可以包含WEB程序設(shè)計(jì)的基礎(chǔ)知識(shí)點(diǎn)，通過順序講解相關(guān)模塊，使學(xué)生可以掌握重要知識(shí)點(diǎn)的同時(shí)，了解項(xiàng)目開發(fā)流程。表3-1匯總項(xiàng)目模塊講解順序及知識(shí)點(diǎn)對(duì)應(yīng)關(guān)系。

序號(hào)模塊對(duì)應(yīng)知識(shí)點(diǎn)建議課時(shí)1登錄模塊（簡(jiǎn)單驗(yàn)證）項(xiàng)目規(guī)劃、建立、部署、服務(wù)器運(yùn)行、項(xiàng)目運(yùn)行原理及操作4HTML、CSS、JavaScript頁(yè)面設(shè)計(jì)知識(shí)form表單跳轉(zhuǎn)、頁(yè)面間傳值request內(nèi)置對(duì)象頁(yè)面接收out輸出response內(nèi)置對(duì)象處理頁(yè)面跳轉(zhuǎn)2登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）數(shù)據(jù)庫(kù)簡(jiǎn)介及相關(guān)數(shù)據(jù)庫(kù)軟件操作，如建表、添加數(shù)據(jù)等2JDBC相關(guān)基礎(chǔ)知識(shí)講解Sql語(yǔ)句與項(xiàng)目需求的講解與編寫編程語(yǔ)言連接操作數(shù)據(jù)庫(kù)模式總結(jié)3用戶信息顯示模塊分頁(yè)需求引入及分頁(yè)算法介紹4--6分頁(yè)sql語(yǔ)句講解、數(shù)據(jù)庫(kù)信息在網(wǎng)頁(yè)顯示方法超鏈接頁(yè)面的跳轉(zhuǎn)及傳值集合ArrayList相關(guān)知識(shí)點(diǎn)的使用Java Bean相關(guān)知識(shí)介紹4添加用戶模塊添加信息sql語(yǔ)句編寫與分析2讀取網(wǎng)頁(yè)信息至數(shù)據(jù)庫(kù)方法頁(yè)面分類跳轉(zhuǎn)方式——request頁(yè)面跳轉(zhuǎn)方式5修改用戶模塊修改信息sql語(yǔ)句編寫與分析2頁(yè)面間值傳遞信息在對(duì)應(yīng)輸入框中顯示并可修改6刪除用戶模塊刪除信息sql語(yǔ)句編寫與分析2JavaScript函數(shù)編寫及使用7查詢用戶模塊模糊查詢信息sql語(yǔ)句編寫2集合ArrayList相關(guān)知識(shí)點(diǎn)的使用分頁(yè)知識(shí)超鏈接循環(huán)顯示8退出系統(tǒng)模塊Session相關(guān)介紹4Cookie相關(guān)介紹

整個(gè)項(xiàng)目大致分為8個(gè)模塊完成，每個(gè)模塊對(duì)應(yīng)不同的知識(shí)點(diǎn)，有些知識(shí)點(diǎn)會(huì)反復(fù)使用并講解，如request等常用內(nèi)置對(duì)象。每個(gè)模塊均有新的知識(shí)點(diǎn)加入，這樣講解可以讓學(xué)生不斷加深知識(shí)點(diǎn)的理解與掌握，同時(shí)，掌握新知識(shí)，更有利于知識(shí)的融會(huì)貫通。

2.3項(xiàng)目講解次數(shù)及側(cè)重點(diǎn)

這個(gè)課程講解的第二個(gè)教學(xué)目的就是讓學(xué)生掌握網(wǎng)站項(xiàng)目開發(fā)的模式，為此課程引入MVC開發(fā)模式，讓學(xué)生掌握網(wǎng)站建設(shè)的基本結(jié)構(gòu)和方式。所以課程中引入的用戶管理系統(tǒng)部分模塊的編寫不會(huì)只寫一遍，而是通過不斷地編寫改進(jìn)，最終改進(jìn)成MVC開發(fā)模式的模塊，這樣能讓學(xué)生真正理解mvc開發(fā)模式。表3-2說(shuō)明了本次教學(xué)改革設(shè)計(jì)的項(xiàng)目開發(fā)次數(shù)以及對(duì)應(yīng)的模塊

開發(fā)次數(shù)強(qiáng)調(diào)的知識(shí)對(duì)應(yīng)的模塊1無(wú)任何模式的編程，將html頁(yè)面設(shè)計(jì)代碼與邏輯代碼匯合登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）用戶信息顯示模塊2進(jìn)一步開發(fā)mv模式，嘗試將html頁(yè)面設(shè)計(jì)代碼與后臺(tái)數(shù)據(jù)處理代碼分開編寫登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）用戶信息顯示模塊3在MV開發(fā)模式基礎(chǔ)上，改進(jìn)為MVC開發(fā)模式，加入servlet知識(shí)控制頁(yè)面跳轉(zhuǎn)所有模塊2.4總教學(xué)設(shè)計(jì)

綜上所述，為了達(dá)到教學(xué)目的，對(duì)用戶管理系統(tǒng)進(jìn)行分模塊分層次的講解，讓學(xué)生在掌握基礎(chǔ)知識(shí)的同時(shí)，掌握MVC開發(fā)模式，由淺入深提高知識(shí)的難度與寬度。教學(xué)設(shè)計(jì)建議如表3-3所示。

序號(hào)授課內(nèi)容講解重點(diǎn)建議課時(shí)1用戶登錄模塊（簡(jiǎn)單驗(yàn)證）教學(xué)對(duì)準(zhǔn)備知識(shí)及基本知識(shí)的講解42登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）教學(xué)無(wú)任何模式的編碼方式，只實(shí)現(xiàn)功能，不考慮編碼健壯性等2-43用戶信息顯示模塊教學(xué)無(wú)任何模式的編碼方式，只實(shí)現(xiàn)功能，不考慮編碼健壯性等，與登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）連城一個(gè)較為完整的操作序列，同時(shí)講解第一遍分頁(yè)算法相關(guān)知識(shí)4-64傳統(tǒng)編程模式優(yōu)劣勢(shì)總結(jié)與MV模式的引入重點(diǎn)分析使用傳統(tǒng)開發(fā)模式編寫的代碼的缺點(diǎn)，提出mv開發(fā)模式的可能性，并分析代碼，總結(jié)知識(shí)點(diǎn)25登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）MV開發(fā)模式教學(xué)在原代碼基礎(chǔ)上進(jìn)行修改實(shí)現(xiàn)MV開發(fā)模式的登錄模塊，嘗試讓界面和邏輯代碼分離，引入java bean概念，比較優(yōu)劣26用戶信息顯示模塊MV開發(fā)模式教學(xué)在原代碼基礎(chǔ)上進(jìn)行修改實(shí)現(xiàn)MV開發(fā)模式的用戶信息顯示模塊，嘗試讓界面和邏輯代碼分離，比較優(yōu)劣2-47MV開發(fā)模式優(yōu)劣勢(shì)總結(jié)以及mvc開發(fā)模式的引入分寫mv開發(fā)模式寫出的代碼的優(yōu)劣勢(shì)，引入mvc開發(fā)模式，并介紹servlet技術(shù)作為控制頁(yè)面流轉(zhuǎn)技術(shù)的好處，總結(jié)知識(shí)點(diǎn)2-48登錄模塊（數(shù)據(jù)庫(kù)驗(yàn)證）MVC開發(fā)模式教學(xué)在MV開發(fā)模式實(shí)現(xiàn)的登錄模塊基礎(chǔ)上進(jìn)行修改實(shí)現(xiàn)MVC開發(fā)模式的登錄模塊，嘗試加入頁(yè)面跳轉(zhuǎn)控制代碼，比較優(yōu)劣29用戶信息顯示模塊MVC開發(fā)模式教學(xué)在MV開發(fā)模式實(shí)現(xiàn)的用戶信息顯示模塊基礎(chǔ)上進(jìn)行修改實(shí)現(xiàn)MVC開發(fā)模式的用戶信息顯示模塊，嘗試加入頁(yè)面跳轉(zhuǎn)控制代碼，比較優(yōu)劣2-410添加用戶模塊MVC開發(fā)模式教學(xué)根據(jù)MVC開發(fā)模式進(jìn)一步開發(fā)添加用戶模塊，實(shí)現(xiàn)多分支頁(yè)面跳轉(zhuǎn)技術(shù)的實(shí)現(xiàn)，進(jìn)一步復(fù)習(xí)MVC開發(fā)模式211修改用戶模塊MVC開發(fā)模式教學(xué)根據(jù)MVC開發(fā)模式進(jìn)一步開發(fā)修改用戶模塊，進(jìn)一步復(fù)習(xí)MVC開發(fā)模式112刪除用戶模塊MVC開發(fā)模式教學(xué)根據(jù)MVC開發(fā)模式進(jìn)一步開發(fā)刪除用戶模塊，進(jìn)一步復(fù)習(xí)MVC開發(fā)模式113查詢用戶模塊MVC開發(fā)模式教學(xué)根據(jù)MVC開發(fā)模式進(jìn)一步開發(fā)查詢用戶模塊，復(fù)習(xí)分頁(yè)模塊實(shí)現(xiàn)，進(jìn)一步復(fù)習(xí)MVC開發(fā)模式214退出登錄模塊MVC開發(fā)模式教學(xué)實(shí)現(xiàn)退出登錄功能，引入session及cookie知識(shí)2

以上是基于《web程序設(shè)計(jì)》教學(xué)設(shè)計(jì)建議表，描述主要教學(xué)內(nèi)容開展的順序，可在前后加上課程的引入以及課程的總結(jié)即可構(gòu)成一套比較完整的教學(xué)體系，讓學(xué)生盡可能多的掌握重點(diǎn)知識(shí)和體會(huì)項(xiàng)目開發(fā)模式，為今后進(jìn)一步學(xué)習(xí)奠定基礎(chǔ)。

四、案例化教學(xué)模式優(yōu)勢(shì)

案例化教學(xué)模式是以項(xiàng)目開發(fā)過程作為教學(xué)的流程，抓住學(xué)生求知欲，激發(fā)學(xué)生學(xué)習(xí)積極性，使學(xué)習(xí)更有針對(duì)性，有利于學(xué)生高效的學(xué)習(xí)，掌握關(guān)鍵知識(shí)，消除編程距離感和陌生感[5]。

同時(shí)教學(xué)是以小案例集合的我綜合案例而成的，便于將知識(shí)點(diǎn)整合，利用學(xué)生對(duì)小知識(shí)的掌握，有助于學(xué)生的學(xué)習(xí)。

五、總結(jié)與探討

通過在《WEB程序設(shè)計(jì)》這門課程中使用案例化教學(xué)模式，采用具體案例剖析實(shí)現(xiàn)知識(shí)點(diǎn)的講解，一個(gè)具體的項(xiàng)目貫穿于整個(gè)教學(xué)過程，提高學(xué)生學(xué)習(xí)的積極性和主動(dòng)性，讓學(xué)生在學(xué)習(xí)的過程中掌握編寫規(guī)則，通過示范和模仿提高學(xué)生實(shí)踐操作能力。

參考文獻(xiàn)

[1]Kowalski TJ. Case studies of educational administration[M].New York：Longman ，1991：116.

[2]Merseth KK. Cases and case methods in teacher education[C]//SIKULA J. Handbook of research on teacher education （2nd） . London：Macmillan，1996：722-744.

[3]劉雪， 趙朋.教育碩士專業(yè)學(xué)位研究生案例教學(xué)探討 [J]. 齊齊哈爾大學(xué)學(xué)報(bào)（哲學(xué)社會(huì)科學(xué)版），2014（5）：174-176.

[4]馮永剛. 研究生案例教學(xué)不能遺失的三維向度 [J]. 北京社會(huì)科學(xué)， 2015 （6）：18-23.

[5]何艷敏.高級(jí)語(yǔ)言程序設(shè)計(jì)”的教學(xué)方法研究[J].中國(guó)校外教學(xué)（理論），2010（04）：166-167.

作者簡(jiǎn)介：胡韻（199006-），女，講師，主要研究方向：網(wǎng)絡(luò)安全、訪問控制。主要教授課程：web程序設(shè)計(jì)等。