基于VedioCapture技術(shù)的軟件導(dǎo)學(xué)案例的設(shè)計(jì)與實(shí)現(xiàn)

楊 眉 劉瑞儒 孟亞玲

【摘要】 基于VedioCapture技術(shù)構(gòu)建的軟件導(dǎo)學(xué)案例,有助于提高教學(xué)效率和效果。在概括介紹了VedioCapture技術(shù)的特點(diǎn)和優(yōu)勢(shì)之后,分析了軟件教學(xué)過(guò)程中學(xué)習(xí)者的認(rèn)知特點(diǎn),并重點(diǎn)以學(xué)習(xí)Dreamweaver軟件為例介紹了VedioCapture技術(shù)的具體教學(xué)應(yīng)用。

【關(guān)鍵詞】VedioCapture技術(shù);導(dǎo)學(xué)案例;Dreamweaver

【中圖分類(lèi)號(hào)】G420 【文獻(xiàn)標(biāo)識(shí)碼】A 【論文編號(hào)】1009—8097(2009)08—0136—03

軟件教學(xué)是一類(lèi)實(shí)踐性很強(qiáng)的課程,對(duì)教師而言,關(guān)鍵在于課堂上的演示操作,對(duì)學(xué)習(xí)者而言最關(guān)注的也正是教師的每一步操作細(xì)節(jié)。而vediocapture技術(shù)可以幫助學(xué)習(xí)者輕松捕獲教師詳細(xì)的講解內(nèi)容和在電腦屏幕上的操作過(guò)程。本文結(jié)合作者五年來(lái)從事Dreamweaver的教學(xué)實(shí)踐,使用當(dāng)前比較流行的一款vediocapture軟件——屏幕錄像專(zhuān)家7.5設(shè)計(jì)了Dreamweaver軟件的導(dǎo)學(xué)案例,依此引發(fā)學(xué)習(xí)者的興趣和動(dòng)機(jī),使其進(jìn)行更深入的自主學(xué)習(xí)。

一 VedioCapture技術(shù)綜述

VedioCapture技術(shù)是多媒體軟件發(fā)展的新產(chǎn)物,該技術(shù)可輕松地將屏幕上的軟件操作過(guò)程、網(wǎng)絡(luò)教學(xué)課件、網(wǎng)絡(luò)電視、網(wǎng)絡(luò)電影、聊天視頻等錄制成FLASH動(dòng)畫(huà)、WMV動(dòng)畫(huà)、AVI動(dòng)畫(huà)或者自播放的EXE動(dòng)畫(huà)。目前基于VedioCapture技術(shù)開(kāi)發(fā)的共享軟件有Camtasia3.02、、CYY屏幕錄像助手、QQ視頻錄像機(jī)、屏幕錄像專(zhuān)家7.5等27種[1],其中屏幕錄像專(zhuān)家7.5憑借其強(qiáng)大的長(zhǎng)時(shí)錄制功能和后期編輯功能深受廣大用戶好評(píng),是一款使用率很高的視頻捕捉軟件。該軟件在長(zhǎng)時(shí)錄像時(shí)還能保持聲音的完全同步,使用簡(jiǎn)單,功能強(qiáng)大,是制作各種屏幕錄像和軟件教學(xué)動(dòng)畫(huà)的首選軟件。屏幕錄像專(zhuān)家的基本功能如下:[2]

1 支持長(zhǎng)時(shí)間錄像并且保證聲音同步。在硬盤(pán)空間足夠的情況下,可以進(jìn)行不限時(shí)錄象。錄制時(shí)可以設(shè)置是否同時(shí)錄制聲音,支持后期配音和聲音文件導(dǎo)入,還可以使錄制過(guò)程和配音分離。

2 可定時(shí)錄制,也可手動(dòng)設(shè)置,錄制目標(biāo)可自由選取:可以是全屏、選定窗口或者選定范圍。

3 錄制生成EXE文件,可以在任何電腦中(操作系統(tǒng)為windows98/2000/2003/XP等)播放,不需附屬文件。高度壓縮,生成文件小。EXE錄像播放的自動(dòng)擴(kuò)幀功能使播放畫(huà)面更加平滑,即使是1幀/秒也有平滑的效果。

