本節依據文獻探討「系統開發與系統評估」中系統分析與系統設計的流程加 以簡化，作為於本研究系統開發時的依據，來呈現本系統開發的架構與設計理念。
(一)系統分析
「系統分析」就是研究調查系統的目的、功能、需求及實際作業狀況，而針對本研 究需要分析的內容包含：系統架構分析、資料需求分析、系統功能分析、系統設備分析。
1.系統架構分析
本系統的架構分為底下三大項：
(1)系統管理者
主要需要能新增與刪除使用者帳號、試題的編輯與管理、測驗的編輯與管 理，以及問卷調查的統計結果。
(2)教師
教師需要能夠修改自己的帳號資料、新增受試者帳號與刪除受試者帳號，在 試題管理方先則需要新增試題、刪除試題與編製測驗卷，此外教師必須可以設定 測驗的相關限制與觀看測驗結束後的分析，以及填寫系統的問卷調查。
(3)受試者
受試者功能需要能登錄自己的基本資料，實施測驗以及填寫問卷調查。
本研究在分析階段採結構化分析 (structured analysis)，主要以資料流程圖 (data flow diagram, DFD) 作為工具，來描述系統中資料的流入、流出及資料的儲 存處，繪製 DFD 所使用到符號如表 37 所示：
表 37 資料流程圖使用符號說明
符號 名稱 意義
資料流(data flow) 表示資料流動的方向。
資料儲存器(data store) 表示資料儲存的情況。
外部實體(external
圖 33 「Balance Beam 網路測驗系統」系統流程圖 Balance Beam 網路測驗系統
系統管理者
2.資料需求分析
(3)測驗管理
能提供系統管理者與教師進行線上命題、編製測驗卷、編製測驗時間、受試 者進行測驗，以及測驗結束後的成績統計與分析。
(4)問卷分析
提供教師與受試者進行問卷調查，且能提供系統管理者進行問卷調查結果的 統計。
依照系統的架構以及系統的功能可繪製系統架構圖，如圖 34 所示：
圖 34 「Balance Beam 網路測驗系統」系統架構圖
網路測驗系統
帳號註冊區 教師帳號註冊
個人資料管理登錄 測驗填答
問卷填寫 受試者區
教師帳號管理
試題與試卷管理 問卷統計
系統管理者區
新增教師帳號
修改教師帳號
新增與修改試題
編製測驗卷 問卷填寫
教師區
帳號管理 新增基本資料
修改密碼
試題管理 新增與修改試題
測驗管理
設定測驗資訊
觀看測驗分析 查詢測驗資料
4.系統設備分析
本系統建置在全球資訊網的環境之下，因此教師與受試者部份，只要有一台 能連上網路的電腦，並且電腦中有可以瀏覽網路的瀏覽器軟體，就能進入本研究 所開發的網路測驗系統；此外，本研究使用 PHP 作為開發的程式語言，建議使用 FreeBSD 系列之作業系統，並配合 Apache Web Server、PHP 等應用程式使用，
資料儲存則使用 MySQL 資料庫系統；相關的電腦硬體與網路，建議使用工作站 級伺服器，並建置在高速且穩定的網路環境之下，以提供流暢的使用環境。
(二)系統設計
經由系統分析之後，進入實際規劃的系統設計階段，本研究將此階段分為 「系 統處理流程設計」與「輸入輸出與資料庫設計」。
1.系統處理流程設計
在系統分析之後，已確定系統所需要的功能，於是可以擬定本系統各功能的 處理程序，以作為系統建置的參考依據，底下列出本系統重要功能的處理流程。
(1)使用者登入
在使用本系統前，必須先輸入帳號密碼才可以使用，新使用者可以註冊新帳 號來登入系統，而舊使用者只需要輸入個人正確的帳號及密碼便可登入系統，成 功登入系統後，使用者將可選擇其所要進行的功能，系統登入的處理流程設計如 圖 35 所示。
圖 35 「系統登入」處理流程設計
(2)試題與試卷編製
在進行測驗之前，教師必須先編製試題與試卷；編製試題僅需要輸入題目，
系統程式自行判斷出各個解題規則下的標準答案，無須教師自行計算，以達到快 速編題的優勢。圖 36 為試題編製的系統處理流程，圖 37 為試卷編製的系統處 理流程。
正確
錯誤 使用者連線
註冊新帳號 輸入帳號密碼
教師資料庫
檢查帳號密碼 顯示訊息
進入系統
圖 36 「試題編製」處理流程設計 進入試題編製功能
輸入試題
試題資料庫
檢查是否重複 顯示訊息
否
是
進入試卷編製功能
選擇試題
試卷資料庫 檢查是否達到題數
是
否
(3)測驗設定
在編製完試題與試卷之後，必須進行測驗的相關設定，受試者才可以開始實 施測驗，測驗的設定包括：新增測驗與刪除測驗，測驗設定的處理流程設計如圖 38 所示。
圖 38 「測驗設定」處理流程設計
(4)測驗分析
在受試者測驗結束之後，教師可以利用測驗分析功能，查詢使用者的答案與 答對題數，並顯示出受試者的規則階層分析，測驗分析的處理流程設計如圖 39 所示。
進入測驗設定功能
新增測驗 刪除測驗
測驗資料庫 檢查前一次測驗
是否完成？
是 否
不得新增 檢查測驗是否
開始？
是
否
不得刪除
刪除測驗
圖 39 「測驗分析」處理流程設計
(5)受試者功能
本系統為測驗分析系統，無須教學，因此受試者功能簡潔單純，呈單方向性 顯示，圖 310 為受試者功能的系統處理流程，首先是受試者登入，登入後填寫個 人基本資料，無論是否填寫過都會顯示此頁，讓使用者填寫或修改，接著進入測 驗，最後填寫問卷調查。
進入測驗分析功能
選擇受試群組
選擇受試者
顯示受試者答案、分析 顯示解題規則概念圖
圖 310 「受試者功能」處理流程設計 受試者登入
輸入帳號密碼
受試者資料庫 檢查帳號密碼 是否正確？
是
否
檢查測驗是否 開始？
不得登入
輸入、修改個人資料
否
是 檢查測驗是否
作過測驗？
是
否
進行測驗，輸入答案
測驗資料庫
填寫問卷
問卷資料庫
受試者登出
2.輸入輸出與資料庫設計
「Balance Beam 網路測驗系統」的資料會隨著使用者的使用而有資料的新增 或修改，這些資料將以設計資料表格 (table) 存入資料庫內。在系統資料需求分 析時已分析出來，但在資料庫設計時，必須具體描述每個資料表格所使用的欄位 型態與長度。系統資料表格的描述如下：
(1)教師資料表
包含教師帳號、密碼、教師姓名、任教縣市、學校等欄位，詳細如表 38 所 示。
表 38 教師資料表格 欄位名稱 型態 欄寬 說明
id 數字 系統自動編號(主要鍵) tid 字元 20 帳號
tpass 字元 50 密碼 tname 字元 20 姓名 country 數字 2 縣市代號 tschl 字元 50 學校名稱
(2)學生資料表
包含受試者帳號、密碼、姓名、性別、年齡、班級、就讀縣市與學校，所屬 教師編號，詳細如表 39 所示。
表 39 學生資料表格
表 311 試卷資料表格
(7)問卷資料表
包括系統編號、填寫者帳號、選項，詳細如表 314 所示。
表 314 問卷資料表 欄位名稱 型態 欄寬 說明
id 數字 系統自動編號(主要鍵) sid 字元 20 受試者帳號
tid 字元 20 所屬教師帳號 ques 數字 2 問題編號
ans 數字 1 受試者選擇項目編號