輕量級實踐類教學案例視頻資源建設方法與實踐

梁瑞仕，馬慧，何懷文

（電子科技大學中山學院計算機學院，中山528402）

0 引言

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

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

1 實踐類教學案例視頻資源建設方法現狀

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

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

表1 常用的視頻資源制作的技術手段及優缺點

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

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

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

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

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

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

3 Web應用開發輕量級實踐類教學案例視頻資源建設實踐

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

3.1 Web開發環境安裝與配置

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

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

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

3.2 LINQ to SQL數據訪問編程實驗

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

圖3 通過LINQ to SQL組件的可視化向導實現數據查詢的輕量級視頻資源制作過程示例：添加相關的類

圖4 通過LINQ to SQL組件的可視化向導實現數據查詢的輕量級視頻資源制作過程示例：拖放組件

4 結語

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

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

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

圖7 通過LINQ to SQL編程實現數據查詢和插入的輕量級視頻資源制作過程示例：運行結果