4 錄制生成AVI動(dòng)畫(huà),支持各種壓縮方式。AVI擴(kuò)幀功能,可以制作1-25幀/秒的AVI動(dòng)畫(huà)。還可以自動(dòng)設(shè)置最佳幀數(shù)。

5 生成FLASH動(dòng)畫(huà),文件小可以在網(wǎng)絡(luò)上方便使用,同時(shí)可以支持附帶聲音并且保持聲音同步。

6 后期編輯功能,支持EXE截取、EXE合成、EXE轉(zhuǎn)成LX、LX截取、LX合成、AVI合成、AVI截取、AVI轉(zhuǎn)換壓縮格式,EXE轉(zhuǎn)成AVI等功能。

7 可以用來(lái)錄制軟件操作教程、長(zhǎng)時(shí)間錄制網(wǎng)絡(luò)課件、錄制QQ/MSN等聊天視頻、錄制網(wǎng)絡(luò)電視節(jié)目、錄制電影片段等。也可用于制作教學(xué)軟件DVD 或上傳到視頻網(wǎng)站的軟件教程。

二 軟件學(xué)習(xí)過(guò)程中學(xué)習(xí)者的認(rèn)知特點(diǎn)

學(xué)習(xí)者在進(jìn)行學(xué)習(xí)時(shí)總要依據(jù)學(xué)習(xí)內(nèi)容選擇有效的學(xué)習(xí)策略。在傳統(tǒng)科目的課堂教學(xué)中,做筆記是學(xué)習(xí)者普遍采用的一種學(xué)習(xí)策略[3]。通過(guò)復(fù)習(xí)筆記來(lái)加強(qiáng)對(duì)課堂教學(xué)內(nèi)容的理解和掌握。而軟件教學(xué)是一種特殊的教學(xué)內(nèi)容,學(xué)習(xí)者如若采用做筆記的學(xué)習(xí)策略來(lái)記錄課堂上教師的每一步操作顯然是行不通的。理由很簡(jiǎn)單:教師操作過(guò)快,學(xué)習(xí)者要聽(tīng)要看還要記筆記,顯然跟不上教師的節(jié)奏。但作為學(xué)習(xí)者,他們又很希望自己能夠記住教師的每一個(gè)講解步驟,以便在上機(jī)時(shí)熟練操作。然而,就在這種特殊的教學(xué)內(nèi)容和學(xué)習(xí)者認(rèn)知特點(diǎn)的需求下,VedioCapture技術(shù)應(yīng)運(yùn)而生。教師可以借助電腦、話筒和視頻捕獲軟件,將自己的講解內(nèi)容和軟件操作過(guò)程錄制下來(lái),作為課堂的視頻教學(xué)材料。這種教學(xué)策略恰恰符合了軟件教學(xué)中學(xué)習(xí)者的認(rèn)知特點(diǎn)。眾所周知,一切認(rèn)知學(xué)習(xí)行為都是由動(dòng)機(jī)引起的,學(xué)習(xí)動(dòng)機(jī)是認(rèn)知學(xué)習(xí)中最重要的必備條件之一。[4]在軟件學(xué)習(xí)過(guò)程中,及時(shí)跟蹤教師的每一步操作是學(xué)習(xí)者持之以恒的尋求有關(guān)學(xué)習(xí)信息的關(guān)鍵因素。而VedioCapture技術(shù)給學(xué)習(xí)者提供了可行性條件,它能夠把教師的演示過(guò)程聲畫(huà)并茂地呈示給學(xué)習(xí)者。學(xué)習(xí)者通過(guò)反復(fù)觀看和上機(jī)練習(xí),不但可以快速掌握軟件的基本操作和教師的案例演示,有余力的同學(xué)還能夠在此基礎(chǔ)上進(jìn)行創(chuàng)新,從而使其進(jìn)入更深層次的自主學(xué)習(xí)。由執(zhí)教者自己制作的視頻教學(xué)課件不但貼近教學(xué)目標(biāo),而且符合學(xué)習(xí)者的認(rèn)知特點(diǎn),更是迎合了課件與學(xué)科教學(xué)整合的教改思想。

