2010年8月20日 星期五

Flash : flashcard 快閃字卡小教具 (2013.10.01更新)

暑假只剩下一個星期即將結束,大朋友、小朋友都準備收心回學校了。
心心老師提到她上課經常使用 PowerPoint 做的字卡 (類似這樣的字中找趣.ppt,感謝克曼老師提供,原創:南加州林淑芳老師),它是利用數個物件將字遮住再讓學生猜是什麼字詞,有時間可以將遮住的部份移開,慢慢玩,沒時間則又希望像傳統閃示牌,讓字可以「快閃」,直接問學生是什麼字。這個小教具功能不複雜,聽起來滿不錯的,但是如果用 PowerPoint 來做,即使用樣版可以套,應該也滿花時間的,而且要能達到她要求的「慢慢玩」和「快閃」兩種模式可隨時變換,甚至能亂數選字(詞),應該較難。於是我用 Flash 幫忙做了一個 falshcard 的小教具。



以上背景取自 南老師的華語玩樂園


主要功能

底下先介紹一下 flashcard 的主要功能:
  • 可讀取外部設定和題庫。
  • 每一個字、詞可以設定字型大小和使用的字體。
  • 可載入一張圖片當背景( .jpg, .gif, .png, .swf )。
  • 使用時可切換為:沒有遮蔽(「快閃」)、以一個方塊遮蔽和以九個方塊遮蔽字三種模式。
  • 問號的按鈕:將字以九個方塊遮蔽,但是由電腦隨選拿掉一塊當猜字的線索。
  • 有計時器可設定倒數計時多久。

參數設定

這個小教具啟動時會先看看有沒有參數傳進來(應用在網頁或 blog中),如果沒有接收到任何參數設定,就會試著載入同資料夾中的設定檔中的設定 (預設的檔名為 flashcard_set.txt ,應用在網頁中可以自訂檔名) 。
下面來看看可用的參數有哪些:
  • font : 字型的名稱 (預設使用 "標楷體" )。
  • color : 字的顏色。以 0xAABBCC 的格式表示 RGB 色碼,例如, 0xff0000 (紅色), 0x00ff00 (綠色) , 0x0000ff (藍色) , 0x000000 (黑色) , ......。
  • sound_enabled : 設定預設是否打開音效,sound_enabled=1 時預設會使用音效。
  • background_image : 背景圖片的檔名,技援圖片格式有 .jpg, .gif, .png, .swf ,副檔名請記得要用小寫的。
  • countdown : 每次從多少開始倒數計時,沒有設定值或是設為 0 表示不使用計時器。
  • message : 會出現在最下方的文字,可用來宣告圖片來源、版權宣告 ......。
  • message_url : 超連結網址,如果有設定,可以幫 message 的文字加上超連結。
  • cards : 題庫,
    每一行代表一張字卡,

    每一行可以用半型逗號「 ,」 當欄位分隔符號。

    第一欄可以是:

    字卡要出現的「字」,

    或是要顯示的「圖片」之檔案路徑 (2010.09.05 加入此功能, 支援 .jpg、.jpeg、.png、.gif、.swf)。例如輸入「images/gsyan.jpg」,程式會試著去載入「images」資料夾中檔名為「gsyan.jpg」的圖片,並顯示在畫面中。

    第二欄是數字,表示字的大小,100 為最大,如果沒有輸入時,預設是 100。
例如本網頁中 embed 的設定如下:

&font=標楷體&
&color=0x009900&
&sound_enabled=0&
&background_image=http://blog.huayuworld.org/gallery/10235/_DSC0567.jpg&
&message=背景取自南老師的華語玩樂園&
&message_url=http://blog.huayuworld.org/nanchris11/19297/2010/08/09/70048&
&countdown=30&
&cards=
大家,50

我,50

帥哥,100
雄,100
&

上面的題庫 cards 共有六行,所以可以產生六張 flash card:
  • 「大家」、「我」設 50 ,會以一半(50%)的大小顯示。
  • 「好」、「是」因為沒設定大小,所以會用最大的字顯示。
  • 「帥哥」、「雄」設 100 ,所以會用最大的字顯示。

