五、 系統設計與實作
5.3 互動式多媒體簡訊播放編輯器系統模組
圖 27 的架構中可看出播放功能的流程是藉由版面描述檔並經由此應用程式 將其載入並解譯然後透過Java 外部檔案系統讀取應用介面將其所需之檔案讀入 並協調後呈現給使用者，並可藉由其使用者介面與使用者或伺服器做溝通與互 動，其詳細內容如下：
圖27 互動式多媒體簡訊播放編輯器系統模組架構圖
在下圖 28 中可看出互動式多媒體簡訊播放編輯器系統流程，在流程圖中使 用者在播放互動式多媒體簡訊時，若進入了編輯模式，則可以開始選擇要被置換 的資源檔，若選擇了文字，則系統會跳出一個對話框，讓使用者可以輸入文字，
接著做簡訊樣版中文字的取代，然後播放置換成功的新的互動式多媒體文字內 容；若選擇了聲音，則系統會跳出一個對話框，讓使用者選擇要從錄音程式或是 手機內部的檔案庫來取得聲音檔，若是錄音程式，則系統會讓使用者錄一段聲音 檔，若是使用手機內部檔案庫，則會讓使用者從檔案庫中選取一個聲音檔，接著 做簡訊樣版中聲音檔的置換，然後播放置換成功後新的互動式多媒體聲音；若選
版面
描述檔 載入 parsing 呈現
Player
Interact with content
Interact with home server
擇了圖片，則系統亦會跳出一個對話框，讓使用者選擇要從照相程式或是手機內
圖29 互動式多媒體播放編輯器編輯機制流程圖
由圖 29 可得知互動式多媒體簡訊播放編輯器編輯機制流程可分為這些程式 模組例如：(錄音程式、照相程式…..等)。
5.3.1 版面描述檔
下圖 30 為互動式多媒體簡訊播放編輯器版面描述檔之程式片段，此程式片 段為互動式多媒體簡訊播放編輯器如何播放簡訊內容中各物件之程式片段。
互動式多 媒體簡訊
主程式
錄音程式
照相程式
提供檔案 庫資訊
秀出對話 框
置換程式 錄影程式
版面 描述檔
互動式多媒 體新簡訊
圖30 互動式多媒體簡訊播放編輯器版面描述檔之程式片段
圖 30 的版面描述檔內容之程式片段中可看出此多媒體播放編輯器之版面編 排與劇情內容。其詳細內容如下：
z 如圖中之原件『Story Name』便是程式判斷的根目錄由此開始解譯，因此 可以得知此程式為互動式多媒體簡訊播放編輯器(E-Card Editor)。
z 接下來另一原件『Uplink』即可得知此應用程式的上一個頁面之版面描述 檔為(ecard_1.xml) ，故可正確回到上一個應用程式頁面。
z 接下來另一原件『actorInfo』即可得知此應用程式在此頁面之演員角色資 訊例如：『backgnd』就會表示出背景圖片之檔案位址與檔案名稱之資訊。
z 接下來另一原件『actor』即可得知此應用程式在此頁面之每一個演員的標 識名稱。
z 接下來另一原件『scenario』即可得知此應用程式在此頁面對每個角色之 劇情為何。
z 接下來另一原件『animate』即可得知此演員為具有動畫效果之角色例如：
『backgnd』便是具有動畫效果之演員角色。
5.3.2 載入與解譯
原本的描述檔內容會經由詞彙分析器(Lexical Analyzer)產生字元流 (tokens stream)，然後在交由解譯產生器(parser generator) 的產生的文法 剖析器(Grammar Parser)進行文法比對，之後會產生一個解譯樹(parsing tree)結構出來。我們以互動式多媒體簡訊樣版的內容來說，這裡的解譯樹 (parsing tree)結構會如下圖所示：
圖31 互動式多媒體簡訊播放編輯器描述檔載入與解譯架構圖
圖 31 的版面描述檔內容中可看出此多媒體播放編輯器之版面編排與劇情內 容的判斷流程。其詳細內容如下：
z 如圖中之原件『Story』便是程式判斷的根目錄，有此根目錄可以得知此程 式為互動式多媒體簡訊播放編輯器(E-Card Editor) 。
z 而旗下可能發生之物件為 『Uplink』、『actorInfo』、『scenario』，所以即 可得知此子目錄判斷點為此三種物件之ㄧ。
z 再由此三個子目錄逐一判斷例如『actorInfo』目錄即可得知下面節點
『actor』之演員角色資訊。
z 『scenario』目錄即可得知下面節點『event』之演員角色劇情內容。
story
uplink actorinfo scenario
actor actor actor actor event event
animate animate animate animate animate
Building Tree
5.3.3 呈現
z 『scenario.event0』則表示其開場劇情如何播放。
z 『scenario.event』則表示其事件處理劇情如何播放。
z 例如當使用者(Client)端對某個演員按下“確定鍵＂時則此時這個演員應
uplink actorinfo
actor actor actor actor
2.設定演員屬性(actorinfo)
animate animate animate
4.事件處理劇情(scenario.event)
5.3.4 與使用者互動
接下來便會依此描述檔內容的解譯樹(parsing tree)結構作為此應用程式 與使用者(Client)端如何互動與事件處理之判斷依據。
如下圖所示：
圖33 互動式多媒體簡訊播放編輯器使用者互動架構圖
圖 33 之版面描述檔內容的解譯樹中可看出此互動式多媒體簡訊播放編輯器 之事件處理之劇情效果為何。其詳細內容如下：
z 『event』則表示其事件處理劇情如何播放。
z 例如當使用者(Client)端對某個演員做互動選擇時則此時這個演員應該如 何播放其劇情動畫效果就像是動畫播放路徑(animation path)、音樂檔案 播放或影片播放..等效果。
event
animate animate animate
Content support type:
animation path audio play video play
5.3.5 與伺服器互動 互動事件為與伺服(Server)端發出檔案需求事件藉由 Java 之網路服務 (HTTP service) [33]傳送需求資料如檔案位址(URL) 。
z 然後當伺服器(Server)端之服務應用程式(reqpng.jsp)接收到此需求後其 所需之資料傳送給使用者(Client)端。
z 然後等使用者(Client)端接收到此資料內容後便使用 Java 之外部檔案系統 介面將其資料儲存並呈現給使用者(Client)端。
event
animate animate animate
animate Jsp
1.Client call jsp
2.Handle
4.Jsp response another resource url
resource
3.New resource
5.Client fetch new Resource by url
5.3.6 互動式多媒體簡訊播放編輯器完成圖
下圖 35 之內容可看出此互動式多媒體簡訊播放編輯器播放一張互動式多媒 體簡訊內容的完成圖並可看到此互動式原件之動畫效果。
圖35 互動式多媒體簡訊播放編輯器完成圖