業務子系統主要是以 會員管理、線上購
會員功能
加入會員功能處理
網站為主，包括網站的建置、會員功能、
物、及線上客服處理等等。
1.
(1)
a. 加入會員畫面：
圖 4.2 加入會員輸入畫面
- 33 -
b. 演算法
c. 加入會員輸出畫面 case 1. 加入會員成功畫面：
圖 4.3 加入會員成功畫面
case 2. 輸入欄位有空值時的錯誤訊息：
圖 4.4 輸入欄位有空值時的錯誤訊息畫面
- 35 -
case 3.輸入 E-mail 格式不符時的錯誤訊息：
圖 4.5 輸入 E-mail 格式不符時的錯誤訊息畫面
case 4. 輸入帳號已存在的訊息畫面：
圖 4.6 輸入帳號已存在的訊息畫面 - 36 -
case5. 重新輸入畫面：
圖 4.7 重新輸入畫面
2) 會員登入處理 (
a. 會員登入畫面：
圖 4.8 會員登入畫面 - 37 -
b 演算法
b. 登入會員輸出畫面
時訊息畫面：
case 1. 輸入不完整資料
圖 4.9 輸入不完整資料時訊息畫面
case 2. 輸入密碼錯誤訊息畫面：
圖 4.10 輸入密碼錯誤訊息畫面
- 39 -
case 3. 成功登入畫面：
圖 4.11 成功登入畫面
(3) 會員使用處理 a. 修改個人資料畫面：
圖 4.12 修改個人資料畫面
- 40 -
b. 演算法
c. 修改個人資料輸出畫面 case 1.欄位有空值的錯誤畫面：
圖 4.13 欄位有空值的錯誤畫面
ase 2. E-mail 格式錯誤訊息：
c
圖 4.14 E-mail 格式錯誤訊息
- 42 -
case 3. 重新設定畫面：
圖 4.15 重新設定畫面
case4 成功修改畫面：
圖 4.16 成功修改畫面
- 43 -
2. 線上購物功能
(1) 進入會員購物處理 a. 會員進入購物訂單輸入畫面
圖 4.17 會員進入購物訂單輸入畫面
. 演算法
- 44 - b
if click 我要買東西 output 購物畫面
c. 進入購物畫面
圖 4.18 購物畫面
2) 加入購物車功能處理 (
a. 放入購物車畫面
圖 4.19 放入購物車畫面
- 45 -
b. 演算法
圖 4.20 已選購物品清單畫面
case 2.修改購物內容畫面：
圖 4.21 修改購物內容畫面 - 47 -
case 3. 清空購物車畫面：
圖 4.22 清空購物車畫面
ase 4. 要求輸入會員帳號畫面：
c
圖 4.23 要求輸入會員帳號畫面
- 48 -
(3) 送出購物訂單功能
output 資料修改成功畫面
click 取消訂單
output 會員登入畫面
購物訂單輸出畫面
訊息：
} if
c
case 1. 欄位有空值錯誤
圖 4.25 欄位有空值錯誤訊息畫面
- 50 -
case 2 .取消訂單回會員登入首頁畫面：
圖 4.26 取消訂單回會員登入首頁畫面
ase 3 確認訂單畫面：
c
圖 4.27 確認訂單畫面
- 51 -
3. 線上客服功能
當客戶對於公司網站、產品的一切事務，有任何問題及意見，都可透過客服 的功能來提出問題或建議，而方法有兩種：一是直接在留言版留下寶貴意見，二 是經由 Email 來與公司連絡。而公司的客服人員也會透過這些方法得到客戶寶貴 意見，進而與客戶溝通，並給予滿意答覆。
圖 4.28 網頁首頁客服畫面
- 52 -
(1) 線上留言版功能
c.留言版輸出畫面
case 1 觀看留言輸出畫面：
圖 4.30 觀看留言輸出畫面
- 54 -