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

李曉會(huì) 梁紅星

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

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

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

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

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

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

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

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

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

Web程序設(shè)計(jì)教學(xué)實(shí)施過(guò)程中，以專業(yè)教學(xué)管理系統(tǒng)為具體任務(wù)，專業(yè)教學(xué)管理系統(tǒng)為針對(duì)專業(yè)教研室級(jí)的教學(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é)生提供理論知識(shí)和習(xí)題的計(jì)算機(jī)應(yīng)用程序，包括學(xué)習(xí)目標(biāo)、學(xué)習(xí)指南、實(shí)訓(xùn)內(nèi)容、知識(shí)內(nèi)容、練習(xí)和實(shí)踐、作業(yè)和測(cè)試、常見(jiàn)問(wèn)題、知識(shí)結(jié)構(gòu)、互動(dòng)平臺(tái)、管理員對(duì)課程內(nèi)容的添加修改和刪除、管理員對(duì)老師和學(xué)生的管理等功能。專業(yè)教學(xué)管理系統(tǒng)是直接為學(xué)生和老師服務(wù)的，教學(xué)管理的一體化將簡(jiǎn)化勞動(dòng)，減輕教師和學(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è)理論知識(shí)的管理：管理員（老師）和學(xué)生可以搜索、查看專業(yè)課程的知識(shí)內(nèi)容。

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

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

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

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

3. 學(xué)生信息管理：對(duì)新進(jìn)的學(xué)生名單進(jìn)行添加，對(duì)已經(jīng)離?；蛘卟恍枰偕蠙C(jī)的學(xué)生名單進(jìn)行刪除；

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

（三）用戶管理

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（2）在線聊天

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

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

四、結(jié)束語(yǔ)

本文基于任務(wù)驅(qū)動(dòng)對(duì)Web程序設(shè)計(jì)教學(xué)模式進(jìn)行研究與實(shí)踐，在具體實(shí)施過(guò)程中以專業(yè)教學(xué)管理系統(tǒng)為任務(wù)，以專業(yè)基本信息管理、課程信息管理、教學(xué)資源管理等作為協(xié)作模塊，以系統(tǒng)測(cè)試為最后評(píng)測(cè)結(jié)果，該系統(tǒng)開(kāi)發(fā)架構(gòu)合理、設(shè)計(jì)過(guò)程規(guī)范。任務(wù)驅(qū)動(dòng)教學(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ù)庫(kù)開(kāi)發(fā)實(shí)例解析[M].北京：機(jī)械工業(yè)出版社，2010.

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

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