AnswerSystem2022的開發

 

        這是補寫一下前一年的程式開發紀錄，因為我們學校有三個班級申請了「科技輔助自主學習」計畫，配到了二個班級60部平板（Microsoft Surface GO2）跑WINDOWS系統，這事其實應比較偏向「教學」，但這年頭只要用到電腦及網路都算到資訊組來，所以在學校端這事好像就變成由我來主導執行…

        除了配合上級長官學者那套A1A2…因材網、四學融入…那套之外，我想起了在遙遠的過去我自己的科技輔助專題，2006年時我自己寫了一個在課堂上使用的數位輔助教學的套組程式：AnswerSystem，那時一大堆學者教授及優秀的學校名師團隊都主張網際網路什麼都有，好像只要上網去就可以完成教學了！而我的主要想法是在課堂教學的階段，未必需要使用Internet，那些線上平台我認為比較偏向非同步運用。

        我著重教室內的科技，在那時提出了一種概念及實作：高互動教室，那時我的班級學生有分組平板，我建了如下的架構，不用什麼龐大的系統，使用WINDOWS電腦間的區域網路就可以了，依此開發了AnswerSystem，老師端投影教學、彙整多媒體教材、排程教學邏輯…派送題目給學生（在這時我就提出這種概念），學生端安裝的AnswerWizer則可以收到老師的派送，並有回答問題的介面，老師馬上得到所有同學的回答在投影幕上一起討論…

        剛好這又有這個話題，我就把以前這個概念全部重新開發…

也寫了較詳細的歷程在GoogleSite上：https://sites.google.com/cies.tn.edu.tw/codingrobot/%E7%A8%8B%E5%BC%8F%E4%BD%9C%E5%93%81/answersystem2022

寫一些關於數學練習的程式(2)

         應該是太容易就把分數類型及轉換的程式給寫好，加料的壞習慣又來了，想說應該要有分數計算的部份才對吧！想不到這個念頭又讓自己陷入很損耗腦細胞的程式碼漩渦中…想起來很簡單自然的事情，在實現面常常都是複雜的…※不是艱難而是複雜！

趁此機會讓畫面有點樂趣

        我在這支程式的畫面中，用了許多「憤怒鳥」的圖，它是我女兒小時候很喜歡的卡通人物，※這組Angry bird的圖是取自https://snap2objects.com/ (https://creativecommons.org/licenses/by/3.0/)而程式的icon及裡頭的關於頁用的Garfield，則是我個人很喜歡的，用的圖也是我女兒小時候手繪的～

        在寫分數的加減乘除這個部份，比較費神的加減的部份，主要是因為分母通分的部份，還有讓電腦亂數出題，有可能會出一些答案是負數的，這個在小學可是不適用的…

還有，我不僅想讓程式自己出題、自己給出答案，還希望它能列出建議的計算過程，最後也能有語音講出來的功能，這些都是費功的地方，一時間開始思考分數的SOP算法是我個人的收獲…發現在這些計算中，求二數的「最大公因數」的能力非常重要，所以五年級的課程中，因數這個話題，小朋友一定要學好…

在程式中，我就要先寫一個取最大公因數的演算式才行，找了一下資料最棒的方式應該是「輾轉相除法」又稱歐幾里得算法（英語：Euclidean algorithm），而在中國則可以追溯至東漢出現的《九章算術》（幾千年前的人智慧怎麼如些高呀！）

我實作出下列CODE

--求最大公因數

function gcd(m,n)

  local remainder = Math.Mod(m, n);

  while remainder ~= 0 do

   m = n;

   n = remainder;

   remainder  = Math.Mod(m, n);

   if remainder == 0 then

     break;

   end

  end

 return n;

end

--求最小公倍數

function lcm(m,n)

  local product = m*n;

  local gcd_n = gcd(m,n);

  return product/gcd_n;

