梁瑞仕，馬慧，何懷文

（電子科技大學(xué)中山學(xué)院計算機(jī)學(xué)院，中山528402）

0 引言

實(shí)踐實(shí)訓(xùn)類課程是新工科學(xué)科課程的重要組成部分[1]，建設(shè)優(yōu)秀的精品實(shí)踐類教學(xué)案例視頻資源有助于提高學(xué)生的學(xué)習(xí)興趣，降低動手實(shí)踐的難度，使學(xué)生更好的掌握課程知識，從而提升教學(xué)效果。

Web 應(yīng)用開發(fā)課程作為計算機(jī)類和軟件類專業(yè)的核心專業(yè)課程，非常注重學(xué)生上機(jī)實(shí)踐能力的培養(yǎng)，需要設(shè)計大量的實(shí)踐教學(xué)資源。在廣東省精品資源課程項(xiàng)目的資助下，本課程逐步探索輕量級實(shí)踐類教學(xué)案例視頻資源建設(shè)方法，開發(fā)了一系列的基于幀動畫視頻的實(shí)踐教學(xué)案例視頻，并在教學(xué)活動當(dāng)中廣泛使用，取得了良好的教學(xué)效果。

1 實(shí)踐類教學(xué)案例視頻資源建設(shè)方法現(xiàn)狀

隨著慕課的普及和大范圍運(yùn)用[2]，視頻資源建設(shè)成為線上課程的重點(diǎn)和難點(diǎn)。計算機(jī)圖文顯示技術(shù)的發(fā)展，帶來了很多便利化的手段開發(fā)視頻資源。

然而，新技術(shù)和各類軟件的使用，無形中加大了教師制作視頻資源的難度，提高了視頻制作的門檻，使很多教師對視頻資源開發(fā)望而卻步。同時，各類軟件的安裝、視頻資源龐大的體量，也給資源的下載和傳播帶來了很大的不便，影響了學(xué)生的學(xué)習(xí)積極性。表1 列出了常用的視頻資源制作的技術(shù)手段及優(yōu)缺點(diǎn)。

表1 常用的視頻資源制作的技術(shù)手段及優(yōu)缺點(diǎn)

可以看出，屏幕錄制方式和攝像機(jī)拍攝方式都能達(dá)到完整記錄實(shí)踐過程的目的，然而都會造成資源體積龐大，而且也需要專業(yè)的后期編輯技術(shù)，需要專業(yè)的視頻編輯軟件，復(fù)雜度較高，加大了視頻資源的制作門檻和成本。圖片+文字的方式雖然很簡單，制作門檻低，且文件體積小，但卻容易丟失最關(guān)鍵的實(shí)踐過程，不利于學(xué)生的學(xué)習(xí)。

顯然，尋找一種既能降低視頻制作難度，又能完整記錄實(shí)踐過程的輕量級視頻資源建設(shè)方法對于教和學(xué)兩個環(huán)節(jié)都很有必要也很有現(xiàn)實(shí)意義。

2 基于幀動畫的輕量級視頻資源建設(shè)方法

幀動畫是一種結(jié)合圖片、文字、動態(tài)過程的信息展示方法，所制作的動畫視頻體積小，可在瀏覽器、視頻播放器、圖文處理軟件等大量系統(tǒng)和軟件中播放，適合下載和傳播，制作簡單，是一種輕量級的視頻資源建設(shè)方法。

本文以Wink 軟件為例，介紹基于幀動畫的輕量級視頻資源建設(shè)方法。Wink 軟件是一款免費(fèi)開源的屏幕抓取和圖文編輯的處理軟件，官方下載網(wǎng)址：https://www.debugmode.com/wink/，安裝包大小僅5.6MB，經(jīng)過后期編輯可生成多種格式的資源，包括MP4 視頻、Flash 動畫、PDF 文件、HTML 網(wǎng)頁等，根據(jù)生成文件的時間長短不同，文件體積通常在幾兆到幾十兆之間，非常小巧，適合本地拷貝，也適合網(wǎng)絡(luò)上傳下載和在線播放，亦可嵌入到其他格式文件當(dāng)中。

Wink 軟件制作視頻資源的核心操作非常簡單。教師在上機(jī)實(shí)踐過程中，對每一個操作步驟，只需使用Pause 快捷鍵，則當(dāng)前界面截屏及鼠標(biāo)位置會自動保存到Wink 軟件中。當(dāng)所有步驟結(jié)束，全部界面截屏已經(jīng)保存。之后，對每一個截屏，可以調(diào)整鼠標(biāo)位置（尤其是存在點(diǎn)擊動作的時候，鼠標(biāo)的位置是關(guān)鍵信息），添加文字說明解釋，配置錄音，調(diào)整當(dāng)面畫面顯示的時長等，幀與幀之間還可以添加切換過渡效果。最后，將整個Wink 項(xiàng)目保存之后，可根據(jù)需要導(dǎo)出為Flash 動畫、PDF 文件、HTML 網(wǎng)頁等，還可以繼續(xù)后期轉(zhuǎn)換為MP4 視頻格式。

3 Web應(yīng)用開發(fā)輕量級實(shí)踐類教學(xué)案例視頻資源建設(shè)實(shí)踐

