雄::gsyan: TPET-生生用平板-師師有法寶-筆順練習QRCode產生器

這是一個響應南投縣江明勳老師發起的「生生用平板-師師有法寶-TPET共編」活動而開發的小工具，共編活動可以參考江老師這篇文章：

嘰哩呱啦ACE(2代)第1916回::師師有法寶-2-如何製作QR Code？以生字筆順為例

「TPET-生生用平板-師師有法寶-筆順練習QRCode產生器」是使用 Google 簡報的擴充功能，將我們輸入的生字資料，解析後，套用簡報中特別設定的樣板後，以批次的方式，產生筆順練習的 QR Code 投影片，投影片可以直接播放，按下QR Code 圖片，即可前往筆順練習的頁面；或是將簡報列印成紙本，讓學生用載具掃瞄QR Code 的方式，應用於課堂中。

[圖1] TPET-生生用平板-師師有法寶-筆順練習QRCode產生器截圖

工具網址

「TPET-生生用平板-師師有法寶-筆順QRCode產生器」工具網址如下:

https://tinyurl.com/gsyan-qrcode

請建立自己的「副本」後使用。

示範影片

底下的影片有 QR Code 產生器的簡單介紹與使用示範：

示範影片2 是有關如何由已製作好的 QRCode 投影片，解析出國字清單，以供修改內容以後，重新製作 QRCode (2023.07.29後的版本支援)。請按以下的連結：

雄 : 筆順練習QRCode產生器:由投影片解析國字清單

使用說明

底下以截圖簡單的介操作步驟。

首次使用：建立副本、進行授權

第一次使用「TPET-生生用平板-師師有法寶-筆順練習QRCode產生器」，得先建立自己的「副本」，並進行「授權」的程序，才能執行 Google 簡報擴充功能中的程序。

開啟工具網址:

https://tinyurl.com/gsyan-qrcode

按上方主選單 [檔案] 中的「建立副本」「整份簡報」

[圖2] 按「建立副本」「整份簡報」的選單

出現「複製文件」的對話框，按「建立副本」的按鈕

[圖3] 按「建立副本」的按鈕複製到自己的雲端硬碟中

如果成功的話，自己的雲端硬碟中會多一份 QR Code 產生器簡報的副本。等一會兒，在自己的副本主選單的右側，應該會多一個「TPET-生生用平板-師師有法寶」。

[圖4] 「TPET-生生用平板-師師有法寶」的選單

按一下主選單中的「TPET-生生用平板-師師有法寶」，再按裡面的「QRCode產生器-輸入生字並製作筆順QRCode」。

因為是第一次使用， Google 會要求針對擴充功能的程式進行授權，所以會出現授權的畫面，按一下「授權」的按鈕：

[圖5] 授權的程序

按完「授權」的按鈕，接著依底下 [圖6] ～[圖9] 的步驟完成授權的程序:

[圖6] 選擇和副本所在的帳號

[圖7] 按「進階」

[圖8] 按「前往...」

[圖9] 按「允許」

批次製作筆順練習 QR Code

自己建立的 QRCode產生器經過授權以後，就可以準備開始批次製作筆順練習 QRCode 了。首先開啟一個試算表，類似 [圖10] ，在第一欄輸入 QR Code 上方要出現的標題字，在第二欄則輸入要練習的生字；按照這樣的格式，一行行完成輸入。

[圖10] 在試算表中輸入生字的資料

將試算表生字資料的兩個欄位選取，並複製。

回到 QRCode 產生器，按主選單中的「TPET-生生用平板-師師有法寶」「QRCode產生器-輸入生字並製作筆順QRCode」：

[圖11] 開啟輸入生字的側欄

在簡報編輯區的右邊，應該會出現側欄，可供輸入資料。

[圖12] 輸入生字的資料

在側欄的「生字清單」輸入區中，貼上在試算表中複製的兩欄生字資料(手動輸入的話，標題字跟生字之間用兩個井字號 ## 分隔)。都好了，就按「送出並開始新增QRCode投影片」鈕。就會出現 [圖13] 的等候畫面。

[圖13] 製作 QRCode 投影片中的畫面

如果輸入的資料格式沒問題，一頁頁帶有筆順練習的簡單就完成了。

[圖14] 完成的筆順練習投影片

Q & A

Q : 已建立了副本了，但按完「送出並開始新增QRCode投影片」，沒有產生新投影片，如何解決？
A : 如果您使用多個 Google 帳號登入的話，請「新增無痕視窗」重新登入，讓瀏覽器是在只登入一個 Google 帳號的狀態下使用，再開「筆順練習QRCode產生器」重試一次。這是 Google Apps Script 在多帳號登入時，執行程式會產生的臭蟲(參考: Fix issues with multiple Google Accounts)。
Q : 生字清單可以不加標題嗎？
A : 可以的，生字清單的輸入區中，可以只輸入生字就好；沒有標題欄位時，會用「筆順練習」當預設的標題。
Q : 生字清單中，一行可以放多少個生字？
A : 每一行的生字字數並沒有限制，字數對筆順練習的程式沒有影響，只有投影片右側的內容預覽，因為格子只有21格，只會暫時顯示前21個字，筆順練習時沒有影響。
Q : 可以自己改輸出的樣板嗎？
A : 可以自訂的，想修改樣版，就按主選單 [投影片] 的「編輯主題」，找到筆順的那個版面來修改。要注意的是，程式會使用到有標上「{{QRCode}}」、「{{title}}」及填入預覽生字用的那 7x3 的表格，不要更改兩組大括號標註的文字，不然，程式會找不到要處理的物件。
Q : 產生完的 QRCode 有的會掃瞄不出網址，可能是什麼問題？
A : 可以試著將 QRCode 中央的文字方塊(標題) 移開看看，可能是因為文字方塊的大小太大，造成 QRCode 被遮蔽的部份太多，造成解譯困難。

更新記錄

2024.10.02 將疊在 QRCode 中央的文字方塊縮小，以免因為面積佔太大，而妨礙 QRCode 的解譯。
2024.04.25 如果因為多帳號登入而出現 PERMISSION_DENIED 的錯誤，會跳出訊息，提醒解決的方法。
2024.04.17 QR Code API 改用 QuickChart。
2023.07.30 如果用第二欄放「五顆星」以上，例如「第1-4課##**********」，該行不會製作「QRCode投影片」，而是製作以第一欄為標題內容的「標題投影片」，如果有一張以上的「標題投影片」，還會在第一張前面加上「目錄投影片」。
2023.07.29 將選單在「擴充功能」也加一份(哈~ 我的螢幕解析度太小，原來的方式，新增的選單只剩..)；新增了「QRCode產生器-由現有投影片中解析筆順練習的國字清單」的選單，可以分析已製作好的投影片，解析出標題跟國字清單，可以在試算表中，以「選擇性貼上」，然後重新編輯清單，重新製作QRCode。
2023.02.27 在 Google Apps Script 中加入「@OnlyCurrentDoc」的註解，限縮授權範圍僅止於產生器的簡報而已。
2023.02.26 改用「自訂版面」當樣本；幫 QRCode 圖片加上連結，方便在電腦中操作使用；生字清單改採兩個欄位的格式，並能接受試算表用跳格(TAB)符號當欄位分隔。
2023.02.24 初稿。

雄::gsyan

2023年2月27日星期一

TPET-生生用平板-師師有法寶-筆順練習QRCode產生器

工具網址

示範影片