導覽模型設計

透過我們所定義之新的物件以及物件之間的關係，配合前一步驟所產生之靜態的概 念模型，可以定義出網頁物件之間的瀏覽關係以及網頁物件與實體物件之間的功能呼叫 關係。

因為網站資訊系統需滿足導覽、計算、溝通及合作，在導覽模型設計階段我們需將 此四種需求完全考慮進去，並在導覽模型中將之表達出來，來製作出能滿足各類使用者 資訊與應用需求的網頁規格與網站模型。

此階段主要的工作是利用循序圖所展現之使用者使用系統之動態行為，將概念模型 進一步的細化，並且透過對 Web 應用程式架構的分析，將每個類別對應至相關之 Web 應用程式架構。由於網站資訊系統是基礎於客戶端/伺服器端（Client/Server）的架構，

因此，哪些類別對應於客戶端，哪些類別對應於伺服器端也是此階段的工作之一。下一 階段便是針對每個網頁類別設計其使用者介面。

透過我們所定義之新的物件以及物件之間的關係，配合前一步驟所產生之靜態的概 念模型以及動態的循序圖，可以定義出網頁物件之間的瀏覽關係以及網頁物件與實體物 件之間的功能呼叫關係。

根據循序圖中，一個使用者對於網站資源的使用情形，分成兩種模式，第一種為網 頁之間的瀏覽（包含動態網頁的瀏覽），第二種為網頁與系統實體物件之間的功能呼叫 關係，進一步的在概念模型中找出對應之物件，細部定義其間的關係，例如網頁物件與 網頁物件之間的索引（Indexed）或是導覽（Guided Tour）關係。在此步驟所定義的只 是個別使用者的部分瀏覽模型（Partial Navigational Diagram）。

導覽模型設階段旨在定義網站資訊系統的超媒體結構。導覽類別模型（Navigational Class Model）定義超媒體概念模型的抽象檢視（View Over Conceptual Model），即在概 念模型中的類別所提供的資訊與服務如何出現在使用者的面前。導覽類別定義了網頁所 提供的資訊與服務項目，導覽類別模型定義導覽類別，其間的連結等關係。然而導覽類 別模型並非整個網站的結構元件的模型，要到導覽結構設計階段我們才會加入必要的中 介網頁（存取結構），並且詳細描述所有參與提供使用者所見網頁的元素。

建立一個包含所有使用劇本中出現的介面物件的類別模型，將要提供的資訊及服務 以屬性及函式表示；亦可將概念模型中的每一實體類別對應為一導覽類別，再刪去不必 要的類別與屬性，或插入其他類別的屬性（可插入被刪去類別的屬性）。

由使用劇本中介面物件之間的互動與概念模型中的語意關係找出其中可能的導覽 關係（Navigation），組成（Composition），一般化／特殊化（Generalization／Specialization）

關係。

在必要時分別為不同的使用者設計不同的導覽類別，並將不同使用者所使用的導覽 類別分別歸屬於代表使用者的脈絡（Context）裡。

導覽類別模型以 UML 類別圖定義導覽類別與導覽類別間的關係。在導覽類別模型 裡各類別為概念模型中出現的實體物件的檢視（View），部份在概念概念模型中的實 體在導覽類別模型有對應的導覽類別，而導覽類別中的屬性便由其對應的實體物件中的 屬性導出；然而有些實體物件並不會有對應的導覽類別，但其中一些屬性會出現在其他 的導覽類別中。

以圖 3.5 之概念模型類別對應到導覽模型之類別架構（Class Schema），所產生之 圖形，如圖 3.6。由於商品製造公司（Company）並不屬於導覽類別，所以可看到原先 在圖 3.5 中之商品製造公司在導覽模型中並無對應之導覽類別，反而在商品物件中多出 一個製造公司之屬性。因此可在此模型中看出類別與類別間的導覽關係

圖 3.6 線上購物網站導覽模型之類別架構

導覽模型之脈絡架構（Context Schema）包含：主選單（Main Menu）和商品之間 透過商品類別（Section）有商品種類（Categories）之關係；欲購買商品時，則可經由 訂購表單來訂購商品，其脈絡架構繪製如圖 3.7。

Order Qty

Order_Date

MakeOrder(order) QueryOrder()

Class Name

*

1

*

subclass

1 User

ID Password Name Telephone E-mail Zip Address

Register()

Login(ID, Password) Modify(ID)

Product Name Description Keywords Price Size

Search() Rank() Recommend()

*

1..*

*

1..*

belong order

Web Manager

ID Password

Login()

*

1

*

1

*

1

*

1

manage

1 * *

1

圖 3.7 線上購物網站導覽模型之脈絡架構