第四章 系統架構與軟體環境介紹
本章主要探討雙模式知識網站與語音解說模式的架構與軟體環境。第一節討 論系統使用案例。第二節討論雙模式知識網頁編輯器的系統架構及使用環境。第 三節討論知識樹編輯器的系統架構及使用環境。第四節討論跨網頁解說模式的系 統架構及使用環境。第五節介紹網頁內容解說模式的系統架構及使用環境。
4.1 使用案例
本系統區分使用者為三類，分別為「管理者」、「編輯者」及「使用者」等，
分述如下：
管理者
雙模式網頁編輯器
網站地圖解說模式
網站索引解說模式
知識樹解說模式
多維度知識樹檢索 模式 編輯者
使用者
帳號管理
跨網頁解說模式
網頁內容解說模式
主題式解說模式
多語調解說模式
<<extend>>
<<extend>>
<<include>> 登入
<<include>>
<<extend>>
<<extend>>
<<extend>>
<<extend>>
知識樹編輯器
<<include>>
圖 4-1 使用案例圖
網頁解說模式」及「網頁內容解說模式」兩項。
2. 編輯者：網站編輯者，可對網站內容進行編輯，包括新增、刪除等。可操作 的使用案例計有「雙模式網頁編輯器」、「跨網頁解說模式」及「網頁內容解 說模式」等三項。
3. 管理者：系統管理者，負責管理「編輯者」帳號及知識樹架構的維護。可操 作的使用案例計有「帳號管理」、「知識樹編輯器」、「雙模式網頁編輯器」、「跨 網頁解說模式」及「網頁內容解說模式」等五項。
本系統共區分五種使用案例，分別為「帳號管理」、「知識樹編輯器」、「雙模 式網頁編輯器」、「跨網頁解說模式」及「網頁內容解說模式」，分述如下：
1. 帳號管理：
案例目的：帳號管理的目的在於管理「編輯者」帳號。
使用身分：管理者。
使用情境：系統「管理者」以帳號密碼登入，系統顯示「編輯者」帳號列表，
「管理者」可對「編輯者」帳號進行新增、刪除等動作。
2. 知識樹編輯器：
案例目的：知識樹編輯器的目的在於管理雙模式知識網站的知識樹結構，知 識樹結構可重組實體網站資源，提供使用者瀏覽網站時的另外一種選擇。知 識樹架構請見 3.2.3 知識樹架構，知識樹編輯器概念請見 3.2.4 知識樹編輯 器，知識樹編輯器系統架構及操作請見本章第三節 OTB 系統流程架構。
使用身分：管理者。
使用情境：系統「管理者」以帳號密碼進行登入，系統顯示知識樹架構，「管 理者」可對知識樹節點進行新增、刪除及設定節點間的參照。
3. 雙模式網頁編輯器：
案例目的：雙模式網頁編輯器的目的在於協助「編輯者」建立雙模式知識網 站。不同於一般網頁，雙模式知識網頁具有滑鼠、鍵盤操作雙模式，視覺、
語音呈現雙模式及知識架構。雙模式知識網站架構請見 3.2.1 雙模式網站架 構，雙模式網頁編輯器概念請見 3.2.2 雙模式網頁網頁編輯器，雙模式網頁 編輯器系統架構及操作請見本章第二節 DMPB 系統流程架構。
使用身分：編輯者、管理者。
使用情境：「編輯者」或「管理者」以帳號密碼登入後，系統顯示網頁編輯 畫面，使用者可在線上進行一般的網頁編輯動作，包括設定文字格式、表格 圖片的插入、超連結的設定等等。另外，系統允許使用者插入段落主題及索 引，有關段落主題的說明請見 3.4.1 主題式解說模式，有關索引的說明請見 3.3.2 關鍵字索引解說模式。最後，使用者可以設定網頁與知識樹的對應關 係，有關知識樹的解說請見 3.3.3 知識樹分類解說模式及 3.3.4 多維度知識 樹檢索解說模式。
4. 跨網頁解說模式
案例目的：在提供使用者以多種面向瀏覽整個網站，包含有網站地圖解說、
索引式解說、知識樹分類解說、多維度知識樹檢索解說等四種模式。四種模 式的解說請見 3.3 跨網頁解說模式，四種模式的系統架構及操作請見本章第 四節跨網頁解說模式系統流程架構。
使用身分：使用者、編輯者、管理者。
使用情境：系統提供四種跨網頁解說模式供使用者選擇，每種跨網頁解說模 式支援滑鼠、鍵盤操作雙模式及視覺、語音呈現雙模式。
5. 網頁內容解說模式
案例目的：在提供使用者以多種面向瀏覽單一網頁，包含有主題式解說模 式、多語調解說模式等。二種模式的解說請見 3.4 網頁內容解說模式，二種 模式的系統架構及操作請見本章第五節網頁內容解說模式系統流程架構。
使用身分：使用者、編輯者、管理者。
使用情境：網頁的瀏覽支援滑鼠、鍵盤雙模式操作及視覺、語音呈現雙模式，
使用者可直接瀏覽網頁內的任意主題，每個主題的語音呈現可設定不同語 調。
4.2 DMPB 架構與環境
4.2.1 DMPB 系統架構
本系統功能在於建立雙模式知識網頁，系統共包含九個類別，分別為
PageBuilder、Site、Page、Rdf、HtmlSource、Topic、Index、Template、TTS，
分述如下：
1. PageBuilder：
此類別主要功能為系統內網站及網頁的管理，其類別圖如圖 4-2，本類別的 函式詳述如下：
NewPage：新增網頁。
RemovePage：刪除網頁。
NewSite：新增網站。
RemoveSite：刪除網站。
2. Site：
此類別表示一個雙模式網站，其類別圖如圖 4-3，其物件變數詳述如下：
Pages：表示網站內的所有網頁，為 Page 變數型態的陣列。
SiteName：表示此網站的名稱。
本類別的函式詳述如下：
Append：將此網站加入到系統中。
NewPage：在此網站中新增一個雙模式網頁。
Remove：將此網站自系統中刪除。
RemovePage：在此網站中刪除一個雙模式網頁。
本類別的相關物件詳述如下：
Index：為新增網站建立「網站索引檔案」Index.xml。
Page：此物件表示一個雙模式網頁。
圖 4-2 PageBuilder 類別圖
3. Page：
此類別表示一個雙模式網頁，其類別圖如圖 4-4，其物件變數詳述如下：
ChildPage：表示網頁的所有子網頁，為 Page 變數型態的陣列。
Indexes：表示網頁的所有索引，為 Index 變數型態的陣列。
Ontology：表示網頁的知識樹對應，變數型態為知識樹節點 Node。
Topics：表示網頁的所有主題，為 Topic 變數型態的陣列。
本類別的函式詳述如下：
Append：將此網頁加入到目前網站中。
NewChildPage：為此網頁新增一個子網頁。
NewIndex：為此網頁新增一個索引。
NewTopic：為此網頁新增一個主題。
Remove：將此網頁自網站中刪除。
RemoveChildPage：為此網頁中刪除一個子網頁。
SetOntology：設定此網頁的領域知識樹對應。
圖 4-3 Site 類別圖
ToSpeech：將網頁利用 TTS 技術轉換成語音檔案。
本類別的相關物件詳述如下：
Index：用來管理本網頁內的索引。
Topic：用來管理本網頁內的主題。
Node：知識樹節點類別，用來設定本網頁的知識樹對應。
HtmlSource：用來存取「網頁內容記錄檔案」Html.src。
Rdf：用來存取「網頁描述檔案」Rdf.xml。
Template：用來讀取「網頁範本檔案」Template.htm。
TTS：文字轉語音物件，用來製作本網頁的導覽語音。
4. Rdf：
此類別用來存取「網頁描述檔案」Rdf.xml，其類別圖如圖 4-5，其物件變數 詳述如下：
ContentFile：表示「網頁內容記錄檔案」的名稱，預設為 Html.src。
圖 4-4 Page 類別圖
CopyRight：表示網頁的版權宣告。
Ontology：表示網頁的知識樹對應。
Path：表示此網頁在網站中的絕對路徑。
Subpages：表示此網頁的所有子網頁，以「；」作為子網頁分隔。
Title：表示網頁的標題。
本類別的函式詳述如下：
CreateFile：建立「網頁描述檔案」Rdf.xml。
ReadFromFile：自「網頁描述檔案」Rdf.xml 讀取資料到對應的物件變數。
WriteToFile：將各個物件變數記錄到「網頁描述檔案」Rdf.xml。
本類別的相關物件詳述如下：
File_Rdf_XML：表示「網頁描述檔案」Rdf.xml。
5. HtmlSource：
此類別用來存取「網頁內容記錄檔案」Html.src，其類別圖如圖 4-6，其物件 圖 4-5 Rdf 類別圖
變數詳述如下：
HTMLSourceCode：表示網頁內容 HTML 格式原始檔。
本類別的函式詳述如下：
CreateFile：建立「網頁內容記錄檔案」Html.src。
ReadFromFile：自「網頁內容記錄檔案」Html.src 讀取資料到對應的物件變 數。
WriteToFile：將各個物件變數記錄到「網頁內容記錄檔案」Html.src。
本類別的相關物件詳述如下：
File_Html_XML：表示「網頁內容記錄檔案」Html.src。
6. Topic：
此類別用來表示網頁內的各主題，可用來存取各「網頁主題記錄檔案」
Topic.xml，其類別圖如圖 4-7，其物件變數詳述如下：
Content：表示主題內容。
Name：表示主題名稱。
Type：表示類型，可分為「段落」與「索引」。
圖 4-6 HtmlSource 類別圖
VoicePara：表示語音參數，可用來調整文字轉語音元件的輸出效果。
本類別的函式詳述如下：
Append：將此主題記錄到「網頁主題記錄檔案」Topic.xml。
CreateFile：建立「網頁主題記錄檔案」Topic.xml。
Remove：自「網頁主題記錄檔案」Topic.xml 刪除此主題。
ToSpeech：利用 TTS 物件將各主題內容轉換成語音檔案。
本類別的相關物件詳述如下：
File_Topic_XML：表示「網頁主題記錄檔案」Topic.xml。
TTS：文字轉語音物件，用來轉換各主題內容成為語音檔案。
7. Index：
此類別用來表示網頁內的索引，繼承自 Topic 類別，可用來存取網站底下的 圖 4-7 Topic 類別圖
「網站索引檔案」Index.htm，其類別圖如圖 4-8，其物件變數詳述如下：
IndexName：表示索引名稱。
PageURL：表示索引所參照的實體網頁。
本類別的函式詳述如下：
Append：將此索引記錄到「網站索引檔案」Index.xml。
CreateFile：建立「網站索引檔案」Index.xml。
Remove：自「網站索引檔案」Index.xml 刪除此索引。
本類別的相關物件詳述如下：
File_Index_XML：表示「網站索引檔案」Index.xml。
8. Template：
此類別用來存取「網頁範本檔案」Template.htm，其類別圖如圖 4-9，其物 件變數詳述如下：
圖 4-8 Index 類別圖
Template：表示自「網頁範本檔案」Template.htm 讀入的 HTML 原始檔。
本類別的函式詳述如下：
ReadFromFile：自「網頁範本檔案」Template.htm 讀取資料到物件變數 Template。
本類別的相關物件詳述如下：
File_Template_XML：表示「網頁範本檔案」Template.htm。
9. TTS：
此類別用來將文字檔案(*.txt)轉換成語音檔案(*.mp3)，其類別圖如圖 4-10，
其物件變數詳述如下：
MP3File：表示輸出語音檔案路徑。
TextFile：表示述入文字檔案路徑。
VoiceParameter：表示語音調校參數。
本類別的函式詳述如下：
TextToWav：將文字檔案轉換為 Wav 語音檔案。
WavToMP3：將 Wav 語音檔案壓縮為 MP3 語音檔案。
本類別的相關物件詳述如下：
圖 4-9 Template 類別圖
File_MP3File：表示轉換後的 MP3 語音檔案。
File_TextFile：表示欲轉換成語音的文字檔案。
4.2.2 DMPB 軟體環境
在 DMPB 系統裡，有兩個主要的動作，分別為新增網站及新增網頁，分述如 下：
1. 新增網站：
網站編輯者登入後，即可進入網站的管理畫面。使用者可選擇新增網站或者 刪除網站。新增網站時將出現對話方塊，要求使用者輸入新網站名稱。其循序圖 如圖 4-11。
圖 4-10 TTS 類別圖
圖 4-11 新增網站循序圖
aServlet :PageBuilder
new()
:Site
NewSite() new()
Append() void
void
2. 新增網頁：
網站編輯者登入後，即可進入網站的管理畫面。使用者可選擇新增網頁或者 刪除網頁。新增網頁時包含以下步驟：
輸入網頁名稱。
編輯網頁。
劃分網頁主題。
新增網頁索引。
設定知識樹參照。
其循序圖如圖 4-12。
圖 4-12 新增網頁循序圖
aServlet :PageBuilder
new()
:Site
NewPage() new()
void void
:Page
void NewPage() New()
NewTopic()
NewIndex()
SetOntology()
ToSpeech()
Append()
DMPB 軟體環境如圖 4-13、圖 4-14、圖 4-15 所示。
圖 4-13 新增語音網頁
圖 4-14 設定語音參數
4.3 OTB 系統流程架構
4.3.1 OTB 系統架構
本系統功能在於建立知識樹結構，系統共包含七個類別，分別為 OTBuilder、
Tree、Node、Root、Architecture、Pages、References，分述如下：
1. OTBuilder：
此類別主要在作系統內網站及網頁的管理，其類別圖如圖 4-16，本類別的函 式詳述如下：
NewNode：新增知識樹節點。
NewTree：新增領域知識樹。
RemoveNode：刪除知識樹節點。
RemoveTree：刪除領域知識樹。
2. Tree：
此類別表示一個領域知識樹，其類別圖如圖 4-17，其物件變數詳述如下：
Nodes：表示知識樹內的所有知識節點，為 Node 變數型態的陣列。
TreeName：表示此知識樹名稱。
圖 4-16 OTBuilder 類別圖
本類別的函式詳述如下：
Append：將此領域知識樹加入到系統中。
NewNode：在此領域知識樹中新增一個知識樹節點。
Remove：將此領域知識樹自系統中刪除。
RemoveNode：在此領域知識樹中刪除一個知識樹節點。
本類別的相關物件詳述如下：
Root：領域知識樹的根知識節點。
Node：此物件表示一個知識節點。
3. Node：
此類別表示一個知識樹節點，其類別圖如圖 4-18，其物件變數詳述如下：
ChildNodes：表示此知識節點的所有子知識節點，為 Node 變數型態的陣列。
NodeName：表示此知識節點的名稱。
pages：表示此知識節點所對應的實體網頁，為 Page 變數型態的陣列。
references：表示此知識節點參照的所有知識節點，為 Node 變數型態的陣 圖 4-17 Tree 類別圖
列。
本類別的函式詳述如下：
Append：將此知識節點加入到目前領域知識樹中。
NewChildNode：為此知識節點新增一個子知識節點。
NewPage：為此知識節點新增對應的實體網頁。
NewReference：為此知識節點新增知識節點參照。
Remove：自目前的領域知識樹中刪除此知識節點。
RemoveChildNode：為此知識節點刪除一個子知識節點。
RemovePage：為此知識節點刪除對應的實體網頁。
RemoveReference：為此知識節點刪除知識節點參照。
本類別的相關物件詳述如下：
Pages：用來管理本知識節點對應的所有實體網頁。
References：用來管理本知識節點參照的所有知識節點。
圖 4-18 Node 類別圖
4. Root：
此類別表示領域知識樹的根節點，繼承自 Node 類別，每個根節點下存在一
「知識結構檔案」KA.XML，檔案記錄此領域知識樹所有知識節點名稱及知識節 點的絕對路徑，Root 物件透過 Architecture 物件來維護此檔案，其類別圖如圖 4-19，本類別的相關物件詳述如下：
Architecture：用來維護每個領域知識樹根節點下的「知識結構檔案」
KA.XML。
5. Architecture：
此類別用來存取每個領域知識樹根節點下的「知識結構檔案」KA.XML，其 類別圖如圖 4-20，其物件變數詳述如下：
NodeName：表示知識節點名稱。
NodeURL：表示知識節點位於領域知識樹的絕對路徑。
本類別的函式詳述如下：
Append：將此知識節點及絕對路徑記錄到「知識結構檔案」KA.XML。
CreateFile：建立「知識結構檔案」KA.XML。
圖 4-19 Root 類別圖
Remove：自「知識結構檔案」KA.XML 刪除此知識節點及絕對路徑。
本類別的相關物件詳述如下：
File_KA_XML：表示「知識結構檔案」KA.XML。
6. Pages：
此類別用來存取每個知識節點下的「知識集合檔案」KS.XML，其類別圖如 圖 4-21，其物件變數詳述如下：
PageURL：表示此知識節點所對應的實體網頁。
本類別的函式詳述如下：
Append：將此實體網頁對應記錄到「知識集合檔案」KS.XML。
CreateFile：建立「知識集合檔案」KS.XML。
Remove：自「知識集合檔案」KS.XML 刪除此實體網頁對應。
本類別的相關物件詳述如下：
File_KS_XML：表示「知識集合檔案」KS.XML。
圖 4-20 Architecture 類別圖
7. References：
此類別用來存取每個知識節點下的「知識參照檔案」KR.XML，其類別圖如 圖 4-22，其物件變數詳述如下：
NodeURL：表示此節點所參照知識節點的絕對路徑。
本類別的函式詳述如下：
Append：將此知識參照記錄到「知識參照檔案」KR.XML。
CreateFile：建立「知識參照檔案」KR.XML。
Remove：自「知識參照檔案」KR.XML 刪除此知識參照。
本類別的相關物件詳述如下：
File_KR_XML：表示「知識參照檔案」KR.XML。
圖 4-21 Pages 類別圖
圖 4-22 References 類別圖
4.3.2 OTB 軟體環境
在 OTB 系統裡，有兩個主要的動作，分別為新增領域知識樹及新增知識樹 節點，分述如下：
1. 新增領域知識樹
網站管理者登入後，即可進入領域知識樹的管理畫面。使用者可選擇新增領 域知識樹或者刪除領域知識樹。新增領域知識樹時將出現對話方塊，要求使用者 輸入新領域知識樹名稱。其循序圖如圖 4-23 所示。
2. 新增知識樹節點
網站管理者登入後，即可進入領域知識樹的管理畫面。使用者可選擇新增知 識樹節點或者刪除知識樹節點。新增知識樹節點時包含以下步驟：
輸入知識節點名稱
圖 4-23 新增領域知識樹循序圖
aServlet :OTBuilder
new()
:Tree
NewTree() new()
Append() void
void
new()
:Root
NewNode()
void Append()
設定知識樹節點參照 其循序圖如圖 4-24 所示。
OTB 軟體環境如圖 4-25、圖 4-26、圖 4-27 所示。
圖 4-25 OTB 管理介面 圖 4-24 新增知識節點循序圖
aServlet :OTBuilder
new()
:Tree
NewTree() new()
Append() void
void
new()
:Node
NewNode()
void
NewReference()
Append()
4.4 跨網頁解說模式系統流程架構
4.4.1 網站地圖式解說模式
1. 系統架構
本模式可提供網頁地圖三種解說方式，包括全圖解說、區塊解說及階層解 說，其類別圖如圖 4-28，本類別的函式詳述如下：
Area：網頁地圖區塊解說。
Global：網頁地圖全圖解說。
Level：網頁地圖階層解說。
ShowPage：瀏覽網頁。
圖 4-26 新增知識樹節點
圖 4-27 設定知識節點間的參照
本類別的相關物件詳述如下：
Page：表示實體網頁，在 ShowPage 時供使用者瀏覽。
Site：表示網站結構，用來製作網頁地圖。
TTS：文字轉語音元件，用來製作三種解說模式導覽語音。
Keyboarding：提供鍵盤導覽介面，包括 Content、Control 及 Link 三種模式。
2. 軟體環境
本解說模式的操作流程如下：
區塊解說
階層解說
全圖解說
圖 4-29 網站地圖解說操作畫面 圖 4-28 網站地圖解說類別圖
系統顯示網站地圖並播放導覽語音。
使用者以滑鼠點選解說模式或依照導覽語音以鍵盤選擇解說模式。解說模式 包含網頁地圖全圖解說、區塊解說及階層解說。
使用者以滑鼠點選或依照導覽語音以鍵盤操作進行實體網頁瀏覽。
本模式的鍵盤操控包含了控制模式及導覽模式，控制模式可選擇全圖解說、
區塊解說或階層解說，而導覽模式則可瀏覽實體網頁。本模式的操作畫面如圖 4-29 所示。
4.4.2 關鍵字索引式解說模式
1. 系統架構
本模式提供網站關鍵字索引解說功能，其類別圖如圖 4-30，本類別的函式詳 述如下：
ShowIndex：顯示網站索引。
ShowPage：瀏覽索引所在的實體網頁。
本類別的相關物件詳述如下：
Page：表示實體網頁，在 ShowPage 時供使用者瀏覽。
Index：提供系統對「網站索引檔案」Index.xml 的存取介面。
TTS：文字轉語音元件，用來製作本模式的導覽語音。
Keyboarding：提供鍵盤導覽介面，包括 Content、Control 及 Link 三種模式。
2. 軟體環境
本解說模式的操作流程如下：
系統顯示網站索引並播放導覽語音。
使用者以滑鼠點選網站索引值或依照導覽語音以鍵盤選擇網站索引值。
系統顯示網站索引值所對應到的實體網頁位置。
使用者以滑鼠點選或依照導覽語音以鍵盤操作進行實體網頁瀏覽。
本模式的鍵盤操控包含了控制模式及導覽模式，控制模式可重聽導覽語音，
圖 4-31 索引式解說操作畫面
圖 4-30 索引式解說類別圖
而導覽模式則可以瀏覽實體網頁。本模式的操作畫面如圖 4-31 所示。
4.4.3 知識樹分類解說模式
1. 系統架構
本模式提供知識樹分類解說功能，其類別圖如圖 4-32，本類別的函式詳述如 下：
ShowNode：顯示領域知識樹結構。
ShowPage：瀏覽知識樹節點所對應的實體網頁。
本類別的相關物件詳述如下：
Node：表示領域知識樹節點。
Page：表示實體網頁，在 ShowPage 時供使用者瀏覽。
Tree：提供領域知識樹結構。
TTS：文字轉語音元件，用來製作本模式的導覽語音。
Keyboarding：提供鍵盤導覽介面，包括 Content、Control 及 Link 三種模式。
圖 4-32 知識樹解說類別圖
2. 軟體環境
本解說模式的操作流程如下：
系統顯示領域知識樹結構並播放導覽語音。
使用者以滑鼠點選知識樹節點或依照導覽語音以鍵盤選擇知識樹節點。
系統顯示知識樹節點所對應到的實體網頁位置。
使用者以滑鼠點選或依照導覽語音以鍵盤操作進行實體網頁瀏覽。
本模式的鍵盤操控包含了控制模式、連結模式及導覽模式，控制模式可重聽 導覽語音，連結模式可在知識節點間切換，而導覽模式則可以瀏覽實體網頁。。
本模式的操作畫面如圖 4-33 所示。
Ontology Tree 可整合 不同網站的資源
Ontology Tree
圖 4-33 知識樹解說模式操作畫面
4.4.4 多維度知識樹檢索解說模式
1. 系統架構
本模式提供多為度知識樹檢索解說功能，其類別圖如圖 4-34，本類別的函式 詳述如下：
Joint：對多個知識節點的知識參照作集合運算。
QueryProcess：解譯使用者查詢。
ShowNode：顯示集合運算後的知識節點集合。
ShowPage：瀏覽知識樹節點所對應的實體網頁。
本類別的相關物件詳述如下：
Node：表示領域知識樹節點。
Page：表示實體網頁，在 ShowPage 時供使用者瀏覽。
Tree：提供領域知識樹結構。
TTS：文字轉語音元件，用來製作本模式的導覽語音。
Keyboarding：提供鍵盤導覽介面，包括 Content、Control 及 Link 三種模式。
圖 4-34 多維度知識樹檢索類別圖
2. 軟體環境
本解說模式的操作流程如下：
使用者輸入多個索引值。
系統運算後顯示多個索引值所交集的知識樹節點並播放導覽語音。
使用者以滑鼠點選知識樹節點或依照導覽語音以鍵盤選擇知識樹節點。
系統顯示知識樹節點所對應到的實體網頁位置。
使用者以滑鼠點選或依照導覽語音以鍵盤操作進行實體網頁瀏覽。
本模式的鍵盤操控包含了控制模式、連結模式及導覽模式，控制模式可重聽 導覽語音，連結模式可在知識節點間切換，而導覽模式則可以瀏覽實體網頁。本 模式的操作畫面如圖 4-35 所示。
圖 4-35 多維度知識樹檢索解說模式操作畫面
4.5 網頁內容解說模式系統流程架構
4.5.1 主題式解說模式
1. 系統架構
本模式提供網頁內容主題式解說功能，其類別圖如 4-36，本類別的函式詳述 如下：
Browse：播放使用者所選定的主題。
Guide：顯示導覽訊息及播放導覽語音。
本類別的相關物件詳述如下：
Page：表示瀏覽的實體網頁。
Rdf：提供網頁所包含的子網頁訊息。
Topic：提供網頁內的各段落及索引的訊息。
TTS：利用 Rdf 及 Topic 物件提供的訊息製作導覽語音。
Keyboarding：提供鍵盤導覽介面，包括 Content、Control 及 Link 三種模式。
圖 4-36 主題式網頁解說類別圖
2. 軟體環境
本解說模式的操作流程如下：
系統顯示實體網頁並播放導覽語音。
使用者以滑鼠點選網頁主題或依照導覽語音以鍵盤選擇網頁主題。
若選定主題為段落或索引則播放語音；若選定主題為超連結則瀏覽該連結頁 面。
本模式的鍵盤操控包含了控制模式、連結模式及導覽模式，控制模式可重聽 導覽語音、顯示網路地圖、瀏覽上層網頁及閱讀全文等，連結模式可瀏覽子網頁，
而導覽模式則可直接瀏覽頁面內的任何主題。本模式的操作畫面如圖 4-37 所示。
導覽語音與全文閱讀
圖 4-37 主題式解說模組操作畫面
4.5.2 多語調解說模式
1. 系統架構
本模式提供網頁內容主題式解說功能，其類別圖如圖 4-38，本類別的函式詳 述如下：
MultiTone：利用使用者設定的語音參數製作語音檔案。
SetVoicePara：提供介面設定語音參數，並呼叫 Topic 物件將參數及文字內 容寫入「網頁主題記錄檔案」Topic.xml。
本類別的相關物件詳述如下：
Topic：提供「網頁主題記錄檔案」Topic.xml 的存取介面。
TTS：為網頁各主題製作多語調語音檔案。
2. 軟體環境
本解說模式的操作流程如下：
系統顯示實體網頁並播放導覽語音。
使用者以滑鼠點選網頁主題或依照導覽語音以鍵盤選擇網頁主題。
依照使用者選定之網頁主題及語音設定播放語音。
本模式的鍵盤操控包含了控制模式、連結模式及導覽模式，控制模式可重聽 圖 4-38 多語調解說類別圖
導覽語音、顯示網路地圖、瀏覽上層網頁及閱讀全文等，連結模式可瀏覽子網頁，
而導覽模式則可直接瀏覽頁面內的任何主題。本模式的操作畫面如圖 4-39 所示。
不同主題可設定不同 語調
圖 4-39 多語調解說模組操作畫面