三 Dreamweaver軟件導(dǎo)學(xué)案例的設(shè)計(jì)與實(shí)現(xiàn)

下面以《Dreamweaver軟件導(dǎo)學(xué)案例》的設(shè)計(jì)為例,屏幕錄像專(zhuān)家7.5為制作工具介紹VedioCapture技術(shù)的具體教學(xué)應(yīng)用。

1 Dreamweaver的導(dǎo)學(xué)內(nèi)容

Dreamweaver是Macromedia公司為Web開(kāi)發(fā)者量身定做的一套專(zhuān)業(yè)可視化網(wǎng)頁(yè)設(shè)計(jì)工具。不論你是網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者或是網(wǎng)站開(kāi)發(fā)人員,無(wú)論是網(wǎng)頁(yè)設(shè)計(jì)的美工還是高級(jí)編程人員,Dreamweaver都提供了相適應(yīng)的功能。[5]與同類(lèi)軟件相比,它最大的優(yōu)勢(shì)在于:能夠快速創(chuàng)建站點(diǎn),使用方便,擴(kuò)展性強(qiáng),所以受到廣大網(wǎng)頁(yè)制作者的青睞。對(duì)于Dreamweaver初學(xué)者來(lái)講可從以下三方面入手循序漸進(jìn)地進(jìn)行學(xué)習(xí):Dreamweaver簡(jiǎn)介、使用Dreamweaver制作網(wǎng)頁(yè)的實(shí)戰(zhàn)案例以及自主學(xué)習(xí)方法的引導(dǎo)。具體內(nèi)容組織結(jié)構(gòu)如下圖:

2 Dreamweaver軟件導(dǎo)學(xué)案例的設(shè)計(jì)方案

首先,依據(jù)以上Dreamweaver的導(dǎo)學(xué)內(nèi)容,將整體學(xué)習(xí)設(shè)計(jì)思路制作成PPT,其中的“工作界面簡(jiǎn)介”和“案例博客網(wǎng)頁(yè)制作”是Dreamweaver導(dǎo)學(xué)案例的重點(diǎn)內(nèi)容,要使用屏幕錄像專(zhuān)家7.5將其錄制成視頻文件,然后再對(duì)其畫(huà)面和音質(zhì)進(jìn)行處理,最后將每段視頻以屏幕錄像專(zhuān)家7.5支持的格式(擴(kuò)展名為.exe或.avi或.wmv)進(jìn)行保存并鏈接到PPT中。具體實(shí)現(xiàn)步驟是:

(1) 首先使用辦公軟件office2003中的powerpoint組件將整體學(xué)習(xí)設(shè)計(jì)思路和文本式學(xué)習(xí)內(nèi)容制作成PPT,然后使用屏幕錄像專(zhuān)家7.5把PPT的展示過(guò)程結(jié)合教師的講解制作成一個(gè)完整的后綴名為.exe的視頻文件。

(2) Dreamweaver是一款具有可視化操作界面的網(wǎng)頁(yè)制作軟件,工作組件較多,因此 “工作界面簡(jiǎn)介”是Dreamweaver導(dǎo)學(xué)過(guò)程中的重點(diǎn)、難點(diǎn)內(nèi)容,一定要直觀形象,給學(xué)習(xí)者適當(dāng)?shù)母泄俅碳?從而激發(fā)其學(xué)習(xí)興趣。 對(duì)“工作界面簡(jiǎn)介”的最好方法就是:運(yùn)行Dreamweaver軟件到初始工作界面,邊操作邊講解各工作區(qū)的功能,同時(shí)使用屏幕錄像專(zhuān)家7.5將整個(gè)過(guò)程和講解內(nèi)容錄制成可自播放的exe視頻動(dòng)畫(huà)。VedioCapture技術(shù)最大的優(yōu)勢(shì)在于:它能夠輕松捕獲Dreamweaver軟件的運(yùn)行過(guò)程和對(duì)其工作界面的每一步操作,下面是屏幕視頻教學(xué)動(dòng)畫(huà)錄制過(guò)程中捕獲到的Dreamweaver運(yùn)行畫(huà)面和其工作界面:

