劉海芹

摘要：目的：為了把《UI設(shè)計(jì)》課程建設(shè)成具有高階性、創(chuàng)新性和挑戰(zhàn)度的“金課”;方法：采用了線上線下的混合式教學(xué)，教學(xué)過(guò)程中首先要進(jìn)行學(xué)前測(cè)試，學(xué)習(xí)內(nèi)容分析，學(xué)習(xí)者分析，教學(xué)目標(biāo)的制定，教學(xué)策略的制定和線上線下的評(píng)價(jià);結(jié)果：線上線下混合的“金課”學(xué)生平均成績(jī)高于傳統(tǒng)的課堂教學(xué);結(jié)論：線上線下混合式教學(xué)方法教學(xué)效果比單純線上學(xué)習(xí)和單純線下教學(xué)效果好。

關(guān)鍵詞：線上線下混合式教學(xué);金課;學(xué)習(xí)需要

中圖分類號(hào)：G642? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）34-0157-02

1 緒論

線上線下混合式的“金課”，利用信息科技技術(shù)和Internet技術(shù)進(jìn)行教學(xué)內(nèi)容的發(fā)布和互聯(lián)網(wǎng)碎片化的學(xué)習(xí)，并結(jié)合線下有組織、有計(jì)劃的線下課堂教學(xué)。線上線下混合式的“金課”是具有結(jié)合線上和線下的優(yōu)點(diǎn)的具有高階性、創(chuàng)新性和挑戰(zhàn)度的課程。

線上教學(xué)可以給學(xué)生提供大量的課程資料，擴(kuò)展資源。教師利用在線平臺(tái)，可以組織學(xué)生討論，在線答疑，線上作業(yè)，網(wǎng)絡(luò)協(xié)作。教師也利用在線平臺(tái)對(duì)學(xué)生考核評(píng)價(jià)，而且平臺(tái)還會(huì)出詳細(xì)的學(xué)情分析。缺點(diǎn)：對(duì)學(xué)生的監(jiān)管力度小，學(xué)生的作業(yè)是否自己獨(dú)立完成平臺(tái)很難監(jiān)控，線上學(xué)生有時(shí)只是能進(jìn)行淺層學(xué)習(xí)。而線下的課堂教學(xué)剛好彌補(bǔ)了這一點(diǎn)。課堂教學(xué)對(duì)線上學(xué)習(xí)深入講解、實(shí)驗(yàn)及驗(yàn)證、拓展和延伸。

2 《UI設(shè)計(jì)》課程特點(diǎn)

User Interface（簡(jiǎn)稱UI）界面設(shè)計(jì)，UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人與計(jì)算機(jī)的接口、使用方式方法、人機(jī)界面風(fēng)格、界面美觀的整體設(shè)計(jì)2。

《UI設(shè)計(jì)》課程是計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的專業(yè)必修課程。本課程的教學(xué)內(nèi)容包括UI設(shè)計(jì)理論部分和設(shè)計(jì)與制作兩部分。其中理論部分包括UI概念及分類、圖形界面發(fā)展史、色彩知識(shí)、UI設(shè)計(jì)工作流程、圖標(biāo)設(shè)計(jì)的基礎(chǔ)知識(shí)、手機(jī)主題的基礎(chǔ)知識(shí)、手機(jī)主題界面賞析、手機(jī)鎖屏界面的基礎(chǔ)知識(shí)和手機(jī)鎖屏界面設(shè)計(jì)過(guò)程。實(shí)踐部分包括手機(jī)圖標(biāo)設(shè)計(jì)與制作、手機(jī)主題界面設(shè)計(jì)與制作、手機(jī)鎖屏界面設(shè)計(jì)與制作、UI常用基本控件的使用、UI常用高級(jí)控件的使用和交互項(xiàng)目的開發(fā)。

3 改革措施

建設(shè)線上線下混合式的課程，首先要進(jìn)行學(xué)習(xí)需要分析、學(xué)前測(cè)試、教學(xué)目標(biāo)的制定、教學(xué)策略的制定，建設(shè)學(xué)習(xí)資源庫(kù)，實(shí)行線上線下教學(xué)，對(duì)教學(xué)效果評(píng)價(jià)。教學(xué)過(guò)程如圖所示。

3.1 學(xué)習(xí)需要分析

學(xué)習(xí)需要分析，是課程組成員經(jīng)過(guò)深入細(xì)致的調(diào)研和分析，準(zhǔn)確理解計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)培養(yǎng)目標(biāo)和《UI設(shè)計(jì)》的課程目標(biāo)，根據(jù)人才培養(yǎng)方案確定本門課程的課程目標(biāo)轉(zhuǎn)化為學(xué)習(xí)需求，從而確定課程必須教什么的過(guò)程。

