快樂教學王 HTK V1.3 手冊

1. 快樂教學王
Happy Teach King
系統
V1.3
2012/2/16
<<使用手冊>>
<1/30>

2. 富志科技股份有限公司
目 錄
Step1 - 如何登錄、帳號及密碼 ………………………………………………….. 4
Step2 – 講義管理 ………………………………………………………………….. 5
Step 3 – 新增講義 …………………………………………………………………. 6
Step 4 – 講義使用與管理 …………………………………………………………. 9
Step 4-1 – 線上使用 ………………………………………………………….. 9
Step 4-2 – 附加檔案 : 為您的講義，加點色彩。 ………………………… 18
Step 4-3 – 編輯設定 …………………………………………………………. 25
Step 4-4 – 下載使用功能 ……………………………………………………. 27
Step 5 – 建議與更新 ……………………………………………………………… 29
<2/30>

3. 與前一版本的差異:
與前一版本的差異
(1) 修改播放頁面。使用介面更美觀。
(2) 提供素材標籤功能。使用者可以輕易挪動標籤至適當位置，也可以點選標籤
再度進入素材。
(3) 提供動畫專輯訂閱區，使用者可以輕易的切換主講義 pdf 區與動畫 app 區。
(4) 提供跨頁瀏覽功能，讓講解更順暢。
<3/30>

4. 系統目標:
1. 系統目標
本系統讓使用者可以快速的製作屬於自己的互動式電子白板的 Flash 教材。
系統網址:
系統網址 http://happy.fzt.cc/
第一部份 如何製作自己的教材
簡單三步驟
Step1 - 如何登錄、帳號及密碼
首先，請您透過個人電腦中的瀏覽器(例如: IE / Firefox / Google 瀏覽器)，在網址
輸入處，直接輸入網址 http://happy.fzt.cc/ 即可。接下來，您會到如下圖的頁面。
<4/30>

5. 接著在【帳號】(1) 與【密碼】(2)處，輸入您的帳號與密碼，接著按下【登入】
(3)，即可。
Step2 – 講義管理
登入成功後，會進入如下圖的講義管理畫面。
第一次使用時，您出現的畫面會是空的，沒有任何的講義教材。
此時您可以按畫面右上方的【New】(1)，來新增一筆講義。
<5/30>

6. Step 3 – 新增講義
當按下【New】之後，您的畫面會出現如下圖:
我們的系統會將 pdf 檔自動轉為 Flash 檔，所以此時您只要將您的 pdf 檔匯入
即可。目前系統限制每一個 pdf 檔不得超過 100 MB。
請按畫面中的【Upload File】(1)，會出現類似如下圖的畫面。
<6/30>

7. 此時選擇您要匯入的 pdf 檔案後(例如本例中之 10051 小五綜合版 D_學生)，按
下【開啟舊檔】即可。
此時系統會自動上傳檔案，並自動轉成 Flash 內容。
最後會呈現如下的畫面。
<7/30>

8. 當出現「傳送完成」(1) 的訊息後，請點選畫面左上方的【Back】(2)按鈕回到上
一頁。此時畫面呈現如下圖所示。
<8/30>

9. 恭喜您，您已成功的完成匯入一筆數位講義了。
Step 4 – 講義使用與管理
本章節將描述，講義的使用操作與管理。
Step 4-1 – 線上使用
若您上課的教室的電腦有網路連線，您可以採用「線上使用」的模式來上課。要
使用該講義，點選上圖中 (1) 的「線上使用」【VIEW】按鈕，即可進入如下的
畫面:
其中:
(A) 為全螢幕播放。
(B) 為進入線上教材。
請老師點選(B)，進入教材首頁。
<9/30>

10. 畫面中間位置，即為 Flash 教材的呈現，畫面的右方有互動電子白板的書寫功
能按鈕，畫面的下方，則為系統功能按鈕，我們會一一的解說。首先請依照上圖
(H) 的按鈕(代表全螢幕/與非全螢幕的呈現按鈕)，當在非全螢幕的狀態
下，按下後會得全螢幕，當在全螢幕的狀態下，按下後會得非全螢幕的狀態。
如下圖的畫面說明。
本系統會自動將您上傳的 pdf 講義，轉成 Flash 檔後，在每一頁的右側，自動鑲
入適合互動式電子白板教學的功能鈕，各按鈕的功能說明如下:
<10/30>

