Web程序設計教學改革探究

李秀茹

摘要：馬鞍山學院是一所應用型教學的本科院校，文章結合了軟件工程專業這幾年課程體系及項目案例，對“Web程序設計”這門課程的教學內容與方法進行探索。通過“線上教學+課堂授課+課程設計+綜合考察”的教學設計，提高學生在軟件開發方面的興趣與創新能力，達到可以承擔軟件開發的目標。

關鍵詞：Web;教學方法;軟件開發

中圖分類號：G424? ? ? 文獻標識碼：A

文章編號：1009-3044（2022）16-0138-02

1 引言

軟件開發一直以來都是信息技術的重點[1]，在日常生活中涉及如銀行管理系統、學習網站、購物系統、旅游網站等，都是常用的Web開發的網絡平臺。大多數軟件工程專業的學生在畢業后會從事軟件開發工作，那么怎么樣更好地讓學生學習到目前國內軟件開發領域先進的技術，畢業后更好地投入工作中，一直都是各大高校關注的重點。因此，設計好的面向社會建設的Web程序設計課程顯得尤為重要。本文將在傳統授課模式的基礎上，進行教學內容與授課方式的探索[2-3]，以案例為導向對上課內容進行合理設計[4-5]。

2 Web課程體系在教學中存在的問題及教改的意義

軟件開發課程體系主要包括以下課程：網頁設計、Java程序設計、數據庫原理、Web程序設計、J2EE企業級應用開發、軟件工程等課程[6]。其中Web程序設計是在Java程序設計、數據庫技術的基礎上開展的軟件開發類課程，并且在J2EE企業級應用開發類課程之前，是學生開展項目的基礎，同時也是企業級應用開發技術中所要學習的框架技術的基礎[7-9]，所以學習好這部分內容十分重要。

目前，大多數高校軟件工程專業的Web課程主要采用理論與實踐相結合的方式進行教學，這種教學模式不利于學生興趣的形成與創新能力的培養，因此，如何打破這種教學模式導致的問題，是本教改探索的意義[10]。

3 研究的主要內容、改革目標及創新之處

3.1研究內容

目前關于Web程序設計類教材很多，大致可以分為兩類，一類是傳統的教材，如包含Servlet + JSP + Ajax等知識點，這一類教材基礎知識點介紹較多，應用較為零散，在課程結束后，仍不能較好地承擔軟件開發項目的工作。另一類是直接講授SSM或SSH框架技術類的教材，這些技術都是目前主流的框架技術，但是直接使用這類教材的話，學生比較難以理解與操作，而且眾多Web應用開發框架都是基于Servlet技術，因此，Servlet技術可以幫助學生更好地理解與應用框架技術。

在Web程序設計課程的教學中，以往主要以第一類教材為主，考慮到新技術的理解與掌握是促進學科競賽與就業的關鍵要素，現教學內容的安排如表1所示。

以上是在綜合兩類教材內容后對教學內容的安排，這樣的教學內容安排，既可以讓學生掌握Web程序設計基礎內容，又可以學習軟件開發領域主流的框架技術，同時為后續的J2EE企業級應用開發課程打下了良好的基礎。

除了教學內容方面的探究外，本文還對教學方法進行了研究，在傳統的課堂教學基礎上，增設了線上授課部分及課程設計部分，注重理論+實踐+創新能力的培養，以案例驅動為導向對各知識點進行講解。

3.2改革目標

培養學生的軟件設計、動手操作能力、創新能力、表達能力，讓學生參與軟件開發周期以及掌握開發過程，改變固有的課堂理論課學習方式，線上學習讓學生可以隨時自主學習并參與問題討論。建立以學科競賽、面向社會建設為目的的課程體系，培養團隊合作能力與自我創新能力。讓學生在學習Web開發理論的同時，掌握代碼的運行原理，學會程序的編寫與調試代碼的能力。

3.3創新之處

相比以往的教學方法，線上教學已成為目前授課體系中的重要環節，在Web程序設計教學實施過程中，建立了“線上教學+課堂教學+課程設計+綜合考察”一體的教學體系，如圖1所示。

3.3.1 線上學習

線上課程的建設可以解決因無法正常開學而影響課程進度的問題，因此建設完善的線上課程非常重要，而且線上教學可以彌補傳統授課中因開小差沒聽到或課下遺忘知識點的問題。本文所討論的線上授課主要是使用學習通平臺建設課程，主要建設內容如圖2所示。