3.2 學(xué)前測(cè)試

學(xué)生的學(xué)習(xí)需要、身心發(fā)展、認(rèn)知結(jié)構(gòu)、學(xué)習(xí)策略和學(xué)習(xí)風(fēng)格都將影響學(xué)習(xí)效果。通過(guò)在學(xué)習(xí)本門課程前，對(duì)學(xué)生進(jìn)行測(cè)試，分析測(cè)試結(jié)果明確知識(shí)結(jié)構(gòu)、技能實(shí)踐能力和學(xué)習(xí)態(tài)度，確定今后的教學(xué)重點(diǎn)。《UI設(shè)計(jì)》課程要求學(xué)生掌握色彩模式的知識(shí)，如果學(xué)生在測(cè)試時(shí)這部分測(cè)試題出錯(cuò)較多，我們就要在線上重點(diǎn)推送這部分的知識(shí)。

3.3 目標(biāo)

教學(xué)目標(biāo)可以分為三個(gè)層次：

3.3.1 節(jié)教學(xué)目標(biāo)

根據(jù)布魯姆教育目標(biāo)分類法中認(rèn)知領(lǐng)域的教育目標(biāo)分為知道、領(lǐng)會(huì)、運(yùn)用、分析、綜合、評(píng)價(jià)。其中，知道、領(lǐng)會(huì)、運(yùn)用是低階的教學(xué)目標(biāo)，而分析、綜合、評(píng)價(jià)是高階的目標(biāo)。

線上教學(xué)內(nèi)容模塊碎片化，但是不能碎片不能太小。視頻講解內(nèi)容在10～15分鐘為宜。把知識(shí)點(diǎn)化為相應(yīng)的節(jié)。每節(jié)應(yīng)是可獨(dú)立的小模塊。每個(gè)模塊有自己獨(dú)立的教學(xué)目標(biāo)。教學(xué)目標(biāo)應(yīng)該是具體的，可測(cè)量可評(píng)價(jià)。如：線上學(xué)習(xí)的教學(xué)目標(biāo)：通過(guò)學(xué)習(xí)色彩模式，能說(shuō)出顏色值#FFCC00為什么顏色;通過(guò)本節(jié)的學(xué)習(xí)，能制作出來(lái)一個(gè)“水晶花”主題的手機(jī)界面。

3.3.2 課程目標(biāo)

本課程的教學(xué)目的是使學(xué)生系統(tǒng)UI設(shè)計(jì)的基本理論、基本概念、色彩知識(shí)、設(shè)計(jì)原理及工作流程，圖標(biāo)設(shè)計(jì)的基礎(chǔ)知識(shí)、手機(jī)主題的基礎(chǔ)知識(shí)、手機(jī)主題界面賞析、手機(jī)鎖屏界面的基礎(chǔ)知識(shí)和手機(jī)鎖屏界面設(shè)計(jì)過(guò)程，了解當(dāng)前國(guó)際國(guó)內(nèi)UI設(shè)計(jì)發(fā)展的新動(dòng)態(tài)、新熱點(diǎn)。使學(xué)生具備合理制定和執(zhí)行UI設(shè)計(jì)方案的能力，初步掌握設(shè)計(jì)方案質(zhì)量分析和控制的能力;通過(guò)該課程的學(xué)習(xí)，使學(xué)生的專業(yè)基本素質(zhì)、專業(yè)基本能力和技能得到全面發(fā)展，為學(xué)生從事軟件編程或是UI設(shè)計(jì)的實(shí)際工作打下基礎(chǔ)。

3.3.3 課程思政目標(biāo)

根據(jù)《UI設(shè)計(jì)》課程特點(diǎn)把課程思政建設(shè)主要內(nèi)容，有機(jī)融入課程教學(xué)。課程思政教育目的將課程思政教育與學(xué)科教學(xué)融為一體、相互滲透，使學(xué)生在掌握UI設(shè)計(jì)的基礎(chǔ)知識(shí)和UI設(shè)計(jì)的設(shè)計(jì)制作能力的同時(shí)，受到課程思政教育，并將轉(zhuǎn)化為人民服務(wù)的崇高理想，從而更加努力學(xué)習(xí)。

3.4 教學(xué)內(nèi)容

3.5 教學(xué)評(píng)價(jià)

