---
# System prepended metadata

title: 應用-百萬講師們，為精彩的演講畫下一個完美的段落吧：線上測驗系統
tags: [新人資訊]

---

---
tags: 新人資訊
GA: G-YWCCFEGXSJ
---
[新人資訊](https://hackmd.io/@newman/portal-info)

# 應用-百萬講師們，為精彩的演講畫下一個完美的段落吧：線上測驗系統

台上一分鐘，台下十年功，不只是指各種表演工作者，其實人類最原始歷久不衰的口語傳輸也是如此；精彩的演講可能費時不多卻價值百萬，但看到更多的是失去熱情的教書匠重複著無聊的教條讓台下的人呼呼大睡！精煉話語的質量是終其一生極為困難的挑戰，要不斷進步除了單方面精進內容，更要不斷蒐集聽眾的回饋，畢竟傳輸是雙向的，若一方沒有反應則是整體的失敗，所以在完成一個段落的教學或演講，安插一個簡單的測驗是必須的，一方面可用排名或獎勵來增進學習，一方面可以驗證自己的表達能力是否到位，請看我的線上測驗系統：https://newman-admin.azurewebsites.net/#/quiz001

![](https://newprediction.blob.core.windows.net/notebook-img/fyq1JmI.png)

以上顯示一個測驗專案的組成，先從題庫挑出一套題目，題庫可以累積備用，目前均設計成選擇題單選；一套測驗可以設定一個時間期限，這對整體課程的時間安排很重要。在學生清單列表裡顯示每一位的答題進度和正確率，可以即時排名設計獎勵。

![](https://newprediction.blob.core.windows.net/notebook-img/lkm1ANG.png)

學生答題的設想情境，若講師事先取得學生名單可先輸入系統，若沒有則可以維持使用代號，為了讓答題流程順暢，學生不需要帳號密碼的認證程序，而是用系統為每一位學生產生的一段隨機碼來對應，夾帶在 QR Code 裡面一刷就帶入開啟新網頁，這段隨機碼有效的防範了學生間使用座號代為回答的機會：

![](https://newprediction.blob.core.windows.net/notebook-img/f60XEl5.png)

現場操作時需要安排助教開啟每位學生的 QR Code 提供給正確的對象，每位學生帶出的答題畫面如下：

![](https://newprediction.blob.core.windows.net/notebook-img/NYgMT4i.png)

最上面顯示剩餘秒數，答完題的部分會鎖定並標示完成，畫面應該已經很清晰單純了，時間到強制關閉視窗。在老師的畫面可以掌握整體答題進度並產生排名。

此系統展現出線上測驗的基本架構，自己試用時立刻發現一個漏洞，就是當學生端在答題時發現時間快不夠用了，只要刷新網頁計時器就不爭氣得傻傻的重新開始！天啊，該如何防範呢？一定可以的，這系統原型先展現出來，若有機會找到願意試用的人再來討論修正了。心中尚有一備案，就是同步模式，因應現場教學需求，讓題目只顯示在講台大螢幕上，手機端只顯示對應題數的答案選項，這需要動用 web socket 即時雙向傳輸，也非常有趣，有空再續。

By Newman Chen 2022/10/31

