案例教學(xué)在《網(wǎng)站開發(fā)設(shè)計(jì)》課程中的應(yīng)用

李夏君

文/廣東省輕工職業(yè)技術(shù)學(xué)校

?

案例教學(xué)在《網(wǎng)站開發(fā)設(shè)計(jì)》課程中的應(yīng)用

李夏君

文/廣東省輕工職業(yè)技術(shù)學(xué)校

一、問題的提出

案例教學(xué)是一種開放式、互動式的新型教學(xué)方式。案例教學(xué)要經(jīng)過事先周密的策劃和準(zhǔn)備，要使用特定的案例并指導(dǎo)學(xué)生提前閱讀，要組織學(xué)生開展討論或爭論，形成反復(fù)的互動與交流，并且，案例教學(xué)一般要結(jié)合一定理論，通過各種信息、知識、經(jīng)驗(yàn)、觀點(diǎn)的碰撞來達(dá)到啟示理論和啟迪思維的目的。在案例教學(xué)中，所使用的案例既不是編出來講道理的故事，也不是寫出來闡明事實(shí)的事例，而是為了達(dá)成明確的教學(xué)目的，基于一定的事實(shí)而編寫的示例，它在用于課堂討論和分析之后會使學(xué)生有所收獲，從而提高學(xué)生分析問題和解決問題的能力。

《網(wǎng)站開發(fā)設(shè)計(jì)》是中職計(jì)算機(jī)專業(yè)的一門綜合課，安排在中職第二學(xué)年第二學(xué)期。本課程的教學(xué)大綱要求是在教師輔導(dǎo)之下，學(xué)生以小組合作的形式完成一個網(wǎng)站。在教學(xué)過程中，教師通過一個展示類的網(wǎng)站給學(xué)生講解網(wǎng)站的構(gòu)建和各個模塊的耦合。以往采用網(wǎng)站一般是按照教材提供的例子或者自己制作的學(xué)校網(wǎng)站，這樣的網(wǎng)站結(jié)構(gòu)要么過于復(fù)雜要么過于簡單，而且不夠貼近中職學(xué)生生活，也不夠緊跟時(shí)尚，很難引起學(xué)生學(xué)習(xí)興趣，令教學(xué)難以展開。在課堂上，學(xué)生沒有學(xué)習(xí)主動性，做網(wǎng)站沒有方向性，沒有系統(tǒng)性，作品質(zhì)量不高。

筆者在中職學(xué)校任教多年，對中職學(xué)生做了調(diào)查，調(diào)查的內(nèi)容就是現(xiàn)今那種網(wǎng)站最受中職學(xué)生歡迎，以本校計(jì)算機(jī)專業(yè)13級為調(diào)查對象，一共發(fā)放150份問卷。最后結(jié)果表明：50%的學(xué)生采用網(wǎng)上商城作為網(wǎng)站題材，而且65%的同學(xué)喜歡每天用手機(jī)逛商城。鑒于當(dāng)前中職學(xué)生大多數(shù)是98、99年出生，這些年份正是我國互聯(lián)網(wǎng)開始蓬勃發(fā)展的時(shí)代。他們這一代可謂是“數(shù)字土著”。為了提高學(xué)生學(xué)習(xí)興趣，推動教學(xué)順利進(jìn)行，筆者制作了一個網(wǎng)上商城的后臺管理模塊作為教學(xué)案例進(jìn)行教學(xué)。

二、案例教學(xué)的策劃和準(zhǔn)備

作為教學(xué)案例，它不應(yīng)該是憑空想象的空中樓閣，也不是一個簡單闡明的事實(shí)，而是從現(xiàn)實(shí)出發(fā)，從生活出發(fā)，一個完整、有意義的網(wǎng)站項(xiàng)目，架構(gòu)分明，模塊完整，耦合性良好，從頁面效果設(shè)計(jì)圖、網(wǎng)頁布局、數(shù)據(jù)庫到后臺開發(fā)，集成為一體，有技術(shù)性并可供教學(xué)。

我們來看看網(wǎng)上商城的概念，網(wǎng)上商城是在網(wǎng)上買賣的虛擬商店，原理是利用電子商務(wù)的各種手段，在互聯(lián)網(wǎng)進(jìn)行交易，優(yōu)點(diǎn)是減少中間環(huán)節(jié)，消除運(yùn)輸成本和代理中間的差價(jià)，造就對普通消費(fèi)和加大市場流通帶來巨大的發(fā)展空間。

筆者采用的網(wǎng)上商城類別是B2C(Business To Customer，商家對顧客銷售)，采用的開發(fā)模式是B/S結(jié)構(gòu)(Browse/Server)結(jié)構(gòu)。B/S(Browse/Server)，是一種瀏覽器和服務(wù)器結(jié)構(gòu)，該結(jié)構(gòu)采用瀏覽器取代了C/S結(jié)構(gòu)中的客戶端，這樣則避免了跨平臺和安裝問題。B/S結(jié)構(gòu)是一種三層體系結(jié)構(gòu)，由表示層、中間層和數(shù)據(jù)層組成。

由于筆者設(shè)計(jì)的網(wǎng)上商城系統(tǒng)出售的商品是電子產(chǎn)品，商品管理模塊應(yīng)該具備以下功能：

* 商品管理

顯示現(xiàn)有的商品列表，每項(xiàng)商品包括商品標(biāo)識、商品名稱、商品狀態(tài)、上架時(shí)間等重要信息，并提供增加商品、商品下架和修改商品信息的操作。

* 商品發(fā)布

