Web技術課程結構設計

張陽

摘要：根據我校計算機科學與信息工程學院下屬各專業的專業定位和培養目標，以及Web技術開發相關課程設置，為了與時俱進，順應時代發展，向社會輸送合格的計算機專業人才，更好的服務地方經濟，本文討論了Web技術相關課程的教學內容和結構設置，以保證學生能夠及時地了解和學習當前最新的Web開發方面的技術和知識。另外，還針對開發類課程實踐性強等特點，討論了當前此類課程在教學方法和教學評價上存在的不足與改進方向，積極探索和研究新的軟硬件教學條件下的教學方法，提出了與課程特點相適應的教學方法和期末考核評分方式。

關鍵詞：Web技術；課程結構；教學方法；評價方法

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2019）04-0097-02

1 引言

隨著移動互聯、云計算、HTML5等技術的不斷發展，Web技術在實際開發工作中的使用越來越廣泛。隨之而來的是人才市場上，Web前后端技術人才需求穩步上升的趨勢。近幾年，為了保證學生能夠適應市場需求，提高自身專業競爭力，我校計算機科學與信息工程學院下屬專業在逐步增設相關課程，增加Web開發技術相關課程的比重。當然，在快速發展過程中，也必然會暴露出一些問題。比如課程結構混亂，不符合專業定位，教學方法落后等。本文隨后內容將從課程設置、教學方法、評價方法等多個方面進行討論。意在調整課程結構，革新教學方法，進一步提高Web技術相關課程的教學質量。

2 課程結構設置

我校計算機科學與信息工程學院下設四個專業，分別為：計算機科學與技術（分嵌入式和信息技術兩個方向）、物聯網工程、網絡工程、軟件工程。各專業定位與培養目標不盡相同。比如軟件工程專業偏重大中型軟件系統開發技術的教學，重點培養軟件開發人才；物聯網工程專業在傳統計算機和網絡相關知識之外，還加入了一些近幾年快速發展的物聯網應用技術的教學內容，如無線傳感器網絡、射頻識別技術等；計算機科學與技術專業（嵌入式方向）偏重嵌入式開發軟件和硬件技術。這些專業的人才培養方案中，幾乎都設置了Web技術相關課程。主要相關課程有：Web信息系統與技術、Internet高級程序設計、HTML5技術、JavaEE程序設計、ASP.NET程序設計等。針對各專業在培養目標和方案上的不同，學院在其專業基礎課程和核心課程上進行了系統性的設計。但是，對于像Web開發技術這樣的非專業基礎課程，由于發展過快，頻繁調整，教學過程中出現了一些不容忽視的問題。有些課程，各專業的教學大綱和實驗大綱幾乎完全一樣，教學內容與教學方法也基本不變。課程設置和教學大綱并沒有太多的結合本專業定位，突出自身教學特色。還有一些課程結構不夠合理，課程之間沒有很好地結合。缺少銜接內容，或者有冗余部分。

本文將所有Web開發技術相關知識結構首先進行了歸納總結，如圖1所示：

Web開發技術所有課程教學內容，總體上可以分為前端和后臺兩大部分。本文使用Java陣營的開發技術作為Web后臺開發課程內容。以后也可以根據技術發展和流行趨勢的變化，改換為PHP或.NET Framework。大致上，前端部分的知識難度較低，不需要很多專業基礎知識做鋪墊。但是技術更新速度快，內容繁雜；后臺部分的知識難度較高，需要學生首先具備較牢固的程序設計、數據庫技術、軟件工程、計算機網絡等方面的基礎知識。

除了圖1所示的主干知識之外。圍繞Web技術，還有很多擴展知識和技術。如圖像處理、三維制圖、瀏覽器插件技術、開源框架等。

面對這樣復雜的知識體系，首先應理清結構，確定時間順序。按照各部分之間的關系，劃分基礎、重點、進階等不同層次。這樣才方便各專業根據自身定位，合理設置課程。以前端技術為例，Web前端開發技術的知識結構總結如圖2所示。