end

        因為 二數乘積 = 最大公因數*最小公倍數，所以找出最大公因數後，鐵定能算出最小公倍數。在程式中需要二個數字，就把原始值送進涵數去，不過要避開0，否則程式就可能會掛掉了…

        在避開負數這個問題方面，則是善用了While迴圈：

   n2x = Math.Random(min_num, max_num);

   n3x = Math.Random(min_num, max_num);

while n2x < n3x do

   n2x = Math.Random(min_num, max_num);

   n3x = Math.Random(min_num, max_num);

  if n2x > n3x then

    break;

  end

end

在程式中若希望亂數產生的n2x必須大於n3x，就判斷一下，萬一不是這樣就進入while巡迴中重跑到合適再跳出

重拾「音樂輔助學習系統」程式

雖然時間總是被拿去弄東弄西或自己玩東玩西的，在音樂的學習這塊的興趣，我始終是記得的，從小可說是音樂極差的…五線譜都看不懂到接觸樂器、樂團，擁有「自己」引以為傲的演奏力，我的Music路還真是多采多姿。
從認真接觸樂器後，有一段時間就也很認於樂理、樂譜，然後喜歡畫譜…進而喜歡自己編曲（雖然非專業），擁有的樂趣應該是小時候怎樣也無法想像的發展。

自己編曲手繪的樂譜帶來莫大的成就感

不僅喜歡音樂、也喜歡科技帶來的改變，從那Windows3.1的時代，就一直迷著要用電腦來網譜，印出來像是出版品，感覺上才夠水平的心理…不斷地追尋、花錢、花時間…腦袋裡總想著如何用電腦來玩這一塊。如果有人覺得我的電腦功力蠻不錯的，那也都是為了電腦音樂的研究而來的。

直笛是玩票的

隨著電腦科技不斷發展，越來越有樂趣了

分發教書後，因為音樂組別畢業的關係，理所當然地會被「重用」去帶團（兒童樂隊），但還是當導師喲！音樂課這種專業的課程可是「主任級」的才能上呢！由於個人的興趣和執著，應該是對電腦音樂這門子的迷戀，有好多年的日子，晚上都在編曲並用著現在看來不怎麼利索的電腦系統及程式來實現自己的美夢…
即始離開嘉義回台南後已經不帶音樂團隊了(轉為都在學習怎麼寫程式)，仍然沒忘了要利用電腦來輔助音樂學習的想法，所以隨著程式能力有點兒進步，在2006年時就發想寫了個「音樂輔助學習系統」三端程式，老師端程式、學習者端、伺服器…整合的想法，目的是想要能幫助音樂自學者練習。

這個想法開始於2006

雖然我的程式能力不是很強，但寫的速度倒是很快，想著就馬上實現它，不過後來我發現了smartmusic，「OH,My God」原來外國早就有這樣想法的程式了，而且功能強大，缺點當然是要錢啦！所以這程式我就寫好放著…當作有個練習的願望實現了就好！
這二天，我翻出舊程式，突然有個想法…也許可以再修它一下，Updae一下…這個輔助系統的想還是很棒的(至少我自以為這樣！)

再把它挖出來寫下去

在我們的教學場域，我這個程式點子應該是很有趣的，利用一些零碎時間來繼續吧！其實當時還想練習寫桌面程式與伺服器溝通的方法，多媒體部份都在個人電腦端實作，而伺服器端專管資料備及檔案交流交換…

教師端程式

音樂封包管理

音樂封包製作

當時在寫這程式時，flash page在夯，所以樂譜設定以falsh page來呈現，想不到現在flash被認為是惡夢，我想改變朝向PDF呈現。當時的螢幕也不像現在的高解析度大螢幕…所以程式視窗大小也是修正的重點，至於當時使用的音樂格式是ogg，本機資料庫使用SQLite倒是蠻有前瞻性的！

又得要看一大堆程式碼

