2010年6月8日 星期二

Flash : TeamPlay 分組搶答程式 (2014.10.06更新)

2010年6月8日 星期二

寫在前面 (2018年補充)

本工具以 Flash 開發,如果使用較新版的網頁瀏覽器開啟此小工具,出現類似「無法載入設定檔」的錯誤訊息而不能使用,請先參考底下的兩篇說明:



TeamPlay 分組搶答程式是由我原來的 IRS 改寫的,如果搭配電子白板、觸控螢幕、WinIRC+兩個遙控器 ......  等方式來玩,就可以用「藍、白對抗」的方式來進行。雖然沒有絢麗的動畫,因為是競爭式的,孩子們滿喜歡玩的。

特點
  • 可直接讀取外部的 CVS 格式題庫檔。
  • 可自訂題庫檔中各欄位的順序。
  • 支援文字、圖形、聲音的題型,可以自行混搭。
  • 可自行定義操作時,鍵盤按鍵的對應。



設定
  • qFilename : 題庫檔檔案名稱。題庫檔為 CVS 格式,詳細的內容看後面的說明。
  • fieldsOrder : 各欄位的順序為何,可以用的欄位名稱有「題幹」,「選項1」,「選項2」,「選「項3」,「選項4」,「答案」。每個欄位用逗號當分隔,程式會依此來分析如何去對應 CVS 檔案中的資料。

    例如:fieldsOrder=題幹,選項1,選項2,選項3,選項4,答案

    前例告訴程式,CVS 檔案中只有必備的六個欄位,而且,第一個欄位為「題幹」,第二個欄位為「選項1」,第三個欄位為「選項2」,第四個欄位為「選「項3」,第五個欄位為「選項4」,第六個欄位為「答案」。


    例如:fieldsOrder=,,,題幹,答案,選項1,選項2,選項3,選項4

    本例告訴程式,CVS 檔案中有九個欄位,而且,1~3欄位非系統要的欄位,所以只有三個逗號,沒有欄位名稱,表示棄置不用。第4個欄位為「題幹」,第5個欄位為「答案」,第6個欄位為「選項1」,第7個欄位為「選項2」,第8個欄位為「選項3」,第9個欄位為「選 項4」。
  • questionType : 設定題庫為哪一種格式(2013.03.09以後的版本新增的參數),目前只能設定為空的或是「兩欄式自動選項及答案」。如果設定為「兩欄式自動選項及答案」,題庫的第一欄位為題庫,第二個欄位為正確的選項內容,其它選項會由程式自動抓取其它題目的來,正確答案是哪一個也會自動設定好。這部份可以參考 set-phrase.txt 及 phrase-k-08-04.csv 兩個範例檔案。
    注意:有設定「questionType=兩欄式自動選項及答案」時,「fieldsOrder」是沒作用的。
  • questionToAnswer : 出題時抓多少題給使用者回答。
  • timer : 設定題目出現後要倒數多久以後才可以按鈕回答。
  • autoGotoNext : 答題完畢,倒數多久以後自動進入下一題。如果未設定,或是設為 0 ,只能手動按 "下一題" 的按鈕。(2010.06.14以後的版本適用)
  • onesec : 定義多久為一秒,預設為 12 ,應該可以不用更改。
  • font_size_question : 設定題幹的預設字型大小,預設用 30 。(2014.10.06以後的版本適用)。
  • font_size_options : 設定選項的預設字型大小,預設用 30 。(2014.10.06以後的版本適用)。
  • keyNext : 下一題對應的鍵盤按鍵是哪一個
  • keyPrevious : 上一題對應的鍵盤按鍵是哪一個。
  • keyPlay : 播放聲音題時對應的鍵盤按鍵是哪一個。
  • keyPlayer1 : 設定 Player1(左側、紅隊) 使用者回答時對應的鍵盤按鍵(四個)
    例如:keyPlayer1=1234
    選項 1 對應鍵盤的「 1」 ,選項 2 對應鍵盤的「 2」, 選項 3 對應鍵盤的「 3」, 選項 4 對應鍵盤的「 4」。
  • keyPlayer2 : 設定 Player2(右側、藍隊) 使用者回答時對應的鍵盤按鍵(四個)
    例如:keyPlayer2=jkl; 選項 1 對應鍵盤的「 j」 ,選項 2 對應鍵盤的「 k」, 選項 3 對應鍵盤的「 l」, 選項 4 對應鍵盤的「 ;」

題庫檔案的格式

