郝慧君

[摘? ? ? ? ? ?要]? 通過對OBE理念的學習，結合人機交互基礎課程的學習與實踐，針對目前授課過程中存在問題的反思與探討，在OBE教育理念與教學模式的指引下，以學生為中心，以課堂教學為媒介，從教學內(nèi)容、教學方法與考核體系等方面對本課程進行教學的改革與探索，旨在提升學生學習本課程的主動性與創(chuàng)新能力，滿足學生在未來學習與工作中工程化項目產(chǎn)出的能力要求。

[關? ? 鍵? ?詞]? OBE教育模式;探索;實踐;人機交互基礎

[中圖分類號]? G642 ? ? ? ? ? ? ? ? ? ?[文獻標志碼]? A? ? ? ? ? ? ? ? ? ? ? [文章編號]? 2096-0603（2020）23-0232-02

一、課程概述

人機交互基礎面向計算機科學與技術專業(yè)本科學生，內(nèi)容包括HTML、CSS、JavaScript和JQuery編程語言等前端編程技術。通過前期課程的學習，學生能夠根據(jù)用戶需求設計網(wǎng)站的原型圖，在此基礎上，本課程要求學生掌握HTML、CSS、JavaScript和JQuery語言的編程技術，將網(wǎng)站通過代碼展現(xiàn)出來。學生分析基本的網(wǎng)絡布局，能夠熟練使用HTML的各種標簽構建DOM結構，展現(xiàn)不同的頁面內(nèi)容，然后通過CSS層疊樣式表展現(xiàn)網(wǎng)站的樣式特點，最后，可以使用JavaScript和JQuery等腳本語言實現(xiàn)用戶與網(wǎng)站間的交互。

二、教學實踐改革

本課程采納最前沿的OBE教學理念，成果導向機制，使用項目式教學的方式開展教學工作。本課程主要面向大二第一學期的計算機本科生，課程作為WEB應用程序開發(fā)中的第一環(huán)，主要培養(yǎng)學生有關網(wǎng)站建設的前端知識點，該課程為64學時，其中32學時的主要內(nèi)容為HTML和CSS的基礎知識為第一階段，32學時的JavaScript和JQuery為第二階段。第一階段的主要內(nèi)容為HTML和CSS語言的講述，主要分成HTML的DOM結構構建、CSS基礎、盒子模型、浮動與定位、首頁與導航欄、2D/3D動畫、響應式布局。第二階段為JavaScript與JQuery語言的講述，主要分為JavaScript與DOM結構、JQuery與DOM結構、JQuery動畫、多級導航菜單、定時器與圖片輪播、Bootstrap柵欄式頁面布局等主要知識點。

根據(jù)上述教學目標，本門課程教學設計流程是：劃分小組、確定項目、課堂學習與實踐、小組內(nèi)制訂計劃、收集資料完成任務、成果展示與評價、反思。通過上述的教學過程，幫助學生重新認識自己的能力，讓學生了解自己的能力，不斷提升自身的能力。

1.劃分項目小組。根據(jù)學生的意愿，班級的學生自由組合成2～3人的小組，各個成員負責不同的角色如項目經(jīng)理、設計師、開發(fā)工程師，共同完成本課程的學習。在項目開展之前，項目經(jīng)理統(tǒng)籌負責本項目組小組任務的安排與成員的劃分，制定規(guī)章，防止一些小組成員無法完成應有的工作而出現(xiàn)逃避的現(xiàn)象。

2.確定項目。根據(jù)小組的學習情趣與日常生活的興趣點，選擇項目組成員共同感興趣的點進行網(wǎng)站創(chuàng)造，更能激發(fā)學生的學習熱情與積極性。將確定好的項目名稱與設計的網(wǎng)站功能點與教師進行協(xié)商，確定階段性答辯的工作量。

3.課堂學習與實踐。在日常的課堂學習中，我們采用案例啟發(fā)的教學方法，設計每一小節(jié)的知識點能夠實現(xiàn)的網(wǎng)站頁面效果，激發(fā)學生的學習興趣，引導學生學習理論知識，然后將知識進行工程化導出，完成效果的代碼構建，教師引導課堂學習的流程與氛圍，培養(yǎng)學生學習的信心，激發(fā)學生的創(chuàng)造力。

4.小組制定計劃。在日常的課堂任務與答辯作業(yè)的完成中，我們采用小組合作的方式，相互幫助、互相進步。所以，小組成員可以指定屬于本小組的學習計劃，相輔相成，共同完成本小組的任務，共同進步，也能夠激發(fā)學生小組學習的競爭精神，為了更好、更突出地展現(xiàn)自己的效果，更加努力地學習。

5.收集資料與完成任務。在課堂理論知識學習的過程中，工程化的輸出是我們努力的方向，所以，我們根據(jù)學生學習的實際情況反饋與以前上課的信息，調整任務安排的難易程度。

