2010年10月4日 星期一

電腦操作步驟錄製工具

PSR」的原文為「Problem Steps Recorder」,是Windows 7系統中內建的相當實用的電腦操作步驟錄製工具。它可以讓使用者輕鬆、輕易地將目前電腦看到的錯誤畫面、操作過程中遇到的問題,轉成一般網頁的圖文顯示方式,用一步一圖的方式展示每個操作細節。讓一般使用者可以將這些畫面傳送給電腦維修公司或維修工程師,協助處理問題。
除了當做維修用的錄製工具之外,其實也可以拿來當做電腦操作教學,因為每個步驟都會自動抓圖下來,圖片上方還有簡單的操作步驟敘述(中文),如果你剛好需要透過網路遠端示範如果用電腦做什麼設定或功能操作,都可以用PSR工具來幫我們錄製完整、詳細的電腦使用方式與操作步驟。




使用方法:

第1步  直接在開始選單下面的方框輸入「psr」再按「Enter」,或按「視窗」+「R」開啟執行視窗後,輸入「psr」後再按「確定」,開啟Windows 7系統內建的電腦操作步驟錄製工具。
01  

第2步  開啟Problem Steps Recorder之後,直接按一下「開始錄製」按鈕,或按「Alt」+「A」快速鍵,即可開始錄製電腦操作步驟。
02  

第3步  此時可以開始操作你要示範的軟體、進行電腦設定或展示有問題的電腦畫面,PSR軟體會自動將每個步驟、每個畫面都錄下來。如果要停止的話,請按一下「停止錄製」按鈕。
03  

第4步  按下「停止錄製」按鈕後,會自動跳出一個「另存新檔」的視窗,請輸入檔案名稱後再按「存檔」按鈕,將剛剛錄製下來的畫面與操作步驟全部存檔下來。
04  

第5步  找到剛剛儲存的檔案並解壓縮之後,裡面會有一個名稱為「Problem_xxxxxxx.mht」的網頁檔,直接按兩下或用IE、Firefox、Google Chrome等網路瀏覽器開啟即可瀏覽內容。
05  

第6步  如圖,剛剛錄製下來的操作步驟已經變成一步一圖的超完整說明圖文了!
06

For WinXP:

如果要抓螢幕畫面,用鍵盤上的Print Screen按鍵就可以抓下來,或者可以用類似SnagIt這種抓圖軟體來擷取。不過如果你想把Windows中的電腦操作畫面「錄影」下來,該怎麼做呢?或者你想把一些電腦操作步驟錄成一個教學影片或Flash檔的話,那要用什麼軟體會比較方便呢?




以下所介紹的Wink螢幕錄影軟體是國內外相當有名氣的免費軟體,不但可以讓我們很輕鬆的將Windows電腦中的螢幕畫面錄影下來,還可以讓我們在任何一個畫面中插入對話框、補充說明文字...等等,相當適合用在教育用途唷。
更方便的是做好的錄影畫面可以直接存成Flash檔,讓我們直接將他掛在自己的部落格或網站中,讓大家就像在看教學錄影帶一樣方便唷。
軟體名稱:Wink
軟體版本:2.0 (build 1060)
軟體語言:中文(內建多國語系)
軟體性質:免費
官方網站:http://www.debugmode.com/wink/
軟體下載:下載1  下載2

影片範例:



以下先示範如何用Wink軟體將電腦操作畫面錄成swf影片檔,這是最基本的錄影操作之後有機會的話,再深入介紹如何在步驟中插入補充說明文字、箭頭、紅圈圈…等等。
本文章節:
一、安裝軟體,切換成繁體中文介面
二、開啟新的錄影專案、設定錄影範圍
三、開始錄製螢幕畫面
四、設定播放速度,將影片匯出成Flash檔

一、安裝軟體,切換成繁體中文介面

第1步   從本文上方的網址將Wink軟體下載回來後,直接執行「wink20.exe」程式,將Wink軟體安裝到電腦中。
21-49-38

第2步   安裝好之後,依序按下〔開始〕→【所有程式】→【Debugmode】→【Wink】→【Wink】,開啟Wink軟體主視窗。如果要將軟體切換成中文顯示介面的話請依序按下〔File〕→【Choose Language】→【Traditional Chinese】,將軟體介面切換成正體中文語系。
21-50-10

二、開啟新的錄影專案、設定錄影範圍

每次要開始錄製螢幕畫面前,都得新增一個「專案」,錄好的「專案」以後都可以存檔後再修改,方便我們編輯錄影步驟中的各項說明與調整設定。以下,我們以新增一個錄影專案、錄製螢幕畫面為範例依照下面方法操作,就可以錄製你指定視窗的操作畫面。
第1步   依序按下〔檔案〕→【開新專案】,準備新增一個螢幕錄製專案。
22-24-02