在教學視頻部分，對每課的預習要點、重點知識、回顧分別制作視頻進行上傳，并且還會將軟件開發體系中的其他課程視頻資源放入教學視頻模塊中，以便學生對涉及的知識點進行學習。在資料部分，針對本課程上課內容制作并上傳電子文檔。線上學習情況也會納入綜合考核中。

3.3.2 課堂教學

課堂教學主要以案例為向導，預先根據課程內容安排幾個相關案例，演示案例的同時，告訴學生本節課案例中需要具備哪些知識點，然后再逐個講解。授課內容主要以案例演示和代碼運行機制為基礎講解內容，建立案例導向性課堂教學。同時再對線上課程中的重難點知識進行梳理，幫助學生更好地掌握學科內容。

3.3.3 課程設計

Web程序設計課程鍛煉的是學生對軟件開發知識點綜合應用的能力，在近幾年的教學實施中，增設了課程設計教學，以綜合案例驅動學生的學習興趣與應用能力。本文根據教學內容的安排和社會建設的要求，對課程設計做了兩個任務安排。

1）網上書城項目

本書城項目包括游客瀏覽、登錄注冊、查看詳情、購買書籍和訂單管理等功能，主要使用的是Servlet + JSP + Ajax技術，是對課程前期知識點的綜合應用，在課程中期可以先完成這個綜合案例，旨在培養學生的動手操作能力與理解能力，可以讓學生有參與項目的成就感，并且對后期的框架技術的學習有很大幫助。

2）人人開源項目框架的應用

人人開源項目，使用了SpringBoot + SpringMVC + MyBatis等技術，前端使用的是Vue.Js框架技術，目前國內已有很多企業采用上述各框架技術進行開發。讓學生分組學習、自行選題，完成一個信息管理系統?？梢跃C合考查學生的運用能力與創新能力，可以為日后參與創新大賽和學科競賽積累素材，還可以更好地應對日后的就業。

3.3.4 綜合考察

課程原有的考核體系多是將考勤、作業完成度和期末考試作為評價要點，在此基礎上，將建立科學合理的考核指標分配，將線上學習、考勤、作業完成度、討論情況、課程設計答辯情況、期末考試等作為評價要點，重在突出學習過程、課堂表現，通過此多元的評價方法可以提高學生學習的積極主動性、創新能力、團隊合作與交流能力、項目使用與運行表述能力。評價方式如表2所示。

4 總結

本文探究的Web程序設計教學改革方案中，采用“線上教學+課堂教學+課程設計+綜合考察”一體化教學結構，教學方式不再拘泥于PPT理論教學與上機實踐。案例驅動學生的學習興趣、動手能力與創新能力;對項目進行演示與答辯的環節可以提高學生的參與感、鍛煉學生的演講能力;循序漸進的課程內容，讓學生更加有興趣地投入課程當中，掌握基礎、學習前沿技術，對學科競賽和面向社會就業都有非常好的促進作用。

參考文獻：

[1] 王偉靜，郭俊恩.《Web程序設計》應用型課程教學改革研究[J].電腦知識與技術，2020，16（1）：139-140.

[2] 王穎，肖紅，張強.基于OBE理念的“Web程序設計”課程教學改革探索與實踐[J].微型電腦應用，2020，36（7）：14-16.

[3] 李曉會，杜穎，梁紅星.WEB程序設計課程中任務驅動教學模式探索與實踐[J].電子世界，2019（22）：94-95.

[4] 曹仰杰，段鵬松，李頡.基于能力形成導向的Web程序設計線上課程教學模式[J].計算機教育，2021（3）：41-44，50.

[5] 李余琪.“web程序設計”教學改革探討[J].中國電力教育，2012（19）：65-66.

[6] 袁田.基于應用型本科院?！禬eb前端開發》課程教學改革[J].風景名勝，2019（8）：131.

[7] 曹華山.SSM框架在Web應用開發中的設計與實現[J].無線互聯科技，2021，18（11）：108-109.

[8] 王偉勍.基于Spring框架的教學管理系統設計[J].電腦知識與技術，2021，17（11）：69-70.

[9] 牛懷崗，林關成.基于SSM框架的新聞發布管理系統設計與實現[J].現代電子技術，2020，43（21）：127-131.

[10] 任平紅，陳矗，鄭秋梅.貫穿案例教學法在Java Web程序設計教學中的應用[J].計算機教育，2014（14）：67-69.

【通聯編輯：唐一東】