基于項目任務驅動的網站開發技術課程教學改革研究
2022-06-15 00:46:56王雪峰陳興穌
科技資訊 2022年9期
王雪峰 陳興穌
摘要：網站開發技術課程是一門綜合應用型較強的課程，且需要前期課程有程序設計語言和數據庫基礎等。網絡開發技術課程傳統教學方法常采用逐一知識點講解方式進行，教學效果欠佳，課程結束后學生不能自主完成一個網站的設計，究其原因，主要是教學過程中沒有完成一個整體項目設計。該文針對這一問題，通過一個完整項目實例的設計，提出一種基于項目任務驅動的教學改革模式，在考核方式上注重項目過程考核，能有效提高網站開發技術課程的教學效果。
關鍵詞：網站開發教學改革項目任務驅動模塊化教學
中圖分類號：TP393.092-4;G642文獻標識碼：A??? 文章編號：1672-3791（2022）05（a）-0000-00
Research on Teaching Reform of Website Development Technology Course Based on Project Task Drive
WANG XuefengCHEN Xingsu*
（School of Network Security and Information Technology， Yili Normal University， Yining， Xinjiang Uygur Autonomous Region， 835000 China）
Abstract：Website development technology course is a comprehensive applied course， and the early stage of the course has programming language and database， etc.， the teaching effect of traditional method is poor， which is based on point by point， the students cannot design a web site independently， the main reason is that a whole project design is not given in teaching process. Aiming at this problem， through a complete project design， this paper proposes a teaching reform mode based on project task drive， which can effectively improve the teaching effect quality of website development technology course.
Key Words：Website development; Teaching reform; Project task drive; Modular teaching
網站開發技術課程是高校計算機類、信息管理類的專業課，開課的專業非常廣泛，是一門應用綜合型和實踐類很強的課程[1-2]，如何解決理論教學和實踐教學的脫節問題，提高學生的參與性、主動性，實現以“學生為中心”的教學模式[3-5]，是教學改革的重點。該課程還需要一些前期的專業課程，如JAVA、C或C#程序設計課程以及數據庫（MySQL、SQLServer或Oracle等）基礎知識，因此要求學生具有專業的綜合知識能力。其次，網站開發技術課程設計的主要技術有HTML、CSS、JavaScript和動態網站技術，目前流行的有JSP（Java Server Pages）、ASP.net（Active Server Page）和PHP（Hypertext Preprocessor）技術，學生需要對這幾個技術進行綜合應用，才能完成一個完整網站的開發和設計。因此學習該門課程需要掌握的知識面很廣，其中某一個知識點薄弱都會造成學習效果不佳，這就需要在學習此門課程時，能夠融會貫通、綜合運用、靈活掌握所有的知識點。這對于教學和學習都是一個挑戰。
1 教學改革思路
基于對網站開發技術課程的授課經驗和學生在課程學習中反饋的問題，對于網站開發技術課程的改革思路主要有以下三個方面。
（1）采用一個整體項目貫穿整個教學過程[6]。由于課程需要的知識點較多，如何進行融會貫通，將各個知識點連接起來，而不是每個知識點都是獨立的、分散的，不利于學生對知識的連貫運用，該文采用詳細講解一個實際的項目，并且將這個項目貫穿所有知識點。
（2）每個知識點采用項目中各個分模塊進行教學[7]。在講解單個知識點時，將項目中的各個模塊進行分割，并融入知識點的講解中，注重各個知識點的學習，并可以將前后知識點進行銜接。
（3）以任務驅動的方式進行實踐教學。項目中各個模塊采用任務驅動的方式進行教學，在講解知識點之前，進行任務分配，學生帶著任務和問題進行學習，以任務驅動的方式進行教學，更能激發學生的學習積極性和自主性。
2 教學改革實施
該文選擇JSP網站開發技術為例，以購物網站設計為項目進行網站開發技術課程教學改革的探討及實施過程。
2.1 項目總體設計模塊及各個任務點
購物網站總體分為4個部分，分別為網站服務器搭建、前端版面布局設計、前臺用戶購物設計和后臺系統管理設計。對于各個部分給出了對應的模塊，具體如表1所示。
第一部分為網站服務器搭建。主要是配置JSP網站設計的運行環境，主要任務為tomcat服務器安裝與環境變量配置、JDK編輯器的安裝和環境變量配置、MySQL（也可以選擇其他數據庫）數據庫安裝和eclipse開發軟件安裝（也可以使用其他開發軟件），最后需要對服務器和數據庫的連接進行測試，保證數據庫連接成功。這一部分的知識點主要是服務器及數據庫的環境配置。63AFE9F5-1817-46A1-84F0-75E3766C5EE8
第二部分為前端版面布局設計[8]。這一部分主要涉及的知識是HTML、CSS和JavaScript技術，分為4個模塊，網站首頁模塊的主要任務是網站頭部、導航條和主體內容和網站頁腳，主要講解知識點超鏈接，列表
第三部分為前臺用戶購物設計。這一部分主要完成用戶瀏覽商品、加入購物車及實現訂單購買的功能。首先需要完成用戶登錄功能，如果沒有用戶名還需要進行注冊，講解知識點主要是表單form提交設置及數據庫訪問，需要完成的是數據庫用戶表user的查詢功能或用戶表user的添加功能（注冊）。其次用戶將需要購買的商品加入購物車，需要完成添加購物車功能，講解知識點主要是JavaBean，將購物車的信息封裝在一個JavaBean類中，以便在訪問購物車時顯示購物信息。最后用戶進行訂單結算，完成商品的購買，主要涉及的知識點有JavaBean和數據庫的查詢和添加功能。用戶還可以進行商品搜索，主要涉及的知識點有JavaBean和數據庫的查詢功能，為了更好地顯示還需要完成搜索頁面的分頁顯示功能。
第四部分為后臺系統管理設計。這一部分主要完成系統管理員對用戶、商品及訂單的管理功能，實現用戶信息的維護、商品信息的添加和修改、訂單信息的管理功能。主要講解的知識點是數據庫中用戶表、商品表、訂單表等的增刪改查操作。
這4個部分所涉及的知識點不是單個的，有些可能涉及多個知識點。對于前端版面布局設計，主要講解的知識點是靜態頁面部分，包括HTML、CSS及JavaScript知識。前臺用戶購物設計和后臺系統管理設計主要是動態JSP技術[9]，包括JSP基本語法和內置對象、JavaBean、Servlet、MVC模式及數據庫操作知識。
2.2 以講解知識點進行任務逐層分解
網站開發課程還是根據知識點的順序進行講解，教學改革就是要根據知識點對項目進行任務分解，每個知識點都對應需要完成的任務。講解的知識點主要分成兩大部分：靜態網頁布局和動態網頁設計，靜態網頁布局主要包括HTML、CSS和JavaScript三個部分;動態網頁設計主要包括JSP服務器搭建、JSP基本語法和內置對象、JavaBean、Servlet、MVC及數據庫操作等。下面就對各個知識點進行任務逐層分解。
2.2.1 HTML標簽知識點
超鏈接標簽、圖片標簽、列表清單標簽
對應任務點為購物車頁面和搜索商品后顯示結果頁面;表單標簽