基于任務(wù)驅(qū)動的Web程序設(shè)計(jì)教學(xué)模式研究與實(shí)踐

李曉會 梁紅星

摘 要：Web程序設(shè)計(jì)教學(xué)模式研究與實(shí)踐對計(jì)算機(jī)專業(yè)學(xué)生提高學(xué)習(xí)的主動參與意識，激發(fā)學(xué)生的學(xué)習(xí)興趣有著重要的意義。文章以Web程序設(shè)計(jì)課程的教學(xué)經(jīng)驗(yàn)為基礎(chǔ)，對基于任務(wù)驅(qū)動教學(xué)模式綜合方法進(jìn)行研究與實(shí)踐，給出一種基于具體任務(wù)驅(qū)動的Web程序設(shè)計(jì)教學(xué)模式的實(shí)施過程，為開展計(jì)算機(jī)專業(yè)課程教學(xué)提出新的思路和建議，以適應(yīng)國家人才培養(yǎng)目標(biāo)和計(jì)劃。

關(guān)鍵詞：Web程序設(shè)計(jì)；任務(wù)驅(qū)動；教學(xué)模式

中圖分類號：G642 文獻(xiàn)標(biāo)志碼：A 文章編號：2096-000X（2017）04-0074-03

Abstract： The research and implementation of Web programming teaching model has very important significance in enhancing the active participation consciousness of computer majors and stimulate their interest in learning. The thesis research and practice for task-driven teaching model synthesis ，and presents a process of implementing Web programming with the teaching experience of the course. It puts forward the teaching method of computer major teaching and new ideas and suggestions to adapt to national personnel training objectives and plans.

Keywords： Web programming； task-driven； teaching model

任務(wù)驅(qū)動教學(xué)法是高等學(xué)校培養(yǎng)計(jì)算機(jī)專業(yè)人才的有效方式之一，是教育部對國家計(jì)算機(jī)學(xué)科專業(yè)要求。為了實(shí)現(xiàn)國家人才培養(yǎng)的戰(zhàn)略目標(biāo)和學(xué)生培養(yǎng)的教學(xué)需要，按照教育部的要求培養(yǎng)高層次網(wǎng)絡(luò)技術(shù)和管理人才，秉承在教學(xué)過程中，更好提高學(xué)生運(yùn)用任務(wù)進(jìn)行學(xué)習(xí)和交流，并使其專業(yè)知識能夠真正成為學(xué)生核心競爭力的組成部分，以適應(yīng)人才競爭的需要。

任務(wù)驅(qū)動教學(xué)法以任務(wù)為主線被廣泛應(yīng)用于學(xué)生專業(yè)知識的獲取和綜合素質(zhì)的提升，《Web程序設(shè)計(jì)》這門課程進(jìn)行了任務(wù)驅(qū)動教學(xué)法的課程立項(xiàng)和實(shí)施，在授課過程中對任務(wù)驅(qū)動教學(xué)法進(jìn)行了大量的探索和實(shí)踐，并在相關(guān)領(lǐng)域開展了教育教學(xué)方面的研究。在教學(xué)效果上取得了顯著的成效，解決了現(xiàn)階段任務(wù)驅(qū)動教學(xué)法中普遍存在的一般問題，有效提高了學(xué)生運(yùn)用任務(wù)學(xué)習(xí)和掌握專業(yè)知識的能力以及交流和溝通的能力。

本文以任務(wù)設(shè)定、協(xié)定模塊、效果評測作為Web程序設(shè)計(jì)教學(xué)模式實(shí)施的三大組成部分，以專業(yè)教學(xué)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)為任務(wù)，具體的研究內(nèi)容如下：

1. 以完成具體任務(wù)為線索，建構(gòu)新的教學(xué)內(nèi)容；

2. 以任務(wù)為中心引領(lǐng)知識和技能，協(xié)定模塊劃分具體理論和實(shí)踐知識；

3. 以任務(wù)為中心，實(shí)現(xiàn)理論與實(shí)踐的一體化教學(xué)，并以此評價(jià)教學(xué)效果。

一、任務(wù)設(shè)定

