PBL教學模式下的線上線下混合制教學方法探索與研究

顏 琪，蔣夢姣

（1.電子科技大學成都學院，四川 成都 611731；2.成都信息工程大學，四川 成都 610225）

1 緒論

傳統的“以教師為中心”的教學過程，給線下課堂中的老師和學生帶來了極大的挑戰，如存在對學生個性化活動關注不足、缺乏師生及時交流與互動，教師灌輸過多，學生參與過少，難以調動學生的積極性；缺乏企業真實案例的實踐教學，學生缺乏交付意識，項目交付能力不足，就業機會少、就業質量低等問題[1]。基于此，提出結合PBL模式的線上線下混合制教學方法，該方法旨在提升教學質量，幫助學生構建屬于自我的知識體系，并轉變教師由“傳授學科知識為主”到“發展學生能力為主”，實現“以學生為中心”的教學理念，培養學生的批判性思維、創意思維、溝通能力、互動力以及社會責任感。傳統教學模式與PBL教學模式下的混合制教學方法對比如圖1所示。

圖1 教學模式對比圖

在不同的課程中，應該針對課程將會涉及的知識和能力，建立不同的課程理論、實驗體系，分析課程教學內容和方法，在課程實驗中模擬真實產品開發和運行過程，實現“做中學”和“學中做”的教學目標。

《UI設計》《交互設計》兩門課程圍繞軟件的人機交互、操作邏輯、界面美觀三方面對軟件的整體設計進行教學。通過UI設計與交互設計，能優化人機交互行為，使界面更美觀、個性，還能充分體現軟件的定位和特點。為了讓學生能夠更好地吸收《UI設計》《交互設計》兩門課程的知識，并在教學過程中培養學生的實際動手開發能力，需要結合本門課程的特點，改革《UI設計》《交互設計》兩門課程的教學設計[2]。

2 PBL教學模式

PBL是Project Based Learning的簡稱，即基于項目的學習。與傳統的“以教師為中心”的教學模式不同，PBL是“以學生為主體”的教學模式，是以學生以小組討論的形式，在輔導教師的參與和引導下，圍繞某一復雜的、多場景的、基于實際問題的專題進行問題的提出、討論和學習的過程，其核心是以問題為中心，以學生討論為主體，教師是引導者。強調培養學生的自學能力、實踐能力、團隊合作精神，設計理念體現了以人為本的先進教育思想。

PBL項目是應用型大學、職業高等教育為載體的數字化市場項目，是人才培養的載體，是培養交付能力的基石。通過真實項目的PBL教學，將使學生的學習具備探索性、主動性、問題性和參與性，間接激發學生的學習興趣，培養綜合思考和解決問題的能力，并向市場輸送具備項目交付能力的實用型技術人才。

基于PBL教學模式的線上線下混合制教學方法，在課程設計時應充分結合商業項目中的內容，分模塊講解，增加學生的對真實項目的業務理解。融入以問題為導向的原理性知識、方法與經驗，實驗部分融入以完整案例為背景的項目實戰，以小案例+大案例的方式幫助學生了解UI設計/UI設計的每一步驟應如何完成。并完成學生的角色分工與任務下發，在項目周期內指導學生完成項目實戰，這將改善傳統教學模式中的理論與實驗分離的現狀；融入實際案例開發，將增加學生未入公司，便參與項目制作并擁有項目經驗，從而能夠增加學生的就業質量，其次，能讓學生提前進入工作狀態，了解公司的角色分工及業務流程。

3 混合制教學

混合式教學在國內外已經歷近三十年的發展，逐步成為未來教育的“新常態”。目前，國內高校開展混合式教學的形式主要包括兩大類，即基于慕課（MOOCs）開展的混合式教學和基于其他在線教學資源開展的混合式教學。作為一種新型的教學方式，混合式教學反映了教學理念與范式的轉變。在“Everything in network”背景下，“互聯網+教育”提出創新人才培養，定制化與個性化人才培養，教育教學的改革都在呼喚線上線下混合式教學培養個性化人才。這種方式促發傳統“以教師為中心”教學方式轉變為“以學生為中心”。

4 課程設計

課程設計應該包含需求調研、課程準備、課程試講、教學反饋、課程總結五個環節。下文將會根據《UI設計》《交互設計》兩門課程，進行基于PBL教學模式的課程設計分析。

4.1 需求調研