11. (A) 拖曳功能: 點選後，光筆可點住螢幕拖曳，即可拉動教材。當開啟教
材時，此功能為預設之點選功能。
(B) 畫筆功能: 點選後，光筆即變成書寫筆。可以在螢幕上書寫，書寫的
內容會隨著教材的拖曳而移動。點選畫筆功能按鈕兩次，會出現如下的子功
能表:
讓使用者可以調整畫筆的顏色、畫筆的粗細。
(C) 螢光筆功能: 點選後，光筆即變成螢光筆。可以在螢幕上畫重點，圈
畫的內容會隨著教材的拖曳而移動。點選螢光功能按鈕兩次，會出現如下的
子功能表:
讓使用者可以調整螢光筆的顏色、螢光筆的粗細。螢光筆與畫筆的
最大差別在於所畫顏色的透明度。螢光筆有透明度，畫筆則沒有。
(D) 板擦功能: 點選後，光筆所在位置變成板擦，可以擦掉光筆所經過的
區域之前書寫的內容。點選板差擦功能按鈕兩次，會出現如下的子功能表:
<11/30>

12. 讓使用者可以調整板擦的大小。
(E) 全擦功能: 點選後會將畫面上所有書寫的內容全部擦除。
(F) 選項功能: 點選此按鈕，會出現以下的子功能列，讓使用者有更多選
項的操作，我們一一說明如下:
(F1) 跳頁功能 : 點選後會呈現一個數字鍵盤，直接點選頁
號，並按【Go】，即可跳到該頁。
<12/30>

13. (F2) 上一頁 : 點選後，可以跳到上一頁。
(F3) 下一頁 : 點選後，可以跳到下一頁。
(F4) 放大兩倍: 點選後，畫面會放大兩倍。
(F5) 區域放大功能 : 點選此鈕後，再利用光筆圈選一個區域
後，系統會自動將該區域放大並呈現完成的一頁，讓操
作者可以完整說明。
我們以下圖實際案例操作說明此功能:
(1) 先點 。
(2) 用光筆圈選出一個區域(所要放大講解的區域)，
<13/30>

14. 確定後會呈現如下圖:
新的畫面的書寫功能依然可以使用。
要回復到原講義，請按右下角的 (縮小成 標籤，下次還可以進入使用)
或 (關閉，回到上一層的畫面)。
<14/30>

15. (F6) 素材補充包 : 點選後會呈現素材補充包 讓操作者可以開啟素材來
，
加強補充說明，素材的內容包含圖檔， 影片檔，Flash 檔。
選擇素材匯入後，每一個素材不止可以書寫講解，右下
角會出現 與 。讓使用者可以縮小素材為標籤(按 )以利下次再使用此標籤
進入此素材或者關閉素材(按 )的使用。
<15/30>

16. (G) 動畫專輯: 此功能代表您於我們的動畫商店購買的動畫專輯區。點選
此功能鍵會出現如下的子功能表:
其中 、 、 三個電子白板的切換鈕。而 代表 PDF
主講義、 代表左側動畫專輯區的任一動畫。例如，若想把
代表尺規作圖的動畫榜定，方法為:
(1) 點選 。
(2) 選擇尺規。
此時系統主畫面，會如下所示:
此時 就會綁定尺規作圖的動畫檔，若操作者要回到主講義可以按 ，按 可
以切換到 綁定的動畫檔(已綁定)，或若榜定新的動畫檔(未綁定)。
<16/30>

17. 操作者可以輕易的操作 Flash 式動畫課件。
操作者要解除綁定時，可以按右下角的 鈕。
<17/30>

18. Step 4-2 – 附加檔案 : 為您的講義，加點色彩。
附加檔案功能，可以為您的 Flash 教材，加上圖片、影片、或 Flash 以加強說
明你講義內的內容。
在操作上首先於下圖，點選(2)的【EDIT】按鈕。
點選完後，會呈現如下圖的畫面
<18/30>

19. 當然，首次進入，您的附加檔案區域都是空白的。此時，欲加入新的補充素材，
您可以點選上圖畫面中(1) 的【New】按鈕。此時會呈現如下圖的畫面。
<19/30>

