模擬公司項(xiàng)目教學(xué)模式在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程中的應(yīng)用

尹積棟+謝茶花+鄧德平+劉紅+彭崧

摘要：針對(duì)面向高職開設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程過程中普遍存在的教學(xué)效果不明顯、學(xué)生學(xué)習(xí)興趣不易維持等問題，本文提出了一種模擬公司項(xiàng)目教學(xué)模式，通過將該模式運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)與制作課堂教學(xué)中，提升了教學(xué)效率，激發(fā)了學(xué)生的學(xué)習(xí)積極性，推動(dòng)了計(jì)算機(jī)應(yīng)用技術(shù)學(xué)科發(fā)展，最終在提高畢業(yè)生就業(yè)競(jìng)爭(zhēng)力方面發(fā)揮了重要作用。

關(guān)鍵詞：項(xiàng)目教學(xué)；網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)模式

中圖分類號(hào)：G719.21 文獻(xiàn)標(biāo)識(shí)碼：A 論文編號(hào)：1674-2117（2017）23-0096-03

● 引言

網(wǎng)頁(yè)設(shè)計(jì)與制作課程已成為當(dāng)今社會(huì)上一種比較熱門的課程和技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)與制作是一門來源于實(shí)踐的課程，其中靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)和動(dòng)態(tài)數(shù)據(jù)顯示的實(shí)用性非常強(qiáng)，在企業(yè)管理、工程設(shè)計(jì)、軟件技術(shù)等多個(gè)領(lǐng)域都有應(yīng)用。因此，該門課程不單單在軟件技術(shù)相關(guān)專業(yè)開設(shè)，在越來越多的高職院校非專業(yè)學(xué)科也有開設(shè)。

筆者針對(duì)所在學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的應(yīng)用型人才培養(yǎng)模式，在廣泛調(diào)研國(guó)內(nèi)外相關(guān)課程教學(xué)改革的基礎(chǔ)上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)設(shè)計(jì)和教學(xué)過程提出了“模擬公司項(xiàng)目教學(xué)”的教學(xué)模式，即學(xué)習(xí)模仿公司項(xiàng)目，通過共同實(shí)施一個(gè)完整的實(shí)踐項(xiàng)目或具有應(yīng)用價(jià)值的工作來進(jìn)行教學(xué)活動(dòng)，教學(xué)內(nèi)容以真實(shí)項(xiàng)目為載體進(jìn)行構(gòu)建，教學(xué)方法采用教學(xué)過程工程化的做法，讓學(xué)生充當(dāng)公司項(xiàng)目組成員，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性。

● 模擬公司項(xiàng)目教學(xué)模式的設(shè)計(jì)

1.網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)整體框架

網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)路線主要以開發(fā)學(xué)院教務(wù)處網(wǎng)站項(xiàng)目為主線，引入軟件工程開發(fā)流程，完全模擬公司軟件開發(fā)項(xiàng)目實(shí)踐，筆者發(fā)動(dòng)學(xué)生擔(dān)任軟件開發(fā)中的各個(gè)角色，體驗(yàn)開發(fā)和設(shè)計(jì)過程，網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)整體框架如圖1所示。

2.實(shí)際應(yīng)用

（1）模擬公司工作條件建立

工作學(xué)習(xí)條件直接影響學(xué)生的學(xué)習(xí)積極性和教學(xué)效果，在啟動(dòng)項(xiàng)目教學(xué)之前，教學(xué)的物質(zhì)環(huán)境、工作學(xué)習(xí)場(chǎng)所和學(xué)習(xí)開發(fā)工具的布置要到位，使學(xué)生能感受到真實(shí)公司工作環(huán)境，在學(xué)習(xí)過程中能較清晰地了解軟件企業(yè)的業(yè)務(wù)流程，提高項(xiàng)目軟件開發(fā)能力。網(wǎng)頁(yè)設(shè)計(jì)與制作的環(huán)境布置需要參照軟件企業(yè)的實(shí)際工作環(huán)境，結(jié)合學(xué)校實(shí)訓(xùn)機(jī)房的條件，規(guī)劃和設(shè)計(jì)合適的教學(xué)環(huán)境。

