Htk manual v1_4

快樂教學王
Happy Teach King
系統
V1.4
2012/4/3

<<使用手冊>>

<1/43>

富志科技股份有限公司

目錄

與前一版的差異 ………………………………………………………………….. 3
Step 1 - 如何登錄、帳號及密碼 ………………………………………………….. 4
Step 2 - 會員專區 – 如何修改資料及密碼 ……………………………………… 5
Step 3 – 講義管理 …………………………………………………………………. 6
Step 4 – 新增講義 …………………………………………………………………. 8
Step 5 – 講義使用與管理 ………………………………………………………… 11
Step 5-1 – 講義備課 …………………………………………………………. 11
Step 5-2 – 線上使用 …………………………………………………………. 18
Step 5-3 – 附加檔案 : 為您的講義，加點色彩。 ………………………… 27
Step 5-4 – 編輯設定 …………………………………………………………. 35
Step 5-5 – 下載使用功能 ……………………………………………………. 37
Step 6 – 教育商店 ………………………………………………………………… 40
Step 7 – 支援 ……………………………………………………………………… 43

<2/43>

與前一版本的差異:
與前一版本的差異

(1) 提供『備課』功能，讓老師可以課前備課, 並儲存。
(2) 提供『蓋板』功能，可以設計蓋板互動。

<3/43>

系統目標:
1. 系統目標

本系統讓使用者可以快速的製作屬於自己的互動式電子白板的 Flash 教材。

系統網址:
系統網址 http://happy.fzt.cc/

第一部份如何製作自己的教材

簡單三步驟

Step1 - 如何登錄、帳號及密碼

首先，請您透過個人電腦中的瀏覽器(例如: IE / Firefox / Google 瀏覽器)，在網址
輸入處，直接輸入網址 http://happy.fzt.cc/ 即可。接下來，您會到如下圖的頁面。

<4/43>

接著在【帳號】(1) 與【密碼】(2)處，輸入您的帳號與密碼，接著按下【登入】
(3)，即可。

若要申請帳號，可以按 (4) 的部分來申請。

Step2 – 會員專區 – 修改基本資料及密碼

登入成功後，會呈現如下的畫面:

首次登入，請點選畫面右上方知『會員專區』，修改基本資料及密碼。

<5/43>

點選 (1) 修改資料，可以修改會員基本資料; 點選 (2) 更換密碼，可以修
改密碼。

Step3 – 講義管理

登入成功後，會進入如下圖的講義管理畫面。

<6/43>

在首頁主畫面中最上排依序為『互動講義』『教育商店』
(編號 (2) )、 (編號 (3) )、
『支援』(編號 (4) )、『會員專區』(編號 (5) )及『登出』(編號 (6) )，我們將在
後續的章節，依序介紹這些功能。
首先『互動講義』(編號 (2) )為綠色，表示目前我們在互動講義區。
第一次使用時，您出現的畫面會是空的，沒有任何的講義教材。
此時您可以按畫面右上方的【New】(1)，來新增一筆講義。

<7/43>

Step 4 – 新增講義

當按下【New】之後，您的畫面會出現如下圖:

我們的系統會將 pdf 檔自動轉為 Flash 檔，所以此時您只要將您的 pdf 檔匯入
即可。目前系統限制每一個 pdf 檔不得超過 100 MB。
請按畫面中的【Upload File】(1)，會出現類似如下圖的畫面。

<8/43>

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

<9/43>

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

恭喜您，您已成功的完成匯入一筆數位講義了。

<10/43>

Step 5 – 講義使用與管理

本章節將描述，講義的使用操作與管理。

Step 5-1 – 講義備課

備課的操作與線上使用幾乎一模一樣，唯一的不同是可以讓老師
(1) 蓋板設定
(2) 崁入補充資料
(3) 儲存
這三個特點，可以讓老師將一份平白無奇的 pdf 講義，轉化成高互動及精彩的
互動式白板講義。
接下來，我們依序來詳細介紹。
首先點選上圖(1) 的講義備課『EDIT』按鈕。會呈現如下的畫面:

首先有三個說明:
(2) 說明加上『蓋板』的方法，是先按『空白鍵』，然後再用滑鼠拉出區域，即
產生蓋板。
(3) 說明加上素材連結的方法，可以自行貼上各種素材的標籤。

