系統功能

本研究以物件導向之分析和設計的使用個案圖、活動圖、強韌圖、使用者介 面和應用程式循序圖等來為系統功能一一分析說明，幫助了解系統運作和使用者 操作等過程。

23

一、 使用個案圖

使用個案圖可以從使用者的角度描述系統提供的功能與系統內部之作業，了 解行為與功能之間的關係(如圖 3.3 )，其說明如下：

圖 3.3 使用個案圖

(一) 畫作導覽。學習者藉由此功能，可瀏覽或聆聽展覽畫作的相關資訊，依 照系統所提示的鑑賞原則：描述、分析、解釋、判斷等四步驟，提供如 何鑑賞畫作的方法，如作品描述、創作技術、意象、背景等相關訊息。

(二) 畫作觀察。學習者可以透過載具介面上的放大和縮小之操作功能，提供 畫作局部範圍的觀察來呈現部分解說的訊息。

(三) 後臺管理。管理者才有權限資格登入，並執行各項功能的管理工作。

二、 活動圖

從活動圖來看，它所表達的實體、物件或系統之活動、資訊流與控制等，可 以了解使用者與系統的互動行為、使用者或系統的作業行為描述的流程。以下將 使用者分為學習者及管理者來進行個別探討，首先是學習者活動圖(圖 3.4)說明：

學習者

畫作導覽 畫作觀察

後臺管理 管理者

24

圖 3.4 學習者活動圖

(一) 學習者首先進入系統首頁，進行資料連結下載，之後開始瀏覽系統功能 預備下一步驟。

(二) 進入「畫作導覽」。可以瀏覽各幅畫作的相關資料，其解說內容依照藝 術鑑賞四步驟：描述、分析、解釋和評價的提示，幫助學習者認識、觀 察和鑑賞所有藝術作品，包含畫作描述、創作技術、意象和背景等資訊，

瀏覽完畢後，可以回到系統主畫面；或是選擇至下一系統功能「畫作觀 察」。

(三) 進入「畫作觀察」。承接上述「畫作導覽」功能，在介紹整體畫作之後，

同樣依照藝術鑑賞的步驟，引導學習者仔細觀察畫作的局部範圍，並從 旁利用載具本身所提供的放大與縮小之操作功能，讓學習者自由觀看和

25

聆聽導覽解說。瀏覽完畢後，可以回到系統主畫面；或是選擇結束瀏覽。

(四) 學習者瀏覽系統完後，即結束離開整個流程。

而管理者之活動圖(圖 3.5)的說明：

圖 3.5 管理者活動圖

(一) 管理者進入後臺管理系統後，依權限資格先登入確認身份，進行以下工 作。

(二) 進入「管理畫作導覽」，可到導覽管理介面修改畫作圖像的對應資料，

以及鑑賞步驟的相關解說內容，並隨時更新，如：鑑賞內容和導覽資料 的新增、更改、刪除。

(三) 進入「管理畫作觀察」，主要進行畫作圖像局部範圍的資料維護，以及 相關解說內容的管理並隨時更新，如：觀察解說和導覽資料的新增、更 改、刪除。

26

(四) 管理者修改系統內容完後，即結束離開整個流程。

三、 強韌圖

由使用個案圖和活動圖的描述，找出系統的使用者、使用者介面、控制行為 與實體資料等三種不同型態的物件與關係，進而進行強韌分析，並依互動規則建 構成強韌圖，幫助釐清、修正系統需求之分析的正確性和完整性。如圖 3.6，說 明了學習者的行為與物件間之關係：

圖 3.6 學習者強韌圖

(一) 學習者先進入系統首頁，在下載導覽資料後，便可瀏覽系統功能：畫作 導覽和畫作觀察。

(二) 進入畫作導覽介面，學習者先於畫作面前，運用載具的鏡頭辨識作品整 體範圍(如圖 3.7)，即可瀏覽對應畫作的鑑賞內容，如：作品描述、作品 沿革、創作技術和創作背景。

(三) 進入畫作觀察介面，可引導學習者辨識畫作的局部範圍，並透過載具介 面的放大與縮小之操作功能，輔助導覽的解說閱讀，如圖 3.8。

學習者

系統首頁

畫作導覽介面

畫作觀察介面

鑑賞內容

觀察解說 辨識查詢

顯示 I

下載 導覽資料

27

圖 3.7 畫作辨識

圖 3.8 局部解說和放大操作

同樣地，管理者的強韌圖(圖 3.9 )也確保了管理物件之間的穩定關係，如下所示：

