交互式微視頻資源的設(shè)計(jì)與應(yīng)用*——以“Photoshop平面設(shè)計(jì)”課程為例

張攀峰，高艷艷，郝阿敏，張　瑞，劉　迪

（河北師范大學(xué)信息技術(shù)學(xué)院，河北石家莊050024）

交互式微視頻資源的設(shè)計(jì)與應(yīng)用*——以“Photoshop平面設(shè)計(jì)”課程為例

張攀峰，高艷艷，郝阿敏，張瑞，劉迪

（河北師范大學(xué)信息技術(shù)學(xué)院，河北石家莊050024）

交互式微視頻資源的設(shè)計(jì)開發(fā)，一直以來是教育領(lǐng)域所關(guān)注的焦點(diǎn)。對(duì)于如何運(yùn)用交互式微視頻資源來激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣、提高學(xué)習(xí)效果，越來越受到教育領(lǐng)域中諸多專家的重視。本文以“Photoshop平面設(shè)計(jì)”課程設(shè)計(jì)為例，對(duì)交互式微視頻的教學(xué)設(shè)計(jì)應(yīng)用進(jìn)行研究。

交互式微視頻；Photoshop平面設(shè)計(jì)；教學(xué)設(shè)計(jì)

一、引言

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，學(xué)習(xí)方式呈現(xiàn)出開放、多元、自主的特點(diǎn)，學(xué)習(xí)資源走向多樣化、切需化、便捷化。以“微博”為代表的學(xué)習(xí)資源促進(jìn)了微資源在教育領(lǐng)域的應(yīng)用，包括微課程，微視頻等。[1]隨著可汗學(xué)院受到社會(huì)人士的追捧，教學(xué)微視頻資源再次從視頻資源中脫穎而出,成為全球高等教育和基礎(chǔ)教育關(guān)注的焦點(diǎn)。2011年11月9日，教育部推出20門課程向社會(huì)公眾免費(fèi)開放，短短5天中，視頻點(diǎn)擊量己逾10萬次。然而微視頻是一種學(xué)習(xí)資源，內(nèi)容質(zhì)量是會(huì)影響學(xué)習(xí)者的學(xué)習(xí)效果，因?yàn)槲⒁曨l的教學(xué)設(shè)計(jì)研究對(duì)于微視頻的發(fā)展有很重要的意義。本文以“Photoshop平面設(shè)計(jì)”課程為例，來探索和研究其課程的教學(xué)設(shè)計(jì)。

二、交互式微視頻的發(fā)展、內(nèi)涵及特征

微視頻在于其短小精悍，最初用于搞笑、娛樂，人們用DV、手機(jī)拍攝，用網(wǎng)線和藍(lán)牙上傳，視頻中包含著作者的情感態(tài)度。后用于教育領(lǐng)域，為學(xué)習(xí)者提供學(xué)習(xí)資源，例如華圖網(wǎng)校關(guān)于行測(cè)、申論的YY微視頻等。[2]交互式微視頻是指在基于計(jì)算機(jī)的學(xué)習(xí)環(huán)境，學(xué)習(xí)者能與學(xué)習(xí)內(nèi)容和學(xué)習(xí)資源之間進(jìn)行相互作用和實(shí)行相關(guān)操作的視頻。

隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，學(xué)習(xí)媒體的多樣化使得學(xué)習(xí)者注意力的穩(wěn)定性變?nèi)?，因此微視頻學(xué)習(xí)資源越來越受到學(xué)習(xí)者的青睞。它的特點(diǎn)是播放時(shí)間短、交互性強(qiáng)、播放形式靈活度高。方便學(xué)習(xí)者控制學(xué)習(xí)進(jìn)度，學(xué)習(xí)者可以通過手機(jī)、平板、Mp4等移動(dòng)終端隨時(shí)隨地學(xué)習(xí)，不受時(shí)間和空間限制，拓寬其視角，深化知識(shí)建構(gòu)水平。微視頻是以教學(xué)大綱為依據(jù)，以文字教材為依托，以教學(xué)目標(biāo)為根據(jù)，選擇某學(xué)科、某年級(jí)所有適合視頻媒介表現(xiàn)的教學(xué)內(nèi)容，尤其是重點(diǎn)和難點(diǎn)，拍攝制作成系列的數(shù)字視頻教學(xué)資源，以供學(xué)習(xí)者自學(xué)。[3]

