4.2 系統設計
4.2.3 表單設計
一、建材表
建材表由左至右從較大範圍的空間慢慢地聚焦到各建材，圖 4-8 個案中代表查詢的 建案模組名稱為第一大廈，該模組包含客廳、廚房以及臥室等三個視覺空間，而在廚房 視覺空間中有內牆、背景圖和系統廚具等三種建材元件，名為內牆的建材元件有 A 條紋 與 B 條紋兩個備選視覺物件可挑選，而稱之為系統廚具的建材元件，則有三個備選視覺 物件，以內牆舉例說明，該建材元件之備選視覺物建其編號個別為 1 與 2，而位在編號 欄位右側之所有欄位皆屬於此建材編號的詳細內容，包含建材名稱、品牌、型號、尺寸、
處產地等建材屬性值，以上欄位的系統預設值為未知，必需於建材資料檔編輯修改。另 外圖 4-9 為圖 4-8 的列印輸出畫面。
圖 4-8 建材表之瀏覽畫面
圖 4-9 建材表之報表
二、建材確認單
當承購戶挑選建材元件的備選視覺物件後，可從功能列表上的表單中，選擇建材確 認單，開啟如圖 4-10 的建材表單確認畫面，先填入承購相關資料，包含圖中的棟別、
樓層、格局、戶別、備註等欄位，然後確認資料無誤並按下確定後，系統可自動產生一 筆住戶安裝表單，並且累加建材數量與統計建材所需成本於建材訂單上，承購戶可列印 此文件作為交屋時審核依據。圖 4-11 為圖 4-10 列印輸出畫面。
圖 4-10 建材確認單之瀏覽畫面
圖 4-11 建材確認單之報表
三、建材訂單
當承購戶送出建材確認單後，系統管理員可以隨時登入查看各建材下訂狀況，由功 能列表上的表單中選取建材訂單即可開啟如圖 4-12 的畫面，本表單除了顯示當下已確 認的建材之數量、單價與總價外，也包含建材本身的重要訊息，避免外包時與廠商產生 資訊誤差，另外在表單最後同時自動計算總金額，其算式如下：
S ∑n1ｉ0Ni x Pi (4) Sall=表示圖 4-8 中的總金額 (單位:元)
Ni=表示圖 4-8 中第 i 項次之數量
Pi =表示圖 4-8 中第 i 項次之單價 (單位:元) n=表示圖 4-8 項次個數
圖 4-12 建材訂單之瀏覽畫面
圖 4-13 為圖 4-12 之列印輸出畫面。備註中的建材編號可讓管理者從建材資料檔中 快速尋找該項之詳細資料，而隸屬之建材元件是當建材名稱無法直覺明瞭是哪一類別的 建材時，可藉此資訊較快理解其所指為何物。
圖 4-13 建材訂單之報表
四、住戶安裝表單
圖 4-14 表單欄位中，欄位名稱為戶別是識別承購戶用，H 表示住家而 S 表示店面，
其餘欄位名稱則依序填入個案中所有建材元件之名稱，其相對應欄位值為建材編號，須 對照建材表取得建材詳細資料，而圖 4-15 為圖 4-14 的列印輸出畫面。
圖 4-14 住戶安裝表單之瀏覽畫面
圖 4-15 住戶安裝表單之報表
4.3 小結 小結 小結 小結
由實地訪查後獲得現況資訊，然後經結構化分析出系統的環境、輸入與輸出，說明 系統外部實體有建商的業務部以及客戶，使用者須輸入帳號及密碼後方能開啟系統功能 權限，此外建商還需輸入建案的所有資料來建立系統中的資料內涵，然後客戶依建商所 提供的建材項目進行挑選動作，過程中客戶可從系統中輸出建材細項資訊(建材表)，而 建商也可查詢當下承購戶挑選狀況以及結果(建材訂單、住戶安裝表單)，此外所有系統 使用者皆可查詢建商所提供的建材選項或將其輸出(建材表)，並規劃出系統主要處理作 業、資料流向以及使用群組。
根據建商須向承購戶解說或提供參考挑選建材的資料、權限辨識所需的使用者基本 資料以及後續作業需要的訊息，來繪製資料庫構想內涵，與資料表彼此間的關聯性，以 便於未來系統讀取和儲存所需之資料細項。
然而因為各種建材皆無固定的顏色或形狀，無法從外觀屬性正確辨識建材，阻礙了 系統在快速選取建材上的發展，透過書籍與網路得知，目前市面上已經有 Photoshop、
Photoscape 以及 Photocap 等多種照片編修軟體，可供人手動圈選照片中的物體，來達成 物體辨識效果，且各項照片編修軟體已有多人使用，若本研究再自行重新研發此項功能，
則未來使用者又需要學習系統的操作方式，為了減少系統用戶所需學習所需耗費的時間，
所以將此部分系統需求外包於市面已存之完善照片編修軟體，管理者在新增建案時，先 以原本所熟悉的照片編修軟體圈選建材並存為 GIF 檔，預先手動為系統辨識建材來加速 其運作，也能避免後續同一建案的使用者對曾手動辨識過的建材影像進行重複辨識動 作。
在系統設計方面，採用微軟的軟件畫面設計概念，仿照其軟體的使用介面編排方式，
是由於全球使用使用過微軟所研發的軟體人數相當多，希望未來系統使用者可以從微軟 的使用經驗，套用於本系統上，以減少該用戶學習操作系統所需花費的時間。也將系統 分析中所規畫的資料庫，經正規化後發展成更符合系統所需，避免資料產生錯誤，而輸 出的表單設計，以條列式呈現各筆資料。
藉由系統分析與設計呈現系統需求與未來樣貌，以便於擴充系統功能與確定所需資 料內涵，作為系統建置的主體架構和發展方向，來達成輔助承購戶挑選建材以及取代人 工方式的設備選色作業的研究目標。
第 第
第 第5章 章 章 章 系統實作 系統實作 系統實作 系統實作
本系統在 Windows XP 環境下，以 Microsoft Visual Studio 2008 軟件實作 GUI 和系 統開發，透過 ADO.NET 語言連結 ACCESS 2007 資料庫來記錄所有檔案，並透過 Adobe Photoshop 軟體為照片前處理。本章節茲將說明系統的執行環境架構、輸入系統內的資 料前置作業以本系統建置內涵。