1

購物網站規格與V模型

軟體工程聯盟國立臺北科技大學資訊工程系jykuo@ntut.edu.tw

軟體測試 V 模型

程序(Process)

驗證(Verification)

確認(Validation)

使用者需求文件

需求擷取

系統分析

系統需求規格

高階設計

軟體設計規格

細部設計

軟體模組規格

程式撰寫程式碼

單元測試

整合測試

單元測試計畫

整合測試計畫

系統測試

使用者驗收測試

系統測試計畫

驗收準則

測試軟體元件整合

測試系統特性

測試使用者操作

使用者

測試模組內部邏輯

2

分類 功能 說明

商店介紹商店介紹

商店名稱、公司名稱、負責人、統一編號、地址、電話、傳真、客服信箱、營業時間。

電子地圖 電子地圖 Google Maps。

購物指南

購物流程 非會員及會員購物流程說明。

訂購須知 商品訂購說明，可在後台自訂內容；顯示在商品檢視頁面中。

配送方式 告知消費者網站目前允許哪些配送方式，系統將列舉出已安裝的配送模組。

付款方式 告知消費者網站目前付款方式。

促銷優惠活動

告知消費者網站目前有哪些折扣促銷活動。數量折扣 (三件699元、第二件起六折)、會員折扣 (VIP打九折)、全館折扣、類別折扣、特定商品折扣、滿額折扣 (滿萬送千、滿千送點)、商品加購價、贈送商品。

會員中心

會員中心 尚未登入會員時要求先登入。登入後檢視個人資訊、消費記錄、享有優惠等資訊。

加入會員會員資料包括姓名、地區、住址、電話、手機、年齡、生日、性別、血型、職業；填寫資料時系統防呆提示。結帳流程中自動要求客戶填寫個人資料，完成購物流程後 自動加入會員。

忘記密碼 填寫申請帳號時的 Email 後系統將密碼補發信寄到會員信箱。基本資料 供會員修改個人基本資料或密碼。

訂單查詢列出會員所有訂單記錄，提供訂單列印及訂單留言功能。顯示處理進度、付款狀態出貨狀態。

會員優惠 提供會員專屬優惠訊息。

訂單客服記錄

填寫已付款通知、訂單諮詢、付款、產品瑕疵等購物相關問題給客服人員；客服人員回覆後顯示在客服記錄。

使用者需求 - 購物網站前台

3

使用者需求 - 購物網站前台

商品主題

最新商品 列出所有新上架商品，在商店設定中設定幾天內上架的商品視為新品。人氣商品 列出所有高瀏覽率商品，在商店設定中設定人氣商品的最低瀏覽率。推薦商品 列出所有推薦商品，在商品管理中依需求設定是否推薦此商品。折扣商品 列出所有折扣的商品販售項目，當販售項目中設定市價時，視為折扣商品。

商品分類分類首頁 列出所有大分類群組及子類別，包含類別名稱，類別圖片。單一類別頁

為每個類別設計不同橫幅圖片置於頁面上方。列出相關子分類於分類商品列表。商品列表可自動產生分頁，切換排序方式。

商品品牌品牌首頁 列出所有商品品牌，包含品牌名稱，圖片。單一品牌頁

為每個品牌設計不同橫幅圖片置於頁面上方。列出品牌商品列表，自動產生分頁；切換排序顯示。

商品介紹

商品介紹 商品橫幅圖片、商品描述、自動產生新品、人氣商品圖示。

販售項目列出販售項目圖片、名稱、型號、規格、紅利點數、價格。若設定市價提示客戶品項折扣價差。

商品圖庫後台可對單一商品上傳多張圖片，前台顯示這些圖片縮圖。上傳每張圖片可寫補充說明文字。前台更新圖片時一併更新說明文字。

問與答客戶針對單一商品提出問題由管理者在後台回覆。管理者針對同一問題多次回覆，在每次回覆時將問題與回覆內容以 Email 發送給提問客戶。