在“Dreamweaver簡(jiǎn)介”的視頻教學(xué)內(nèi)容中,教師對(duì)軟件的每一步操作清晰可見(jiàn),學(xué)習(xí)者即看即會(huì)。與傳統(tǒng)講授方式相比,這種視頻教學(xué)有其獨(dú)特的生存優(yōu)勢(shì)和升值空間。總之,“Dreamweaver簡(jiǎn)介”的視頻教學(xué)內(nèi)容的制作充分體現(xiàn)了VedioCapture技術(shù)在軟件導(dǎo)學(xué)案例制作領(lǐng)域中的應(yīng)用價(jià)值。

(3) “完整網(wǎng)頁(yè)制作過(guò)程”是Dreamweaver軟件導(dǎo)學(xué)案例設(shè)計(jì)的關(guān)鍵部分,考慮到Dreamweaver軟件的經(jīng)典功能,下面以“開(kāi)發(fā)個(gè)人博客”為主題,為學(xué)習(xí)者設(shè)計(jì)并制作了“如何使用Dreamweaver制作一個(gè)完整網(wǎng)頁(yè)”的實(shí)戰(zhàn)視頻導(dǎo)學(xué)案例。其制作方法同上,使用屏幕錄像專(zhuān)家7.5將整個(gè)網(wǎng)頁(yè)的詳細(xì)制作過(guò)程和教師的講解合制成一個(gè)可直接運(yùn)行的exe視頻文件。

屏幕錄像專(zhuān)家的長(zhǎng)時(shí)錄制功能的確不錯(cuò),但要錄制整個(gè)網(wǎng)頁(yè)的制作過(guò)程,視頻文件顯得太長(zhǎng),學(xué)習(xí)者長(zhǎng)時(shí)間觀看易產(chǎn)生視覺(jué)疲勞,嚴(yán)重影響其學(xué)習(xí)效果。而屏幕錄像專(zhuān)家還有一個(gè)優(yōu)點(diǎn),就是它強(qiáng)大的后期編輯功能,它支持EXE截取、EXE合成、EXE轉(zhuǎn)成LX、LX截取、LX合成、AVI合成、AVI截取、AVI轉(zhuǎn)換壓縮格式,EXE轉(zhuǎn)成AVI等功能。因此,我們可以利用屏幕錄像專(zhuān)家的截取功能把錄制好的視頻文件根據(jù)博客網(wǎng)頁(yè)的制作流程模塊截取成五段視頻。具體制作步驟如下:

(1) 創(chuàng)建站點(diǎn)。運(yùn)行Dreamweaver軟件,使用“站點(diǎn)”菜單的“創(chuàng)建站點(diǎn)”命令打開(kāi)站點(diǎn)創(chuàng)建向?qū)Т翱?創(chuàng)建名為“blog”的本地站點(diǎn),在文件工作面板中就會(huì)看到一個(gè)命名為“blog”的文件夾;

(2) 頁(yè)面布局設(shè)計(jì)。在該文件夾中新建一個(gè)名為“index.html”的文件,作為站點(diǎn)“blog”的首頁(yè)名稱(chēng)。雙擊該文件圖標(biāo),在設(shè)計(jì)視圖中使用Dreamweaver工具欄的布局表格和布局單元格設(shè)計(jì)網(wǎng)頁(yè)整體布局,結(jié)構(gòu)如圖4所示:

(3) Logo 、Banner的制作。 依據(jù)博客內(nèi)容風(fēng)格選擇添加合適的logo 、Banner圖片。

(4) 導(dǎo)航鏈接的制作。依據(jù)導(dǎo)航欄目添加對(duì)應(yīng)的鏈接。

(5) 添加頁(yè)面內(nèi)容。依據(jù)頁(yè)面布局結(jié)構(gòu)圖添加對(duì)應(yīng)的頁(yè)面信息,例如插入背景圖片、輸入網(wǎng)頁(yè)文本內(nèi)容,設(shè)計(jì)頁(yè)面css樣式等,詳細(xì)操作步驟都在案例視頻文件中。