操作說明

要使用這個小工具,最簡單的方式是把我放在下載網址的壓縮檔下載回去,將它解開來以後,先利用類似 Windows notepad (記事本) 的文字編輯器將設定檔 flashcard_set.txt 打開來編輯,依自己的需求將設定及題庫修改後存檔。接著就可以直接執行 flashcard.swf 看看效果。如果在 Windows 中無法直接開啟 flashcad.swf 這種 .swf 的檔案,可以到 Adobe 的網站下載 flash player (projector):
以 Windows 來說,進入 Adobe 的下載網頁以後,找類似「Download the Windows Flash Player xx.x Projector (EXE, x.xx MB)」,下載以後可以直接執行 Flash Player ,再開啟 flashcard.swf 。這種方式的好處是可以全螢幕顯示,字更大。

使用 flashcard 時可以依需要點選左下角的工具選擇模式(自己玩玩看就知道了),右下角的工具則提供直接顯示字(Show)或隱藏字(Hide),按 Next 則會出現下一個字。每一個遮蔽字的方塊只要按一下,它就會逐漸消失。

 它使用很簡單,自己玩玩看就知道了,至於可以應用在哪裡呢?這當然得看老師的創意了!畢竟,工具是死的,人是活的。


程式下載

flashcard 的檔案很簡單
我將它們打包起來,有需要的請自行下載:

相關文章

 更新記錄
  • 2014.12.20 修正設定檔找不到路徑的問題。
  • 2013.10.01 修正設定了 font 指定字型卻沒作用的問題。
  • 2010.09.06 題庫的圖片原來使用 300x300 ,現在會維持原比例來放大或縮小。
  • 2010.09.05 題庫如果使用的是圖片的路徑(帶有 .jpg, .png, .gif, .swf) ,可以載入圖片檔。
  • 2010.08.27 加入音效開關的按鈕,設定檔加入 sound_enabled 的參數,供設定音效預設是否開啟。將 Show & Hide 兩個按鈕合而為一,有 Show 就沒有 Hide, 有 Hide 就沒有 Show, 唉呀!本來就應該這樣設計才合理嘛!
  • 2010.08.19 修正遮板方塊 fade out 不正常的問題。修正設定檔中參數名稱錯誤(background_image 打成 backround_image),加入 message 及 message_url 的參數。
  • 2010.08.18 修正在英文版 Windows 中,字較大,最底下會被切掉的問題。加入下方的工具列按鈕及可加背景圖的功能。
  • 2010.08.17 動工。