在硬件配置方面，在實(shí)訓(xùn)機(jī)房挑選一臺(tái)計(jì)算機(jī)作為服務(wù)器，并裝上IIS服務(wù)器和配置相關(guān)參數(shù)，確保網(wǎng)頁(yè)站點(diǎn)能夠運(yùn)行和訪問，實(shí)訓(xùn)機(jī)房所有計(jì)算機(jī)要實(shí)現(xiàn)局域計(jì)算機(jī)網(wǎng)絡(luò)聯(lián)網(wǎng)，方便學(xué)生項(xiàng)目的提交和項(xiàng)目驗(yàn)證。在軟件配置方面，實(shí)訓(xùn)機(jī)房所有計(jì)算機(jī)需要安裝企業(yè)使用的專業(yè)網(wǎng)頁(yè)開發(fā)工具、數(shù)據(jù)庫(kù)和辦公軟件，并安裝有多媒體教學(xué)控制系統(tǒng)。

（2）項(xiàng)目調(diào)研

模擬公司項(xiàng)目小組開展軟件項(xiàng)目調(diào)研和分析，將學(xué)生分成多個(gè)小組，各小組在教師的指導(dǎo)下調(diào)研軟件業(yè)務(wù)需求，這里主要是調(diào)研教務(wù)處業(yè)務(wù)流程和需求，各小組按照調(diào)研工作過程做好項(xiàng)目需求分析工作，并撰寫項(xiàng)目需求分析說明書。

（3）項(xiàng)目站點(diǎn)搭建

搭建項(xiàng)目站點(diǎn)是開展軟件開發(fā)工作的第一步。一方面，統(tǒng)一站點(diǎn)管理，方便軟件文件管理；另一方面，方便軟件測(cè)試，隨時(shí)可以檢查軟件開發(fā)效果。在項(xiàng)目站點(diǎn)搭建過程中，需要做好項(xiàng)目文件結(jié)構(gòu)的設(shè)計(jì)，如源碼文件、圖片文件、樣式文件和數(shù)據(jù)庫(kù)文件等。

（4）項(xiàng)目布局結(jié)構(gòu)與美化設(shè)計(jì)

各開發(fā)小組需要結(jié)合之前做好的項(xiàng)目調(diào)研分析結(jié)果，在符合客戶需求的情況下，設(shè)計(jì)合適的網(wǎng)頁(yè)布局結(jié)構(gòu)和網(wǎng)頁(yè)主色調(diào)，在本項(xiàng)目中采用網(wǎng)頁(yè)三列布局結(jié)構(gòu)，在色調(diào)上結(jié)合了教務(wù)處的工作性質(zhì)，體現(xiàn)真誠(chéng)樸實(shí)，選擇了淡藍(lán)色作為網(wǎng)頁(yè)主色調(diào)。

（5）項(xiàng)目?jī)?nèi)容與動(dòng)態(tài)設(shè)計(jì)

項(xiàng)目?jī)?nèi)容的設(shè)計(jì)要考慮到兩點(diǎn)，一是內(nèi)容要體現(xiàn)教務(wù)處的工作內(nèi)容和性質(zhì)，二是網(wǎng)頁(yè)瀏覽者通過網(wǎng)頁(yè)需要獲取幫助或者某種需求，這就要求內(nèi)容不僅要涵蓋教務(wù)處所有工作，而且要方便瀏覽者了解教務(wù)處并獲取所需要的信息。動(dòng)態(tài)設(shè)計(jì)主要是為了在網(wǎng)頁(yè)中醒目位置顯示重要信息，讓瀏覽器第一時(shí)間關(guān)注動(dòng)態(tài)內(nèi)容。

（6）項(xiàng)目數(shù)據(jù)庫(kù)技術(shù)設(shè)計(jì)