<11/43>

(4) 說明最後要離開『備課模式』時，一定要記得『儲存』
，按『Tab』鍵來儲存。

要進入備課編輯模式，請按上圖 (1) 的進入點。

點選上圖 (1) 的進入點後，即進入備課編輯模式。
此時，老師可以根據課程的需求，設計蓋板，即將某些區域先蓋住，當老師用光
筆點選時，才將之掀開，以增加學生的注意力。

1. 蓋板功能的使用
使用的方法，就是先按空白鑑(Space 鍵)，再用滑鼠拉出欲蓋住的區域。
如下圖，我們欲將畫面中央的「表格」二字蓋住，即有如下圖的呈現:

放掉滑鼠後，畫面如下:

<12/43>

此時「表格」二字已被我們蓋住，畫面左側出現『Cover』標籤，此時點『Cover』
標籤或是灰階的「表格」二字，都會有「消失」與「呈現」的效果。

若要將蓋住的區域取消，只要將對應的『Cover』標籤，拖到左側的邊邊灰色直
線區，即可取消蓋板。(如下圖)

2. 加上素材連結的使用

欲使用素材連結，首先先將素材以『附加檔案』功能先上傳。(詳細操作，請見

<13/43>

第 27 頁)。

接下來，按畫面右方的 (下圖編號(1))，再按 (下圖編號(2))，在選
對應的素材檔(如下圖的編號(3))。

此時畫面會呈現素材檔的內容，如下圖。

若確認無誤後，點選畫面右下方的按鈕，畫面會如下圖所示。

<14/43>

此時會出現對應的素材標籤(本例為圖檔，所以為『jpg』標籤，其他尚有『swf』、
『mp4』『mp3』依序代表 flash 動畫、影片、聲音的素材)，將標籤拖拉到您想
、
放置的位置，即完成素材的匯入。下次要進入素材時，只要點選此標籤即可。

素材的刪除與蓋板的刪除同，只要將對應的標籤拉到畫面左側的灰色地帶即可。

3. 加上聚焦(focus)備課

聚焦放大(focus) 目前也可以在備課的狀態下使用，老師可以選擇講義的某個區
塊，放大後成為補充的標籤，以利講解時進入講解。

操作的方法如下圖:

<15/43>

首先按畫面右方的 (上圖編號(1))，再按 (上圖編號(2))。
這時利用滑鼠選擇欲聚焦放大的區塊(上圖編號(3))。

此時畫面會出現如下圖的聚焦放大。

此時點選右下角的，可以回到主講義，如下圖所示。

<16/43>

此時主講義會出現『focus』標籤，將此標籤拖拉到適當的位置，即完成聚焦放
大標籤的設定。

刪除聚焦放大標籤的做法與前兩節同。將標籤托放於畫面右側的灰色空間即可。

最後備課結束前，務必記得按『Tab』鍵，方能將整個備課的動作儲存。

<17/43>

Step 5-2 – 線上使用

若您上課的教室的電腦有網路連線，您可以採用「線上使用」的模式來上課。要
使用該講義，點選上圖中 (1) 的「線上使用」【VIEW】按鈕，即可進入如下的
畫面:

其中:
(A) 為全螢幕播放。
(B) 為進入線上教材。
請老師點選(B)，進入教材首頁。

<18/43>

畫面中間位置，即為 Flash 教材的呈現，畫面的右方有互動電子白板的書寫功
能按鈕，畫面的下方，則為系統功能按鈕，我們會一一的解說。首先請依照上圖

(H) 的按鈕(代表全螢幕/與非全螢幕的呈現按鈕)，當在非全螢幕的狀態
下，按下後會得全螢幕，當在全螢幕的狀態下，按下後會得非全螢幕的狀態。
如下圖的畫面說明。

本系統會自動將您上傳的 pdf 講義，轉成 Flash 檔後，在每一頁的右側，自動鑲
入適合互動式電子白板教學的功能鈕，各按鈕的功能說明如下:

<19/43>

(A) 拖曳功能: 點選後，光筆可點住螢幕拖曳，即可拉動教材。當開啟教
材時，此功能為預設之點選功能。

(B) 畫筆功能: 點選後，光筆即變成書寫筆。可以在螢幕上書寫，書寫的
內容會隨著教材的拖曳而移動。點選畫筆功能按鈕兩次，會出現如下的子功
能表:

