HTML5 FUN 網站中，以下幾個遊戲原本就可以利用參數，指定在遊戲結束時，將分數及作答歷程傳送給指定的網址處理、儲存：
- 單字高手
- 聽音辨字
- 注音高手
它們會傳送以下的資料：
- 遊戲標題
- 設定檔檔名
- 使用者代號
- 總秒數
- 答錯次數
- 得分
- 作答歷程(題目,使用秒數,錯的次數,回答內容)
用什麼工具來接收這些資料呢？進階使用者可以考慮利用 Goolge 試算表 + Google Apps Script (之前有設計一個 scoreLogger Google Apps Script)來接收並儲存資料，好處是資料的呈現較清楚有彈性；現在多了一個選擇，可以使用 Google 表單來接收並儲存資料。
 |
| [圖1] 利用 Google 表單接收到的遊戲成績 |
建立 Google 表單
想要以 Google 表單來接收學生的遊戲成績，表單可以自行設計，或是利用我已製作好的表單範本來建立「副本」。想要自行設計表單，只要注意兩個要點即可：
- 必須建立七個文字欄位，前六個用「簡答文字」，最後一個用「詳答文字」。
- 必須開放不登入 Google 帳號也能填寫表單。
如果想利用我製作的表單範本，就開啟底下的連結，並按下「建立副本」的按鈕即可：
 |
| [圖2] 以範本建立表單 |
連結至試算表
建立好 Google 表單以後，將它和試算表連結，這樣子在查詢及後續的處理會較方便，方法很簡單，如 [圖3] 按表單設計畫面上方的「回覆」分頁：
 |
| [圖3] 按「回覆」去連結試算表 |
再跟著 [圖4] 和 [圖5] 建立新的試算表來連結即可：
 |
| [圖4] 按連結至試算表 |
 |
| [圖5] 選擇建立新試算表 |
最後按「建立」即可完成連結至試算表的功能，以後資料都會儲存到該試算表中。
開放沒登入 Google 帳號者可以填表單
因為 HTML5 FUN 登錄遊戲成績時，是以匿名的方式(沒有登入 Google)去存取 Google 表單，所以表單必須檢查一下「設定」中的「需要登入」這一個選項，將它設定為不需要登入的模式。
如 [圖6] 在表單設計的畫面上方找到「設定」，進行設定畫面以後，展開「回覆」的設定內容
 |
| [圖6] 設定不需要登入 |
檢查一下「需要登入」的設定是不是如 [圖6] 的樣子，變成不需要登入即可填寫表單。如果沒有問題，就完成表單的設計囉！
複製表單的作答連結
建立好表單，接著只要將表單作答的連結，複製好，就可以準備貼到 HTML5 FUN 的遊戲設定中了。表單作答的網址複製可以用兩種方法之一。
方法1
由表單設計頁面按「預覽」([圖7] 眼睛的圖示)
 |
| [圖7] 按「預覽」開啟表單作答的頁面 |
按「預覽」應該會類似 [圖8]，出現表單作答的頁面，將瀏覽器上方「網址列」中的網址複製起來：
 |
| [圖8] 複製表單作答的網址 |
方法2
如果是在雲端硬碟中，可以由表單的「共用」選單中 [圖9]，複製表單作答的網址
 |
| [圖9] 由共用中來複製表單作答的網址 |
如 [圖9] 所示，按一下左下角的「複製作答者網址」，即可將表單的作答網址複製到剪貼簿中。
HTML5 FUN 遊戲設定
有了 Google 表單的作答網址，如果是有支援利用表單接收成績的遊戲，但不是使用 HTML5 FUN 烘焙機製作的，建議先下載最近的遊戲壓縮檔，並將該遊戲的主程式更新(例如：spelling.js、listening.js、phonetics_quiz.js )。確認是最新版本以後(烘焙機製作的不用，它一定是最新版)，在遊戲的設定檔中找到這個參數：
- logger_url
將前面的兩個斜線刪掉(如果有斜線的話)，並將 Google 表單作答網址，貼到引號中，變成類似這樣：
- logger_url = 'https://docs.google.com/forms/d/e/.........../viewform?usp=sharing';
如果是在 HTML5 FUN 烘焙機中，則在「第2步驟」中，展開「其它選項」，然後找到像 [圖10] 的「上載成績記錄用的網址」：
 |
| [圖10] 烘焙機中貼上表單的作答網址 |
將表單的作答網址貼上後，即可玩玩遊戲，測試成績的功能是否有運作囉！
成績記錄測試
如果遊戲設定了表單作答網址，一進入遊戲，便會要求玩的人輸入使用者代號，可以請學生輸入名牌號碼，或是約定好的代號：
 |
| [圖11] 遊戲輸入使用者代號的對話框 |
遊戲結束時，程式會自動將成績送給指定的 Google 表單，有沒有成功記錄呢？
很簡單，開啟和該表單建立連結的試算表來查看，便知有沒有：
 |
| [圖11] 試算表中的成績記錄 |
由 [圖11] 的記錄表中看來，「Happy雄」錯了一次，在「作答歷程」的欄位中，看到了這一行：
- angry,5,1,antry
題目是「angry」，他用了5秒，將答案輸入成「antry」了。
以上是 HTML5 FUN 遊戲如何和 Google Form 搭配，記錄學生遊戲成績及歷程的方法。
發表文章
沒有留言:
張貼留言