本文以廣東省精品資源建設(shè)課程Web 應(yīng)用開發(fā)課程為例，介紹輕量級實(shí)踐類教學(xué)案例視頻資源建設(shè)具體實(shí)踐。所有資源均可在超星泛雅平臺上本課程在線課堂的主頁上觀看和下載[3]。本文選取Web 開發(fā)環(huán)境安裝和配置過程以及LINQ to SQL 數(shù)據(jù)訪問實(shí)驗(yàn)作為示例，前者主要涉及常規(guī)的鼠標(biāo)點(diǎn)擊過程性步驟，后者則需要配上實(shí)驗(yàn)代碼進(jìn)行知識點(diǎn)分析和解釋。

3.1 Web開發(fā)環(huán)境安裝與配置

Web 開發(fā)環(huán)境的安裝與配置是進(jìn)入實(shí)踐學(xué)習(xí)的第一步，往往也是學(xué)生非常頭疼的環(huán)節(jié)。教材通常都是文字描述為主，而傳統(tǒng)的屏幕錄制視頻往往摻雜過多無關(guān)過程和講解，使學(xué)生無所適從。在輕量級視頻制作過程中，教師只要把每一個安裝和配置步驟的截圖記錄下來，放置好鼠標(biāo)點(diǎn)擊的關(guān)鍵位置，可以對每一個步驟或者重要的步驟添加文字說明或者語音注解，而后所有步驟截圖形成一系列完整連貫的操作視頻，非常方便學(xué)生依照步驟完成安裝和配置過程。最終我們生成的網(wǎng)頁版Flash 僅1.5MB 大小，包含17 個全部步驟的截圖以及完整的文字說明，每個頁面根據(jù)復(fù)雜程度不同停留2-4 秒，總時長不超過1 分鐘。在實(shí)踐過程中，大部分學(xué)生僅需觀看1-2 次即可完整理解和消化，并在5-10 分鐘左右完成全部過程，大大提高了學(xué)習(xí)效率，增強(qiáng)了學(xué)生的學(xué)習(xí)興趣。

圖1 Web開發(fā)環(huán)境的安裝與配置的輕量級視頻資源制作過程示例：勾選相關(guān)的組件

圖2 Web開發(fā)環(huán)境的安裝與配置的輕量級視頻資源制作過程示例：注冊組件

3.2 LINQ to SQL數(shù)據(jù)訪問編程實(shí)驗(yàn)

LINQ to SQL 技術(shù)是Web 應(yīng)用開發(fā)當(dāng)中極其重要的數(shù)據(jù)訪問框架，涉及到大量專業(yè)術(shù)語和編程技巧，難度較大。學(xué)生通過閱讀教材往往難以完整掌握實(shí)驗(yàn)過程，導(dǎo)致學(xué)生對于知識點(diǎn)的理解和消化存在障礙，更加影響后期的課程大作業(yè)和項(xiàng)目級別的實(shí)訓(xùn)。本課程對LINQ to SQL 技術(shù)進(jìn)行了細(xì)分拆解，分為2 個環(huán)節(jié)，分別對應(yīng)任務(wù)1：通過LINQ to SQL 組件的可視化向?qū)?shí)現(xiàn)數(shù)據(jù)的查詢，和任務(wù)2：通過LINQ to SQL 編程實(shí)現(xiàn)數(shù)據(jù)的查詢和插入，并在任務(wù)2 中分步驟列出了具體的操作過程和源代碼及其注釋，既方便學(xué)生快速參考模仿完成實(shí)驗(yàn)內(nèi)容，又便于學(xué)生仔細(xì)理解和消化編程過程和要點(diǎn)。

圖3 通過LINQ to SQL組件的可視化向?qū)?shí)現(xiàn)數(shù)據(jù)查詢的輕量級視頻資源制作過程示例：添加相關(guān)的類

圖4 通過LINQ to SQL組件的可視化向?qū)?shí)現(xiàn)數(shù)據(jù)查詢的輕量級視頻資源制作過程示例：拖放組件

4 結(jié)語

本文介紹了基于幀動畫的輕量級視頻資源建設(shè)方法，并運(yùn)用于Web 應(yīng)用開發(fā)課程的上機(jī)實(shí)驗(yàn)教學(xué)內(nèi)容的制作當(dāng)中，操作過程簡單易行，降低了教師制作精品資源的難度和門檻，使更多教師有能力開發(fā)實(shí)踐類視頻教學(xué)資源。同時，視頻資源體積小，內(nèi)容豐富，便于上傳下載與分發(fā)。實(shí)踐表明，該方法有利于增強(qiáng)學(xué)生學(xué)習(xí)積極性，特別適用于CDIO“做中學(xué)”的實(shí)踐教學(xué)模式[4]，能極大提升實(shí)踐教學(xué)效果。

圖5 通過LINQ to SQL編程實(shí)現(xiàn)數(shù)據(jù)查詢和插入的輕量級視頻資源制作過程示例：Page_Load事件代碼

圖6 通過LINQ to SQL編程實(shí)現(xiàn)數(shù)據(jù)查詢和插入的輕量級視頻資源制作過程示例：按鈕事件代碼

圖7 通過LINQ to SQL編程實(shí)現(xiàn)數(shù)據(jù)查詢和插入的輕量級視頻資源制作過程示例：運(yùn)行結(jié)果