HTML5 FUN : 數學小白板分享的新功能

2023年五月公開的 HTML5 FUN 數學小白板許久沒更新了，這幾天除掉一些臭蟲，元件增強一些功能，也新增了一項重要的功能「分享」。畫面右上方多了一個「分享」圖示 (圖1)，按下去以後，可以將畫面的內容匯出設定，並加在網址中，不但可顯示QRCode (圖2)，同時也可將網址複製到剪貼簿中供剪貼；老師布題的內容可以透過 QRCode 讓學生以平板電腦掃瞄，或是提供網址給學生作答；學生修改過內容，一樣可以透過「分享」的功能，將網址給老師存查；或是將作答結果下載成圖片(2023.08.27新增)。

[圖1] 分享的按鈕

[圖2] 按分享後產生的 QRCode

像前面按下「分享」的按鈕，除了會出現 [圖2] 的 QRCode；如果按了「複製網址」的話，底下這串長長的網址，就會複製到剪貼簿中了：

https://gsyan888.blogspot.com/2023/05/html5-math-whiteboard.html?jsurl=~'*7b*22size*22*3a*7b*22width*22*3a1024*2c*22height*22*3a695*7d*2c*22nodes*22*3a*5b*7b*22n*22*3a*22expressionBox*22*2c*22p*22*3a*7b*22x*22*3a543*2c*22y*22*3a311*7d*2c*22nodes*22*3a*5b*7b*22n*22*3a*22label*22*2c*22p*22*3a*7b*22x*22*3a503*2c*22y*22*3a304*7d*2c*22v*22*3a*22**ff1d*22*2c*22c*22*3a*22*234C82FF*22*7d*2c*7b*22n*22*3a*22mathFraction*22*2c*22p*22*3a*7b*22x*22*3a306*2c*22y*22*3a395*7d*2c*22v*22*3a*5b0*2c4*2c0*5d*2c*22c*22*3a*22*23FF826F*22*7d*2c*7b*22n*22*3a*22math-label*22*2c*22p*22*3a*7b*22x*22*3a684*2c*22y*22*3a319*7d*2c*22v*22*3a*5b1*5d*2c*22c*22*3a*22*23FFE54F*22*7d*2c*7b*22n*22*3a*22mathFraction*22*2c*22p*22*3a*7b*22x*22*3a306*2c*22y*22*3a222*7d*2c*22v*22*3a*5b0*2c4*2c0*5d*2c*22c*22*3a*22*23FF826F*22*7d*5d*7d*5d*7d&autostart=true

哈！真的嚇死人了！

試試看，按一下那長長的連結，它會重現布題的結果哦！

【註1】目前的分享方式是將元件的設定及配置放入網址中，製作 QRCode 時，會先將資料儲存在網路中，改以類似短網址的方式運作，並同時將原始長長的網址複製到剪貼簿中；所以有需要保存設計供下次使用的需求，請自行將剪貼簿中的網址貼到自己的文件中保存。

【註2】2023.08.27 將「分享」如 [圖3] 依需求細分為：

• 「建立QR code」
• 「複製網址」
• 「下載圖片」

[圖3] 2023.08.27 分享功能選單

新功能介紹影片

影片１

底下的影片簡單地介紹一下2023年08月的更新：

• https://www.youtube.com/watch?v=CoR75oyq7_s

將關鍵的段落整理如下，按時間可以直接跳到該段：

00:20 天平的新功能

00:49 分數條的新功能

01:31 小白板的新功能

01:46 整數元件的新功能

02:36 分享的功能

影片２

底下的影片介紹新增的五格板元件及圖示元件的使用：

• https://www.youtube.com/watch?v=LjJXfGjCSAY

章節的清單如下，按時間可以直接跳到該章節：

00:00 數學小白板的基本操作

00:43 分數條變分數牆

01:05 清空畫面的功能

01:27 捲動元件選單

01:34 五格板的操作

相關連結

• 雄 : HTML5 FUN : 數學小白板

• 雄 : HTML5 FUN : 數學小白板時鐘元件

• 雄 : 打造自己的遊戲 : HTML5 FUN 烘焙機大彙整

• 雄 : HTML5 FUN 精選集