隨著人工智慧（AI）技術快速發展，撰寫程式變得更加容易，也讓許多過去需要專業工程師處理的任務，現在一般使用者也能動手實現。在校園活動的行政管理上，AI 更可以發揮極大的輔助作用。這篇文章將分享一個實用的 AI 應用構想：打造一個只能在報到現場填寫資料並產生 QR Code 的網站系統，讓活動報到流程更加快速、有序與數位化。
本篇的重點要來試驗 v0 產生 QR Code 和 掃描 QR Code 的能力。
🛠️ 這個系統的主要功能是：
👌建立一個現場限定填寫的網站頁面：參與者需於活動現場才能填寫個人資料（例如：姓名、聯絡方式、報名編號等）。
👌產生專屬 QR Code：填寫完成後，系統會即時生成一個對應該筆資料的 QR Code。
👌工作人員掃描與資料整合：現場的行政人員可透過電腦連接的 Webcam 掃描該 QR Code，系統即自動讀取對應資料。
👌匯出成 Excel 表單：所有掃描後的報到資料將自動彙整，並產出可供下載的 Excel 檔案，方便後續統整與紀錄。
🛠️ 開發工具與技術選擇
為了快速實現此專案，計劃採用由 Vercel 推出的 v0.dev 工具，透過其 AI 驅動的 UI 原型開發平台，自動生成前端程式碼，減少開發時間與技術門檻。整體系統將包含兩個主要子系統：
👌填寫資料與產生 QR Code 的網站
🏀可於手機瀏覽器使用，使用者輸入資料後即時生成 QR Code，僅限於活動現場才能啟用填寫功能（可考慮透過 Wi-Fi 網段限制、GPS 或 IP 檢查來實現）
👌工作人員掃描 QR Code 的電腦端網站
🏀適用於筆電或桌機（需有 Webcam），掃描 QR Code 後自動讀取資料，並即時顯示於畫面，支援資料匯出成 Excel 檔案格式（如 .xlsx）
參考以下的做法：
提示詞：建立一個線上報到的系統，要求輸入姓名、校名、職稱，界面使用繁體中文，避免使用外部圖片資源，以明亮而色彩豐富的視覺化設計，並盡量增加網頁互動性。並提供按鈕，將學員報到的記錄(姓名、校名、職稱、報到日期和時間)在瀏覽器中以列印方式輸出學習記錄的PDF檔。並將報到資料自動轉成一個QR Code，一起顯示在列印報到記錄中。
成果：https://v0-ru-flame.vercel.app/
輸入資料後得到資料和QR Code。令人驚豔的是可以直接產生 QR Code 碼。
再來建立另一個界面，讀取這個 QR Code。
提示詞：建立一個可以掃描QR Code的互動式頁面，記錄所有掃描結果，並且提供Excel檔案下載所有掃描結果。
成果：https://v0-qr-code-xi.vercel.app/
這個程式可以使用電腦接上的攝影機（Webcam 也行）， 用來掃上面產生的 QR Code。
掃描 QR Code 的結果會列在這裡，並且提供 Excel 檔可以下載所有的內容。
當下載 Excel 檔後，可能你還得對資料操作資料剖析，以取得各個欄位的資料。
留言列表