雖然要先去看一大堆以前寫的程式碼(有時還會看不懂自己以前在寫什麼東東…)，回想自己以前的想法，才能開始進行修改，是蠻花時間精神的！不過，找一個認有有價值的目標來思考未必不是一件好事！改好後再放出來讓大家指教、指教…

寫一個電腦抽籤的程式

昨天，學校的教學組長提及有沒有辦法在校內語文競賽時，選手抽籤像全市比賽那樣，用電腦抽號！我直覺地回答：「這簡單呀！」(聽說主任本來要去找一下有沒有人在賣這種程式…)
其實，一切都是為了「比賽的公開與公平」，這個要從校內做起…，也是需要啦！
看了一下，全市比賽的抽籤程式用的是Excel巨集寫的，一來我不擅長那個，二來我想弄個漂亮點、功能好一點的，所以花了一下子來寫支「競賽抽籤程式」。

程式執行畫面

說來說去，就是電腦亂數啦！

程式裡的簡單說明

要用這支程式，首先就是建一個選手名單，要不然誰知道你要抽什麼？所以我很簡單地提供一個純文字的範本檔，使用者填好另存後，就可以當作給程式的Source了

為了呈現出公平中的公平，引入名單時還可以決定抽籤順序，免得有人連「誰先抽」也計較(※說實在的，有必要那麼計較小朋友的競賽得失嗎？學到了東西比較重要吧！)

接下來選手名單就會列表在左側的欄位裡了，這是主持人可以決定讓輪到的選手上來一個一個抽，或由電腦一次幫所有人抽好…
在這個部份，我就讓它呈現一點兒效果（正在抽及抽出號碼的畫面及音效）

正在抽號…

抽出來了…

我把這支程式放在網路上供有興趣的人→下載參考
※程式畫面我嵌死了忠義國小的校幑和學校名稱，不過那都是可以改掉的，如果有人有需要的話。
※寫這種程式，我想最重要的就是操摐亂數的技巧，以下面這個涵數(lua程式)來說，傳入一個數字 n 要求它在1~n之間取一個亂數，還要進行檢查這個數字在之間取過了沒
function num_set(n)
  g_no = Math.Random(n);
  g_tb_Count = Table.Count(g_tb);
  if g_b_Count == 0 then
Table.Insert(g_tb, 1, g_no);
  else
NumFind = false;
for i,j in pairs(g_tb) do
if g_no == j then NumFind = true; end
end
if not NumFind then
Table.Insert(g_tb, g_tb_Count+1, g_no);
end
  end
end

再來，我就會搭配一個迴圈來讓程式一直跑到我想要的所有亂數都產生為止，下面例子就是我想要電腦幫我跑出25個36以內的不重覆亂數來，呵呵…反正是電腦在忙！

   while g_tb_Count < 25 do

      num_set(36);

   end

Arithmetic Challenge Open2015開發紀錄

今天我把以前開發給學校學生使用的算術大挑戰(Arithmetic Challenge)改版開放給校外，主要是把消息Share在溫老師的備課Party，比較起來，這兒重視小朋友學習的老師或家長還是多一點吧！
程式網站的位置→http://163.26.23.3/app/math_game_ex/
這是一個主從式的程式，意思是程式在使用者的電腦上執行，背後卻可以和伺服器連動，很多電玩不都是這樣嗎？以這個程式來說，小朋友挑戰的成績可以上傳到伺服器配合的網站程式接收，這樣可以讓小朋友們比拼一下誰厲害。

原本結合在學校兒童學習網的後端

在這次的改版中，保留原本程式中算術項目功能，「個位數加法」、「二位數加法」]、[九九乘法]、[二位乘一位]、[100以內的減法]，我覺得這些項目是小學生最需要的話題，簡單是簡單，就算是一位加一位的題目，如果趕你時間，就可能會出錯囉！

我趁這個機會，就把最近用的「憤怒鳥」加到畫面裡。

程式執行起來的畫面