6.成果展示與評價交流。學生經(jīng)過教師的指導完成階段創(chuàng)作作品在課堂進行展示，互相交流經(jīng)驗。成果展示的評價我們分成三個部分：組間互評（40%）、組內(nèi)互評（20%）和教師評分（40%）。在最終的團隊答辯過程中，我們要求：答辯時間30分鐘，包含老師提問時間（同學提問）;小組全體成員一起上場，一人為主，輪流宣講，分工明確;主講介紹項目總體情況以及特色，小組成員重點介紹自己制作完成的工作;表達清楚，條理清晰;可以清楚正確地回答教師的問題;根據(jù)小組答辯思路，制作有團隊特色的答辯演示文稿。

7.反思。根據(jù)課程答辯的項目效果，我們要求項目組成員對本小組的項目作品進行實現(xiàn)效果的反思，修改自己團隊的作品，爭取更加美觀、人性化。與此同時，教師開展自己的教學反思工作，根據(jù)學生得到反饋情況調整教案和教學進度，根據(jù)現(xiàn)階段企業(yè)的要求與技術發(fā)展，適當?shù)貙ο鄳募夹g進行調整。

三、創(chuàng)新特色

本課程采用分組團隊協(xié)作式的項目教學，將學生分成2～3人的團隊，協(xié)作參與到日常的課堂教學與課程項目開發(fā)的任務中。注重學生學習的理實一體化，將基于企業(yè)實際的軟件開發(fā)項目與實際的教學結合，培養(yǎng)學生理論知識學習的同時，培養(yǎng)學生的團隊協(xié)作開發(fā)能力，樹立學生實踐的自信心，肯定學生的成果，讓學生明確日后的發(fā)展道路和努力方向。在教學過程中，與傳統(tǒng)的課堂相比，基于項目驅動的課堂有以下幾個方面的特色。

1.劃分項目小組。根據(jù)學生的意愿，班級的學生自由組合成2～3人的小組，各成員負責不同的角色，如項目經(jīng)理、設計師、開發(fā)工程師共同完成本課程的學習。在項目開展之前，項目經(jīng)理統(tǒng)籌負責本項目組小組任務的安排與成員的劃分，制定規(guī)章，防止一些小組成員無法完成應有的工作而出現(xiàn)逃避的現(xiàn)象。

2.成果展示與評價交流。學生經(jīng)過教師的指導完成階段創(chuàng)作作品在課堂進行展示，互相交流經(jīng)驗。成果展示的評價我們分成三個部分：組間互評（40%）、組內(nèi)互評（20%）和教師評分（40%）。在成果展示中，我們采用嚴格的排名賦分制。即組間評分、組內(nèi)評分的成績進行排名，然后按照排名對小組進行賦分，在以后的課程中，我們將采用嚴格排名賦分制，即排名相同的組，我們使用最低的排名與分數(shù)，避免學生情等一些不客觀因素的影響。

四、教學改革效果反饋

基于團隊協(xié)作的項目式教學模式能夠調動學生學習的熱情和積極性，鍛煉學生軟件開發(fā)角色的認知、溝通協(xié)商、任務分工以及團隊協(xié)作的技能，培養(yǎng)學生自主學習和動手實踐的能力，尤其是軟件項目開發(fā)前端程序的編碼能力。

通過對2017級、2018級的學生談話調研，結果顯示大部分學生認為項目式教學能提升學習興趣，對學習人機交互基礎相關課程，網(wǎng)站前端建設的理論知識和實踐技能幫助較大，有助于提高學生解決實際問題的能力，并且能夠在最終的項目答辯中上交一份比較美觀的網(wǎng)站設計界面，同時他們認為，項目驅動的教學方式有助于鍛煉自己與人溝通交流、協(xié)作開發(fā)、換位思考等能力，特別在專業(yè)技術領域與人探討時，由原來的不敢說、不會說、說不到點子上變成了團隊間的默契配合，成立可以使用模板實現(xiàn)團隊配合快速開發(fā)的團隊。少部分學習比較突出的學生同時表示，通過本課程的學習，鍛煉自己的創(chuàng)造能力、色彩搭配能力，激發(fā)創(chuàng)造靈感，有助于自己在后續(xù)的學習中創(chuàng)造性地參加各類學科競賽，與此同時，少數(shù)幾位學生表示項目式教學難度較大，要花費較多課余時間進行學習，但是一分耕耘一分收獲，本課程的學習付出和收獲相應地成正比。

五、結語

利用項目式教學的人機交互基礎課程取得了較為良好的教學效果，不僅有助于培養(yǎng)學生的自主學習能力，還能幫助學生參與到實際的項目中，切身融入項目的開發(fā)過程中，有助于學生更好地融入社會，參與公司的實際項目。

參考文獻：

[1]姜宛彤，萬超，錢松嶺.以問題解決為導向的微課程設計研究[J].現(xiàn)代遠距離教育，2018（1）：35-43.

[2]董福貴，靳春旭.大數(shù)據(jù)時代“大型數(shù)據(jù)庫應用”課程教學體系改進研究[J].工業(yè)和信息化教育，2017（3）：58-61，65.

[3]國務院關于積極推進“互聯(lián)網(wǎng)+”行動的指導意見[J].實驗室科學，2015，18（4）.

[4]Shieh， D. These Lectures Are Gone in 60 Seconds [J]. Chronicle of Higher Education，2009（26）：1-13.

編輯 馬燕萍