在網(wǎng)頁(yè)布局和內(nèi)容設(shè)計(jì)好之后，為了方便數(shù)據(jù)的有效管理，需要引入數(shù)據(jù)庫(kù)技術(shù)來對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行進(jìn)一步優(yōu)化，利用數(shù)據(jù)庫(kù)訪問和管理技術(shù)管理設(shè)計(jì)好的數(shù)據(jù)庫(kù)，將內(nèi)容實(shí)時(shí)動(dòng)態(tài)顯示在網(wǎng)頁(yè)中。

（7）項(xiàng)目交互設(shè)計(jì)

交互設(shè)計(jì)主要設(shè)計(jì)網(wǎng)頁(yè)后臺(tái)登錄頁(yè)面和后臺(tái)管理界面，登錄頁(yè)面主要是驗(yàn)證管理者的有效身份，后臺(tái)管理界面主要涉及到教務(wù)處相關(guān)數(shù)據(jù)的增加、刪除、查詢和更新等操作。

（8）項(xiàng)目測(cè)試與發(fā)布

網(wǎng)頁(yè)設(shè)計(jì)開發(fā)完成后，各小組還需要對(duì)網(wǎng)頁(yè)進(jìn)行整體功能和正確性測(cè)試，進(jìn)一步優(yōu)化更新網(wǎng)頁(yè)，滿足教務(wù)處和瀏覽者的使用需求。測(cè)試完成后，在提交成品前，各小組需要針對(duì)網(wǎng)頁(yè)的使用撰寫一份使用說明書，方便教務(wù)處快速熟悉軟件的功能。

3.教學(xué)實(shí)施效果

在計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)實(shí)施模擬公司項(xiàng)目教學(xué)后，學(xué)生通過參與模擬真實(shí)公司項(xiàng)目活動(dòng)和過程，感受真實(shí)的公司工作環(huán)境和工作過程，掌握完成任務(wù)所需的專業(yè)知識(shí)和技能，提高自身的職業(yè)素質(zhì)。

本文模擬公司項(xiàng)目教學(xué)以開發(fā)教務(wù)處網(wǎng)站為出發(fā)點(diǎn)，按照公司軟件開發(fā)業(yè)務(wù)流程，指導(dǎo)學(xué)生進(jìn)行網(wǎng)頁(yè)開發(fā)項(xiàng)目業(yè)務(wù)的操作實(shí)踐，學(xué)生都能積極主動(dòng)地參與到項(xiàng)目資源的收集、網(wǎng)頁(yè)軟件開發(fā)項(xiàng)目方案的調(diào)研和分析、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)編碼、網(wǎng)頁(yè)測(cè)試和網(wǎng)頁(yè)成品發(fā)布等工作中，學(xué)習(xí)環(huán)境跟實(shí)際崗位工作環(huán)境非常接近，學(xué)習(xí)不再枯燥乏味。

筆者在計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)2016級(jí)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作課程中，運(yùn)用模擬公司項(xiàng)目教學(xué)模式，將所授課班級(jí)學(xué)生分成若干個(gè)項(xiàng)目小組，各個(gè)項(xiàng)目小組成員一同參與整個(gè)網(wǎng)頁(yè)的開發(fā)過程，經(jīng)過各個(gè)小組的共同努力，小組成員合作完成了教務(wù)處網(wǎng)站的開發(fā)制作，小組組員通過項(xiàng)目的鍛煉，對(duì)軟件項(xiàng)目的開發(fā)過程有了全面認(rèn)識(shí)，也掌握了網(wǎng)頁(yè)開發(fā)的基本語(yǔ)法、語(yǔ)句。

學(xué)生在項(xiàng)目學(xué)習(xí)中，明確了項(xiàng)目工作目標(biāo)和業(yè)務(wù)流程，養(yǎng)成了自主研究的良好學(xué)習(xí)習(xí)慣和一絲不茍的精神。筆者做了一項(xiàng)調(diào)查統(tǒng)計(jì)，主要調(diào)查學(xué)生通過項(xiàng)目實(shí)踐后，在自主學(xué)習(xí)、團(tuán)隊(duì)合作、工作責(zé)任等方面是否有提高（如圖2）。調(diào)查結(jié)果顯示，經(jīng)過模擬公司項(xiàng)目學(xué)習(xí)工作后，學(xué)生的自主學(xué)習(xí)能力、團(tuán)隊(duì)合作能力、工作責(zé)任、溝通能力和分析解決問題的能力都有所提高。