(一) 管理者先進入後臺管理介面，並登入驗證是否與管理者的資料符合。如 果資料符合，即可進入以下介面而執行工作。

(二) 進入「管理畫作導覽」，可到導覽管理介面修改畫作圖像的對應資料，

以及鑑賞步驟的相關解說內容，如：鑑賞內容和導覽資料的新增、更改、

刪除。

(三) 進入「管理畫作觀察」，畫作圖像局部範圍的資料維護，以及相關解說 內容的管理，如：觀察解說和導覽資料的新增、更改、刪除。

28

圖 3.9 管理者強韌圖

四、 循序圖

透過循序圖的描述，我們可以清楚了解使用個案圖中的參與物件及物件之間 的互動行為、訊息傳遞與處理程序，並強調以時間發生的前後順序表達執行工作 的資訊。循序圖又可分成兩個部分探討：使用者介面(User Interface, UI)與應用程 式核心(Application Core, AC)。前者表示每個 UI 物件及 UI 物件之間與 AC 物件之 間的互動；後者則是每個 AC 物件之間與 UI 物件之間的互動行為。首先介紹學習 者 UI 循序圖的互動情形，如圖 3.10 所示：

管理者

後臺管理介面

導覽管理介面

觀察管理介面

登入 身份資料

鑑賞內容

觀察解說 顯示 II

修改

導覽資料

29

圖 3.10 學習者之使用者介面循序圖 (一) 學習者透過「系統首頁」進入首頁。

(二) 呼叫應用程式核心的資料下載。

(三) 返回系統首頁介面，學習者可以開啟系統畫面。

(四) 呼叫應用程式核心的瀏覽畫作導覽。

(五) 到畫作導覽介面，學習者可再回系統主畫面。

(六) 呼叫應用程式核心的瀏覽畫作觀察。

(七) 到畫作觀察介面，學習者可再回系統主畫面。

從另一個學習者的應用程式核心循序圖來看，其說明如下(圖 3.11 )：

: 學習者 : 畫作導覽介面 : 畫作觀察介面

Application : 系統首頁 Core

1: 進入首頁()

4: 瀏覽畫作導覽()

5: 畫作導覽介面()

6: 瀏覽畫作觀察()

7: 畫作觀察介面() 2: 資料下載()

3: 系統首頁()

30

31

(十三) 讀取觀察解說。

(十四) 顯示觀察解說。

(十五) 到畫作觀察介面，可回系統首頁。

圖 3.12 導覽資料存取畫面

圖 3.13 鑑賞內容顯示

接下來介紹管理者的 UI 循序圖，以得知使用者與系統執行工作的互動關係，如 圖 3.14：

32

圖 3.14 管理者之使用者介面循序圖

(一) 管理者首先在後臺管理介面登入系統。

(二) 呼叫應用程式核心的驗證，檢查是否為正確身份。

(三) 回到後臺管理介面後，開始選擇欲管理的系統功能項目。

(四) 管理者可在導覽管理介面進行鑑賞內容的管理工作，如：鑑賞內容新增、

鑑賞內容更改、鑑賞內容刪除。

(五) 呼叫應用程式核心的管理鑑賞內容。

(六) 回到導覽管理介面顯示結果，也可繼續工作。

(七) 管理者可在觀察管理介面進行觀察解說的管理工作，如：觀察解說新增、

觀察解說更改、觀察解說刪除。

(八) 呼叫 Application Core 的觀察管理介面，更新觀察解說。

(九)回到觀察管理介面顯示結果，也可繼續工作。

而管理者之應用程式核心循序圖(圖 3.15)的說明如下：

: 管理者 : 後臺管理介面 : 導覽管理介面 : 觀察管理介面 Application 1: 登入系統() Core

2: 驗證()

6: 導覽管理介面()

9: 觀察管理介面() 3: 後臺管理介面

4: 管理鑑賞內容()

5: 管理鑑賞內容()

7: 管理觀察解說()

8: 管理觀察解說()

33

34

(十一) 更正鑑賞內容。

(十二) 透過導覽管理介面顯示修改結果。

(十三) 管理者要修改畫作觀察解說。

(十四) 選擇欲修改的觀察解說，如：觀察解說新增、觀察解說更改、觀察 解說刪除。

(十五) 系統先進行修改導覽資料的工作。

(十六) 更正導覽資料。

(十七) 再執行修改觀察解說的工作。

(十八) 更正觀察解說。

(十九) 透過觀察管理介面顯示修改結果。

35