TeamPlay 的題庫檔主要以 CVS 的格式,並用 UTF-8 的編碼來儲存。所以可以利用文字編輯器或是類似 MS Office 的 Excel、OpenOffice 的 Calc ...... 等試算表軟體來編寫題庫。
題庫檔案總共需要六大欄位,讓程式可以抓到:題幹,選項1,選項2,選項3,選項4 和答案。其中題幹和四個選項的欄位裡,只要拿「分號」當分隔,可以分別或同時指定「文字」、「圖片」、「聲音」。例如:
  • 只指定文字:「測試啦」只有文字,不需任何分號
  • 只指定圖片:「;images/test.jpg」一個分號+圖片檔案路徑
  • 只指定聲音:「;;sound/test.mp3」分號+分號+聲音檔案路徑
  • 文字+圖片:「測試啦;images/test.jpg」文字+分號+圖片檔案路徑
  • 文字+聲音:「測試啦;;sound/test.mp3」文字+分號+分號+聲音檔案路徑
  • 通通來:「測試啦;images/test.jpg;sound/test.mp3」文字+分號+圖片檔案路徑+分號+聲音檔案路徑
注意:記得要存為 UTF-8 編碼

當我們用 Windows Excel 另存為 CVS  格式時,並無法選擇用 UTF-8 的編碼方式,因此會變成亂碼,反過來說,用 UTF-8 編碼的 .cvs 檔案,在 Excel 裡也可能是亂碼,甚至讀不出來。遇到這種問題題,只好藉助其它工具來將檔案轉為 UTF-8 的編碼方式。個人是比較習慣用
反正,只要能將 .cvs 轉成 UTF-8 的格式即可。


鍵盤按鍵的名稱

在 Flash 中一些特殊按鍵的名稱如下
  • BACKSPACE, CAPSLOCK , CONTROL, DELETEKEY, DOWN , END , ENTER , ESCAPE , HOME ,    INSERT , LEFT , PGDN , PGUP , RIGHT , SHIFT , SPACE , TAB , UP
這些名稱可以供要設定 keyNext 和 keyPrevious 兩個按鍵時參考。
搜尋按鍵相關資料的關鍵字:PGUP getCode flash


下載 

包括主程式和四個範例設定(使用時自行重新命名為 set.txt 即可測試)及題庫,另外有個 converter_to_teamplay.xls (建議改用較新的 new-converter.xls) 可以利用出版社的出題光題匯出為 CVS 格式的檔案,記得再將檔案以 Notepad, notepad++ ....... 等文字編輯工具,以 UTF-8 的編碼另存新檔。

更新記錄
  • 2014.10.06 更新,依 Erin 的建議,set.txt 中新增了兩個參數「font_size_question」和「font_size_options」,用來設定題幹和選項的預設字型大小,如果還是太大,程式會試著自動縮小至合適的大小(不過,有時還是會失算,有空再讓它「準」一點)。
  • 2014.05.23 更新,全部作答完畢,顯示優勝錦旗。
  • 2013.03.15 更新。修正「questionType=兩欄式自動選項及答案」的自動產生選項,選項內容會重覆的問題。
  • 2013.03.09 更新。依江明勳老師的建議,set.txt 中新增了一個參數「questionType」可以設定使用只有兩個欄位的題庫格式。
    另外,如果在瀏覽器中使用 teamplay.swf ,可以加上 datafilename=xxxx.txt 的參數,指定載入 xxx.txt 來當設定檔(預設是使用 set.txt)。
  • 2010.10.01 更新。修正如果按了 "下一題" ,倒數自動進入下一題的計時器卻仍然有作用,以致於會多跳一題的蟲蟲。新增:最後一題答完會出現每一題的正確答案,提供參考運用。
  • 2010.06.14 更新。加入 autoGotoNext 的選項,可以在倒數後自動進入下一題。
  • 2010.06.08 更新。修正以鍵盤回答的 bug、加入鍵盤按鍵的說明。
  • 2010.06.07 更新。修改版面,將原來放在最下面的做答按鈕改放到左右,以免因為太低不好按。
  • 2010.06.04 更新。加了計時器,時間到才可以搶答;兩人都答錯時,會再度開放搶答;答完將答案明顯標示出來;加對錯的音效 。
  • 2010.06.03 以 IRS 改寫。

