• 沒有找到結果。

應用實例

在文檔中 中 華 大 學 (頁 41-49)

第三章 物件導向式電子商務平台之建模方法(OOECDM)

3.5 應用實例

圖 3.16 刪除資料之多型架構

依上述之多型架構來分析網站將可節省系統資源,並降低系統維護上之成本。

理(FAQ Manage)、電子報管理(ePaper Manage)及最新消息管理(News Manage)。

根據上述使用者需求之分析,繪製使用案例如圖 3.17,其中粗線之部份為新增之使用案 例。

圖 3.17 完整購物網站之使用案例

在循序圖上我們新增了購物車(Shopping Cart)部份,在使用者瀏覽商品資訊後,

對其欲購買之商品就可先行加入購物車,等所要之商品都加入購物車之後即可進入訂購 程序。在確認訂單之後,即可執行最後之付款流程,如圖 3.18。

member manage

product manage

order manage Web Manager

system configure

manage Information authorization

research product

register

Order ePaper User

News

AD

FAQ browse Information

class manage News manage ePaper manage FAQ manage AD manage

Member

change data

login Shopping cart order payment

圖 3.18 完整購物網站之循序圖

我們以購物網站為例,將原先在 3.1.2 小節中繪製之概念模型,如圖 3.4 和圖 3.5。

根據以上延伸之架構,繪製出完整購物網站之概念模型,如圖 3.19 及圖 3.20。其中虛 線框起來之部分為,原始之概念模型。在圖 3.19 裡可由購物車物件和產品物件之間可 看出組成架構;在最新消息和廣告物件中可找出繼承架構之關連。而在圖 3.20 中可看 到新增、刪除、修改、查詢物件與會員、商品、訂單、問與答、電子報、廣告和最新消 息物件有多型架構之關係存在。

user : <Actor Nam e> Register Login Authorization Shopping Shopping cart Order Payment

send register data

register success

input Uid,pwd

check Uid,pwd

Validity

login success

brower product

send payment data check order data

payment success

purchase success

send Pid,Qty

send shopping list

圖 3.19 完整購物網站之概念模型

在圖 3.19 中,新增了常問問題(FAQ)、電子報(ePaper)、廣告(Advertisement)、

最新消息(News)及購物車(Shopping Cart)之物件。網站管理員對常問問題有公佈之 關連;對電子報有發行之關連;對廣告則有刊登之關連;對最新消息發表之關連。而對 使用者而言,則有訂閱電子報之關連和將商品加入購物車之關連。

Order Qty

MakeOrder() QueryOrder() Shopping cart

Total

Shopping_Date Paying_Method Add(Order) Modify(Order) CalCost() Confirm()

Company Name Address E-mail Site

Class Name

* 1

*

subclass 1

Advertisement Ad_name Ad_pic URL priority start_time end_time

News Title content Date ePaper

sender subject content send_time receiver Order()

Product Name Description Keywords Price Size Search() Rank() Recommend()

*

*

*

* place

* 1..*

* 1..*

Mak e

* 1..*

* belong 1..*

FAQ Question Answer

List News News_count Show()

Random News News_count Random_count Set Random() Random Show() Random AD

AD_count Random_count Set Random() Random Show() Rotate AD

AD_count Rotate_time Set Time() Rotate()

List AD AD_count Show()

Rotate News News_count Rotate_time Set time() Rotate() Web Manager

ID Password Login()

*

1

* publish 1

*

*

*

* post

*

1

*

release 1

1 **

1

manage 1

*

1

*

notify

User ID Password Name Telephone E-mail Zip Address Register() Login() Modify()

*

* *

* have

1..*

*

1..*

subscribe *

*

1 manage

1

*

圖 3.20 完整購物網站管理平台之概念模型

在圖 3.20 中可以看到新增了常問問題(FAQ)、電子報(ePaper)、廣告(Advertisement)

及最新消息(News)之物件。由於這些物件是以多型架構表示,則可直接將之前寫好 之新增、刪除、修改及查詢物件以物件導向之多型概念,以該物件之需求來進行不同之 處理方式。

