案例教學在《網(wǎng)站開發(fā)設計》課程中的應用

李夏君

一、問題的提出

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

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

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

二、案例教學的策劃和準備

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

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

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

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

商品管理

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

商品發(fā)布

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

商品規(guī)格管理

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

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

三、案例教學的展開

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

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

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

四、案例教學的成果

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

五、總結(jié)

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