讓使用者可以調整畫筆的顏色、畫筆的粗細。

(C) 螢光筆功能: 點選後，光筆即變成螢光筆。可以在螢幕上畫重點，圈
畫的內容會隨著教材的拖曳而移動。點選螢光功能按鈕兩次，會出現如下的
子功能表:

讓使用者可以調整螢光筆的顏色、螢光筆的粗細。螢光筆與畫筆的
最大差別在於所畫顏色的透明度。螢光筆有透明度，畫筆則沒有。

(D) 板擦功能: 點選後，光筆所在位置變成板擦，可以擦掉光筆所經過的
區域之前書寫的內容。點選板差擦功能按鈕兩次，會出現如下的子功能表:

<20/43>

讓使用者可以調整板擦的大小。

(E) 全擦功能: 點選後會將畫面上所有書寫的內容全部擦除。

(F) 選項功能: 點選此按鈕，會出現以下的子功能列，讓使用者有更多選
項的操作，我們一一說明如下:

(F1) 跳頁功能 : 點選後會呈現一個數字鍵盤，直接點選頁
號，並按【Go】，即可跳到該頁。

<21/43>

(F2) 上一頁 : 點選後，可以跳到上一頁。

(F3) 下一頁 : 點選後，可以跳到下一頁。

(F4) 放大兩倍: 點選後，畫面會放大兩倍。

(F5) 區域放大功能 : 點選此鈕後，再利用光筆圈選一個區域
後，系統會自動將該區域放大並呈現完成的一頁，讓操
作者可以完整說明。
我們以下圖實際案例操作說明此功能:

(1) 先點。
(2) 用光筆圈選出一個區域(所要放大講解的區域)，

<22/43>

確定後會呈現如下圖:

新的畫面的書寫功能依然可以使用。

要回復到原講義，請按右下角的 (縮小成標籤，下次還可以進入使用)

或 (關閉，回到上一層的畫面)。

<23/43>

(F6) 素材補充包 : 點選後會呈現素材補充包讓操作者可以開啟素材來
，
加強補充說明，素材的內容包含圖檔，影片檔，Flash 檔。

選擇素材匯入後，每一個素材不止可以書寫講解，右下

角會出現與。讓使用者可以縮小素材為標籤(按 )以利下次再使用此標籤

進入此素材或者關閉素材(按 )的使用。

<24/43>

(G) 動畫專輯: 此功能代表您於我們的動畫商店購買的動畫專輯區。點選
此功能鍵會出現如下的子功能表: (apps 的內容可以參考第 40 頁教育商店)

其中、、三個電子白板的切換鈕。而代表 PDF

主講義、代表左側動畫專輯區的任一動畫。例如，若想把
代表尺規作圖的動畫榜定，方法為:

(1) 點選。
(2) 選擇尺規。
此時系統主畫面，會如下所示:

此時就會綁定尺規作圖的動畫檔，若操作者要回到主講義可以按，按可

以切換到綁定的動畫檔(已綁定)，或若榜定新的動畫檔(未綁定)。

<25/43>

操作者可以輕易的操作 Flash 式動畫課件。

操作者要解除綁定時，可以按右下角的鈕。

<26/43>

Step 5-3 – 附加檔案 : 為您的講義，加點色彩。

附加檔案功能，可以為您的 Flash 教材，加上圖片、影片、或 Flash 以加強說
明你講義內的內容。
在操作上首先於下圖，點選 (3) 附加檔案的【EDIT】按鈕。

點選完後，會呈現如下圖的畫面

<27/43>

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

<28/43>

此時再點選上圖畫面中(1) 的【Upload Filles】按鈕，則畫面會呈現如下圖。

選擇好欲匯入的素材檔(可以是圖檔 jpg, png; Flash 檔 swf; 影音檔 mp4, flv)，
按【開啟舊檔】，即可將素材匯入。匯入完成後會如下圖所示。

<29/43>

出現 (1) xxx- Complete 字樣，即表示匯入完成。此時按(2) 【Back】可以回到附
加檔案管理畫面。如下圖所示:

此時附加的素材檔案會呈現出來。若要再新增素材，可以按(1)【New】，重複之
前的動作，新增素材附加檔案。若要回到教材管理，可以按(2)【Back】鈕。如
下圖所示。