將Web前端技術的學習分為四個階段。第一階段包括HTML和CSS兩部分內容，以HTML和CSS語法為基礎，HTML5和CSS3的新特性為核心；第二階段內容主要是客戶端腳本語言的學習；第三階段以客戶端腳本JavaScript為基礎，學習動態加載與繪圖技術；第四部分嘗試接觸和使用當前流行的一些開發框架。這一部分的內容最靈活，應該緊隨當前流行趨勢。總體上，將所有前端技術知識分為基礎、核心、進階三個層次。基礎和核心部分的內容是必修內容，進階部分的內容可以由各專業根據需要靈活取舍。比如，我院物聯網工程專業人才培養方案安排了《HTML5技術》課程用于講解前端開發技術。該課程共設64課時，教學大綱內容包括了圖2知識結構中的第一階段和第二階段的前半段。而軟件工程專業和計算機科學與技術專業（信息技術方向）可以開設《Web信息系統與技術》和《UI設計》兩門課程來進行Web前端學習。總課時超過150課時。課程大綱可以囊括圖2幾乎所有內容。

關于Web技術后臺部分，我院也按照學習階段和層次結構對其進行了結構細化，完善了相關課程結構，課程與課程之間的聯系。以本文作者所在物聯網工程專業為例，該專業在2018年新的人才培養方案中加入了《Internet高級程序設計》課程，總課時量為64課時。課程內容包括JSP語法基礎、內置對象、Servlet、數據庫操作、MVC開發模式等。課程最后部分，還會安排一個實訓項目，結合前端和后臺技術，要求學生完成一個功能較完善的網站APP。

3 教學與評價方法

當前很多大學的程序設計類課程，還是采用傳統的“多媒體教室理論課+機房上機”授課模式。Web開發技術屬于程序設計類課程，具有很強的實踐性。將教師的講解和學生的動手操作這兩部分，按照“理論課”與“上機課”人為分開，會導致學生學到知識點后，不能及時進行編程實踐練習，不利于學生對知識點的掌握。我院的程序設計類課程目前大部分已經采用機房授課的形式，教師與學生實時互動，邊聽邊練。這樣，保證了學生接受新的知識后，可以及時編程練習，加深學習印象，有效提高課堂趣味性和學生學習主動性。課堂上，既有“教師演示-學生模仿”的驗證性授課環節，也有“教師提出問題-學生探索解決-共同討論”的設計性授課環節；既有局部知識點的學習，也有綜合案例操作。教學過程中，教師應該充分考慮學生學習認知過程的客觀規律，避免長篇累牘的填鴨式講授。增加學生討論和實踐時間，將注入式教學轉變為啟發式教學。使學生更多的將被動聽課接受，變為主動學習、思考和動手。

同樣，成績評價方式上，取消傳統“期末考試+平時成績”的成績評價方式，采用“過程性考核+項目測評”方式。重點考核學生實踐操作和知識運用能力。項目測評分為階段測評和綜合測評兩個方面。最終成績組成分三部分：

過程性考核（出勤，上課情況等）占總成績的20%。

實驗（實驗過程，實驗報告）占總成績的20%。

期末綜合項目（項目說明，程序源代碼）占總成績的60%。

參考文獻：

[1] 丁德成，雷大正，張倩.應用型本科院校軟件工程專業個性化人才培養模式改革實踐——以安徽信息工程學院軟件工程專業為例[J]. 軟件導刊（教育技術），2016（11）.

[2] 宋碧蓉.關于完善“網站建設與管理專業”實踐教學環節的調研報告[J].電腦知識與技術，2012（5）.

[3] 劉偉，李小智，丁長松.高等醫藥院校計算機專業“Web應用開發”實踐教學改革與創新[J].電腦知識與技術，2017（9）.

【通聯編輯：光文玲】