5.3 系統建置
5.3.4 系統使用流程
系統執行檔啟動後，需先輸入帳密才能進入系統內，依其身份不同，給予不同權限，
當使用者瀏覽空間照時，系統將顯示最後一次使用記錄的視覺空間影像，切換狀態進入 選取風格模組與建材元件之畫面，依該用戶的選擇與建材物件排序及時更新圖片，當跳 出修改狀態時，系統會詢問是否更新，若答案為否則資料庫將不改變使用者記錄，重覆 上述動作，直到確認無誤後，Users 確認送出建材確認單，完成設備選色流程。（圖 5-9）
圖 5-9 流程圖
第 第
第 第6章 章 章 章 系統評估 系統評估 系統評估 系統評估
系統建置完成後，本研究透過與同樣賦有變換建材圖像功能的 Photoshop 作為比較 組，從功能性、操作程序以及使用介面來探討兩者差異與說明優缺點，也針對四個作業 階段來分析本系統搭配 Photoshop 與單用 Photoshop 軟體之間的效益優劣，另外從使用 者對系統的評估問卷來了解並驗證，該系統對於承購戶在挑選建材時是否有幫助，以及 對該系統功能、操作以及使用介面等項目的評價。
6.1 空間視覺化系統 空間視覺化系統 空間視覺化系統 空間視覺化系統搭配 搭配 搭配 搭配 Photoshop VS. Photoshop
Adobe Photoshop 是屬於相片編輯軟體的一種，用於本系統前置作業中，擷取系統 內部所需之照片圖像，以提供建材元件的備選視覺物件之圖檔。然而 Photoshop 除了供 應許多修改影像的工具之外，還擁有子頁(Top Control)、圖層與復原步驟等元件，以上 三元件可創造出與本系統各空間建材組合之功能有雷同效果，雖有異曲同工之處，但兩 者間在「操作使用程序」、「介面呈現方式」和「功能」，仍有所差別，以下將以「混搭」
代表本系統搭配 Photoshop，「單用」表示 Photoshop，並針對混搭與單用之功能性、操 作流程與使用介面等差異，做更進一步的分析與比較，也從不同階段來分析兩者的效 益。
6.1.1 功能性比較
功能性比較功能性比較功能性比較Photoshop 主要功能目的在於編輯影像，能直接使用該軟體所提供的工具，編修樣 品屋照片，較適用於建商在建檔時，而本系統則著重於快速變換建材組合產生空間視覺 化，以下從「瀏覽視覺空間」、「快速變換建材組合方法」、「圖像修改」、「資訊」、「其他 輔助功能」，五大面向來比較兩者間優缺，各項比較差異重點如表 6-1 所示：
表 6-1 混搭與單用的功能差異 比較比較
比較比較項目項目項目項目 混搭混搭混搭混搭(Photoshop+本系統本系統本系統本系統) 單用單用(Photoshop) 單用單用 A 瀏覽視覺空間 樹狀(Tree View)階層概念 頁面(Top Control)存取 B 快速變換建材組合方法 以風格模組
和建材元件之備選視覺物件
圖層及步驟記錄
C 圖像修改 只有單一方法 多種工具
D 資訊 建案、建材延伸資訊 只有圖檔名稱
E 其他輔助功能 不同使用者記錄及報表 預設動作也可擴充動作
A. 瀏覽視覺空間瀏覽視覺空間瀏覽視覺空間瀏覽視覺空間
單用
透過子頁面(Top Control)存取不同檔案，在頁面名稱內需同時標柱建案及空間 名稱以做區別，以點選頁面標籤方式來切換畫面，若檔案數過多，無法全部呈 現在銀幕上，搜尋特定視覺空間較不易，花費時間較長。
混搭
以樹狀(Tree View)階層概念排列，先點選第一層的建案名稱展開次枝節，再選 擇欲觀看之空間名稱或虛擬空間名稱，系統將會呈現符合條件之圖片於右方視 窗中，可先選擇建案模組名稱縮少搜尋範圍，所需時間較短。
B. 快速變換建材組合方法快速變換建材組合方法快速變換建材組合方法快速變換建材組合方法
單用
每一頁面都有獨立的圖層與復原記錄，可移動圖層次序來產生不同建材組合影 像，使用滑鼠拖曳圖層時無法每次都很準確地放置到希望位置，另外，透過點 選步驟記錄，可回覆先前所產生的組合圖式，但其步驟名稱為預設值，無法依 使用者需求變更，所以當多筆相同步驟名稱之記錄時，使用者需依靠記憶或是 試誤方法來復原。
混搭
先選擇管理者所提供的套裝組合之風格模組，改變大範圍的建材及整體感覺，
再細部修改個別不滿意之建材元件，可從系統提供之相關資訊，選擇與需求較 為相近之備選建材。
C. 圖像修改工具圖像修改工具圖像修改工具圖像修改工具
單用
此軟體可使用選取工具圈選區塊並將以羽化、去除或任意變形等，也可利用其 他內建工具來繪圖、加註以及縮放、移動影像，還提供許多濾鏡效果和模糊、
加亮與修復等功能。
混搭
無法直接在圖面上操縱修改，只能透過點選視窗內風格模組或建材元件之備選 視覺物件來變換影像。
D. 資訊資訊資訊資訊
單用
無此方面資訊提供，只有名稱顯示。
混搭
顯示建材選項模式有縮圖及詳細資料兩種，其中詳細資料包括：建材編號、建 材名稱、品牌、型號、材質種類、顏色/色系、修改日期、預設值標註等。另外 還可透過資料檔查詢建材更詳細之資料內容，也可查詢建案相關資訊，如：樓 層數、車位量、格局樣數等。
E. 其他輔助功能其他輔助功能其他輔助功能其他輔助功能
單用
提供多種預設動作，此動作代表一系列步驟記錄，用於多張照片需重複性處理 時，僅需輸入要求參數，即可快速完成動作，也可針對特定需求自行撰寫 Script 來擴充動作。
混搭
(a) 不同使用者記錄
透過登入動作系統會讀取符合條件之使用者相關紀錄，剛完成註冊手續後第一 次登入系統，則是產生管理者所提供的建材預設值之組合畫面，之後再進入系 統，則會顯示上次保留之記錄。
(b) 報表
當管理者以建案層級方式新增建材後，相對之建案模組會自動產生建材表(圖 4-9)；而且管理者可更換建材預設值，對於已決定並變更完成之客戶送出建材 確認單(圖 4-11)後，系統會自動在住戶安裝表單(圖 4-15)與建材訂單(圖 4-13) 產生記錄，以上皆透過資料庫記錄自動產生相關表單，並可列印輸出。
表 6-2 為以上整合評估結果，可發現混搭在變換建材組合上來說，較為快速與便捷，
其自動產生報表能適時反應建材需求，額外的資料訊息有輔助承購戶於挑選中，但最大 缺點就是單一變換方法無圖像修改彈性空間。
表 6-2 混搭與單用的功能評估結果 比較
比較比較
比較項目項目項目項目 混搭混搭混搭混搭 單用單用 單用單用
A 瀏覽視覺空間 搜尋特定視覺空間較快 搜尋特定視覺空間較費時 B 快速變換建材組合方法 直覺化，清楚明瞭 圖層－手續較多也較為複雜
步驟記錄－其名稱無具體意 義，使用上較為不便 C 圖像修改 單一變換圖像方法，無彈性 影 像 有 多 種 編 輯 工 具 與 方
法，圖像修改彈性佳
D 資訊 輔助使用者選擇建材 只能依圖片與名稱選擇
E 其他輔助功能 不同使用者記錄－個人化 報表－減少管理者負擔
可避免重複性動作，加快執行 速度
6.1.2 操作流程與使用介面評估
操作流程與使用介面評估操作流程與使用介面評估操作流程與使用介面評估分別從管理者(建商)與一般使用者(客戶)兩種不同角度的使用情境，探討本系統與 Photoshop 彼此間在達成同功能之操作上差異，以情境模式個別說明，提出「管理者建 立新建案模組」與「客戶挑選建材元件之備選視覺物件」兩種系統主要使用情境，並針 對使用介面優缺點分析比較。
情境 A：
管理者(建商)有一新建案其名稱為第一大廈，該案例的客廳和廚房兩空間有建材可供承 購戶挑選，就廚房而言，供應兩種不同樣式的壁磚及三種不同顏色的廚具選項。
單用
由於每個子頁面代表不同視覺空間，而不同個案其供應建材選項不一，若要同時瀏 覽並開啟所有建案其視覺空間，則必須採用「建案名稱_視覺空間名稱」之命名方 式，就本情境案例來說，視覺空間有客廳和廚房，所以開啟兩空間底圖照片依序命 名為「第一大廈_客廳」與「第一大廈_廚房」，才能識別該子頁面影像所代表內涵，
再逐一開啟與該照片拍攝條件相同且含有建材的照片，使用選取功能鍵將照片上建 材圖像圈選後拷貝圖層並複製圖層至相對的子頁面且給予圖層適當名稱，由於使用 者只能依照其名稱與縮圖來辨識圖層之影像，所以該命名應採用「建材元件名稱_
備選視覺物件名稱」作為區別關鍵，比如說三種不同顏色的廚具中有一水藍色，該 圖層名稱可命名為「廚具_水藍色」，待所有視覺空間頁面中以存在其備選視覺物件 的圖層影像，即完成建檔程序。
混搭
需藉由 Photoshop 製作系統所需視覺空間底圖與備選視覺物件之圖檔，使用選取功 能鍵將可替代的建材一一圈選後個別拷貝圖層並複製圖層至文件目的地名為「新增」
且給予適當的建材名稱，再依照「建案模組\視覺空間\建材元件\備選視覺物件」的 層級方式，將其所有圖檔放置到相對的資料夾內，再將建案模組資料夾移至與執行 系統同一資料夾內的 image 資料夾底下，同圖 5-6 所示，前置作業即大功告成。
接下來只需拖曳最上層的建案模組資料夾置入系統主畫面的建案模組管理視窗中，
如圖 6-1 將圖中反白資料夾拖曳至系統的建案模組管理視窗上，系統將會自動產生 所有相關資料之預設值，並像圖 6-2 顯示建案名稱在於其視窗中，管理者可透過資 料檔修改建案與建材資料，也能增加風格樣式，或者使用預設值修改建材元件之建 材預設值。
圖 6-1 拖曳置入 P1 建案前(新增前)
圖 6-2 拖曳置入 P1 建案後(新增後) +
情境 B：(客戶角度)
在建商舉辦設備選色活動上，承購戶於現場挑選建材，同樣以情境 A 的第一大廈建案模 組之廚房視覺空間為例，客戶最後選擇 B 紋路的內牆與藍色系統廚具。
在建商舉辦設備選色活動上，承購戶於現場挑選建材，同樣以情境 A 的第一大廈建案模 組之廚房視覺空間為例，客戶最後選擇 B 紋路的內牆與藍色系統廚具。