關聯商品 列出其他同類別或同品牌商品供客戶挑選。

4

使用者需求 - 購物網站前台

購物流程

購物車客戶修改選購商品數量或移除商品。列出所訂購的商品項目、小計金額以及優惠資訊。

客戶資訊未登入客戶選擇登入或填寫首次購物之個人資訊。已登入客戶選擇是否使用點數折抵商品金額。選擇配送方式及發票格式。

收件資訊 填寫此次商品收件人與寄送地址。客戶填寫本次消費備註事項告知服務人員。

配送方式 客戶選用多種送貨模式，送貨、店取、滿額免運費。

付款方式 依據不同物流模式，支援不同付款方式。

訂單確認 客戶再次檢查消費商品明細及訂購與收件人資訊，送出訂單完成訂購流程。

訂購完成 完成訂購流程後的提示頁面，告知客戶本次訂單編號及付款方式。

取消訂單 會員可於會員中心內自助取消訂單。

訂購客服管理員可後端協助會員，對未付款之訂單，針對訂購項目進行部分商品加購、移除與商品數量增減。

相關區塊

圖片輪播 上傳多張圖片輪流播放，每張圖片皆可設定超連結或說明文字。

商品分類 所有商品分類列表。

我的購物車 選購商品清單以及目前金額。

商品瀏覽紀錄

最近點閱的商品連結。

商品搜尋 可以關鍵字、金額、分類、品牌作為搜尋商品的條件。

商品列表 最新商品列表。最多人點閱的商品列表。店家推薦的商品列表。5

使用者需求 - 購物網站後台分類 功能 說明

銷售統計

銷售統計TOP 5 人氣商品與銷售商品。訂單報告與銷售報告圖表。整體銷售統計資料與最近銷售統計資料。

訂單處理狀況

以月為單位顯示需處理的訂單資訊以及帳款進度。依日期列出，訂單件數、未確認、未付款、未出貨、未處理客訴、已收金額、未收金額、應收金額、本日毛利。

訂單一覽按訂單單號、下單時間、指定收件人、訂單狀態、付款狀態、配送狀態、訂單明細管理、結單確認交互查詢訂單資訊。設計可快速變更訂單狀態、付款狀態、配送狀態、結單狀態。

訂單明細包含訂單狀態、客戶情報、訂單明細、配送情報、商品清單、狀態記錄等資訊。所有的狀態變更將會被記錄起來，並能註解說明。可完整增刪修改商品清單中的項目。執行結單動作後將鎖定訂單並自動扣除商品庫存量。

配送設定郵寄送貨 自訂使用說明內容與運費。指定付款方式。設定免運費門檻金額。

超商取貨 自訂使用說明內容與運費。指定付款方式。設定免運費門檻金額。

付款設定ATM 轉帳 自訂使用說明內容與手續費。設定銀行名稱及匯款帳號。線上刷卡 需申請金流服務，刷卡後自動更新訂單狀態。

促銷活動 管理優惠

建立一個優惠活動時指定活動起訖時間、享有此活動的會員等級、優惠範圍、優惠方式、享有此活動需消費達多少金額。優惠範圍：全部商品、某分類商品、某品牌商品、特別指定某些商品。優惠方式：贈品 、特惠品、商品折扣、現金減免加贈紅利點數。同時段包含多個優惠活動時，系統依活動優先層級順序計算折扣。多個優惠活動計算折扣時，若某優惠活動設定中斷後續優惠，系統在加入此活動後停止其他優惠計算。透過不同優惠條件與優惠層級，在某時段內建立多個優惠活動讓系統自動為客戶判斷可享有的項目。

6

使用者需求 - 購物網站後台

管理

分類管理