三、交互式微視頻的設(shè)計(jì)原則

交互式微視頻的設(shè)計(jì)原則和傳統(tǒng)教學(xué)設(shè)計(jì)的總原則是一致的，主要有以下四個(gè)方面。

（1）實(shí)用性原則：實(shí)用性原則主要是針對(duì)實(shí)踐性較強(qiáng)的課程，例如“Photoshop平面設(shè)計(jì)”重點(diǎn)在于PS軟件的應(yīng)用，在講解其軟件的工具和具體用法后，要對(duì)其工具進(jìn)行應(yīng)用練習(xí)，只有這樣才可以學(xué)好這門課程。因此，在交互式微視頻設(shè)計(jì)過程中，要定位于實(shí)際應(yīng)用和綜合能力，對(duì)課程的核心技術(shù)進(jìn)行歸納，利用任務(wù)驅(qū)動(dòng)法或者虛擬現(xiàn)實(shí)技術(shù)，使學(xué)習(xí)者置身專業(yè)環(huán)境中，熟悉操作技能和制作流程。

（2）通俗性原則：交互式微視頻需要載入互聯(lián)網(wǎng)，因此視頻面向的對(duì)象是所有學(xué)習(xí)者，而學(xué)習(xí)者的學(xué)習(xí)程度和學(xué)習(xí)經(jīng)歷有所不同。因此，根據(jù)學(xué)習(xí)者對(duì)課程的掌握程度分為初學(xué)者和有經(jīng)驗(yàn)的學(xué)習(xí)者，對(duì)這兩個(gè)分別進(jìn)行設(shè)計(jì)，但其設(shè)計(jì)內(nèi)容要通俗易懂，要符合這些學(xué)習(xí)者的認(rèn)知結(jié)構(gòu)和學(xué)習(xí)特點(diǎn)，使得學(xué)習(xí)者能更好地學(xué)習(xí)課程、掌握知識(shí)點(diǎn)、提高學(xué)習(xí)效率。

（3）交互性原則：在計(jì)算機(jī)輔助教育中，“交互”是指在基于計(jì)算機(jī)的學(xué)習(xí)環(huán)境中能讓學(xué)習(xí)者與學(xué)習(xí)內(nèi)容、學(xué)習(xí)資源之間相互作用的功能和操作。[4]交互性被譽(yù)為互聯(lián)網(wǎng)絡(luò)的最大優(yōu)勢(shì)，利用其交互性，一方面學(xué)習(xí)者可以掌控學(xué)習(xí)進(jìn)度，檢查之前的學(xué)習(xí)效果，及時(shí)解決學(xué)習(xí)中遇到的困難。另一方面對(duì)于實(shí)踐性較強(qiáng)的課程，視頻學(xué)習(xí)過程中，學(xué)習(xí)可以直接通過視頻對(duì)軟件或者項(xiàng)目進(jìn)行操作。

（4）開放性原則：開放性原則指微視頻的公開性，應(yīng)該允許所有人點(diǎn)擊視頻進(jìn)行學(xué)習(xí)。這一原則有利于縮小教育水平的差距，實(shí)現(xiàn)教育公平。同時(shí)，學(xué)習(xí)者可以自由選擇所需或者感興趣的課程微視頻進(jìn)行學(xué)習(xí)，這樣的學(xué)習(xí)具有針對(duì)性，再加上學(xué)習(xí)者學(xué)習(xí)的主動(dòng)性，使得學(xué)習(xí)效率大大提高。學(xué)習(xí)者又是基于自己的興趣點(diǎn)，這也會(huì)有利于學(xué)生個(gè)性化的發(fā)展。

四、教學(xué)設(shè)計(jì)流程

交互式微視頻在“Photoshop平面設(shè)計(jì)”課程學(xué)習(xí)資源的教學(xué)設(shè)計(jì)流程規(guī)劃為四個(gè)階段，分別是分析階段、設(shè)計(jì)階段、開發(fā)階段、測(cè)試與評(píng)價(jià)階段。

1.分析階段