當挑戰者(學生)按下開始後，程式會自動出題，共20題，題目在上方，答案會隨機出現在下面的八鈕之中，學生做完一題，程式會立刻出下一題，直到20題結束。

分數的核算方法：本程式計算成績的方法依據二個部份→答對的題數及所耗用的時間，而且連績答對還會有動態加分，如此設計的原因是希望學生能同時兼顧作答的正確性及速度。

進入測驗的畫面

我覺得我之前構思的計算分數的方法是蠻不錯的想法→想得高分，得兼顧速度和正確還有連續正確…，只是過去在學校實施，有很多學生的成績會很接近，使用的秒數有一樣的情形，那是因為之前的程式，我讓它每一秒核算一次所謂的「時間加分」，當許多認真的學生出現時，他們的成績會很接近，甚至一樣。
所以這一次，我修改程式這個部份，改為每0.1秒核算一次，我想這樣子，想同分的機會就不多了。

再來就是成績上傳這件事，原來的版本，小朋友測驗完後，想要上傳成績，會跳出一個視窗要求輸入帳號密碼，會送出到兒童學習網認証並取得學生的資料，再寫入成績表，所以可以上傳成績的都是本校的學生。
想讓程式改成讓學校之外的人上傳成績，以學習的角度來說，這絕對是很棒的事，但如何在上傳成績時進行「認証」變成一件很值得思考的事，我不可能要求凡是要上傳成績的人都來系統申請帳號，因為這樣會讓事情變複雜了，而且我也不想找自己的麻煩。
最後，我想了一個辦法，伺服器上不需要保有使用者的帳密，但大家都能以自己的名稱來上傳成績，且人不會有重疊的問題，就是某部電腦上執行這支程式而想上傳成績的，請家長或老師幫學生編輯一個我提供的文字檔，自行建立想要上傳的所有人資料(不違個資隱私的)，然後mail給我(tnmongo@tn.edu.tw)，而我只是打開來看看有沒有使用「不雅文字」的(我們教育單位總要注意一下)

我也不用費什麼工，只要寄來的檔，沒什麼問題，我就原樣地把這個檔放上網站上的某個程式知道的位置，而我會回信給寄信者一個「特殊號碼」，如果有某個老師為30個學生建了資料，他只要跟這些學生講這個「特殊號碼」，就算在家中的電腦，學生第一次想上傳成績時就可以利用這個號碼，取得這30個學生的帳號，可選擇自己，然後上傳成績。

用特殊號碼取得帳號資料

取得後，帳號那一欄就有人可以選了

※其實「特殊號碼」就是引導程式到成績網站上載回老師建的文字檔回放在C:\cw_arithmetic中，一個叫user.enc的檔，您是不是想說：「想搞怪的，這時再去改這個檔，不是一樣」，可沒這樣簡單，因為我已讓程式將它「編碼」，改不了的！
如果，有老師日後想增減或改變帳號資料，只要重寄文字檔給我(tnmongo@tn.edu.tw)，我就會再回一個不同的「特殊號碼」，使用者只要將C:\cw_arithmetic\user.enc給刪了，程式就會讓它重從取得資料檔了！
※老實說，對於想出這個方法，我自己都覺得蠻得意的。

在網站端接收程式的部份，其實就蠻簡單的，不管是ASP或PHP…都可以寫的，只要能接受傳送來的數據，寫進DataBase就行了，也不會有什麼資訊安全問題，以想上傳成績的使用者來說，也不會有什麼隱私問題，可以不要寫自己的真名，只要能識別自己就行了，成績上傳的用意是讓小朋友知道「人上有人、天外有天」也許就會更認真…

Multiplication Chessboard的更新紀錄

在10月上旬將這個程式Share出去之後，有許多老師同好對「九九乘法遊戲板」感到興趣，所以我儘可能地快速Update它到我認為較完整的版本，主要就是加入對戰紀錄分析，我個人認為這可比遊戲本身更重要，也加入了一點音效…

加入可以逐手討論的區塊

