基于實踐應用的Web開發(fā)技術教學改革研究

李亞平　徐雷　錢芳

摘要：Web開發(fā)技術是一門綜合性較強、實踐能力要求高的課程。本文針對目前課程在課程設置上面存在一些偏重理論、實驗滯后、學生參與積極性低等的問題，設計了該課程的配套實驗，使課程形象生動，提高教學效果。

關鍵詞：Web開發(fā)技術；教學改革；實踐應用

中圖分類號：G642.0 文獻標志碼：A 文章編號：1674-9324（2017）05-0259-02

互聯(lián)網(wǎng)對整體社會的影響已進入到新的階段。[1]當今社會需要大量掌握信息系統(tǒng)管理理論并且懂得信息化建設方法與技術的復合型人才。培養(yǎng)基礎扎實、動手實踐能力強的Web開發(fā)技術人才必須從本科開始抓起。

Web開發(fā)技術是一門對實踐和開發(fā)能力要求較高的綜合性課程，Web技術是目前動態(tài)網(wǎng)站開發(fā)的主流技術之一，學生通過學習該課程，可熟悉B/S模式的結構，掌握常用的Web開發(fā)工具和相關技術，提高信息系統(tǒng)建設與管理的水平。

本文針對目前在Web開發(fā)技術課程中教學方法以及實驗設置等存在的問題，突出培養(yǎng)動手實踐能力，[2]在課程設置、培養(yǎng)方法、配套實驗的選取與設計等方面作了一定的調(diào)整與創(chuàng)新。

一、Web開發(fā)技術課程目前存在的問題

1.課程設置偏重于理論，實驗滯后，與教學脫節(jié)。Web開發(fā)技術是一門重要的綜合型課程。大多數(shù)高校都非常重視這門課程，并在“Web開發(fā)技術”課程后設置相應的實驗課程。但由于實驗課程大多安排在理論教學結束后的幾周，實驗遠遠滯后于相關知識點的學習，不能鞏固教學內(nèi)容，[3]而且所安排的實驗內(nèi)容大多注重對已學知識的驗證，實用性、創(chuàng)新性與前沿性顯得不足。[4]這類問題導致學生在今后的實習和工作中不能很快地適應需要敏捷開發(fā)的信息與管理系統(tǒng)的工作要求。

2.授課模式單一，課堂氣氛沉悶，教學效果不佳。在Web開發(fā)技術的課堂上，傳統(tǒng)的“填鴨式”灌輸知識的單一授課模式依然占據(jù)主導地位，教師講得多，學生討論得少；學生看的多、動手的少。因此，學生積極性普遍不高，課堂氣氛比較沉悶。學生的創(chuàng)新能力、動手能力與實踐能力無法得到培養(yǎng)與提高。

3.多重復雜因素導致純理論授課效果不佳。Web開發(fā)技術作為實用型的重要基礎課程，要求學生能夠熟悉掌握Web的基本概念、C/S、B/S模型以及Web開發(fā)的基本技術，為以后利用相關技術或工具設計開發(fā)信息化系統(tǒng)打下基礎。由于目前高校擴招的現(xiàn)狀，學生地域來源復雜，基礎知識水平參差不齊，另外，由于跨專業(yè)選修的學生知識結構不同，導致理論授課學習效果不佳。如何提高學生對于C/S、B/S模型的理解，對于常用Web技術的熟悉以及對于Web網(wǎng)站具體開發(fā)方法的掌握，最理想的方法當然是實踐教學。[5]

二、配套實驗環(huán)節(jié)的設計

1.實驗內(nèi)容的選取。實驗內(nèi)容與課堂理論教學需做到相輔相成、相互關聯(lián)、互為補充。[6]“Web開發(fā)技術”課程主要涉及四塊內(nèi)容：①Web的基本概念和基礎知識；②C/S模式與B/S模式的結構；③常用的Web開發(fā)工具；④Web開發(fā)的基本技術。這四個部分相對獨立又相互關聯(lián)。

在大數(shù)據(jù)時代，各個領域需要處理的數(shù)據(jù)信息量越來越大。對企業(yè)而言，隨著其規(guī)模的擴大，員工數(shù)量的增多，人事管理系統(tǒng)中的數(shù)據(jù)在成倍的增加。要管理大量信息和數(shù)據(jù)，企業(yè)的人事信息系統(tǒng)成為一個實用且需求量很大的Web系統(tǒng)。[7]我們首選的上機實踐內(nèi)容是“企業(yè)人事信息系統(tǒng)”。主界面如圖2.1所示。它根據(jù)大多數(shù)企業(yè)的需求，通過數(shù)據(jù)處理，以期達到減少企業(yè)人事的管理成本、提高管理效率，實現(xiàn)辦公信息化、智能化、自動化的目的。

