多媒體名片樣板套用器設計

PC 版本是一個使用 Java 開發的應用程式，允許使用者針對偏好來進行多媒體名片 的製作，並能即時預覽使用者所選擇套用的樣板，包括多媒體名片的背景套用、Logo 套用以及名片樣式套用，然後上傳完成的多媒體名片到檔案庫伺服器（File server）。

Web 版本是一個 Java service Page（JSP）網頁，允許使用者針對偏好來進行多媒體 名片的製作，完成後採取 Post 方式傳送資料到 Java servlet 做處理，處理完成後將資 料儲存到檔案庫伺服器（File server），然後重導向（Redirect）到預覽的 JSP 進行下 載與預覽。設計依照第 4.2.1.2 節所描述之架構，分成六個模組進行。

5.1.2.1.使用者事件處理模組

如圖 33 所示，使用者事件處理模組處理兩種使用者輸入事件，說明如下：

1. LoadButtonClick：處理使用者點選讀取個人通訊資料按鈕，呼叫個人通訊資 料存取模組的 LoadData 進行讀取。

2. UploadButtonClick：處理使用者點選上傳名片按鈕，呼叫上傳模組進行上傳。

圖 33 使用者事件處理模組設計圖 個人通訊資料

編輯模組

First Name Editor

Name Editor

Company Editor

Title Editor

Tel Editor Addr Editor E-mail Editor

使用者事件 處理模組

LoadButtonClick

UploadButtonClick

5.1.2.2.個人通訊資料讀取模組

如圖 34 所示，個人通訊資料讀取模組提供一種函式來做存取，說明如下：

LoadData：將個人通訊資料解碼模組解碼過的後資料儲存到一個全域的資料結構

（Global Data Structure）中，然後預覽模組，可以進行資料的導入，UseInfo為一 個全域的資料結構，其資料欄位可參考表2。

圖 34 個人通訊資料讀取模組設計圖

5.1.2.3.個人通訊資料解碼模組

如圖 35 所示，個人通訊資料解碼模組提供一種函式，來進行 vCard 的解碼，說明 如下：

Decode：讀取.vcf檔案並解碼到全域的資料結構（Global Data Structure）UserInfo 中。

圖 35 個人通訊資料解碼模組設計圖 個人通訊資料

讀取模組

LoadData UserInfo Structure

個人通訊資料 解碼模組

Decode UserInfo Structure

5.1.2.4.上傳模組

如圖 36 所示，個人通訊資料解碼模組提供一種函式，來進行資料的傳輸，說明如 下：

Upload：將使用者選取的多媒體名片樣板素材與個人通訊資料包裝成多媒體名片，透 過HTTP protocol上傳機制，上傳到檔案伺服器中。

圖 36 上傳模組設計圖

圖 38 樣板套用模組模組設計圖

接下來，表 3 說明各種套用器所支援的檔案格式，背景套用器支援 JPEG、GIF、

PNG、BMP，背景音樂套用器支援 MP3，而樣板樣式套用器為本研究自行定義的檔案 格式 STY，包含各欄位的文字與座標位置，字型與字型大小。而圖示套用器支援 JPEG、

GIF、PNG、BMP。

表3 多媒體樣板套用格式表 背景套用器 JPEG ,GIF ,PNG ,BMP

背景音樂套用器 MP3

樣板樣式套用器 Script file: STY

圖示套用器 JPEG ,GIF ,PNG ,BMP 樣板套用模組

背景套用器

樣板樣式套用器

圖示套用器

背景音樂套用器

5.2 檔案伺服器

檔案伺服器中儲存大量的多媒體名片（MBC）資料與多媒體名片素材，透過資料存 取模組，提供其他子系統的資料存取。設計依照第 4.2.2 節所描述之架構，分成一個模 組與兩個檔案庫進行。