<30/43>

此時再點選(2) 的線上使用【VIEW】鈕。會進入教材呈現的畫面，如下圖。

操作者可以點選(A)放大至全螢幕，或(B)進入講解畫面。點選(B)後會出現如下的
畫面:

<31/43>

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

<32/43>

再點選(F6) 的

此時會呈現如下的畫面。

此時選擇所要的素材(如本例中的 0_統計圖.jpg)，則系統會自動將素材載入，如
下圖。

此時，操作者可以用畫筆功能解說匯入的素材。解說完畢後，可以按右下角的

或鈕回到原教材，繼續解說。如下圖。

<33/43>

值得一提的是，若使用者是按，退回主畫面，主畫面會出現對應素材格式的

標籤，如代表圖檔，代表影像檔，代表 Flash 動畫檔，而標籤
可依使用者的講解需求，任意拖拉移動至最佳位址，或點擊進入。

<34/43>

Step 5-4 – 編輯設定

編輯設定功能，主要是可以修改教材的相關資料，甚至刪除此教材。
如下圖所示:

操作者在講義管理主畫面中，點選講義名稱 (5)，可進入該講義的編輯設定功
能，如下圖。

<35/43>

其中(1) 為講義名稱，預設值為該講義的 pdf 檔名，操作者可於此欄位修改。此
名稱會出現與講義管理畫面中，當成識別講義的依據。
(2) 為講義說明，此欄位可以填入更清楚的講義說明文字。
(3) 更新資料按鈕，當(1) 或 (2) 欄位有輸入或修改時，須按此按鈕確認資料的
更新。
(4) 為刪除講義按鈕，按此按鈕，會將該講義刪除。
(5) 為回到講義管理畫面的按鈕。

<36/43>

Step 5-5 – 下載使用功能

若操作者上課的地方沒有網路連線，可以使用本功能，將講義下載成離線使用的
檔案。

首先在講義管理畫面中，按(4) 下載使用的【VIEW】按鈕。則畫面會呈現如下
圖所示。

<37/43>

此時點選(1) 的【下載 board.zip】按鈕。擇畫面會變成:

此時下載的講義檔案會以 board.zip 的壓縮檔案型態存在。記住此檔案所放置的

<38/43>

位置。將此檔案解壓縮。會得到一個 board 的目錄，進到這個目錄會看到一個
執行檔，檔名為 BoardApp.exe ，如下圖。

直接點選執行檔，即可利用離線執行互動電子白板的教材教學。

<39/43>

Step 6 – 教育商店

教育商店提供免費及付費的教育 App，供老師使用。
請點選主畫面左上角的『教育商店』(下圖 (3) )，進入選購區。

於教育商店區中，老師可以看到許多免費及付費的教育 App，如下圖所示:

老師點選所要的 App ，如畫面左方的「手錶與時區」App，則畫面會出現如下:

<40/43>

按完『OK』鍵，回到教育商店首頁，此時手表與時區會由原來的『free』改為
『已啟用』。如下圖所示:

此時點選上圖(2)，已啟用的按鈕，會呈現您所有啟用的 App ，如下圖所示。

<41/43>

此時點選『打開』即可預覽此 App。而這些已啟用的 App 可以於動畫專
輯(參考第 25 頁)時使用。

<42/43>

Step 7 – 支援

好的系統需要大家隨時給予建議與回饋，在系統的首頁的左上方，有一個【支援】
按鈕，若您在使用上有任何的建議或回饋請按此鈕。會呈現如下的畫面:

若有任何的建議與問題，您可以填寫
(1) 電子信箱(以方便我們第一時間與您連絡與回報)。
(2) 建議或問題回報事項。
(3) 【提交】送出鈕。

最後在您享受玩快樂的教學過程後，記得按主畫面右側【登出】鈕，完美的登
出本系統喔。

創造優質的教學環境，提升教學的品質，加速學生學習的效果，是我們共同的願
望，期望大家能快快樂樂的教學，學生也能快快樂樂的學會。

富志科技設計團隊與您一同成長，感謝您!

<43/43>

Htk manual v1_4

More Related Content

Similar to Htk manual v1_4 (20)

More from Tomy Chen (12)

Recently uploaded (20)

Htk manual v1_4