20. 此時再點選上圖畫面中(1) 的【Upload Filles】按鈕，則畫面會呈現如下圖。
選擇好欲匯入的素材檔(可以是圖檔 jpg, png; Flash 檔 swf; 影音檔 mp4, flv)，
按【開啟舊檔】，即可將素材匯入。匯入完成後會如下圖所示。
<20/30>

21. 出現 (1) xxx- Complete 字樣，即表示匯入完成。此時按(2) 【Back】可以回到附
加檔案管理畫面。如下圖所示:
此時附加的素材檔案會呈現出來。若要再新增素材，可以按(1)【New】，重複之
前的動作，新增素材附加檔案。若要回到教材管理，可以按(2)【Back】鈕。如
下圖所示。
<21/30>

22. 此時再點選(1) 的線上使用【VIEW】鈕。會進入教材呈現的畫面，如下圖。
操作者可以點選(A)放大至全螢幕，或(B)進入講解畫面。點選(B)後會出現如下的
畫面:
<22/30>

23. 當操作者講解內容要用到素材補充說明時，可以點選 (F) 的更多選項符
號。此時會出現第二層的子功能。
<23/30>

24. 再點選(F6) 的
此時會呈現如下的畫面。
此時選擇所要的素材(如本例中的 0_統計圖.jpg)，則系統會自動將素材載入，如
下圖。
此時，操作者可以用畫筆功能解說匯入的素材。解說完畢後，可以按右下角的
或 鈕回到原教材，繼續解說。如下圖。
<24/30>

25. 值得一提的是，若使用者是按 ，退回主畫面，主畫面會出現對應素材格式的
標籤，如 代表圖檔， 代表影像檔， 代表 Flash 動畫檔，而標籤
可依使用者的講解需求，任意拖拉移動至最佳位址，或點擊進入。
Step 4-3 – 編輯設定
編輯設定功能，主要是可以修改教材的相關資料，甚至刪除此教材。
如下圖所示:
<25/30>

26. 操作者在講義管理主畫面中，點選(3) 編輯設定的【EDIT】按鈕，可進入該講義
的編輯設定功能，如下圖。
<26/30>

27. 其中(1) 為講義名稱，預設值為該講義的 pdf 檔名，操作者可於此欄位修改。此
名稱會出現與講義管理畫面中，當成識別講義的依據。
(2) 為講義說明，此欄位可以填入更清楚的講義說明文字。
(3) 更新資料按鈕，當(1) 或 (2) 欄位有輸入或修改時，須按此按鈕確認資料的
更新。
(4) 為刪除講義按鈕，按此按鈕，會將該講義刪除。
(5) 為回到講義管理畫面的按鈕。
Step 4-4 – 下載使用功能
若操作者上課的地方沒有網路連線，可以使用本功能，將講義下載成離線使用的
檔案。
首先在講義管理畫面中，按(4) 下載使用的【VIEW】按鈕。則畫面會呈現如下
圖所示。
<27/30>

28. 此時點選(1) 的【下載 board.zip】按鈕。擇畫面會變成:
此時下載的講義檔案會以 board.zip 的壓縮檔案型態存在。記住此檔案所放置的
<28/30>

29. 位置。將此檔案解壓縮。會得到一個 board 的目錄，進到這個目錄會看到一個
執行檔，檔名為 BoardApp.exe ，如下圖。
直接點選執行檔，即可利用離線執行互動電子白板的教材教學。
Step 5 – 建議與更新
好的系統需要大家隨時給予建議與回饋，在系統的首頁的左上方，有一個【建議
與更新】按鈕，若您在使用上有任何的建議或回饋請按此鈕。會呈現如下的畫面:
<29/30>

30. 若有任何的建議與問題，您可以填寫
(1) 電子信箱(以方便我們第一時間與您連絡與回報)。
(2) 建議或問題回報事項。
(3) 【提交】送出鈕。
最後在您享受玩快樂的教學過程後，記得按(4) 【登出】鈕，完美的登出本系統
喔。
創造優質的教學環境，提升教學的品質，加速學生學習的效果，是我們共同的願
望，期望大家能快快樂樂的教學，學生也能快快樂樂的學會。
富志科技設計團隊與您一同成長，感謝您!
<30/30>