發(fā)布新的商品，并為新的商品定義各種屬性，這些屬性包括商品ID、商品名稱、商品類別及創(chuàng)建時(shí)間等。

* 商品規(guī)格管理

顯示商品的規(guī)格信息列表，規(guī)格信息包括名稱、標(biāo)識、類型等等，可以對商品的規(guī)格信息進(jìn)行查詢、增加及刪除等操作。

結(jié)合中職計(jì)算機(jī)專業(yè)在校最后一個學(xué)期開設(shè)網(wǎng)站開發(fā)設(shè)計(jì)課程，筆者采用Visual Studio.NET 2010中的C#，結(jié)合關(guān)系型數(shù)據(jù)庫語言sql，開發(fā)商品管理模塊。圖1是后臺管理的添加商品頁面，圖2是后臺管理的添加商品類別頁面。

圖1　后臺管理的添加商品頁面

圖2　后臺管理的添加商品類別頁面

三、案例教學(xué)的展開

案例教學(xué)展開的第一階段，筆者將整理好的網(wǎng)站展示給學(xué)生觀察。在展示過程前提出兩個大問題給學(xué)生思考：第一，該網(wǎng)站是如何構(gòu)建，分為幾個模塊，每一模塊的組成和模塊之間的關(guān)系如何？第一個問題從需求分析入手，讓學(xué)生熟悉開發(fā)網(wǎng)站的流程，并從軟件開發(fā)的角度，觀察和分析網(wǎng)站的組成。這對于邏輯思維不強(qiáng)，并且基礎(chǔ)薄弱的中職學(xué)生非常重要，這時(shí)開始形成頭腦風(fēng)暴，進(jìn)入思考狀態(tài)。第二，完成該網(wǎng)站需要哪些工具軟件？這時(shí)候，可以引出網(wǎng)頁界面設(shè)計(jì)圖、網(wǎng)頁布局、數(shù)據(jù)庫和Asp.Net等知識。因?yàn)橹斑@些課程都有開設(shè)，順道可以復(fù)習(xí)Photoshop、Div/Css、sql和C#等軟件使用和有關(guān)知識，進(jìn)入從“知”到“行”的階段。

在觀摩第一步之后，筆者組織學(xué)生以小組形式進(jìn)行討論。討論的內(nèi)容主要有：網(wǎng)站的主題是什么？網(wǎng)站是哪種類型，展示類、資訊類還是交易類？網(wǎng)站的目標(biāo)是什么？參考網(wǎng)站有哪些？網(wǎng)站的主色調(diào)和各項(xiàng)網(wǎng)站標(biāo)準(zhǔn)規(guī)定下來，完成網(wǎng)站的結(jié)構(gòu)圖、欄目結(jié)構(gòu)圖和目錄結(jié)構(gòu)圖。所有的討論結(jié)果以文檔形式記錄下來。討論的目的有兩個，第一，集中小組的力量，找出合適自己的網(wǎng)站題材，完成網(wǎng)站初步構(gòu)思；第二，加強(qiáng)小組合作和團(tuán)結(jié)。討論過程帶著目的，避免漫無目的和題材太大這些情況。

討論完成之后，課程正式進(jìn)入網(wǎng)站實(shí)際開發(fā)階段。以小組合作形式將學(xué)生組合，在規(guī)定時(shí)間完成一個網(wǎng)站，包括前端和后臺，其中前端所有靜態(tài)頁面采用div/css布局，后臺要包含登陸和注冊這兩個模塊。有案例指引在前，學(xué)生可以有跡可循，有章可依。而且在工作過程中，老師可以采取小組輔導(dǎo)方式，啟發(fā)學(xué)生思路，在動手過程增強(qiáng)解決問題的能力。

四、案例教學(xué)的成果

自2016年3月份起，筆者對計(jì)算機(jī)14級共3個班采用網(wǎng)上商城這個案例實(shí)施教學(xué)。每個班開始為期四周的教學(xué)，在教學(xué)過程中，通過觀察，大部分學(xué)生接受這種教學(xué)方法。具體課堂表現(xiàn)是，小組態(tài)度較之前認(rèn)真，討論積極，工作有動力。從作品完成情況來看，全級93%的小組可以完成一個擁有3個頁面的網(wǎng)站，60%的小組可以開發(fā)含登陸注冊這兩個模塊的后臺，30%的小組可以開發(fā)出含用戶登陸注冊、商品添加修改刪除的后臺。成績合格的小組達(dá)93%，良好達(dá)60%，優(yōu)秀達(dá)30%，這比沒有采用案例教學(xué)的計(jì)算機(jī)13級總體成績提高了17%。圖3是學(xué)生優(yōu)秀作品。

圖3　學(xué)生優(yōu)秀作品

五、總結(jié)

在案例的研究和開發(fā)過程中，由于時(shí)間和資源有限，實(shí)現(xiàn)技術(shù)上還存在一些局限性，包括測試和安全的不全面等。另外，在開發(fā)過程中，也發(fā)現(xiàn)了一些新的方法和功能，也未能在有限的時(shí)間內(nèi)全部完成，并且信息技術(shù)的發(fā)展和網(wǎng)絡(luò)的普及，也對網(wǎng)上商城系統(tǒng)穩(wěn)定性、擴(kuò)展性和安全性提出了更高的要求。教學(xué)是一個可持續(xù)發(fā)展的過程，筆者在不斷學(xué)習(xí)和研究中，將案例繼續(xù)完善，將案例教學(xué)進(jìn)一步深入。

責(zé)任編輯陳春陽