Add Field Value Condition Table

Delete Condition Table

Modify Field Value Condition Table

Search Field Condition Table Manage Data

IP DB Name DB_password Web Manager

ID Password Login()

User ID Password Name Telephone E-mail Zip Address

Add() Delete() Modify() opname()

Product Name Description Keywords Price Size

Add() Delete() Modify() opname()

Order Qty

Add() Delete() Modify() Search()

FAQ Question Answer

Reply() Add() Delete() Modify() Search()

ePaper sender subject content send_time receiver

Send_mail() Add() Delete() Modify() Search()

Advertisement Ad_name Ad_pic URL priority start_time end_time

Publish() Add() Delete() Modify() Search()

News Title content Date

Post() Add() Delete() Modify() Search() Class

Name

Add() Delete() Modify() Search()

圖 3.21 完整購物網站導覽模型之類別架構

圖 3.21 之虛線部份為原有之導覽模型。在此圖中僅將概念模型之商品製造公司之 部份拿掉,因為其未有導覽類別之對應。

在導覽模型之脈絡架構中多加了購物車部份和查詢商品功能。使用者可透過主選單

(Main Menu)直接將欲購買之商品加入購物清單中;還可透過商品之屬性來查詢商 品,其餘的部份皆和原始圖形相同,如圖 3.22,其中粗線之部份為新增之脈絡架構。

Order Qty

MakeOrder() QueryOrder() Shopping cart

Total

Shopping_Date Paying_Method

Add(Order) Modify(Order) CalCost() Confirm()

Class Name

* 1

*

subclass 1

Advertisement Ad_name Ad_pic URL priority start_time end_time

News Title content Date ePaper

sender subject content send_time receiver

Order()

Product Name Description Keywords Price Size

Search() Rank() Recommend()

*

*

*

* place

* 1..*

* 1..*

belong FAQ

Question Answer

List News News_count

Show()

Random News News_count Random_count

Set Random() Random Show() Random AD

AD_count Random_count

Set Random() Random Show() Rotate AD

AD_count Rotate_time

Set Time() Rotate()

List AD AD_count

Show()

Rotate News News_count Rotate_time

Set time() Rotate() Web Manager

ID Password

Login()

*

1

* publish 1

*

*

*

* post

*

1

* release 1

1 **

1

manage 1

*

1

*

notify

User ID Password Name Telephone E-mail Zip Address

Register() Login() Modify()

*

* *

* have

1..*

*

1..*

subscribe *

*

1 manage

*

1

圖 3.22 完整購物網站導覽模型之脈絡架構

在購物車介面設計裡,可以看到購物清單(Shopping Cart List)、商品種類數量、

總計金額、訂購按鈕及取消按鈕。其中購物清單包括:商品名稱、價格、購買數量及小 計,如圖 3.23。

圖 3.23 完整購物網站購物車之介面設計

在最新消息介面設計裡,可以看到最新消息之標題、發佈日期、消息內容、前一則 消息按鈕及下一則消息按鈕,如圖 3.24。

ADV Shopping Cart

Totals:Int Product Count:Int

Shopping Cart List

Product:string Price:int Qty:int Total:int

Order:Button Cancel:Button

圖 3.24 完整購物網站最新消息之介面設計

在電子報訂閱介面設計裡,可以看到訂閱 E-mail 之文字輸入框、訂閱按鈕及取消 訂閱按鈕,如圖 3.25。

圖 3.25 完整購物網站電子報之介面設計

依本論文提出 OOECDM 方法之步驟,用「完整線上購物網站」為例,將原先設計 好之「簡易線上購物網站」的建模結果,進行擴充新功能之分析設計。

由以上之說明可知道以本方法提出之三大架構可加速新功能之開發時間,藉此滿足 消費者之新鮮感,提升電子商務網站之競爭力。

ADV News

News Date:Date News Title:Text

Previous:Button Next:Button News Content

ADV ePaper Order

Order Mail:Input Text

Order:Button Cancel Order:Button

在文檔中 中 華 大 學 (頁 41-49)

相關文件