分析學生的學習行為偏好及典型特征。尋找最適合學生的學習方式，以讓學生接受度最高的信息呈現方式進行教學，從而增強學生的學習興趣與效率。了解課程對象、學習現狀、期望等需求，例如《UI設計》《交互設計》課程面向大二本科學生，大部分學生難以忍受課堂“灌輸式”教學，注意力集中時間短，喜歡小組合作學習，愛分享，喜歡打字不喜歡手寫等。基于上述分析，在課堂實際環節中應該避免一味的講解知識點，多以案例研討的方式進行合作探索學習，并以演講的方式進行學習分享。

分析課程性質與崗位需求。《UI設計》《交互設計》兩門實踐性較強，且前期已開設《網頁設計》《JavaScript》，同期將開設《數據可視化》等課程，在教學環節中應更加注重實驗環節、操作能力的教學。通過調研互聯網行業的相關企業，發現UI設計技術主要與用戶界面設計師、美術工程師、前端設計師、交互設計師、用戶體驗設計師等工作崗位接軌。根據這些工作的崗位需求與開發過程的分析，可將《UI設計》、《交互設計》兩門課程實驗分為8個階段，每個階段對應一項崗位技能。

《UI設計》課程設計如下：

第一階段為UI設計基礎。包括UI設計的相關概念、色彩搭配技巧、設計原則、設計風格，共2學時。通過該階段的學習，學生能夠完成色彩搭配及不同風格的UI設計。

第二階段為UI設計中的基本視覺元素。包括軟件開發流程、圖標設計、按鈕設計、菜單設計、工具欄設計、標簽設計、滾動條設計和狀態欄設計，共2學時。通過該階段的學習，學生能夠完成不同界面元素的設計與實現。

第三階段為交互設計原則。包括人機交互發展歷程與尼爾森十大交互原則，共1學時。通過該階段的學習，學生能夠優化用戶界面的設計。

第四階段為應用軟件界面設計。包括應用軟件界面的設計基礎、設計要點、設計類型、設計風格、設計規范，共6學時。通過該階段的學習，學生能夠完成應用軟件的界面設計。

第五階段為移動APP界面設計。包括移動APP界面的設計基礎、設計趨勢、設計流程、配色原則、IOS及Android系統界面的設計規范與設計基礎，共7學時。通過該階段的學習，學生能夠完成移動APP的界面設計。

第六階段為網頁界面設計。包括網頁界面的設計基礎、視覺導向性、設計原則、設計方法、設計風格，共7學時。通過該階段的學習，學生能夠完成網頁的界面設計。

第七階段為播放器界面設計。包括播放器界面的設計特點、個性化設計、設計原則，共6學時。通過該階段的學習，學生能夠完成播放器的界面設計。

第八階段為游戲界面設計。包括游戲界面的設計基礎、設計流程、設計類型，共6學時。通過該階段的學習，學生能夠完成游戲的界面設計。

《交互設計》課程設計如下：

第一階段為交互設計基礎。包括交互設計的相關概念、設計原則等，共2學時。通過該階段的學習，學生能夠構建交互設計與其他設計領域的鏈接。

第三階段為交互設計原則。包括人機交互發展歷程與尼爾森十大交互原則，共2學時。通過該階段的學習，學生能夠優化用戶界面的設計。

第四階段為信息架構。包括信息架構的核心、目標及不同類型的軟件架構實例及分析方法，共4學時。通過該階段的學習，學生能夠使用合適的方法及工具完成軟件信息架構的梳理。

第五階段為交互原型設計。包括移動APP端低保真交互原型的設計及制作，共6學時。通過該階段的學習，學生能夠完成移動APP的原型設計。

第六階段為微交互設計。包括微交互的使用場景、動效設計的案例分析，共4學時。通過該階段的學習，學生能夠完成軟件的微交互設計及動效設計。

第七階段為過渡動畫及手勢設計。包括界面交互手勢、應用前景、過渡動畫及高保真原型設計。通過該階段的學習，學生能夠完成移動APP端高保真交互原型的設計及制作，共8學時。

4.2 課程準備

有針對性的進行課程內容準備。準備環節應分為三個部分：素材準備、教學設計與資源優化。