將以上五大步驟分別錄制作成獨(dú)立的視頻動(dòng)畫(huà),以便學(xué)習(xí)者的自主式強(qiáng)化學(xué)習(xí),使學(xué)習(xí)者在短時(shí)間內(nèi)破解網(wǎng)頁(yè)制作的神秘之門(mén),從而體會(huì)到學(xué)習(xí)的成功和樂(lè)趣。

四 構(gòu)建Dreamweaver軟件導(dǎo)學(xué)案例時(shí)存在的問(wèn)題及解決方案

在使用屏幕錄像專(zhuān)家7.5錄制Dreamweaver導(dǎo)學(xué)案例時(shí)可能會(huì)出現(xiàn)諸多問(wèn)題,例如畫(huà)面不流暢,講解配音的噪聲太大等等。下面是作者在錄制Dreamweaver導(dǎo)學(xué)案例過(guò)程中積累的一點(diǎn)經(jīng)驗(yàn),僅供參考。

要錄制好的視頻教學(xué)內(nèi)容,需要做好以下幾項(xiàng)準(zhǔn)備工作:

1 先要設(shè)置合適的屏幕分辨率。不管你的電腦配置如何,在錄制視頻時(shí)最好將電腦屏幕的顯示分辨率設(shè)置為800x600,顏色質(zhì)量設(shè)為16位。這樣速度較快,錄制時(shí)占用的系統(tǒng)資源也比較少,并且能夠保證畫(huà)面的流暢和正常顯示。

2 屏幕錄像專(zhuān)家7.5的屬性設(shè)置。在基本設(shè)置選項(xiàng)中,除了另行指定生成文件的保存路徑外,其它設(shè)置均保持默認(rèn)屬性。指定保存路徑是為了給生成文件留有足夠的空間,確保長(zhǎng)時(shí)間錄制的順利進(jìn)行。

3 聲音設(shè)置。采樣位數(shù)設(shè)為“16”,采樣頻率設(shè)為“11025”,如若音質(zhì)不佳,也可設(shè)為“22050”;聲音來(lái)源要選擇“Microphone”或“話筒”;音量設(shè)置很關(guān)鍵,除了把屏幕錄像專(zhuān)家7.5的音量設(shè)為最低外,還要把電腦的話筒和音箱的音量調(diào)到最低。這樣可以最大限度地降低講解配音的噪聲。當(dāng)然為了避免錄音過(guò)程中外界聲音的介入以及話筒的“噗噗”聲,最好選擇一個(gè)安靜的空間,并且給話筒自制一個(gè)防塵罩。

4 文件保存格式。使用屏幕錄像專(zhuān)家7.5錄制的視頻文件一般情況下都選擇默認(rèn)的保存格式,即“直接錄制生成的exe格式”。該格式文件兼容性好,占用空間小。

以上只是對(duì)硬件的屬性設(shè)置和客觀錄制環(huán)境的要求,當(dāng)然要制作好的視頻動(dòng)畫(huà),對(duì)案例中人的要求也是很?chē)?yán)格的。教師的講解速度不能太快,語(yǔ)言要精練,更重要的是和自身對(duì)電腦的操作要保持良好的同步。

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

設(shè)計(jì)本案例只是給初學(xué)者及Dreamweaver愛(ài)好者起到一個(gè)引導(dǎo)入門(mén)的作用,當(dāng)然學(xué)習(xí)者也可以依據(jù)案例中提供的學(xué)習(xí)方法進(jìn)行更深入的自主學(xué)習(xí)。

總之,基于VedioCapture技術(shù)構(gòu)建Dreamweaver軟件導(dǎo)學(xué)案例利于學(xué)習(xí)者及時(shí)跟蹤教師對(duì)Dreamweaver的具體操作步驟和詳細(xì)講解過(guò)程,通過(guò)對(duì)案例的反復(fù)觀賞和上機(jī)操練,進(jìn)一步加強(qiáng)學(xué)習(xí)者對(duì)Dreamweave軟件的運(yùn)用和掌握,有助于提高教學(xué)的效率和效果。