Photoshop是一門實(shí)踐性很強(qiáng)的課程，具有豐富的圖像編輯以及制作特效功能，在網(wǎng)頁制作和多媒體課件中得到廣泛的應(yīng)用。Photoshop課程在學(xué)校乃至社會(huì)都很受歡迎，在大學(xué)課程中，不僅計(jì)算機(jī)相關(guān)專業(yè)在學(xué)習(xí)，它也是學(xué)校為其他專業(yè)設(shè)置的公選課。另外還包括一些社會(huì)人士為滿足工作需要在自學(xué)這門課程。因此“Photoshop平面設(shè)計(jì)”面向的學(xué)習(xí)者不僅僅是零基礎(chǔ)的初學(xué)者，還包括一些有一定經(jīng)驗(yàn)的學(xué)習(xí)者。[5]

該課程具有生動(dòng)直觀、實(shí)踐性強(qiáng)、藝術(shù)創(chuàng)造性強(qiáng)等特點(diǎn)。但面對(duì)Photoshop的“復(fù)雜、靈活、綜合性強(qiáng)”等特點(diǎn)，也讓很多學(xué)生只知其然而不知其所以然，只掌握表面的知識(shí)，而不會(huì)深入地挖掘。面對(duì)中職學(xué)生起點(diǎn)水平的參差不齊，個(gè)人興趣、審美能力的差異，如何把學(xué)生吸引到教學(xué)中來，讓學(xué)生樂學(xué)、好學(xué)的完成學(xué)習(xí)任務(wù)是每一個(gè)計(jì)算機(jī)教師都想過的問題。[6][7]

針對(duì)上述兩種問題，傳統(tǒng)的教學(xué)方法、教學(xué)手段、教學(xué)資源已不能滿足大量學(xué)習(xí)者的學(xué)習(xí)需求。傳統(tǒng)的教學(xué)方法有很多的不足，限制學(xué)生學(xué)習(xí)的積極性和主動(dòng)性，限制學(xué)生思維的擴(kuò)散和創(chuàng)造能力，不利于學(xué)生的個(gè)性發(fā)展。利用交互式微視頻來教學(xué)，一方面可以利用網(wǎng)絡(luò)的傳播，來滿足自學(xué)者的需求。另一方面利用視頻的交互性來提高學(xué)習(xí)者的對(duì)PS軟件的操作能力，增強(qiáng)其實(shí)踐性。

分析階段包括學(xué)習(xí)者分析、學(xué)習(xí)需要分析、學(xué)習(xí)目標(biāo)和內(nèi)容分析。[8]

在學(xué)習(xí)“photoshop平面設(shè)計(jì)”這門課程之前，學(xué)習(xí)者的學(xué)習(xí)程度和學(xué)習(xí)經(jīng)歷有所不同，因此在進(jìn)行微視頻設(shè)計(jì)前要進(jìn)行學(xué)習(xí)者分析，了解學(xué)生認(rèn)知的、情感的、社會(huì)的等特征，為后續(xù)的設(shè)計(jì)階段提供依據(jù)，以此來有效地促進(jìn)學(xué)習(xí)者對(duì)課程的學(xué)習(xí)。

學(xué)習(xí)需要是指在某一特定情境下，學(xué)習(xí)者學(xué)習(xí)方面目前的狀態(tài)與所期待達(dá)到的狀態(tài)或應(yīng)該達(dá)到的狀態(tài)之前的差距。通過學(xué)習(xí)需要分析，進(jìn)而可以了解學(xué)習(xí)者學(xué)習(xí)需求。對(duì)于“Photoshop平面設(shè)計(jì)”課程，若是初學(xué)者，則他們也許最先需要了解和掌握課程的基礎(chǔ)知識(shí)。若是有一定專業(yè)基礎(chǔ)的人士，則他們也許需要增強(qiáng)課程的實(shí)踐能力。

學(xué)習(xí)內(nèi)容決定學(xué)習(xí)目標(biāo)，學(xué)習(xí)目標(biāo)是課程各個(gè)單元目標(biāo)的總和，根據(jù)各個(gè)單元學(xué)習(xí)內(nèi)容和目標(biāo)，需要選擇合適的教學(xué)方法。對(duì)于“Photoshop平面設(shè)計(jì)”可以分為講練法和項(xiàng)目教學(xué)法。比如講到畫筆內(nèi)容時(shí)，可以用講練法，先講其用法再練習(xí)。講到色彩內(nèi)容時(shí)，則可以用項(xiàng)目教學(xué)法，展示一張色彩豐富的圖片，進(jìn)行講解和操作。

