系統製作也是一個資訊系統開發過程中，頗為重要的一環，所需 的工作時間、人力和費用在整個資訊系統的開發成本佔有一個很大的 比例。系統製作就是把一個概念轉為一個實體的過程，一般而言，每 一個系統的製作包括三個部分：
1.Input ：系統的輸入畫面。
2.Process ：執行處理的過程。
3.Output ：系統的輸出畫面。
以下將就營業子系統各個功能一一做詳細的介紹：
4.1 營業子系統入口
1. input :
系統動畫製作環境
圖 4-1-1 動畫製作環境
2. Process 首先由網站的inde，點選enter ，開始撥放15秒的動畫，
此動畫是藉由Flash、結合了音效、聲光、圖片，來製作網站片頭 動畫。
Output:
網站Index
圖4-1-2 網站Index 網站動畫(I)
圖4-1-3 網站動畫(I)
網站動畫(II)
圖4-1-4 網站動畫(II) 網站首頁
圖4-1-5 網站首頁
4.2 會員申請功能
圖 4-2-1 網路會員同意書(I) 網路會員註冊書 按同意
圖 4-2-2 網路會員同意書(II) key in 網路會員表單
圖 4-2-3 會員註冊表單(I) Key in 會員基本資料
圖 4-2-4 會員註冊表單(b)
(b)Process 當我們輸入完 會員的帳號、密碼、姓名….等基本資料完 後，這網頁會將資料加入到資料庫中的會員表單 同時 若這網頁未填 寫完全，這網頁會作檢查 出現警告的訊息，否則資料可加入成功。
(c)Output
會員註冊成功
圖 4-2-5 會員註冊成功 會員註冊錯誤訊息
圖 4-2-6 會員註冊錯誤訊息
2.會員登入 (a)Input
Key in 會員帳號及密碼
圖 4-2-7 會員登入(I)
圖 4-2-8 會員登入(II)
(b) Process 輸入會員的帳號及密碼，首先會對資料作檢查，是否正 確的輸入帳號及密碼，資料輸入無誤後，資料會檢查資料庫中會 員的表單否為存在，若為會員則登入成功，反之登入失敗 。 (c) Output
登入成功
圖 4-2-9 會員登入成功
會員登入失敗
圖 4-2-10 會員登入失敗 會員登入錯誤訊息
圖 4-2-11 會員登入錯誤訊息
3.會員修改 (a)Input
登入到會員專區
圖 4-2-12 會員專區 修改會員資料
圖 4-2-13 會員修改表單
(b)Process 首先 ，先登入到會員專區，再點選修改會員資料，開啟 會員修改表單，修改完後，按確定修改，會員資料會連結到資料 庫的 member 的 table 做更新，並開啟會員更新成功的網頁。
(c) Output
會員修改成功
圖 4-2-14 會員修改成功訊息
4.3 最新消息子系統
此系統功能主要為最新消息導覽。
(a) Input
點選會員優惠的連結如下圖 4-3-1 ,4-3-2
圖 4-3-1 最新消息導覽(I)
圖 4-3-2 最新消息導覽(II)
(b)Process 點選最新消息的連結後，會去資料庫取得 news 的表單，
依主題名稱，將其主題相關的內容、時間、名稱，顯示出來。
如下圖 4-3-3 (c)Output
圖 4-3-3 最新消息顯示成功
4.4 討論區子系統
討論區主要提供給會員，任何有關於醫療美容發面的問題，提出問 題，並且我們會有管理者，於線上提供解答。
此系統主要功能如下 1. 討論區登入
2. 刊登文章 3. 回應主題 4. 搜尋討論區
1. 討論區登入 (a)Input
key in 會員帳號及密碼
圖 4-4-1 會員登入討論區
(b)Process 輸入會員帳號及密碼後，會去資料庫的會員 table 做確 認，是否為會員，是則可登入討論區，開始瀏覽討論區主題，再點選 各討論區主題，會去對資料庫中找 topic 和 reply 兩個表裡的資料，
是否主題代碼依樣，主要依照主題代碼，來顯示討區的主題內容。
(c)Output
登入討論區成功
圖 4-4-2 討論區主版面
瀏覽主題內容
圖 4-4-3 主題內容版面 討論區登入失敗
圖 4-4-4 登入討論區失敗 2. 刊登文章
(a)Input
key in 主題資料
圖 4-4-5 刊登文章表單(I)
圖 4-4-6 刊登文章表單(II)
(b)Process 輸入完討論區主題資料後，資料會送到資料庫中，寫入
topic 的 table，在填寫資料時，若輸入不完全、E-MAIL 沒輸入，則 會有錯誤的訊息做檢查。
(c)Output
刊登失敗
圖 4-4-7 會員刊登錯誤訊息
圖 4-4-8 刊登成功
3. 回覆主題 (a)Input
key in 回覆資料
圖 4-4-9 回覆表單(I)
圖 4-4-10 回覆表單(II)
(b)Process 每個討論區主題及回覆都有個主索引，所以當點選討論區 主題時，瀏覽討論區主題內容，主題 ID 固定，在按回覆主題，就可 開始回覆主題，所以每一個討論區，可以有很多篇回覆。
當填寫完，回覆主題資料後，資料會寫入到資料庫中的 reply 表單，
完成加入的動作，並且主題的回應次數會加一。
(c)Output
圖 4-4-11 回覆主題成功 4. 搜尋討論區
(a)Input
key in 搜尋的字串
圖 4-4-12 搜尋討論區
(b)Process 輸入搜尋的字串，會對資料庫中 topic 的各項欄位資料 作比對，只要各欄位有符合的資料，就會把那一筆資料顯示出來，反 之，輸出搜尋失敗的訊息。
(C)Output
圖 4-4-13 搜尋討論區成功
圖 4-4-14 討論區搜尋失敗
4.5 產品子系統
此系統的功能入下 1. 產品導覽
2. 產品系列導覽 3. 產品詳細資料導覽
1. 產品導覽 (a)Input
點選產品專區連結
圖 4-5-1 網站主版
(b)Process 點選產品專區連結，可開始產品導覽，於資料庫中的 Product 表單中，抓取資料，並全部依序顯示出來。
(c)Output
圖 4-5-2 產品導覽(I)
圖 4-5-3 產品導覽(II) 2. 系列導覽
(a)Intput
於網站主版(參圖 4-5-1)，點選左邊的系列名稱。
(b)Process 於網站主版中，左邊會顯示資料庫裡 series 的 table 的 系列名稱，並依序顯示出來，點選系列名稱，就可瀏覽產品系列裡的 詳細內容。
(c)Output
圖 4-5-4 系列導覽(I)
圖 4-5-5 系列導覽(II)
4. 產品詳細資料導覽 (a)Intput
於產品專區中(參圖 4-5-2)，點選詳細資料。
(b)Process 在產品專區中，點選詳細資料，會顯示各個產品中的詳 細內容明細，主要是去資料庫中，把 detail 的表單及其所屬的相關 的 ProductID 資料，一對一的對應，如此，就可瀏覽產品系列裡的詳 細內容。
(c)Output
圖 4-5-6 產品明細(I)
圖 4-5-7 產品明細(II)
4.6 購物車
此系統的功能如下 1. 購買產品
2. 購物車功能 3 結帳
1. 購買產品 (a)Input
已登入會員選取欲購買的產品，按訂購
圖 4-6-1 產品專區
按下確定訂購
圖 4-6-2 系列專區
(b)Process 會員於產品專區或系列專區，選定產品，點選訂購，購物 車會自動計算金額及數量於右上角，此購物車是虛擬資料表，會把資 料庫 Product 資料表及 Series 資料表中的欄位取出來，自動計算金額 及數量，等到最後會員結帳時，才會正確的把資料寫入購買清單 TorderData 資料表中。當點選完購物時，可按下確定購物，此時資料 庫會做判斷是否為會員，會員可到產品購物車頁面，否則需要重新登 入，才可購物。
(c)Output
自動計算金額及數量於右上角的訂購專車
圖 4-6-3 產品訂購成功(I) 非會員購物要重新登入
圖 4-6-4 購物失敗畫面
2 購物車功能 (a)Input
key in 購買的產品的數量或按重新計算或按清空購物車
圖 4-6-5 購物車
(b) Process 購物車介面，可清除以訂購的商品，或增加其產品的 數量，或點選繼續購物，或點選清空購物車。
(c) Output
清空購物車
圖 4-6-6 清空購物車成功 3 結帳
(a)Input
於購物車介面(參圖 4-6-5)點選結帳後
key in 收件人基本資料
圖 4-6-7 填寫收件人資料
(b)Process 填寫完收件人資料後，確定送出後購物車選購的產品及 收件人的基本資料，會寫入到資料庫中，TorderData 及 TorderList 兩個表單中，TorderData 表單會記錄購買的明細，TorderList 則記 錄購賣的每筆交易。
(c)Output
圖 4-6-8 購物成功訊息
4.7 站務管理子系統
5.3 刪除消息 6.討論區管理區
6.1 版主刊登文章 6.2 版主回覆文章 6.3 版主刪除文章 1. 站長登入
(a)Input
key in 站長帳號及密碼
圖 4-7-1 站長登入
(b)Process 檢查資料庫中管理者的表單，是否存在，若成功則站長 登入成功。
(c)Output
圖 4-7-2 站長管理主版 2 產品管理區
2. 1 新增產品 (a)Input
首先進入產品管理區，於圖 4-7-2 點選產品管理區，如下圖
圖 4-7-3 產品管理區(I)
圖 4-7-4 產品管理區(II) key in 產品資料
圖 4-7-5 新增產品表單
(b)Process 於產品管理區中，按新增產品，開啟新增產品的表單，
填寫完各項欄位後，如中英文產品名稱、圖示、折扣…等等，資料會
加入到資料庫中的 Product 的表單中。點選各產品名稱會開啟圖 4-7-4，管理產品的內容，其查看產品的相關資料。
(c)Output
圖 4-7-6 新增產品成功 2.2 修改產品
(a)Input
於產品管理區(II)(參圖 4-7-4)中點選修改此產品開啟如下圖 修改產品資料
圖 4-7-7 修改產品表單
(b)Process 填寫完表單後，會更新資料庫中 Product 表單的資料，
並回應成功的訊息。
(c)Output
圖 4-7-8 修改產品成功 2.3 刪除產品
(a)Input
於產品管理區(II)(參圖 4-7-4)中點選刪除此產品開啟如下圖
圖 4-7-9 刪除產品
(b)Process 按確定刪除後，會將資料庫中，Product 表單中的一筆 資料刪除，並回覆刪除成功的訊息。
(c)Output
圖 4-7-10 刪除產品成功 3. 產品系列管理區
3.1 新增系列 (a)Input
由站長管理主版圖 4-7-2，進入到產品系列管理區如下圖
4-7-11，或點選系列名稱，可開啟圖 4-7-12，於產品系列管理區，
點選新增系列，如下圖 4-7-13
圖 4-7-11 產品系列管理區(I)
圖 4-7-12 產品系列管理區(II)
key in 產品系列資料
圖 4-7-13 產品系列表單
(b)Process 輸入完產品系列資料的各項欄位，資料會加入到資料庫 中 Series 表單中，並顯示成功的回應訊息。
(c)Output
圖 4-7-14 新增系列成功 3.2 修改系列
(a) input
由產品系列管理區(II)，可點選開啟修改這系列 輸入修改資料
圖 4-7-15 修改系列資料
(b) Process 輸入修改的資料後，資料會對資料庫中 Series 這表單 做更新，並且回應成功訊息。
(c) Output
圖 4-7-16 修改系列成功 3.3 刪除系列
(a) Input
由產品系列管理區(II)，可點選開啟刪除這系列
圖 4-7-17 刪除系列資料
(b) Process 按確定刪除後，會將資料庫中 Series 表單中，一筆資 料刪除，並回應成功的訊息。
(c) Output
圖 4-7-18 刪除系列成功 3.4 新增系列單品
(a) Input
由產品系列管理區(II)，可點選開啟新增此系列單品
圖 4-7-19 新增系列單品
(b) Process 按下新增的按鈕，可以新增系列中所屬的單品，並回 應成功的訊息。
(c) Output
圖 4-7-20 新增系列單品成功 4 產品詳細資料管理區
4.1 新增產品詳細資料 (a) Input
由產品專區(參圖 4-6-1)，點選產品詳細管理區，開啟如下圖 4-7-21，進而由此圖，點選各產品名稱，可開啟圖 4-7-22。
由圖 4-7-21，可點選增增詳細資料，如下圖 4-7-23。
圖 4-7-21 產品詳細資料管理(I)
圖 4-7-22 產品詳細資料管理(II)
key in 產品詳細資料
圖 4-7-23 產品詳細資料表單
(b) Process 輸入完產品詳細資料後，資料會加入到資料庫中的 Detail 表單，並且回應成功的訊息。
(c) Output
圖 4-7-24 產品詳細資料加入成功
4.2 修改產品詳細資料 (a) Input
於產品詳細資料管理區(II)(參圖 4-7-22)中點選修改此產品開啟如 下圖
圖 4-7-25 修改產品明細表單
(b) Process 輸入完，修改的資料後，資料會對資料庫中 Detail 這表單做更新，並且回應成功的訊息。
(b) Process 輸入完，修改的資料後，資料會對資料庫中 Detail 這表單做更新，並且回應成功的訊息。