課程考核成績(jī)采取平時(shí)考核成績(jī)（含期中測(cè)驗(yàn)、作業(yè)、考勤以及課堂表現(xiàn)等）和期末考核相結(jié)合的方式綜合評(píng)定。

（1）考核方式：線上考核;線下考核。

（2）成績(jī)?cè)u(píng)定：課程總成績(jī)=線上考核×40%+線下考核×60%。

其中，線上考核：課程音視頻學(xué)習(xí)（10%），章節(jié)測(cè)驗(yàn)（5%），章節(jié)學(xué)習(xí)次數(shù)（5%），線上作業(yè)（10%），線上考試（10%）。

線下考核：線下出勤及課堂表現(xiàn)（10%），線下作業(yè)（10%），線下考試（40%）。

試題類型及權(quán)重：填空題（20%），選擇題（20%），論述題（30%），設(shè)計(jì)題（30%）。

例：期末試卷中論述題，給出一款A(yù)pp的界面設(shè)計(jì)和功能設(shè)計(jì)圖，需要學(xué)生分析給出的案例和綜合運(yùn)用所學(xué)的知識(shí)，論述App界面設(shè)計(jì)的優(yōu)缺點(diǎn)和功能設(shè)計(jì)的優(yōu)缺點(diǎn)，突出了學(xué)習(xí)的高階性;設(shè)計(jì)題一個(gè)指定的圖標(biāo)，提高了挑戰(zhàn)度和創(chuàng)新性。

4 課程評(píng)價(jià)及改革成效

從最近兩個(gè)學(xué)期的成績(jī)對(duì)比可以看，線上線下混合式教學(xué)班優(yōu)于傳統(tǒng)教學(xué)班，如圖所示。

通過(guò)課程實(shí)踐得到經(jīng)驗(yàn)如下：

（1）線上教學(xué)不受時(shí)空約束，可以提供豐富的教學(xué)資源和多種學(xué)習(xí)方式，讓學(xué)生提高學(xué)習(xí)的自主性。而線上教學(xué)最大的缺點(diǎn)就是缺乏對(duì)學(xué)生的有效管控，教師無(wú)法約束學(xué)生，對(duì)于學(xué)習(xí)自主能力差的學(xué)生比如學(xué)習(xí)效果差。但是結(jié)合線下教學(xué)可以有效地解決了這個(gè)問(wèn)題。

（2）本課程合理建構(gòu)混合式教學(xué)流程，合理劃分線上線下教學(xué)內(nèi)容，利用學(xué)習(xí)通制作在線課程，教學(xué)平臺(tái)發(fā)布資源、教學(xué)視頻、線上作業(yè)。

（3）布置綜合性和設(shè)計(jì)性的作業(yè)，有利于培養(yǎng)學(xué)生的主動(dòng)學(xué)習(xí)能力和團(tuán)隊(duì)合作意識(shí)。

（4）加入課程思政，激發(fā)了學(xué)生愛國(guó)熱情和努力學(xué)習(xí)意識(shí)，在教書過(guò)程中體現(xiàn)育人元素。

5 結(jié)束語(yǔ)

本文提出了線上線下混合式“金課”教學(xué)流程，并在實(shí)際教學(xué)中，以《UI設(shè)計(jì)》課程為例經(jīng)過(guò)了兩個(gè)學(xué)學(xué)期的實(shí)踐。結(jié)果表明混合教學(xué)比單純課程教學(xué)和純線上教學(xué)效果好?！敖鹫n”建設(shè)大勢(shì)所趨，線上線下混合“金課”在課程改革上優(yōu)勢(shì)很明顯。為了提高教學(xué)效果，我們將根據(jù)實(shí)際的教學(xué)效果和學(xué)習(xí)需要分析進(jìn)一步改進(jìn)教學(xué)。

參考文獻(xiàn)：

[1] 魏武華，羅雅過(guò)，侯敏，等.線上線下混合式教學(xué)模式的探索與實(shí)踐[J].計(jì)算機(jī)時(shí)代，2020（3）：87-89.

[2] 姜璐璐.網(wǎng)絡(luò)教學(xué)中學(xué)習(xí)者的特征分析[J].素質(zhì)教育論壇，2010 （4）：141-142.

[3] 霍涌泉，李越.教育心理學(xué)[M].西安：西北大學(xué)出版社，2007.

[4] 杜小利. 線上線下混合式教學(xué)模式的實(shí)踐探索——以《創(chuàng)新創(chuàng)業(yè)基礎(chǔ)》課程為例[J]. 電子商務(wù)， 2019（8）：81-82

【通聯(lián)編輯：王力】