第2步   接著請在中間的下拉選單中點選你要錄製的畫面範圍,這裡以「錄製固定視窗範圍」為範例,如果你想選擇其他錄影範圍的話,也可點選下方的固定尺寸,或者點選全螢幕或自訂範圍。
以本文範例來說,點選【視窗】,然後再按一下右邊的〔選擇〕按鈕,選取你要錄影的視窗。
22-24-03

第3步  如圖,當我們按下上一步的〔選擇〕按鈕後,螢幕中會出現一個螢光綠色的方框,我們可以在出現綠色方式時,用滑鼠左鍵點選你要錄影的視窗,等該視窗被選定後,才可繼續後面的錄影工作。
如果選錯視窗,一樣可以再回上一步,去按一下〔選擇〕按鈕,重新選取你要的視窗。
22-25-21

第4步  回到「建立新專案精靈」視窗後,「擷取區域」已經被設定好囉,接著便可按一下〔確定〕按鈕準備開始錄影。
22-26-12

三、開始錄製螢幕畫面


第1步   延續前面步驟,開始錄製畫面前,會出現一個準備視窗,上面會標示開始、結束錄影的「鍵盤快速鍵」,當我們要開始錄影時,先按住鍵盤上的〔Shift〕鍵不放,再按一下〔Pause〕鍵,即可開始錄影。如果要結束錄影的話,一樣是按〔Shift〕+〔Pause〕組合鍵,即可結束錄影。如果你希望錄影時,這個Wink的準備畫面不要出現在那邊檔路的話,可以按一下左下角的〔縮小到通知區域〕按鈕,即可隱藏整個Wink視窗,等到錄影結束後再把他叫出來。
現在,請按〔Shift〕+〔Pause〕組合鍵開始錄影吧。
22-26-28

第2步  錄影結束後,請按按〔Shift〕+〔Pause〕組合鍵,結束錄影工作接著按一下桌面右下角的Wink圖示,再點選【開啟擷取視窗】。
22-26-58

第3步  如圖,Wink視窗中會顯示目前已經錄製的畫面張數(之前設定每秒拍攝4張圖),按一下〔結束〕按鈕,完成營目錄影工作。錄影完成後,請再依照後面的步驟設定影片播放的速度,並將影片匯出成Flash影音檔。
22-27-04

四、設定播放速度,將影片匯出成Flash檔


第1步  完成前面的錄影工作後,剛剛錄下來的操作畫面便會以縮圖的方式排列在Wink的主視窗中。此時我們可以使用Wink的其他編輯功能設定某個畫面停留的時間,或在影片中加入文字說明、畫圈圈、畫紅線…等,這些操作步驟之後會再另外說明。
接著我們可以先來設定一下影片的播放速度與存檔位置,依序按下〔專案〕→【專案設定】。
22-27-26

第2步  出現「專案設定」視窗後,請先在「匯出檔案名」欄位中設定影片檔的儲存位置,如「C:\test.swf」,下面的「匯出檔案類型」可以選擇「.swf」檔或直接匯出成「.exe」的自動執行檔。「.swf」檔可以讓我們用embed的方式掛在網頁上,而「.exe」檔則可在Windows系統中自動播放,不用另外開網頁或安裝播放軟體。
如果你想調整影片播放速度的話,可以在「頁面播放速度」中輸入你要的速度,數字越大,播放速度則快越。設定好之後,再按下〔確定〕按鈕,完成影片屬性的設定。另外右邊的「滑鼠移動速度」也可以跟著頁面播放速度來做調整,你也可以調整「滑鼠移動速度」的數值來改變影片播放速度。
22-27-55

第3步   設定好影片屬性後接著依序按下〔專案〕→【編譯】,將影片檔組合成一個Flash檔。
22-28-04

第4步  接著會出現一個編譯進度視窗,如果你的錄影時間比較長,錄影畫面比較大的話,這個編譯的動作則需要花比較久的時間。
22-28-05

第5步   編譯完成後,請依序按下〔專案〕→【檢視編譯結果】,即可預覽一下目前影片的畫面。
22-28-15

第6步  如圖,我們可以看到剛剛指定的存檔路徑中,會多出兩個檔案,一個是「.htm」網頁檔,這是用來顯示影片用的網頁,另外一個「.swf」檔則是Flash影片本身,你可以將這兩個檔案上傳到你的網站中,網友們就可以直接在你的網站上看到你所製作的教學影片囉。
22-45-11

第7步  剛剛錄下的畫面,長得就像下面一樣,可以在網頁中直接播放。


第8步  當然你也可以先將「.swf」檔上傳到你的網站或堪用的網路空間去, 再用類似下面的語法來嵌入你的影片,這語法跟YouTube嵌入影片的語法類似。
width="425" height="350">


沒有留言: