嘰哩呱啦ACE

南投縣永興國小江明勳老師的部落格

Archive for the ‘資訊教育-免費軟體’ Category

Posted by glglace on 12月 21, 2009

第681回–電子白板教學應用-55-網頁式flash電子書-1

Posted under 資訊教育-免費軟體, 資訊融入-電子白板

  • 今天好冷!冬至也快到了,今天來吃湯圓吧。

  • 大約兩個月前20091026,我在 第641回介紹了 Big Universe 兒童英語電子書網站,當時有看了一下它的電子書結構,發現似乎每一本電子書都共用相同的flash程式,而電子書中的每一頁都是圖片檔,只要換換圖片就可以變成另一本電子書,翻頁效果和功能按鈕都是共用的,非常的喜歡這樣的作法。
  • 20091212,我在噗浪上看到阿窄剛介紹他自己寫的一篇網誌文章:利用圖片製作網頁式 flash電子書教學,真是欣喜若狂!這竟然跟Big Universe的一模一樣!
  • 很多老師喜歡在教學中使用繪本,用引人入勝的故事情節來包裝學習內容,教學效果非常好。如果老師們也可以自己收集素材,用很簡單的方式製作成電子書,搭配電子白板教學,我想應該是一個很棒的應用方式。
  • 下載與安裝
    • 首先,請到flashpageflip.com網站下載免費版的Flash Page Flip
    • 下載回來的是FlashPageFlip_FreeVersion.zip 壓縮檔,大約2.6MB。
    • 解壓縮後有三個資料夾:Documentations、Free Version、Source,我們只會用到其中的 Free Version。
    • Free Version 資料夾裡面有一個 Default.html 網頁,開啟這個網頁您就會看到一本體驗用的電子書:
  • 看起來真的是美到不行對不對?甚至可以加入目錄、影片、動畫、背景音樂、超連結!不過上述這些都是屬於進階功能,需要有 flash 的編輯軟體才能做到…
  • 別太難過!基本上,我們只要準備好我們要加入電子書的圖片檔,再修改一下設定檔,就可以變身成可以翻來翻去的電子書,效果也是很不錯的啦!
  • 準備圖片檔
    • 以螢幕解析度 1024*768 為例:您所看到的左頁和右頁分別是兩個圖片檔,建議您使用影像處理軟體將每個圖片處理成寬度500像素、高度500像素,這樣剛好是滿版。
    • 處理好照片最好順便改檔名為流水號,方便自己辨識。
    • 電子書的第一頁一定要是封面,也就是說,只有右頁沒有左頁。
  • 修改設定檔
    • 電子書圖片設定檔,位於
      「Free Version」資料夾裡面的
      「xml」資料夾中的 Pages.xml
    • 對著Pages.xml按右鍵,移動游標到「開啟檔案」,選擇用 Notepad 記事本來開啟
    • 修改 width 和 height 的數值以符合您所準備的圖片檔
    • 修改每一個圖片檔的名稱和順序以符合您所想要的
  • 結束囉!去開啟「Free Version」資料夾裡面的 Default.html  就可以在瀏覽器裡面看到您的電子書囉!不滿意的話再重複上述的步驟微調一下。
  • 待解決問題
    • 做好的電子書,第一次打開觀看的時候,翻頁時會發現背面白白沒有圖,但整本書翻過一次之後,翻頁時背面就會有圖了。
    • 如果想要放入背景音樂或旁白,根據Documentations資料夾裡面的FAQ.txt 似乎是可以做到的,但我沒有這個功力,得另請高明。簡單的辦法就是老師可以一面播放聲音檔,一面開電子書。
         
Posted by glglace on 6月 5, 2009

第585回–免費軟體-Hot-Potatoes-2-JMix