分類採無限層級子分類架構，依需求調整類別間層級關係。分類列表設計，可快速修改類別名稱及類別狀態；當狀態為隱藏時前台不會出現此類別。編輯類別時針對每個分類指定關鍵字及頁面描述。每個分類可上傳一張代表圖片及橫幅圖片，上傳後的橫幅圖片會出現在該類別頁面上方。一次將指定分類下的商品移動到另一個分類或關聯此分類。

品牌管理

品牌列表設計可快速編輯，快速修改品牌名稱以及品牌狀態；當狀態為隱藏時前台不會出現此品牌。編級品牌時針對每個分類指定關鍵字及頁面描述。每個品牌上傳一張代表圖片及橫幅圖片，上傳後的橫幅圖片將會出現在該類別頁面上方。一次將指定品牌下的商品移動到另一個品牌。

商品管理

商品列表設計可快速編輯商品名稱、上架狀態、推薦狀態；並列出銷售量與被點閱次數。一項商品可同時存在於多個分類中。商品描述與規格兩個欄位採所見即所得編輯器。未建立販售項目可作商品展示用。

單一產品有規格差異，如顏色、包裝、尺寸，導致價格差異；每一規格為獨立販售項目，具有同一產品說明。營運者針對每個販售項目設定售價、成本、點數與描述；或將不同產品套裝組合在同個商品頁面中銷售。

每件商品另上傳多張圖片補充介紹，在前台顯示這些圖片縮圖；點選縮圖後將更新商品主要圖片。上傳的每張圖片可寫補充說明文字；前台更新圖片時一併更新說明文字。列出客戶對此商品提出的相關問題供管理者回覆，回覆時可選擇是否發送 Email 通知客戶。7

使用者需求 - 購物網站後台

商店設定

商店資訊填寫商店介紹所需的基本資料；例如服務電話、營業時間。啟停用電子地圖 Google Maps。自訂網站關鍵字、自訂網站關鍵字描述。

基本設定指定預設首頁內容。新品期限天數設定。警告庫存量設定。停啟用缺貨郵件通知；停啟用訂單郵件通知。圖檔上傳設定。自訂商店頁首，自訂商店頁尾。價格顯示規則與貨幣格式設定。

點數設定

停啟用點數功能。點數兌換匯率，每一元相當於多少點數。單次消費使用點數上限。可設定當消費時使用點數則無法取得新點數。可設定新會員註冊時給予多少點數。

分類頁面 每行類別數。類別頁上方橫幅長寬設定。類別縮圖長寬設定。

品牌頁面 每行品牌數。品牌頁上方橫幅長寬設定。品牌縮圖長寬設定。

商品列表頁面

商品列表中商品縮圖長寬設定。商品列表預設顯示方式設定。設定每頁顯示商品數量。設定每行顯示商品數量。設定預設商品排序方式。

商品展示頁面

商品頁橫幅長寬設定。販售項目縮圖長寬設定。販售項目資訊啟停用。自訂購物須知內容文字。

商品問與答 問與答使用資格。在問與答中隱藏未回答的問題。每頁顯示幾篇問題。

8

系統需求規格 –使用案例圖簡化版

搜尋商品

購物

使用者

瀏覽商品

處理訂單

登入驗證

管理者

9

需求規格 –使用案例規格‧ 使用者功能(第一版)

–登入驗證

‧輸入帳號密碼，登入系統。

–搜尋商品

‧輸入商品名稱，搜尋商店內一個符合該名稱商品的價格。

–購物

‧瀏覽所有商品，選取所要購買商品，送出。

‧計算購物(車)商品的總和。

‧ 管理者(第一版)

–處理訂單

‧針對每筆購物車訂單中所有商品，查詢是否有庫存，若有庫存則從庫存中扣除，並處理出貨。

10

非功能需求

‧非功能需求

–系統允許同時5000位使用者登入系統。

–系統允許同時1000位使用者購物，反應時間不超過 5 秒。

–系統能防止阻斷服務攻擊。

11

軟體設計規格 –登入驗證

