案例教學在《網站開發設計》課程中的應用

李夏君

一、問題的提出

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

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

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

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

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

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

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

由于筆者設計的網上商城系統出售的商品是電子產品，商品管理模塊應該具備以下功能：

商品管理

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

商品發布

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

商品規格管理

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

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

三、案例教學的展開

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

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

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

四、案例教學的成果

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

五、總結

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