📊 B3 出題趨勢總覽（Comprehensive Trend Analysis）
B3 固定屬於 Topic 03: Analysis & Design Techniques。題型為「雙拼套餐」：前半為 UI 設計（User
Interface），後半為 Data Code 設計與驗證（Data Code & Validation）。
| 題目部分 |
佔分與重點 |
| UI Design（前半） |
10–16 分；考排版、分區、控制元件是否正確 |
| Data Code Design（後半） |
4–10 分；考現有代碼問題、設計新代碼、檢查碼或驗證機制 |
結論：UI 要畫得整齊、元件齊全；Data Code 要有「前綴 + 流水號 + 檢查碼」並示範驗證方法。
🎨 B3(a) User Interface Design（14 分實戰拆解）
概念比喻
畫 UI 就像佈置超市：相同類別要分區（Grouping），動線要順暢，結帳通道（Action Buttons）要明顯。
考官給分標準與必備元件（Exam Focus）
- Proper Title：畫面最上方寫清楚系統與表單名稱（例如：Metro Central Library User Registration Form）。
- Logical Layout：把「個人資料」與「偏好/興趣」分成明顯區塊，使用框線或標題區隔。
- Appropriate Controls（控制元件）：必畫且用對元件：
- Text boxes（文字方塊）— 姓名、HKID、電話、Email。
- Radio buttons（單選）— 性別或單一選項。
- Checkboxes（複選）— 圖書館區域偏好、興趣類別、媒體類型（可多選）。
- Drop-down lists（下拉式選單）— 選項多且單選時使用（例如出生年份、地區）。
- Action Buttons（執行按鈕）— 畫面底部一定要有 [Submit] 與 [Cancel]。
- Clarity and Spacing：欄位對齊、留白適當、標籤清楚。
2024/25 實戰應用（Metro Central Library）
題目要求包含：姓名、HKID、電話、Email、Preferred Library Sections、Primary Interest Categories、Type of Media。建議畫法：
- 上方標題：Metro Central Library — User Registration
- 左側區塊：Personal Details（Name ▭, HKID ▭, Phone ▭, Email ▭）
- 右側區塊：Preferences（Preferred Library Sections ☑︎☑︎, Primary Interest Categories ☑︎☑︎, Type of Media
☑︎☑︎）
- 底部：Action Buttons [Submit] [Cancel]；必要時加上 Reset 或 Help 小按鈕
考場速寫提示
- 姓名與 HKID 畫長條 Text boxes；偏好與興趣用 Checkboxes（因為可多選）。
- 若題目提到「只能選一個」，改用 Radio buttons 或 Drop-down。
- 一定帶直尺，畫面整齊會加分。
🔒 B3(b) & (c) Data Code Design（6 分實戰拆解）
B3(b) 為何不該用 HKID 當會員 ID？（1 分）
考點：隱私與安全。標準答案：Privacy issues 或 Predictable IDs pose security
threats。寫出「Privacy」即可穩拿 1 分。
B3(c) 設計 Library ID（5 分）— 必備三元素（Exam Focus）
一個完整且高分的 Library ID 必須包含：
- Prefix（前綴）：用英文字母代表分類或地區（例如 'F' = Fiction, 'B1' = Block 1）。
- Sequence Number（流水號）：固定長度數字確保唯一性（例如 5 位數 NNNNN）。
- Check Digit / Checksum（檢查碼）：用來驗證輸入正確性，防止打錯。
滿分示範結構與範例
示範格式（寫出並舉例會加分）：
Format: Prefix + Sequence + CheckDigit
Example: F-01234-7
解釋：F = Fiction (區域), 01234 = 流水號, 7 = 檢查碼（用加總取餘數法計算）
檢查碼示範（加總取餘數法 Modulus）
- 把流水號各位數相加（0+1+2+3+4 = 10）。
- 取 10 mod 9（或 mod 11，視題目要求），假設 mod 9 → 10 mod 9 = 1，若需 1 位檢查碼則為 1。
- 檢查碼附在 ID 結尾，系統驗證時重新計算並比對。
Input Validation（輸入驗證）常見防呆措施
- Format check：檢查欄位格式（Email 必須含 @，HKID 格式檢查）。
- Completeness check：必填欄位不得為空（Mandatory fields）。
- Range check：數值欄位在合理範圍內（例如月份 1–12）。
- Check digit validation：驗證 ID 的檢查碼是否正確。
🎯 B3 黃金溫習建議與考場策略
UI 設計（超市佈置學）
- 把同類欄位分區（Personal Details / Preferences / Actions）。
- 控制元件要用對：多選用 Checkboxes、單選用 Radio、長文字用 Textbox、選項多用 Drop-down。
- 畫面底部一定要有 [Submit] 與 [Cancel]；若題目提到 Reset 或 Help，也畫上。
- 帶直尺，欄位對齊、標籤清楚、留白適當。
Data Code（黃金三元素公式）
- 記住公式：Prefix + Sequence number + Check digit。
- 舉例並示範檢查碼計算（加總取餘數法）以證明你會驗證 ID。
- 若題目問為何不能用 HKID，寫出 Privacy issues 即可。
考場速記口訣
UI：分區（Group）→ 控件（Controls）→ 按鈕（Submit/Cancel）→ 直尺。
Data Code：隱私（Privacy）、流水號（Sequence）、檢查碼（Check digit）。
👨🏫 教授的行動指示（Action Plan）
- 練習畫 5 題 UI：每題 8–12 分鐘，檢查是否包含標題、分區、控制元件與 Submit/Cancel。
- 默寫 Data Code 結構並至少做 3 次檢查碼示範（Modulus 方法）。
- 練習回答「為何不該用 HKID 當 ID」的 1 行標準答案：Privacy issues。
- 考場先畫草稿再畫正式圖，確保欄位對齊與元件齊全。