1.1.2 劇情的描述方式
在上一個章節提到了遊戲式教材的特性與其重要性，在本章節中本研究會根 據遊戲式教材的劇情做探討。製作一份遊戲式的教材最重要的就是其劇情，劇情 包含了教材中演員的動作、場景的安排與關卡的難度等，所以編輯者能不能呈現 完整的劇情現大大的影響了遊戲式教材的品質好壞。劇情表達的方式多樣，用文 字、影片、聲音、圖片或表格皆可以表達一段或多段的劇情，以下再深入探討近 幾年較常用的劇情表達方式，分別是一般傳統程式語言式、Multimedia、UML Modeling、Video 與 Audio。
1. 一般傳統程式語言
用寫程式的方法來描述一段劇情，編輯者需要具備程式相關背景才有辦法 用此方式描述，一般常見的 C++、Java 都是屬於文字式的劇情編輯器。
2. Video
將使用者劇情需求以 video 方式呈現，所需的工具在硬體方面需要 V8 或其 他可錄影之器材；軟體方面，則需要將拍攝後的影像利用影像編輯軟體後 製編排。Jacob Buur 指出了以 Video Spec 來幫助開發過程，建立明確的限 制與解決方案[11]。將使用者劇情需求拍成影片，並加以編排。影片就像 電影一樣有劇情。圖 1 為一個以 video 呈現劇情需求的範例，將劇情需求 以 video 方式呈現並且分類成 3 種不同劇情需求層級，讓開發者可以明確 的了解劇情需求的內容與優先程度。
圖 1- Video Wall activity: Video clips are labeled and arranged as requirements according to their importance
3. Multimedia
以定義有意義的 icon 圖示(semantics of icons)來代表物件如圖 2，用線條 來代表物件之間的關連[12]。使用者利用 icons 與建立關聯來完成需求的流 程編輯，最後再以動畫方式呈現編輯結果如圖 3
圖 2 Icons Definition
圖 3 Visual SRS
4. Audio
將劇情以口述的方式描述，並將此錄音。在播放的過程中劇情會以說故事 的形式呈現。
5. UML Modeling
在業界利用”統一塑模語言” (UML)，”模型驅動開發” (MDD)與 ”模型驅動 架構” (MDA)開發方式漸漸興起[13]。UML 中的”循序圖” (Sequence Diagram)或是”活動圖” (Activity Diagram)用來描述流程、”狀態圖” (State Diagram)用來描述流程中特定物件狀態的轉移與變化過程、”類別圖” (Class Diagram)用來描述物件與物件之間的關係。以下是使用 UML Modeling Tool 的一個範例。利用 UML 相關圖形的特性，建立一個流程(ReVU)，將”功能 需求”(Functional Requirements)用視覺化方式 UML modeling 方式來呈現 [13]。將使用者需求以 UML Modeling 方式呈現，所需工具需要 UML Modeling Tools 來方便編輯如圖 4 所示。現行已有許多 freeware 的 UML Modeling Tools 如” StarUML”、”JUDE”…等。
圖 4 UML Modeling
1.1.3 視覺化劇情的優點與缺點
由上一節的分析可以了解劇情可由多種方式來表達，但不管是由何種方式來 表達劇情，這幾種表達方式是等價的[14]，但是根據研究的結果顯示，對於較複 雜的事物，人們總是習慣用圖表或是動畫的方式，使事情變得較容易理解[15]。
對於教材編輯器來說，由於軟體具有不可見性，編輯教材過程中編輯者是無法了 解編輯過程是否出了錯誤，所以如何將編輯的過程視覺化，讓編輯者做視覺化的 即時修改劇情就變得非常重要。以下探討了視覺化劇情表達的優點[14]。
1. 不具程式相關背景的編輯者也可輕易上手 2. 更接近自然的需求表達
3. 較容易了解需求內容
4. 對於軟體使用者及系統開發者來說是較友善的介面 5. 對使用者來說是較易於了解及易於溝通的方式
因為用上述的方式來表達劇情都是等價的，而視覺化的表達方式又具備了以上幾 點優點，所以本研究接下來的研究內容將以視覺化的編輯方式為基礎去加以延 伸。