若有大人或老師，在某場遊戲結束之後，引導小朋友(對戰者或其他人)一起來「回顧」每一手紀錄，這可以讓小朋友長智慧，因為不僅是單純的背熟九九乘法這麼陽春，它還包含觀察對方的局勢做出是要「進攻」或是「阻止」的決定！
以程式的角度來說，就是要在遊戲進行中，不斷地留下紀錄，所以我讓程式在啟始時，在使用者的電腦裡檢查並建一個目錄，就在C:\cw_cheesboard，遊戲進行時，程式會截取盤勢畫面及寫下使用者動作的log，最後在程式中增加一個區塊→「對戰分析區」

每一次的對戰會被以時間為標記留下來

選了對戰紀錄後，就可以進入那一場的檢討畫面。
在這一次的Update中，有鑑於目前螢幕或是單槍都是16:10的比例，且解析度也都不錯，便加出一版使用1200X800的版面，並用KIOSK模式(全螢幕遮蔽)，結果老師們也大都認為不錯。

KIOSK模式執行的程式

不久之後(才釋出程式一二天)，有位新市國小的大紅帽老師來商談，希望能改一版適合他的「全黑板投影」，還很認真地提出了他的需求，想說如果不要太費時，就舉手之勞一下…

原來現在有一些老師認為原本的教室投影模式(單槍投在布幕上)太不清楚，所以就投在黑板上，這樣還可以用粉筆加上去，算是一種巧思，也有書商的數位教材光碟也提供了所謂的「黑板投影模式」，其實很多年前，我去台北開會或研所上課時，就有教授把畫面直接投在白板上，加上白板筆說明課程，用黑板的話，在目前的教室應是不錯的啦，因為教室配的投影幕都是4：3的居多，早就跟不上時代了，只不過認真的老師，仍免不了要吃些「粉筆灰」…

投影在黑板上有二個重點：1.黑板是狹長型的。2.投影在黑板上對於內容的顏色是有限制的
還有，大紅帽老師希望利用鍵盤來控制程式…，嗯…這些要求對我來說也還算可以啦，不過我也沒太多時間就是了，而且看來他使用雙螢幕在玩（這麼有衝勁的老師現在也不多了），所以我也加了一個螢幕來試程式效果。

這時筆電是主螢幕，另一個就是副螢幕（二個解析度可設為不同）

發現程式一開始會執行於主螢幕，由於寬長於螢幕解析會被截斷，拖到副螢幕也不會自己恢復

加上二行程式就解決了

就下指令要求視窗重繪就是了

經過與大紅帽老師一番來來返返，整個程式也差不多了！他應該還能接受吧！畫面就像下面一樣，程式的版面是1580X426，在執行時，大紅帽老師打算把控制區留在主螢幕上，只有遊戲區拖到副螢幕上，而他的副螢幕就是他的單槍。

因應黑板投影所使用的顏色大概就幾種

我讓數字盤面隨著目前的玩家移動

整個程式應還算可行

※若您也此樂趣想要一試，可以在下面的連接下載到這個版本：
http://163.26.23.3/app/multiplication_chessboard/MultiplicationChessboard_v117.exe
附記：
◆大紅帽老師提供了幾種適合於黑板投影時使用的色彩，我想這應該是經驗法則，而且每個人的看法會有不同的。我把提供的16進位順便轉換成RGB模式表示在下面這個網站可以轉換
http://www.ifreesite.com/color/color-code-converter.htm
紫圓：#9600E1　ＲＧＢ150,0,255
藍圓：#005AE1　ＲＧＢ0,90,225
紅圓：#FF0066　ＲＧＢ255,0,102
綠圓：#368700　ＲＧＢ54,135,0
黃字：#FFFF00　ＲＧＢ255,255,0
紅字：#E90080　ＲＧＢ233,0,128
紫字：#6E00A5　ＲＧＢ110,0,165

藍字：#00F0B0　ＲＧＢ0,240,176