● 教學(xué)模式研究展望

計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)人才培養(yǎng)的探索始于2015年，借鑒當(dāng)今成熟的教學(xué)模式，筆者設(shè)計(jì)嘗試了適合本校學(xué)生基本情況的教學(xué)模式，并取得了一些成績(jī)，積累了經(jīng)驗(yàn)和教訓(xùn)。同時(shí)，筆者借鑒軟件公司項(xiàng)目的實(shí)踐工作，將公司軟件項(xiàng)目工作流程引入到課程項(xiàng)目教學(xué)中，設(shè)計(jì)了模擬公司項(xiàng)目教學(xué)模式和課程結(jié)構(gòu)，經(jīng)過完整的課程教學(xué)后，調(diào)查統(tǒng)計(jì)發(fā)現(xiàn)模擬公司項(xiàng)目教學(xué)模式在網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)中的應(yīng)用取得了一定的成效，提升了學(xué)生的課堂學(xué)習(xí)效率。接下來的研究主要是網(wǎng)頁(yè)設(shè)計(jì)與制作課程資源庫(kù)的制作和設(shè)計(jì)，進(jìn)一步研究課程結(jié)構(gòu)按照模擬公司項(xiàng)目教學(xué)模式進(jìn)行重新設(shè)計(jì)，并設(shè)計(jì)好課程資源庫(kù)，進(jìn)一步提升課堂教學(xué)效率。

參考文獻(xiàn)：

[1]陳鈺，王紅梅，陳鋒.“模擬公司”教學(xué)法在高職國(guó)際貿(mào)易實(shí)務(wù)課程教學(xué)中的實(shí)踐與思考[J].職業(yè)時(shí)空，2009（3）.

[2]趙前斌.模擬公司教學(xué)要做好九個(gè)一[J].中國(guó)職業(yè)技術(shù)教育，2008（21）.

[3]趙曉丹.“軟件公司”教學(xué)模式在實(shí)訓(xùn)課上的應(yīng)用[J].吉林省經(jīng)濟(jì)管理干部學(xué)院學(xué)報(bào)，2012（4）.

[4]劉繼平，彭躍湘.共享型實(shí)訓(xùn)基地建設(shè)及其工學(xué)結(jié)合人才培養(yǎng)的踐行[J].中國(guó)高教研究，2008（3）.

[5]馮明兵.對(duì)高職“工作室化”教學(xué)模式幾個(gè)關(guān)鍵問題的思考[J].教育與職業(yè)，2013（33）.

[6]張力克.關(guān)于高職高專藝術(shù)設(shè)計(jì)專業(yè)工作室制教學(xué)模式的探索[J].中國(guó)成人教育，2011（14）.

[7]蘇世文.高職軟件技術(shù)專業(yè)實(shí)訓(xùn)課程中的“模擬公司”教學(xué)模式[J].計(jì)算機(jī)教育，2012（8）.

[8]黃堯，唐可可.高職院校模擬公司教學(xué)模式創(chuàng)新研究[J].南寧職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2011（6）.

[9]譚安雄.以職業(yè)能力為核心構(gòu)建高職高專藥學(xué)專業(yè)實(shí)踐教學(xué)體系[J].衛(wèi)生職業(yè)教育，2010（19）.

[10]侯建國(guó)，漆旭芳.高職實(shí)驗(yàn)室建設(shè)與管理現(xiàn)狀分析及我院改革[J].江西化工，2008（2）.

[11]王建鋒，吳新燕.高職院校專業(yè)核心課程建設(shè)和改革研究[J].教育與職業(yè)，2010（17）.

作者簡(jiǎn)介：尹積棟（1987—），男，江西省吉安市泰和縣人，工程師、碩士，主要研究領(lǐng)域?yàn)橹R(shí)管理與數(shù)據(jù)挖掘；謝茶花（1986—），女，江西省吉安市人，講師、碩士，主要研究方向?yàn)榻處熃逃?