Posted under 資訊教育-免費軟體

  • 今天下班後到水里的新峰麵包店領200元西點麵包,這是學校給我的慶生紅包。原本紅包裡應該是一張麵包店的禮券,但因為他們暫時沒有禮券,所以我拿到的是空的紅包袋,人事徐主任跟我說只要去店裡面說你是永興的老師來領慶生禮就可以了。我選好麵包到櫃檯後告知老闆,老闆就直接扣除200元,我說不用看我的證件或簽名嗎?他說不用!只是在一張紙上寫下我的姓氏而已,哇!我真是喜歡這種人與人之間單純的信任!我很反對教小孩子把所有陌生人都預設成壞人!

  • 如果您覺得這篇有點沒頭沒尾,請見前情:
    • 20081103–第446回–國小英語字彙量-1
    • 20090602–第582回–國小英語字彙量-2
    • 20090603–第583回–免費軟體-Hot-Potatoes-1-JQuiz
    • 20090604–第584回–國小英語字彙量-3
       
  • 上回提到,20090528早上10:20 嘗試著用Hot Potatoes 線上測驗編製軟體裡面的 JMix 出題,可以將一個單字的字母排列隨機打散,然後讓學生重新排列出正確的順序,這樣複習英文單字的方式,我覺得效果應該會不錯,因為即使學生是看著答案來排字,至少他也會不知不覺的念字母、挑選字母、排成正確的順序,複習的效果應該會比簡答題好。
  • 本回要介紹的是使用 Hot Potatoes 線上測驗編製軟體裡面的 JMix 來出題
  • 這個例子是一個單字的字母重組,您可以出一個中文句子的重組。
  • 匯出成網頁的時候,有兩種呈現方式。
  • 匯出成網頁的第一種方式,結果如上圖。點選下方藍色待選字,就會跳到上方作答區以黑色字呈現。
     
  • 10:25 我覺得字體太小了不好點,但是在 JMix的介面中找不到可以調整的地方,只好打開匯出網頁的原始檔來看看。
  • 研究了十幾分鐘,發現把以下這一段原始碼中的 120% 改成 300%,下方藍色待選字就會變大。
    • a.ExSegment{
      font-size: 120%;
  • 上圖是修改匯出網頁原始碼的成果,可是這麼一來,作答區的黑色字顯得較小,如果要改的話也不是不行,需要找到一行 div id="GuessDiv" class="StdDiv",將之改為 div id="GuessDiv" class="StdDiv2",並且新增一個段落:
    • div.StdDiv2{
      background-color: #80ff80;
      text-align: center;
      font-size: 200%;
      color: #000000;
      padding: 0.5em;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #000000;
      margin-bottom: 1px;
      }
  • 但這實在是太麻煩了,而且跟我印象中的排字方式不同。20090528 早上 11:00 帶女兒去看醫生順便買些食材,準備煮中餐了。
  • 20090528 早上 11:50 才發現,原來匯出成網頁還有第二種方式,結果如上圖。學生必須把下面的英文字母,依照字母出現的正確順序,拖曳到三條橫線的地方放置。
     
  • 可以理解預設三條線是因為英文文句重組的時候,可能會需要用到這麼多空間,不過以我這次複習英文單字的出題需求來看,一條線就夠了,此外,帶選字也是太小,以下要針對這兩點再來修改。
  • 從匯出網頁原始碼中,尋找 DropTotal,找到後將 3 改為 1,存檔後網頁重新整理,成果如下圖:
  • 呵呵!很滿意,接下來要把待選字變大!
  • 從匯出網頁原始碼中,尋找 cardstyle,找到後將 font-size 原本 100% 改為 200%,存檔後網頁重新整理,成果如下圖:
  • 呵呵!成功!其實我在此省略了嘗試錯誤的漫長過程,只呈現如何改才會成功。但如果您問我為何知道要這樣改,我也說不上來,應該是長期從各種與電腦奮戰的成功與失敗經驗中累積出來的能力。
     
  • 成功後就是中午吃飯和壓著小朋友們睡覺的另一場奮戰了。
     
  • 13:30 決定來做五上英語第一單元的八個單字,每個單字存一個 JMix 檔案,然後匯出成網頁,然後打開網頁原始碼,將記事本的視窗放大最大,我估計出,按14下鍵盤上的 PageDown 按鍵,可以找到 cardstyle 的段落來修改,再按 15下鍵盤上的 PageDown 按鍵可以到 DropTotal的段落來修改,算好這個就快很多了,接下來的只是機械化的動作而已。
     
  • 花了我多少時間?
    • 五上英語第一單元的單字字母重組測驗題,花了30分鐘完成。
    • 五上英語第二單元的單字字母重組測驗題,花了17分鐘完成。
       
  • 雖然很花時間,但想到學生可以受益,別的老師如果剛好也有此需求也會受益,我喜歡這種「把這份情傳下去」的感覺,畢竟在網路上得到別人的好處,實在是太多太多了,有機會貢獻一點點,當然很樂意。
     
  • 20090528 晚上 19:30 請老婆測試玩玩看五上英語單字複習,我覺得很滿意!
  • 睡覺前想說要寫做線上測驗的經驗於網誌上,想找 Hot Potatoes 名稱的由來沒找到,但看了Editing Hot Potatoes Source Files 說明之後,想到也許可以更簡單一點,在匯出網頁之前,就先從源頭改起,可以省下更多出題目的時間!
     

  • 這算是好心有好報吧?原本只是想寫網誌分享出題經驗,節省別人摸索的時間,沒想到在網路上查來查去,無意間,竟然也有幫助到自己找到更好的解決辦法,節省自己製作的時間
     
  • 研究了一會兒,發現在Hot Potatoes 的預設安裝目錄之下,如果沒改的話應該是 C:\Program Files\HotPotatoes6,裡面有個 source 資料夾,以我在 JMix 中出的拖曳式重組題中,對應用到的是:
    • DropTotal 在 djmix6.js_ 改成1
    • cardstyle 在 hp6.cs_ 改成 200%
       
  • 如此一來,就又省了一道手續(按14下鍵盤上的 PageDown 按鍵,可以找到 cardstyle 的段落來修改,再按 15下鍵盤上的 PageDown 按鍵可以到 DropTotal的段落來修改)!
     
  • 花了我多少時間?
    • 五上英語第三單元的單字字母重組測驗題,花了10分鐘完成。
    • 五上英語第四單元的單字字母重組測驗題,花了8分鐘完成。
    • 五上英語第五單元的單字字母重組測驗題,花了10分鐘完成。
       
  • 有了這麼美好的經驗,我可以預估,五下、六上、六下,這三冊的單字,應該只要再花三小時就可以完工了!能跟大家分享辛苦工作的成果,真是快樂!
     
  • 喔!忘了補充說明,我做的只能搭配台灣培生出版公司的朗文國小英語課本。
           
Posted by glglace on 6月 3, 2009

第583回–免費軟體-Hot-Potatoes-1-JQuiz

Posted under 資訊教育-免費軟體

  • 在學校每天中午吃過午餐後,最期待的就是郵差的來臨,已經有一整個月都沒收到國外寄來的postcrossing 明信片了,沒想到今天竟然一口氣同時收到4張!哇!真是樂翻了!分別來自西班牙、新加坡、英國、中國,怎麼會這麼巧都在同一天收到呢?

  • Hot Potatoes 是由加拿大的 Victoria 大學的Humanities Computing and Media Centre 人文科學電算與媒體中心所開發出來的一套線上測驗編製軟體。根據其授權方式指出,個人及非營利教育機構可免費註冊使用。
  • 目前最新版本為 6.2 版,以下說明以 windows 版本為例,安裝過程省略。
  • 安裝好之後,記得先去註冊,否則最多只能出三題。到註冊網頁填寫好資料後,就去收email,裡面會有一組你的帳號和註冊碼。
  • 開啟安裝好的Hot Potatoes,在文字命令列中選 Help 然後選 Register,會出現一個視窗讓你填寫帳號和註冊碼。
  • Hot Potatoes 線上測驗編製軟體,一共可出五種題型,本回先介紹 JQuiz 。
  • JQuiz 可用來製作選擇題和簡答題,此處以簡答題為例。
  1. 輸入這份考卷的名稱
  2. 輸入第一題的題目
  3. 如果要輸入下一題可在此選題號
  4. 指定要出單選題、複選題、或是簡答題,此處以簡答題為例
  5. 輸入答案
  6. 打勾表示正確答案,如果答案不只一個,可以輸入多組答案。
  7. 存檔,這是 Hot Potatoes 專用的檔案,會以 jqz 為附檔名,日後可以打開來修改題目。
  8. 匯出成網頁,會以 htm 為附檔名,可以用瀏覽器觀看。
  • 匯出網頁,有很多地方是可以調整的。
  • 在 JQuiz 的文字命令列中,點選 Options,然後點選 Configure Ouput,再點選Appearance分頁,就可以調整匯出網頁的各種色彩選項。
  • 在 JQuiz 的文字命令列中,點選 Options,然後點選 Configure Ouput,再點選Prompts/Feedback分頁,就可以調整各種提示文字,預設都是英文的,您可以視需要調整,調整後記得存檔,如果您覺得我改成中文的提示還不錯,您可以下載去用。
  • 同樣的,按鈕上的文字也是可以改成中文的,如果您覺得我改成中文的提示還不錯,您可以下載去用。
  • 假設您出了十題選擇題,您希望每次開啟測驗網頁時,出現的題目順序都不同,而且每一題裡面的選項也隨機換順序,有兩個地方您要打勾。
     
  • 在 JQuiz 的文字命令列中,點選 Options,然後點選 Configure Ouput,再點選Other分頁,上圖中我用紅色框起來那兩個。
           
Posted by glglace on 6月 19, 2008

第389回–如何用鍵盤控制音量

Posted under 資訊教育-免費軟體

  • 今早老婆緊急來電,說她的 Yahoo 信箱好像中毒了,因為她收到一封廣告信,可是寄信人卻是她自己?
     
  • 上網查了一下,各種說法都有,有三種情形:
    1. 自動寄出色情信給通訊錄上的人
    2. 寄出夾帶有病毒的附件給通訊錄上的人
    3. 收到自己寄給自己的信
       
  • 雖然聽說這個問題很多次了,但我自己沒遇過,不知有沒有人告訴我目前最新最正確的解決方案?


  • 明天早上就要畢業典禮了,今天下午將維峰做好的畢業光碟帶到視聽教室去,複製一份到硬碟上比較安心。由於影片中的各個片段音量不一,不時需要調整大小聲,去年畢業典禮我就為了這個疲於奔命,因為視聽教室的音量控制是在舞台前。今天維峰說打算要在電腦上放,我想也對,這樣就可以坐在電腦前面輕鬆的控制音量了。
     
  • 不過事情沒這麼簡單,視聽教室電腦的播放程式是 WinDVD,如果要調音量的話,就必須從全螢幕播放切換回視窗狀態或呼叫出控制面板,這樣的話很影響觀看品質的。
     
  • 於是我想,可不可以用鍵盤的上下鍵來控制音量?當然,還是得去拜拜Google大神,我用了關鍵字:用鍵盤控制音量、鍵盤 控制音量、如何使用鍵盤控制音量,都沒找到滿意的,最後是用「音量 控制」找到電腦玩物 -用滑鼠滾輪快速控制音量:Volumouse 1.5
    • 官方網站 — Volumouse
    • 下載點 — 1.50 免安裝版 (解壓縮到一個資料夾即可使用)
    • 語系檔 –Traditional Chinese (解壓縮到同一個資料夾)
    • 軟體授權 — 免費軟體,在不向別人收費的條件下可自由散佈
       
  • 在辦公室測試使用是成功的,的確可用滑鼠滾輪+特定按鍵來調大小聲。接著興沖沖到視聽教室去,沒想到 … 失敗?!
     
  • 實在有點沒力… 再想想辦法,別灰心,我發現做以下的調整就可以囉!
    • 設定使用「熱鍵」而非「滑鼠滾輪」來控制音量
    • 設定「熱鍵」的方法是,讓滑鼠游標停在音量「遞增」旁的空格中,然後按一下鍵盤上的「向上方向鍵」,此時您會看到該空格中出現「Up」,同樣的方法設定鍵盤上的「向下方向鍵」,此時您會看到該空格中出現「Down」,最後按「確定」離開,這樣設定就生效了。

     

     

  • 最後,當您用「熱鍵」或「滑鼠滾輪」來調整音量時,您滑鼠停在哪裡,音量指示圖就會出現在哪裡,這樣還是有點不好看,建議設定出現在某個固定的地方,譬如說螢幕的右下角,這樣,就粉完美啦!
Posted by glglace on 4月 16, 2008

第348回–資訊課-簡易卡通 Easytoon-1

Posted under 資訊教育-免費軟體, 資訊教育-國小資訊課
  • 最近找到一個很簡單就可以製作黑白卡通的軟體Easytoon,比起四年前我找到的Pivot Stickfigure Animator
    小人動畫製作軟體,有更大的自由度,決定將之加入到資訊課教學中,今天要寫網誌的時候,想找看看以前在哪一回寫過「小人動畫」,很令我自己吃驚的是,我竟然沒有在嘰哩呱啦ACE寫過!
  • Easytoon 是一個綠色軟體。綠色軟體是指不須安裝便可使用的軟體,移除後也不會殘留「垃圾」資料在電腦上。
     
  • Easytoon 的初始作者是 Keijiro Takahashi (高橋啟治郎),後續似乎又有其他人協作改善。我目前還無法查出這是否是免費軟體,不過從高橋的網站中的作品一覽中,發現他的四個作品都有公開原始碼,所以我猜想,應該是可以免費使用。不過我還是寫了一封信給高橋,問看看是否可以在教學上免費使用,靜帶回音。(註:20080419收到回信,高橋先生說可以免費使用)
     
  • Easytoon也有人將之中文化,可在此下載,另有台南縣仁德國小學生作品欣賞,Youtube 上也有一些影片可以觀摩, 
    使用教學有三個請自行閱讀:
    1. 陳承謙老師Easytoon使用教學
    2. GIF動畫製作軟件 Easytoon入門教程(簡體字)
    3. 瀨神意的Easytoon體驗