單機練習版 操作講義

系統是什麼

這是一套純瀏覽器的程式設計練習網站，用同一套題庫提供四種介面。你把題目解出來、按「評分」看對不對；登入班級的話，成績和作答會自動傳給老師。

開始練習：載入題組

進入任一介面後，先載入要練習的題組。三種載入方式：

1. 題庫目錄（最常用）：在「題庫目錄」下拉選單挑一個題組，系統自動載入、開始計時。這種方式才有「操作指引」和「參考解答」（Blockly／Scratch）。C++ 介面在右側「預設題庫」下拉選單挑題組。
2. 老師派的測驗或作業：登入班級後，在首頁或遊戲大廳「🏫 我的班級」直接按「開始」，不用輸入網址。
3. 本機檔案：選一個 .txt 題庫檔載入（此方式沒有參考解答）。

四種介面與作答分頁

載入題組後，答題區上方有幾個分頁，依介面略有不同：

⚙️ C++ 答題介面與程式模擬器

在學習面板「📚 開始練習」點 ⚙️ C++ 進入。系統用瀏覽器內建的 C++ 編譯器（clang，C++17）編譯、執行你的程式，不用安裝任何軟體。

1. 等編譯器載入：第一次開啟要下載約 19 MB，畫面顯示「⚙️ 載入 C++ 編譯器…」；之後瀏覽器會記住，開啟就快了。
2. 選題組：右側「📋 題組測驗」的「預設題庫」下拉選單挑題組，題目和 Python／積木版相同，只是改用 C++ 作答。
3. 寫程式：在左邊的程式區打程式。左側「🧩 程式片段」有常用語法範本，點一下就插入到游標位置。
4. 試跑：按工具列「▶ 執行」（或 Ctrl+Enter）。程式有 cin／getline 時會自動打開「自訂輸入」，cin >> 以空白或換行分隔讀值，getline 一次讀一整行。也可以到「自行測試」分頁新增多組輸入，「全部執行」一次跑完。
5. 評分：到「評分」分頁按「執行評分」。登入班級的話，成績和程式會自動傳給老師。

🧪程式模擬器（自由練習，不計分）

學習面板「📚 開始練習」下方有 🐍 Python 模擬器 和 ⚙️ C++ 模擬器，不用選題目，可以自由寫程式、試錯：

• Python 模擬器：可以「👣 逐步執行」，一行一行看程式怎麼跑、變數怎麼變。
• C++ 模擬器：編譯並執行，編譯錯誤會標出行號與中文提示。
• 兩個都有內建範例與程式片段；這裡寫的程式不會評分、不會傳給老師，也不會拿遊戲幣。

操作指引、提示與參考解答

A操作指引（示範題）

標記為「示範題」的題目，作答區會多一個 🧭 指引 分頁。它會讀這題的解答，產生一份逐步清單，並在左側工具箱用聚光燈標出你現在該點的位置：

• 橘色框＝先到這個分類（例如【變數】【運算】）。
• 紅色框＝分類點開後，要拖的那顆按鈕／積木（例如「建立一個變數」、或某個特定變數）。
• 每放對一塊會自動前進到下一步，不必按任何按鈕；需要先建立的變數／清單，指引會提示你先建立。

B評分沒過時的提示

四種介面在評分沒通過時都會給提示，幫你自己找出問題：

• Blockly／Scratch：「參考解答」分頁會先顯示這題的提示卡或「💡 結構線索」（例如要用幾層迴圈、有沒有判斷）。
• Python／C++：評分結果下方出現「💡 想一想」，列出沒通過的是第幾筆和常見原因；再沒通過 1 次，會出現「🔑 進一步提示」，直接比對第一筆沒通過的「預期輸出」和「你的輸出」。

C參考解答（Blockly／Scratch）

參考解答什麼時候能看，由老師依班級設定：

老師改了設定，你的畫面約 15 秒內就會更新。開放後，切到「參考解答」分頁可逐步看老師的完整解法；通過後打開會顯示「🎉 你已經通過這題！」，可以一步一步和自己的寫法比較：

• 預設「一次一步驟」（一個構造一步，迴圈連內部一起顯示）；可切「一次一積木」逐塊顯示。
• 按「下一步／上一步／顯示全部／重看」，右上顯示進度。這是唯讀預覽，不會動到你自己的作答。
• 老師講解時可用「🔍 放大講解」開新視窗看大圖。

學習進度（我的面板）

學習地圖已經整合到我的學習面板的「🗺️ 學習進度」分頁。答題頁頁首按 學習進度，或在面板點「🗺️ 學習進度」分頁、「🗺️ 看學習進度」，都會到這裡。

• 要先登入班級才看得到；沒登入時分頁只會顯示提示。
• 分頁上方是「☁️ 班級完成進度」：依 🐍 Python／⚙️ C++／🧩 積木列出每個主題已滿分幾題（例如「5 / 10 題滿分」），全部完成會顯示 ✅。這是雲端紀錄，換電腦登入也看得到。
• 下方是學習地圖：依階段排列的技巧主題。你在答題頁把某題評分到滿分就會記錄；某主題主要練習題通過達 2/3 就顯示「✓ 完成」，Python 和積木任一路線通過都算。
• 面板開著時，在答題頁通過題目後，回到地圖按「↻ 重新整理進度」才會更新。
• 獎牌和遊戲幣請看面板的「🏅 獎勵進度」分頁。

答題頁小工具：釘選題目、小白板、錄影