這個實驗可以使學生將課堂所掌握的理論知識快速應用于項目實踐中，變抽象為形象，培養(yǎng)學生實踐動手能力與創(chuàng)新性的思維。

2.實驗設計工具的選擇?？紤]到授課對象對C#語言有一定的了解，采用C#作為主要編程語言。系統(tǒng)采取B/S結構，運行于.Net Framework4.0架構，采用SQL Server 2005數(shù)據(jù)庫，開發(fā)環(huán)境Microsoft Visual Studio 2010，用簡潔高效的語句編寫層次明晰的Web系統(tǒng)，同時兼顧程序的兼容性和可擴展性。該方案突出了如下能力的培養(yǎng)。①熟悉B/S模式的結構，及其相較于傳統(tǒng)的C/S模式結構的優(yōu)越性；②熟悉常用的Web開發(fā)工具和相關技術；③C#語言編程能力培養(yǎng)。

3.實驗內(nèi)容的設計。實驗內(nèi)容為指導學生開發(fā)一個企業(yè)人事信息系統(tǒng)，系統(tǒng)的主要功能有：輸入正確的用戶名和密碼方可進入系統(tǒng)（否則無法進入）；可實現(xiàn)增加、刪除、修改用戶的帳戶；對于員工各種信息的輸入和修改；對于應聘合格員工的添加；可刪除轉出、辭職以及離退員工信息；發(fā)布及修改新的消息等；增加刪除以及修改部門、職稱的功能；對員工調(diào)配工作崗位的功能。

4.數(shù)據(jù)庫的設計?；谏鲜龉δ艿囊螅瑪?shù)據(jù)庫主要涉及員工、部門、職稱、工資和崗位等實體。其中員工的屬性較為復雜，建表如圖2.2所示。

5.實驗內(nèi)容的實現(xiàn)。登錄主窗體可以看到如下幾個模塊：系統(tǒng)管理模塊、個人信息管理模塊、管理員管理模塊和新聞模塊等。其中管理員的身份對應有兩種不同的權限：管理員用戶、超級管理員用戶。系統(tǒng)管理模塊包括：登錄、登錄信息管理、注銷幾個部分。1）登錄：實現(xiàn)系統(tǒng)管理員登錄。2）登錄信息管理又包括三部分：更改密碼、更改權限和添加用戶。①更改權限：實現(xiàn)更改管理員用戶權限。②更改密碼：實現(xiàn)更改管理員用戶密碼。③添加用戶：實現(xiàn)添加管理員用戶。3）注銷。個人信息管理模塊提供密碼的修改等功能。

管理員管理模塊包括：員工招聘辭退管理、員工工資管理、崗位管理和部門管理、職稱管理等。職稱設定如圖2.3所示。

新聞模塊提供管理員發(fā)布及修改新聞通知。

6.實驗考核的完整性。本實驗最終考核要求上交詳細設計文檔，文檔包括系統(tǒng)需求分析、系統(tǒng)功能、系統(tǒng)模塊劃分、系統(tǒng)流程圖、數(shù)據(jù)庫的詳細設計及其實現(xiàn)、運行效果圖、關鍵代碼、總結體會等。

三、結語

本文從課程設置、培養(yǎng)方法、配套實驗的選取與設計等方面對Web開發(fā)技術課程教學改革探索進行探索，旨在增進學生對Web開發(fā)技術與工具的熟悉度，提高學生對web系統(tǒng)的開發(fā)設計能力，使學生全面掌握信息系統(tǒng)建設與管理的理論、技術和方法，在畢業(yè)后可以很快適應企業(yè)的實際項目開發(fā)，成為企業(yè)所需的能夠承擔信息化管理、信息系統(tǒng)設計和開發(fā)的“高分高能”型人才。

參考文獻：

[1]張艷明.大學“JavaWeb開發(fā)”課程模塊化教學改革研究[J].電腦知識與技術，2013，9（33）：7549-7551.

[2]易婷.“數(shù)字信號處理”課程課內(nèi)配套實驗的設計[J].電氣電子教學學報，2013，35（4）：89-90，120.

[3]陳榮，馬文忠.卓越工程師背景下電氣工程及其自動化專業(yè)教學改革[J].中國成人教育，2015，（18）：156-158.

[4]包永強.“通信原理”課程實踐教學探討[J].電氣電子教學學報，2013，35（4）：114-116.

[5]盧敏.“無線通信原理”課程實驗環(huán)節(jié)設計[J].電氣電子教學學報，2011，33（5）：58-60.

[6]史會余，謝政廷，李秀鵬，等.基于ASP.NET的企業(yè)人事管理系統(tǒng)設計與開發(fā)[J].電腦編程技巧與維護，2015，（23）：63-63.