2.設(shè)計(jì)階段

設(shè)計(jì)階段是“Photoshop平面設(shè)計(jì)”課程學(xué)習(xí)資源設(shè)計(jì)的核心，參考分析階段的成果，將“Photoshop平面設(shè)計(jì)”學(xué)習(xí)者大體分為兩類：初學(xué)者和有一定經(jīng)驗(yàn)的學(xué)習(xí)者。因此將學(xué)習(xí)資源分為基礎(chǔ)版和強(qiáng)化版兩大模塊，學(xué)習(xí)者可以通過考試來由系統(tǒng)決定選取哪個(gè)模塊開始學(xué)習(xí)。當(dāng)然，學(xué)習(xí)者也可以自由選擇模塊開始學(xué)習(xí)，具體流程如圖1所示。

圖1　系統(tǒng)流程

因此，對(duì)應(yīng)基礎(chǔ)板塊和強(qiáng)化板塊有不同的教學(xué)微視頻，初學(xué)者在學(xué)習(xí)基礎(chǔ)板塊后可以直接進(jìn)入強(qiáng)化板塊來鞏固和提高自己剛剛學(xué)到的知識(shí)點(diǎn)?；A(chǔ)板塊實(shí)行講授加演示，強(qiáng)化板塊實(shí)行項(xiàng)目教學(xué)，對(duì)不同的學(xué)習(xí)人群采用不同的教學(xué)策略。[9]具體教學(xué)過程如表1、表2所示。

表1　基礎(chǔ)板塊教學(xué)過程

3.開發(fā)階段

開發(fā)階段是根據(jù)設(shè)計(jì)階段的流程，準(zhǔn)備設(shè)備、人員和素材進(jìn)行微視頻資源開發(fā)。Captivate 4是Adobe公司的一款屏幕錄像軟件，與普通的屏幕錄制軟件相比，它不但可以錄制軟件操作過程，而且可以錄制鼠標(biāo)和鍵盤的操作動(dòng)作，能夠制作具有人機(jī)交互特點(diǎn)的視頻。[10]因此開發(fā)工具可以選擇Captivate 4，集成課程內(nèi)容，選擇適當(dāng)?shù)慕虒W(xué)方法形成微視頻，編寫相應(yīng)的講解文字材料。并編寫基礎(chǔ)版和強(qiáng)化版的測(cè)試題，以供學(xué)生進(jìn)行總結(jié)性評(píng)價(jià)。

表2　強(qiáng)化板塊教學(xué)過程

開發(fā)階段包括前期準(zhǔn)備、錄制過程、后期編輯。[11][12]

（1）前期準(zhǔn)備：下載并安裝Captivate 4和Photoshop,如果需要同期錄音，那么還要連接好話筒，并用Windows附帶的“錄音機(jī)”程序測(cè)試正常。在PowerPoint中制作要講授內(nèi)容的PPT，在Captivate軟件中插入其PPT，以備下一階段運(yùn)用。

（2）錄制過程：錄制過程包括基礎(chǔ)板塊和強(qiáng)化板塊兩個(gè)教學(xué)過程?！盎A(chǔ)版塊”的教學(xué)過程是通過Captivate的示范模式將Photoshop的操作過程錄制下來，同時(shí)也包括錄制鼠標(biāo)和鍵盤的動(dòng)作?！皬?qiáng)化版塊”的教學(xué)過程是通過Captivate的訓(xùn)練模式將錄制Photoshop的操作過程。

（3）后期編輯：錄制完成后，軟件會(huì)跳轉(zhuǎn)到后期編輯。Captivate具有強(qiáng)大的后期編輯功能，通過編輯，我們可以改變幻燈片的字幕，以達(dá)到我們的需求。

4.測(cè)試與推廣階段