Web程序設(shè)計(jì)教學(xué)實(shí)施過程中，以專業(yè)教學(xué)管理系統(tǒng)為具體任務(wù)，專業(yè)教學(xué)管理系統(tǒng)為針對專業(yè)教研室級的教學(xué)管理等特定功能的服務(wù)性網(wǎng)站，工作內(nèi)容包括制定教學(xué)計(jì)劃、理論教學(xué)，實(shí)驗(yàn)實(shí)踐教學(xué)、創(chuàng)業(yè)創(chuàng)新以及就業(yè)指導(dǎo)等，可以實(shí)現(xiàn)工作內(nèi)容包括制定教學(xué)計(jì)劃、理論教學(xué)，實(shí)驗(yàn)實(shí)踐教學(xué)、創(chuàng)業(yè)創(chuàng)新以及就業(yè)指導(dǎo)等，目的在于為高等學(xué)校的專業(yè)教學(xué)管理信息化提供一個(gè)全面的解決方案。

專業(yè)教學(xué)管理系統(tǒng)是用于為學(xué)生提供理論知識和習(xí)題的計(jì)算機(jī)應(yīng)用程序，包括學(xué)習(xí)目標(biāo)、學(xué)習(xí)指南、實(shí)訓(xùn)內(nèi)容、知識內(nèi)容、練習(xí)和實(shí)踐、作業(yè)和測試、常見問題、知識結(jié)構(gòu)、互動平臺、管理員對課程內(nèi)容的添加修改和刪除、管理員對老師和學(xué)生的管理等功能。專業(yè)教學(xué)管理系統(tǒng)是直接為學(xué)生和老師服務(wù)的，教學(xué)管理的一體化將簡化勞動，減輕教師和學(xué)生的工作強(qiáng)度。

二、協(xié)定模塊劃分

專業(yè)教學(xué)管理系統(tǒng)協(xié)定模塊劃分如圖1所示。

專業(yè)教學(xué)管理系統(tǒng)根據(jù)學(xué)生和管理兩種身份劃分了三大模塊：系統(tǒng)菜單、常規(guī)設(shè)置、用戶管理，具體功能描述如下：

（一）系統(tǒng)菜單管理

1. 專業(yè)課程的管理：管理員（老師）可以添加、查看、刪除課程信息，學(xué)生可以查詢專業(yè)課程信息。

2. 專業(yè)理論知識的管理：管理員（老師）和學(xué)生可以搜索、查看專業(yè)課程的知識內(nèi)容。

3. 問題消息的管理：管理員（老師）可以發(fā)表、查看、刪除交互信息，學(xué)生可以查詢教師回復(fù)消息，進(jìn)行知識交互。

（二）常規(guī)設(shè)置管理

1. 班級設(shè)置管理：對班級的添加和刪除已經(jīng)不存在或者不需要使用該系統(tǒng)的班級；

2. 職務(wù)設(shè)置：對任課老師的添加或者刪除；

3. 學(xué)生信息管理：對新進(jìn)的學(xué)生名單進(jìn)行添加，對已經(jīng)離校或者不需要再上機(jī)的學(xué)生名單進(jìn)行刪除；

4. 教師信息管理：對新的老師的添加，對已經(jīng)離校的老師或者已經(jīng)不再進(jìn)行授課的老師的刪除。

（三）用戶管理

1. 學(xué)生問題管理：學(xué)生提出的問題提交，可供老師查詢；

2. 教師答案管理：老師看到相關(guān)問題，可以回答，并提醒提問學(xué)生可以查看答案；

3. 系統(tǒng)賬號管理：對系統(tǒng)管理員帳號的設(shè)置和修改。

該系統(tǒng)采用B/S模式的結(jié)構(gòu)設(shè)計(jì)，使用Eclipse作為開發(fā)工具，前臺采用JSP+HTML5進(jìn)行設(shè)計(jì)，Java編寫代碼，后臺采用MySQL數(shù)據(jù)庫進(jìn)行數(shù)據(jù)的管理。

三、系統(tǒng)運(yùn)行及測試

（一）登錄界面設(shè)計(jì)