44 則留言:

  1. 太棒了﹐上次的生字筆順和這次的flash card真的很實用
    謝謝雄老師的慷慨分享

    回覆刪除
  2. 顏老師:謝謝你, 我也下載了,薇菲

    回覆刪除
  3. ChineseDigger:
    動作真快,第一名哦!
    恭喜您穫得頭獎!
    可以下載無限多次 ^.^

    回覆刪除
  4. 薇菲老師:
    哈!都忘了要通知您一下

    雅文老師、Lulaoshi :
    謝謝來訪,希望對妳們有幫助。

    回覆刪除
  5. 哇!真棒,又有新的東西可以給學生用。還有依依的贊助耶!感恩啦! ^_^

    回覆刪除
  6. 嚴老師:感謝你,真得非常好用。

    回覆刪除
  7. 在rar檔案裡的, html sample txt檔案, 在英文windows下不能讀, 大概沒有存成utf-8.

    回覆刪除
  8. ChineseDigger:
    謝謝提醒,已經將 html_sample.txt 及 .rar 更新了。
    感恩!您真是用功,蓋笑臉章一個 ^__^

    回覆刪除
  9. Jessica, Su-Ching :
    謝謝來訪,希望對妳們的教學能有幫助,有什麼問題,歡迎指教。

    回覆刪除
  10. 親愛的雄大師
    您真是我們海外老師的神,不拜不行啊!
    除了拿走了這個遊戲,還謝謝您跟薇菲老師送我的草莓遊戲,同學們開學看到遊戲,一定開心極了!草莓

    回覆刪除
  11. 草莓老師好,
    別啦!神都是要罰站或罰坐。
    薇菲老師的動畫設計的真是可愛,連我們家妹妹都愛看,妳的學生真幸福!

    回覆刪除
  12. 顏老師:馬尼拉的基中學院打算在過中秋節慶祝活動時,讓學生玩猜謎遊戲, 同時用您的創作讓學生玩猜字詞遊戲, 因為我們的學生玩猜謎遊戲程度不夠, 我們相信猜字詞遊戲會更適合他們, 猜對了學校都會給獎品的.謝謝您了! 薇菲

    回覆刪除
  13. 薇菲老師:
    我們班學生也很喜歡玩這個猜字詞的小教具,他們還挑戰語詞連續多張閃示,目前玩到連續五張,孩子們的記性真是好。

    回覆刪除
  14. 雄哥的遊戲又多又實用,我們當老師的真的很感謝你的分享.我動作比較慢,草莓告訴我,我才知道你又設計了好幾個新遊戲.這學期又不愁學生上課喊無聊了.謝謝!

    回覆刪除
  15. 雄哥, 在華文網的blog裡只能放一個swf for FlashCard game ? 如果想有不同的txt該如何處理?

    回覆刪除
  16. 請問雄哥,我如何在 MOODLE 中連結到DATA呢=? 我己經上傳SWF, SET, and DATA folder. 也加入網頁連結,但卻找不資料,"載入設定欓〞
    我的設定為=:
    &menuCount=3&&datafolder=data&
    &title=Matching Game&
    &menu1=Phrases-1,r1.txt&
    &menu2=Phrases-2,r2.txt&
    &menu3=Phrases-3,r3.txt&

    連接為:
    card1 generator
    --!>
    另外,我也試了
    datafolder=./data

    datafolder=.\data

    一檥無效,,"載入設定欓〞就不動了。請教教我吧。

    回覆刪除
  17. Chienhao Huang 您好:
    Moodle 中放 .swf 沒問題,
    但是如果把 .txt upload 到 Moodle 中,
    當我們用 browser 或是當 .swf 去載入該 .txt 時, Moodle 會在裡面「加料」也是就會加入一些 HTML tags 時, 這樣會讓 .swf 無法正確的解析出設定值。
    關於以上這個問題題,您可以參考我在 plurk 上和大家討論過的:

    http://www.plurk.com/p/5yhwre

    http://www.plurk.com/p/dhgd12

    另外,看您貼的設定,好像不是 flashcard 這個小工具的。

    回覆刪除
  18. 老師您好:

      請問想要將生字換成圖片的話,不知道該如何做?可否請老師教一下。

    ming台北

    回覆刪除
    回覆
    1. ming 您好:
      抱歉!這個小工具並不支援圖片的題庫吔

      刪除
  19. 老師您好:
    想講教您如果要把宇型改成有注音的,如:文鼎注音標楷,
    要怎樣設定呢?謝 謝!

    回覆刪除
    回覆
    1. 您好:
      謝謝您,看了您的留言才發現,原來用來指定字型的 font 參數沒有作用了。
      剛剛已經修正了程式,並更新網路上的檔案。
      請您重新下載一次程式,並將設定檔中的 font 改成:

      font=文鼎標楷注音

      設定檔儲存後,啟動程式應該就可以看到所指定的字型。

      刪除
  20. 感謝您的分享,有一個問題如果燈片想要斷行(有二行)
    該怎麼做呢?

    回覆刪除
  21. 老師:
    我做了快閃字卡後, 拿到學生的電腦用(APPLE的), 出現的字上面被切掉一些,字體
    好像也不是標楷體, 怎麼辦? 能不能告訴我解決的方法? 謝謝您!!

    回覆刪除
    回覆
    1. Shuching 您好:
      我在 Mac 中,設定檔的字體(font)設為 “標楷體” 時中文字是正常的,不過,不知道在別人的電腦中會是如何。當初這個工具是針對預設使用中文的 Windows 而設計的,因此字體的部份無法全部都考量的。

      刪除
    2. 今天發現在 Mac 中的字體名稱了,您可以在設定檔中將 font 設為「STKaiTi-TC-Regular」試試看。
      詳細說明可以參考底下的文章
      Flash : Mac OS X 標楷體的字體名稱

      刪除
  22. 感謝回覆,希望下版可增加,感謝您

    回覆刪除
  23. 您好,發現這個這麼好用的教學工具,讓身為英文老師的我很興奮!
    當我點下載檔案的連結時,卻顯示這個網頁無法使用,或連結中斷。ㄣ
    想請教該怎麼處理?這是免費下載的軟體嗎?
    感謝您的回覆 Kevin (goooodenglish@gmail.com)

    回覆刪除
    回覆
    1. Kevin 您好:
      這個工具是我自己寫的程式,如果非營利使用,您可以自由的應用在教學活動中。
      昨天學校主機故障才會無法下載,目前應該沒問題了。

      刪除
    2. 顏老師您好,
      感謝您的回覆。我已經下載成功,您的另一個軟體"戳戳樂"也很棒。這些小遊戲就讓單純的電子白板筆(通常只有寫畫,擦掉,放大等功能)更加生動!
      如果顏老師您知道其他免費的類似遊戲軟體(例如擲骰子,計時器,遮幕,隨機選號碼)等,還請您不吝告知。感恩!
      Kevin祝 教安

      刪除
    3. Kevin 您好:
      哈!其實我的 blog 或是網站(雄的家)中,還有不少教具、學具,其中就有您上頭要找的部分,有興趣您可以找找。
      不過,像骰子,比較建議玩實體的較好。

      刪除
    4. 原來寶就在這些地方,感謝顏老師!
      今天是Christmas Day,才忽然想起要上這個網站。Sorry reply晚了一點:)
      Kevin

      刪除
  24. 雄老师您好
    我是美惠。我想学把这个flash放到我的教学部落格去。请问要怎么做呢?我在网上看到别人以前用dropbox,现在好像行不通了。请老师建议储存在哪里比较好。谢谢!

    回覆刪除
    回覆
    1. 美惠老師您好:
      我個人現在是透過 Google Drive 舊版的界面放檔案,它有簡單的 hosting website 功能,不過,這個功能聽說在未來應該也會拿掉,其它方法現在都沒研究。如果不介意被安插小廣告,網路上應該還有不少免費空間的網站,只是要搜尋一下。很久沒用,我已逐漸脫節中。

      刪除
  25. 雄老师您好!很喜欢这个游戏。我下载并解压了文件。并在你的设定档txt上做了编辑,可是怎么才能把它变成swf格式呢?(初学者)按照你的说明步骤,我下载了flash player,可以打开你文档中的.swf文件...

    回覆刪除
    回覆
    1. 您好:
      .txt 無法變成 .swf ,您要將所有檔案放在一起,然後以 Flash Player 開啟 .swf ,如果設定沒有問題,應該就會出現您的題庫。

      刪除
  26. 雄老師您好 感恩您分享這樣棒的字卡拼圖 可是過去我可以用 現在升等windows10後 就不能用了 請問有啥解決方法 嗎? 感恩您不吝賜教及協助

    回覆刪除
  27. 您好:
    如果您是用 browser 在開 Flash 的, 建議您可以試試底下文章中的方式:
    http://gsyan888.blogspot.com/2016/09/flash-player-projector.html

    回覆刪除
  28. 雄老師您好 真的非常非常感恩您百忙中 特別撥冗賜教與協助 依照您的方法 我的問題解決了 真的太棒了
    您真是讓我好生佩服 不單是您的智慧 更是您胸襟與氣度 感恩再感恩 深深祝福您 一切順遂

    回覆刪除
  29. 老師您好!我下載了快閃字卡小教具,執行flashcard.swf後顯示“無法載入flashcard_set.txt〝,兩檔案已放在同資料夾裡,請問老師要如何處理?謝謝!

    回覆刪除
  30. 已經按照您上文的解說解決了,感謝您!

    回覆刪除

 
© 2009. Design by Pocket