素材準備環節應該完成章節標題擬定、章節內容分析、目標撰寫、素材搜集。擬定有趣、生動的標題，并對內容進行分析，按照SMART原則（Specific、Measurable、Attainable、Relevant、Time-bound）設定小而清晰的目標。通過拆分的方式，將新概念、新知識變成更小的部分，逐一學習。撰寫目標，定義教學對象、說明課程后續情況并制定標準。搜集教學素材并進行整理，素材可包括分析報告、研究現狀、熱門觀點、調研結果、視頻圖片、實踐案例等。在軟件方面，應該完成課程教學模式的設計、課程資源建設與課程學習評價；在硬件方面，應該完成教室布局、現代教學設備準備、學習場所的設定。

教學設計環節應該完成結構搭建、課程大綱制作、教學流程創新與教學方法設計。應反復分析并調整課程內容，以90分鐘為一個模塊，將課程內容進行分解，根據內容的難易程度進行合理的排列組合，利用思維導圖，把每一模塊的各級主題或者核心關鍵字進行層級連接。

資源優化環節應該完成課件美化、課件包準備等環節。根據課程對象，尋找合適的模板表現課程內容，并形成課件包，其中課件包應包括PPT課件、教師手冊、學生手冊等素材。

秀容月明聽了一陣子，就明白怎么回事了。守桂州的將軍叫叢時敏，因胡人打過來，朝廷另撥人馬歸他指揮，他說，現在人多，營寨不夠住的，我們干脆住百姓家吧。他自己帶頭，搬到桂州最有錢的人家去了。手下將吏紛紛仿效，都揀有錢人家去住。像小都統這樣的軍吏，只有住尋常百姓家。這些將吏住人家，不僅要好酒好菜侍候，付給數目不等的錢財，隔三差五的，還要把妓女請來，供他們享樂。侍候不周，將吏就打人，砸東西，就是殺了人，叢時敏也不追究。

在實際教學過程中，再次分析學生學習狀態、課程性質、課程目的、課前預習情況、課程重點、課程難點及可能出現的問題等。

4.3 課程試講

根據課程準備的內容進行試講。本次課程設計的教學對象為我校2018級數據科學與大數據技術專業及大數據技術與應用，共計146人。結合課堂效果反饋與對以上3個行政班級的學生調研，分析得出以下數據：以45分鐘的課堂為例，在課堂開始后的0-15分鐘，學生注意力、關注力集中程度較高；在15-30分鐘，65.7%的學生注意力、關注力集中程度呈現明顯降低，出現開小差、走神、聊天等情況；在30-45分鐘，學生注意力、關注力集中程度呈現明顯回升。學生課堂集中度變化示意圖如2所示。

根據以上數據，可以得出結論：學生的注意力、關注度在課堂內的變化呈現隨時間增加而減弱，而后又增加的過程，所以應該在試講環節中了解每一模塊所需的時間，以達到更好地調度課堂氛圍，把控教學進度的目的。例如可以在15-30分鐘加入1-2個以學生為中心的互動討論環節，增強學生的學習興趣，間接提高學生注意力、關注度。

4.4 教學反饋

在試講之后，根據反饋結果對時間安排、知識點順序、活動等再次進行調整。繪制學習心電圖，根據學生的上課的心理變化動態調整授課方法、授課內容，從而合理規劃課程節奏、有效控制時間、增強互動有效度與參與度。

4.5 課程總結

對課程設計和實際教學進行總結和回顧。全面的、系統的檢查、評價這次課程設計，回顧在實際教學中遇到的問題、分析課程設計的不足之處，總結得出經驗，為下次更好的教學做好準備。

反思整個課程設計環節，回顧課程選題是否實用，是否能夠解決課程的實際問題；課程結構是否嚴謹，課程內容是否實用；是否運用多種案例、數據，論證充分，有說服力；是否運用了多種教學方法；是否有效評估課程目標；課件是否美觀大方、風格是否適合課程內容；是否為未來的實際工作有一定啟發幫助。

5 結束語

《UI設計》《交互設計》兩門課程將PBL教學模式有機地融入課程教學中，改變了以往實驗與理論內容相互獨立，依存度不高的設計思路。《UI設計》《交互設計》兩門課程由大量小規模實踐項目組成，通過團隊合作、自主學習和演講答辯的形式，達到鞏固基礎知識、加強專業應用、發展創新思維、培養職業道德的目的。

在基于PBL的教學模式下，能夠較好地提升學生學習興趣與主動性，在參與構思、設計、實現、運行的環節中，豐富了學生的項目開發經驗，增強了學生的項目思維和解決問題的能力，為今后學生從事設計開發類工作提供了一個良好的開端。