圖2為登錄界面，該界面可以實(shí)現(xiàn)管理員、教師、學(xué)生登錄功能。

（二）系統(tǒng)主頁面設(shè)計(jì)

用戶登錄成功進(jìn)入首頁，首頁主要實(shí)現(xiàn)共享專業(yè)基本知識、顯示專業(yè)課程表、在線學(xué)習(xí)等功能，運(yùn)行界面如圖3所示。

管理員單擊進(jìn)入課程修改頁面中進(jìn)行課程信息的修改，主要實(shí)現(xiàn)以下功能：課程信息修改設(shè)計(jì)、課程新增、課程信息修改設(shè)計(jì)等。圖4為課程信息修改設(shè)計(jì)運(yùn)行界面。

課程添加模塊是以表格和表單形式編寫的。通過表單傳遞所要添加的課程名稱、課程學(xué)時(shí)、內(nèi)容簡介和任課教師，在數(shù)據(jù)庫中添加該課程，并顯示添加后的課程。課程刪除模塊，實(shí)現(xiàn)對沒有用的課程信息進(jìn)行刪除，填寫想要?jiǎng)h除的課程名，就可以刪除該課程的信息。課程修改模塊，在表格中填寫修改的課程名以及要修改的內(nèi)容，就可對課程進(jìn)行修改。

（三）師生交互平臺設(shè)計(jì)

1. 實(shí)現(xiàn)目標(biāo)

用戶單擊首頁中的師生交互平臺，進(jìn)入師生交互平臺主界面，通過師生互動平臺中的提問問題實(shí)現(xiàn)問題提問的功能。主要實(shí)現(xiàn)以下功能：

（1）問題與回復(fù)

（2）在線聊天

2. 實(shí)現(xiàn)過程

師生交互平臺的分為學(xué)生問題的留言和教師回復(fù)，學(xué)生問題為學(xué)生在該頁面留下問題，存入數(shù)據(jù)庫。教師回復(fù)時(shí)在教師端查看到學(xué)生留下的問題進(jìn)行回復(fù)，將回復(fù)內(nèi)容存入數(shù)據(jù)庫。再從數(shù)據(jù)庫中調(diào)出顯示在學(xué)生端的教師回復(fù)內(nèi)容上。在線聊天，實(shí)現(xiàn)教師學(xué)生在線聊天，在該頁輸入姓名和聊天內(nèi)容，將內(nèi)容存入數(shù)據(jù)庫并在該頁面立刻顯示出來。

四、結(jié)束語

本文基于任務(wù)驅(qū)動對Web程序設(shè)計(jì)教學(xué)模式進(jìn)行研究與實(shí)踐，在具體實(shí)施過程中以專業(yè)教學(xué)管理系統(tǒng)為任務(wù)，以專業(yè)基本信息管理、課程信息管理、教學(xué)資源管理等作為協(xié)作模塊，以系統(tǒng)測試為最后評測結(jié)果，該系統(tǒng)開發(fā)架構(gòu)合理、設(shè)計(jì)過程規(guī)范。任務(wù)驅(qū)動教學(xué)法堅(jiān)持理論教學(xué)與實(shí)踐教學(xué)緊密結(jié)合，優(yōu)化課程體系，進(jìn)一步提高教學(xué)水平和教學(xué)效果。

參考文獻(xiàn)

[1]BruceEckel.JSP編程思想[M].機(jī)械工業(yè)出版社，2003，1-378. [2]Meltem Huri Baturay，Murat Birtane. Responsive Web Design：A New Type of Design for Web-based Instructional Content，2013.

[3]賽奎春.MySql數(shù)據(jù)庫開發(fā)實(shí)例解析[M].北京：機(jī)械工業(yè)出版社，2010.

[4]孫一林，彭波.JSP數(shù)據(jù)庫編程實(shí)例[M].清華大學(xué)出版社，2002：30-210.

[5]張路光，王京菊.多媒體環(huán)境下的藝術(shù)設(shè)計(jì)任務(wù)型教學(xué)法研究[J].教育與職業(yè)，2014（5）：152-153.