本階段主要的任務(wù)是選取一部分人分別對(duì)其基礎(chǔ)板塊和強(qiáng)化板塊進(jìn)行系統(tǒng)化學(xué)習(xí)。學(xué)習(xí)過后，進(jìn)行相應(yīng)的測(cè)試，檢驗(yàn)和分析學(xué)習(xí)者的學(xué)習(xí)效果。同時(shí)，學(xué)習(xí)者對(duì)“Photoshop平面設(shè)計(jì)”交互式微視頻庫(kù)提出意見和建議。通過上面的措施來改進(jìn)其設(shè)計(jì)的不足，反復(fù)修改和調(diào)整，來滿足學(xué)習(xí)者的學(xué)習(xí)需求，有效促進(jìn)學(xué)習(xí)，進(jìn)而載入互聯(lián)網(wǎng)。

五、結(jié)束語

隨著技術(shù)和新媒體的發(fā)展，使得學(xué)習(xí)方式多樣化。碎片化和移動(dòng)學(xué)習(xí)逐漸成為現(xiàn)在人類學(xué)習(xí)和生活方式的主流，交互式微視頻學(xué)習(xí)資源必將受到學(xué)習(xí)者的青睞。因此則需對(duì)交互式微視頻學(xué)習(xí)資源的設(shè)計(jì)進(jìn)行深入的研究，以此來有效地促進(jìn)學(xué)習(xí)者的學(xué)習(xí)。本文就“Photoshop平面設(shè)計(jì)”這門課程的設(shè)計(jì)做了簡(jiǎn)單的闡述。由于微視頻可以應(yīng)用到很多學(xué)科，所以有關(guān)其他學(xué)科的學(xué)習(xí)資源設(shè)計(jì)，需要再進(jìn)行深入的探索和研究。

[1]王覓,賀斌,祝智庭.微視頻課程:演變、定位與應(yīng)用領(lǐng)域[J].中國(guó)電話教育,2013(4):88-94.

[2]微視頻[DB/OL]http://baike.baidu.com/view/ 566540.htm,2013-5-3.

[3]黎珊霞.教學(xué)微視頻的設(shè)計(jì)與應(yīng)用[J].教育信息技術(shù),2013(6):44-46.

[4]Sims,R.(1999).The Interactive Conundrum I: Interactive Constructs and LearningTheory[A].J.W inn (Ed).Responding toDi-versity.Proceedingsof16th Annual-Conference of SCILITE[C].Bris-bane:QUT,Teaching and Learning Support Services.[2005-07-07].http://www. ascilite.org.au/conferences/brisbane99/papers/sims.pdf.

[5]劉愛宏.Photoshop課程網(wǎng)上學(xué)習(xí)系統(tǒng)的設(shè)計(jì)與研究[D].天津:河北工業(yè)大學(xué),2011.

[6]宋浩杰,王璐.淺談PhotoShop課程教學(xué)方法[J].科技資訊,2007(3):162-164.

[7]王少萍,徐勇.淺談Photoshop課程的教學(xué)[J].濟(jì)南教育學(xué)院學(xué)報(bào),2004(2):62-63.

[8]何克抗,鄭永柏,謝幼如.教學(xué)系統(tǒng)設(shè)計(jì)[M].北京：北京師范大學(xué)出版社,2002(10).

[9]張屹,黃欣,謝浩泉,白清玉.交互式微視頻教學(xué)資源的研發(fā)與應(yīng)用——以“教育技術(shù)學(xué)研究方法”為例[J].電化教育研究,2013(5):48-54.

[10]董文勝,殷曉字,趙蔚.Adobe Captive 3軟件在信息技術(shù)教學(xué)中的應(yīng)用[J].中國(guó)教育信息化,2009(7):53-55.

[11]張屹,黃欣,謝浩泉,白清玉.交互式微視頻教學(xué)資源的研發(fā)與應(yīng)用——以“教育技術(shù)學(xué)研究方法”為例[J].電化教育研究,2013(5):48-54.

[12]董文勝,殷曉字,趙蔚.Adobe Captive 3軟件在信息技術(shù)教學(xué)中的應(yīng)用[J].中國(guó)教育信息化,2009(7):53-55.

（編輯：楊馥紅）

中國(guó)分類號(hào)：G443A

1673-8454（2015）07-0048-04

*本文為河北師范大學(xué)第13批教改課題‘“Photoshop平面設(shè)計(jì)”微課程學(xué)習(xí)資源的設(shè)計(jì)開發(fā)研究’的結(jié)項(xiàng)成果之一。