基于OBE教育模式的人機交互基礎課程的探索與實踐

郝慧君

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

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

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

一、課程概述

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

二、教學實踐改革

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

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

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

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

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

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

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

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

7.反思。根據課程答辯的項目效果，我們要求項目組成員對本小組的項目作品進行實現效果的反思，修改自己團隊的作品，爭取更加美觀、人性化。與此同時，教師開展自己的教學反思工作，根據學生得到反饋情況調整教案和教學進度，根據現階段企業的要求與技術發展，適當地對相應的技術進行調整。

三、創新特色

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

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

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

四、教學改革效果反饋

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

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

五、結語

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

參考文獻：

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

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

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

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

編輯 馬燕萍