Blockly、Scratch、Python、C++ 四種介面的頁首都有 釘選題目 小白板 錄影 三個按鈕。

A📌 釘選題目

• 按「釘選題目」，題目會變成一個浮動視窗，看參考解答、指引或寫程式時都能同時對照題目。
• 拖曳標題列可以移動，拖右下角可以調整大小；A-／A+ 調整字的大小，▁ 收合，✕ 關閉（或再按一次「釘選題目」）。
• 換題目時，視窗內容會自動跟著換；位置、大小和字級會記住。

B🖊 小白板：基本使用

忘了帶紙筆、想算一下變數怎麼變化，或老師講解時，都可以按「小白板」。拖曳標題列可以移動，⤢ 放到最大，▁ 收合，✕ 關閉。

C🔀 小白板：產生流程圖

在 Blockly 或 Scratch 可以把積木程式自動畫成流程圖，幫你看懂程式的執行順序。

1. 打開小白板，按工具列的 🔀。
2. 選流程圖來源：我的程式＝目前工作區的積木；參考解答＝這一題的解答（要用「題庫目錄」載入題組，而且這題有解答檔）。
3. 白板會自動放大並畫出流程圖：從「開始」到「結束」，判斷是菱形（「是」往左、「否」往右），迴圈會有繞回去的箭頭，輸入和輸出是平行四邊形。
4. 畫好後可以用筆在上面補充說明，或下載、複製。按 ↶ 可以回到產生流程圖之前的白板。

D🎥 錄影

按「錄影」會在新分頁開啟「Web 錄影神器」，可以錄下操作畫面，例如把遇到的問題錄給老師看，或錄一段自己的解題說明。

1. 需要的話勾選「🎙️ 錄製麥克風」，一邊錄一邊講解；格式建議選 MP4。
2. 按「● 開始錄影」，在瀏覽器跳出的視窗選要錄的畫面、視窗或分頁。
3. 錄完按「■ 停止錄影」，在「📂 檔案列表」下載影片。

• 字幕：「📝 即時字幕」只在 Chrome／Edge 可用，語音會送到 Google 伺服器辨識；不想上傳，可以錄完用「🤖 AI 影片轉文字」在自己的電腦上辨識（第一次使用要下載約 40MB 的模型）。字幕可以用「✏️ 字幕校正器」修改。
• 剪掉頭尾：「✂️ 影片剪輯」輸入開始、結束的秒數，按「確認剪裁」。

★ 如何登入班級（交成績）

老師給你班級代碼後，登入班級一次，之後每次按「評分」，成績、作答的積木或程式就會自動傳給老師，不用再手動回報。

1. 在首頁的 🏫 登入班級，或答題頁左下角的 🏫 加入班級，輸入班級代碼（6 個英數字）、座號和 4 位數密碼。
2. 📱 老師如果投影或發了班級 QR code／連結：用平板或手機相機掃描（或點連結），班級代碼會自動填好，只要輸入座號和密碼。如果畫面說「這台電腦目前登入的是別的班級」，先按「登出」再掃一次。
3. 第一次登入時輸入的密碼就是你的密碼，請記好；之後換電腦登入要用同一組。
4. 在學校電腦請保持勾選「這是學校共用電腦」：關閉瀏覽器就會自動登出，下一位同學不會用到你的帳號。
5. 登入後，左下角會顯示「🙋 班級　座號　☁️ 已同步」。照平常一樣作答、按「評分」即可。
6. 用完請按左下角的 登出。你的遊戲幣、獎牌、寵物和學習地圖都會存到雲端，換任何一台電腦登入都能接著做。

📝 班級測驗與作業

老師發佈測驗後，登入班級就會看到，不用輸入題組網址。

1. 登入班級後，在首頁或遊戲大廳的「🏫 我的班級」找到 📝 本班測驗。
2. 按「▶ 開始」（老師允許的話可以選 Blockly、Scratch、Python 或 C++），按下就開始計時。
3. 每題寫好就按「評分」，成績會傳給老師。可以多次評分，取最高分。沒有按評分的題目沒有成績。
4. 畫面底部顯示剩餘時間。寫完按「✅ 交卷」；時間到會自動交卷。
5. 交卷後會回到首頁，測驗清單會顯示「✅ 已交卷」。老師公布成績後，會出現「📊 看成績」，可以看到每題分數和每筆測資的 ✓／✗。

📘 作業

• 「🏫 我的班級」的「📘 作業」會顯示完成幾題、截止時間和剩幾天，按「▶ 開始」或「⏩ 繼續」就進入作答。
• 作業和平常練習一樣：不限時、會拿遊戲幣；老師用預設題庫出的作業，參考解答依老師的開放設定。畫面底部會顯示「📘 作業：完成 N / M」。
• 每題按「評分」通過就算完成；截止後還是可以做，但老師會看到「遲交」。

🙋 有問題怎麼問老師

1. 答題頁左下角按 🙋 回報問題（測驗中按底部的 🙋 舉手）。
2. 選類型：🤔 看不懂題目／🧪 測資好像有錯／⚠️ 系統出錯／💬 其他，寫下你的問題（300 字以內）。
3. 建議勾選「附上我目前的程式和最近一次評分結果」，老師比較快看懂你的問題，然後按「送出」。
4. 老師回覆後，答題頁會跳出通知；在「🙋 回報問題」視窗或「🏫 我的班級」也看得到回覆。

常見問題排解