22 則留言:

  1. 顏老師您好:
    在您的網站總能發現一些有助於教學的遊戲,這次下載"分組搶答程式"使用,搭配USB 搖桿和 joytokey 設定程式,整體操作感恨棒,小朋友反應非常熱烈。尤其是可以直接使用題庫光碟產出的CSV檔案,可以大幅降低一般老師使用的門檻。
    個人有個小小的建議,能否請顏老師設計多組的"分組搶答程式",例如4組或6組,讓更多學生同時參與,增加搶答互動性和刺激性。

    回覆刪除
  2. 老師您好:
    組數大於二也是期末和學生實際互動過的想法,以我們班學生有 30 位來說,一組 15 個人,實在過於龐大,輪到的次數就少很多。因此,原本就有想將它擴充到五組(我們班分五組)的想法,期末太趕沒時間弄,已列為暑假的工作計劃之一。
    謝謝提供寶貴的意見。

    回覆刪除
  3. 雄老師您好:

    常常從華文網分享到許多您好玩的語文遊戲設計。
    感恩!

    這個分組搶答,下載檔案之後,沒找到『主程式』,
    可否請雄老師再提供一次?

    回覆刪除
  4. 蓮慈老師好:
    .zip 檔裡有個 teamplay.swf 就是主程式,剛剛我測試了一下,確定有包在壓縮檔裡,您再試一下。

    回覆刪除
  5. 哇~,雄老師真的是太厲害了!! 好感謝唷!:)

    雄老師,Erin個三個小小的建議,不過這三個部分沒有也沒有關係的。1)播放器的喇叭圖案在說完之後不要消失,小朋友如果還想再聽一次,可以很「直覺」的知道要按哪裡。目前是必須按右側工具列的喇叭圖案,這需要思考、尋找後才能意會。2)是不是可以有個設定選項是可以要求系統在小朋友答對2-3秒後「自動」進入下一題。3)圖片下方的字型大小是不是可以再小一點點,或是可以由老師們自己設定大小。嘻,因為Erin一直沒有辦法讓「Butterfly and flower」的字樣全部顯示在圖片下方,只會出現「Butterfly and」,如果寫「蝴蝶和花」是可以全部顯現的,但是小朋友還不認識中文字。

    上述三點是額外的需要,不一定要的。家人第一。謝謝雄老師!! papa..paaa....

    回覆刪除
  6. 老師您好,
    這個分組搶答的程式很有趣,但是在使用時遇到了一些問題。
    因為是用於英文的問答,所以題目中常出現半形的逗號或分號。但是這些題目常無法正常的使用,因而想問問看能否在題目中使用半形的逗號且能使程式正常運作。(ps.在英文中用全形的逗號可以正常使用此程式,但是與正確的英文語用是不可用全形的逗號的。)
    謝謝。

    回覆刪除
  7. Ms. Yang 您好:
    TeamPlay 的設定中是使用逗號和分號來當各欄位的分隔符號,尤其受限於 CSV 格式的標準, 因此一定無法拿來當作一般文字使用。除非改版, 不然目前只能以全形字來代替。

    回覆刪除
  8. 顏老師您好,
    冒昧打擾。請問 teamplay 可以用搖桿玩嗎?謝謝
    楊老師

    回覆刪除
    回覆
    1. 楊老師您好:
      有個 JoyToKey 可以將搖桿對映到鍵盤按鍵,您可參考這篇:
      http://gsyan888.blogspot.tw/2010/06/teaching-teamplay.html

      刪除
    2. 顏老師謝謝!

      刪除
  9. 顏老師好,
    我設定teamplay每次出十題,而我的題庫有30題,好像每次玩,teamplay都只找前面幾題。怎樣才能讓teamplay從30題的中間或後面幾題出題呢?
    謝謝

    回覆刪除
    回覆
    1. Dillon 您好:
      teamplay 出題時是以亂數出的, 照說應該隨機, 不會那麼巧。如果真有困擾, 建議將題庫拆成兩組試試。

      刪除
  10. 顏老師好!:D
    想請老師幫忙說... ~ 是否可以請老師加入題幹和題目選項字型大小可自由設定的參數?

    因為想出英文描述稍長的題目,結果句子無法完全呈現在框框內。
    ~ 拜託, 拜託啦,親愛的顏老師! ^_^

    感謝您讓學習變得如此令人愉快&興奮! :)

    回覆刪除
    回覆
    1. Erin 好~~
      我加了 font_size_question 和 font_size_options 讓妳可以自訂題幹和選項的預設字型大小,妳可以先不用這個,因為我另外加了個「自動縮小」的功能,如果還是不滿意,再用那個個參數來調整。

      刪除
  11. 顏老師好)))))))))~~
    嘻,好開心啊!謝謝顏老師花時間幫忙!:D
    真的有一股感動湧上說!~ 很感謝! ^_^

    祝福 顏老師&家人 平安、順心!

    回覆刪除
  12. 請問老師該分組搶答之程式
    該如何安裝呢?感謝分享:)

    回覆刪除
    回覆
    1. 您好:
      因為是用 Flash 的 .swf 來發佈的,下載 teamplay.zip 檔案並解壓後即可使用,不需要安裝。

      刪除
  13. 回覆
    1. 只要有 Flash Player , 應該都沒問題。您可以用瀏覽器來開啟 Flash 的 .swf 檔案, 或是下載 Flash Player 來開啟:
      https://www.adobe.com/support/flashplayer/downloads.html

      刪除
  14. 老師,可以請教一下,當我開啟teamplay.swf時,會出現無法載入設定檔:set.txt。但解壓縮出來的資料夾裡是有這個檔案的。

    回覆刪除
    回覆
    1. 您好:
      如果您是用瀏覽器來開啟, 可能會因為 Flash 的安全原則而無法讀取本機的設定檔。改用專用的 .swf 播放器就可以解決問題。請參考底下的這篇, 下載 Flash Player:
      http://gsyan888.blogspot.com/2016/09/flash-player-projector.html

      刪除

 
雄::gsyan © 2009. Design by Pocket