◆關於留下玩家每一手的對單紀錄，我用方法是讓程式去截取程式數字盤的影像存成jpg檔，這個部份其實很有程式難度，不過很幸運地，以前在開發論譠有一位厲害的荷蘭工程師SSIDE釋出了涵式作法，這需要dotNet2.0以上的支援，以前我就曾用在我的論文所開發的系統中，現在win7以上都內建.net framework，所以這部份能順利解決。

◆大紅帽老師所需要的鍵盤控制功能，在程式的實作上並不難達成，主要是將程式碼寫在ON key這一個event中就行了，當然得判斷一下使用者是按了哪個鍵？而電腦鍵盤的每個按鍵原本就有特定的代碼能讓程式截取

Decimal	Hex	Character
8	8	Backspace
9	9	Tab
13	D	Enter
16	10	Shift (both)
17	11	Ctrl (both)
18	12	Alt (both)
19	13	Pause
20	14	Caps Lock
27	1B	Esc
32	20	Spacebar
33	21	Page Up
34	22	Page Down
35	23	End
36	24	Home
37	25	(left arrow)
38	26	(up arrow)
39	27	(right arrow)
40	28	(down arrow)
45	2D	Insert
46	2E	Delete
48	30	0
49	31	1
50	32	2
51	33	3
52	34	4
53	35	5
54	36	6
55	37	7
56	38	8
57	39	9
65	41	A or a
66	42	B or b
67	43	C or c
68	44	D or d
69	45	E or e
70	46	F or f
71	47	G or g
72	48	H or h
73	49	I or i
74	4A	J or j
75	4B	K or k
76	4C	L or l
77	4D	M or m
78	4E	N or n
79	4F	O or o
80	50	P or p
81	51	Q or q
82	52	R or r
83	53	S or s
84	54	T or t
85	55	U or u
86	56	V or v
87	57	W or w
88	58	X or x
89	59	Y or y
90	5A	Z or z
91	5B	(left Windows key)
92	5C	(right Windows key)
93	5D	(application key - located between the right Windows and Ctrl keys on most keyboards)
96	60	0 (numpad with Num Lock on)
97	61	1 (numpad with Num Lock on)
98	62	2 (numpad with Num Lock on)
99	63	3 (numpad with Num Lock on)
100	64	4 (numpad with Num Lock on)
101	65	5 (numpad with Num Lock on)
102	66	6 (numpad with Num Lock on)
103	67	7 (numpad with Num Lock on)
104	68	8 (numpad with Num Lock on)
105	69	9 (numpad with Num Lock on)
106	6A	* (numpad)
107	6B	+ (numpad)
109	6D	- (numpad)
110	6E	. (numpad)
111	6F	/ (numpad)
112	70	F1
113	71	F2
114	72	F3
115	73	F4
116	74	F5
117	75	F6
118	76	F7
119	77	F8
120	78	F9
121	79	F10
122	7A	F11
123	7B	F12
144	90	Num Lock
145	91	Scroll Lock
186	BA	;
187	BB	=
188	BC	,
189	BD	-
190	BE	.
191	BF	/
192	C0	`
219	DB	[
220	DC	\
221	DD	]
222	DE	'

※還有一點可以提醒自己的，程式若是用到onkey的，在開始執行後一定要記得給一個命令focus住畫面上某一個物件，如此鍵盤的截取才會開始運作，還有當鍵盤模式處於中文狀態，不管按哪個鍵，返回值都會是229

開發Multiplication Chessboard紀錄

中秋節連假前的星期五（2015.9.25），我們利用下午沒有課務的時段，在圖書館辦了一場校內的研習：「桌遊在教學上的運用」，參加的就是幾位平時對於桌遊很有興趣的老師，像是内人(Spring Wu)和女兒(Irene Zheng)就是桌遊長期以來的支持者。所以在這小小的研習中，老婆帶了許多之前買的桌遊和其他老師及小朋友分享，也分享了最近在溫老師備課party中看到的資訊：有位邱老師分享了九九乘法盤遊戲的作法，大人和小孩都覺得效果很好。
剛好本人會寫點小程式，心想可以把這「寓教於樂」的想法化成程式，或二人玩或投影，若有電子白板的教室，豈不美事一件，就立刻動手…
※寫程式對自己也是很有幫助的，它可以促進腦細胞快速運動，讓一個人即使夜深了也不會累…哈哈！是隔天才會累

第一件事就是看著人家這張設計，想一下人家建議的玩法

分析原本構思者的想法很重要，它將成為程式最基本的樣子，這方面我算是還可以啦！過去也累積了許多經驗。

一開始先把想像中的畫面做出來

既為「程式」，程式碼才是最重要的，接下來就是思考畫面上的各種功能要如何佈置及靠程式碼去實現，這過程中充滿了腦海中對於未來運作程序的順序模擬，事件及動作，如果怎樣就怎樣…英文就是event→function→if xxx then else xxx，我寫程式的速度算是蠻快的(如果慢下來放著，就會不想寫了)，很快地我就完成了基本樣式(約莫一二天中的空餘時間)，也不能全部時間都拿來做這事，還是要上課、打球、家務事、也得睡覺…
第一階段最費腦袋的應該就是如何判斷所有三連環的情形，一想之下，情形真多…如何把它化為公式判斷是很重要的，像下方這樣：
function chk_line(user,point)
  if user == "user_green" then
    if String.Find(txt_user_green, "|" .. n-6 .. "|", 1, false) ~= -1 and String.Find(txt_user_green, "|" .. n+6 .."|", 1, false) ~= -1 then
      victory = true;
    end
  elseif user == "user_red" then
    if String.Find(txt_user_red, "|" .. n-6 .. "|", 1, false) ~= -1 and String.Find(txt_user_red, "|" .. n+6 .."|", 1, false) ~= -1 then
      victory = true;
    end

end

這大概花了我最多的時間來思考吧！

還有我也希望程式能吸引小朋友，剛好我家女兒很喜歡「Angry Birds」，所以裡頭如果能用Angry Birds圖案就不錯，但會不會有版權問題呢？上網找了一下，Angry Birds Playing CardDeck and Vector Characters，很棒的外國作者的作品，以創用CC 3.0釋出，看來應該可以使用

在程式中我也用了女兒(Irene Zheng)的手繪作品，寫程式的人特權就是愛用什麼素材就用什麼素材，可以完全客製化

玟琳喜歡畫Angry Birds(其中一張)

這個夠活化腦細胞的

經過一番努力，我完成了所謂的Beta版，迫不及待地請老婆女兒當首席測試員，看看有沒有什麼問題，果然就有問題，竟然出現了該獲勝，程式卻沒反應的情形，當然就是有Bug啦！

這程式是耍呆嗎？

這其實很平常啦！「哪有人吃燒誁餅不掉芝麻的！」寫程式哪有沒bug的，但這可又要想一下了，快速地掃視一下程式碼，果然原本的想法裡有漏洞，通常我會做筆記把情形寫下

這東西應該只有我自己看得懂

很幸運地！很快看出問題出在哪兒，就可以快速修正它，所有的邏輯思考到此應算完成了，接下來我就想為程式加些原本沒有的想法，免得遊戲太陽春了，所以我加入了進階版亂數盤面的功能和限時的功能，以及讓玩家能選擇代表圖的功能。

跑起來的畫面

先這樣吧！就Release了，這程式我放在http://163.26.23.3/app/multiplication_chessboard/，讓有興趣的同好們一起玩玩看，過二天有空，我還會繼續Update它，最終我想讓它和「兒童學習網」連接，取得學生的資訊，並可以上傳對戰歷程。

以下是一些程式中用到的畫面：都是用女兒畫的圖來做的

這是我個人最喜歡的咖菲貓