Product

Login

12

Customers

Store

menu

Customer

軟體設計規格 –登入驗證

p2:Product:Store

Login

init()

addItem(p1)

Login()

13

p1:Product p3:Product

menu

redirect()addItem(p2)

addItem(p3)

:Customers :Customer

getCustomer()

軟體設計規格 –搜尋商品

Product

SearchProduct

14

Customer

Store

SearchResult

軟體設計規格 –搜尋商品

:Store

SearchProduct

search()

15

:Customer

SearchResult

valid()submit(title) serachByTitle()

軟體設計規格 –購物

ShoppingCartProduct ProductNotFoundException

Shopping

16

Customer

Store

Shopping

軟體設計規格 –購物

p2:Product:ShoppingCart

Shopping

getTotal()

addItem(p1)

shopping()

17

p1:Product p3:Product

addItem(p2)addItem(p3)

:Store

Shopping

getProduct()submit(p1, p2, p3)

submit()

軟體設計規格 –訂單處理

18

:DeliveryItem:StockItems:Product:ShoppingCart

getId()

hasStock=checkStock()

create()

loop [more product]

[hasStock = true]

[hasStock = false]

opt

delete()

sale()

processOrder()

軟體模組規格 – Product• 取得商品類型

– public String getType();• 取得商品名稱

– public String getTitle();• 取得商品價格

– public int getPrice(); – 回傳原始價格

19

Product- type: String- title: String- price: int+ getId()+ getType()+ getTitle()+ getPrice()

程式碼 – Product.javapackage bean;public class Product {

private int id;private String type;private String title;private int price; public Product(String type, String title, double price) {

id =0;this.type = type;this.title = title;this.price = price;

}public int getId() { return id; }public String getType() { return type; } public String getTitle() { return title; } public int getPrice() { return price; }

}

20

軟體模組規格 – Store.java• 搜尋商品

– Public int searchPriceByTitle()– 回傳原始產品價格

21

Store- items: Product []- vip: int- promote: int- discount: int- vipDiscount: int- mass: int+ init()+ searchPricetByTitle(): int+ setPromote(int, int, int, int)+ getTotal()+ getPromoteTotal()+ addItem()+ removeItem()+ getItemCount()+ getItem(int)

程式碼 – Store.javapublic int SearchPriceByTitle(String key) {

Product p = null;int length = items.size();int i=0, found=-1;while ((i < length) && (found==-1)) {

p = items.get(i);if (p.getTitle().compareTo(key)==0) found = i ;

i++;} // whileif (found==-1) return found;else return p.getPrice();

}}

22

軟體模組規格 – ShoppingCart.java• 計算商品價格

– public int getTotal(); – 回傳原始總價格

23

ShoppingCart- items: Product []- vip: int- promote: int- discount: int- vipDiscount: int+ setPromote(int, int, int, int)+ getTotal()+ getPromoteTotal()+ addItem()+ removeItem()+ getItemCount()+ getItem(int)+ empty()

需求規格 –使用案例規格‧ 使用者功能(第二版)

–搜尋商品(修改)

‧輸入商品名稱，搜尋商店內符合該名稱的所有商品資料。

–購物(修改)

‧瀏覽所有商品，選取所要購買商品，送出。

‧計算購物(車)商品的總和。

–vip 有打折優惠，非 vip，沒有打折優惠。

–所有顧客，購買商品滿額以上，有打折。

24

需求規格 –使用案例規格‧ 使用者功能(第三版)

–購物(修改)

‧瀏覽所有商品，選取所要購買商品，送出。

‧搜尋商品，列出所有符合搜尋的商品。

‧選購商品於購物車內/將商品移出購物車。

‧計算購物車商品的總和。

–登入驗證(修改)

‧輸入帳號密碼驗證

–密碼必須遵循一定規則。

–瀏覽商品(新增)

‧依分類瀏覽商品。

25