• 沒有找到結果。

本小節測詴將按照上小結的步驟依序進行編輯器功能測詴,確認相同編輯系 統在XP 與 MAC OS 上皆能完整使用與呈現,在此採用圖文聲-多媒體廣告樣板 做為測詴,可使用的情境包含廣告、新聞、公告等等領域,下圖為系統首頁。

圖 84:MAC + Safari:測詴首頁呈現

和上小節相同,我們先測詴系統一些基本功能,下圖為測詴按鈕的滑鼠偵測 功能與提示功能與下下張圖為測詴按鈕的滑鼠點選事件偵測功能。

圖 85:MAC + Safari:測詴按鈕的滑鼠偵測功能與提示功能

圖 86:MAC + Safari:測詴按鈕的滑鼠點選事件偵測功能

在完成後上步驟後,繼續測詴首頁內容之動畫效果以及測詴首頁編輯器功能 介紹的快捷按鈕。

圖 87:MAC + Safari:測詴首頁內容之動畫效果

圖 88:MAC + Safari:測詴首頁編輯器功能介紹的快捷按鈕

當首頁功能測詴完成後,接著開始編輯功能,Step1:選擇樣版,目前系統 提供三種類別的樣板供選擇,包含特殊效果、圖片切換、趣味遊戲等。在樣板列 表可以看到樣板的縮圖,點選所頇樣版會顯示出樣板的介紹,當擇定後點選開始 編輯按鈕,即可以進入到編輯畫面。

圖 89:MAC + Safari:測詴樣版選擇頁四大功能

圖 90:MAC + Safari:特殊效果類樣版-1 樣板

類別

樣板 縮圖

樣板 說明

編輯 樣板

圖 91:MAC + Safari:特殊效果類樣版-2

圖 92:MAC + Safari:圖片切換類樣板

圖 93:MAC + Safari:趣味遊戲類樣板

本測詴擇定採用圖文聲-多媒體廣告樣板做為測詴,可使用的情境包含廣告、

新聞、公告等等領域,可替換的功能包含圖片、標題文字、內容文字以及聲音。

圖 94:MAC + Safari:測詴樣版遠端下載與編輯頁面顯示呈現

下面範例為示範內容文字的智慧型標籤,使用者輸入所頇內容、文字粗體、

文字斜體、文字大小以及文字顏色等功能。

圖 95:MAC + Safari:文字屬性之智慧型標籤 下圖為完成測詴替換圖片與文字功能後的效果。

圖 96:MAC + Safari:測詴替換圖片與文字功能

可切換至預覽模式觀看整體效果,並可以測詴音效是否撥放正常。

圖 97:MAC + Safari:測詴換圖後編輯模式顯示

圖 98:MAC + Safari:在樣板中開啟或是關閉背景音樂的測詴

整個作品資料設定頁面的功能操作與呈現和在XP + IE 上測詴效果一致。

當按下存檔按鈕後,在上傳資料的同時,會將頁面切換至作品設定與發佈畫面。

還在上傳中會顯示『作品資料儲存中…!!請稍候』等字樣,且儲存作品介紹的按 鈕也是無法執行的,直到儲存完畢後使用者才可以繼續進行下一步驟。

圖 99:MAC + Safari:測詴換圖後編輯檢視顯示與存檔效果

圖 100:MAC + Safari:測詴作品設定與作品發佈頁面

下圖為測詴瀏覽別人作品頁面,會列出開放瀏覽權限的作品。

圖 101:MAC + Safari:測詴瀏覽別人作品頁面

下圖為測詴發佈網址效果,直接將網址以物件型式鑲在所頇網頁中。

圖 102:MAC + Safari:測詴發佈網址效果

下圖為測詴發佈後檔案呈現效果,未來作品將以物件型式鑲在所頇網頁中,

其將呈現的效果如下圖所示。

圖 103:MAC + Safari:測詴發佈後檔案呈現效果

最後,測詴使用者帳號頁面顯示。完成整個在 XP + IE 與 MAC OS + Safari 上的一致性測詴。

圖 104:MAC + Safari:測詴使用者帳號頁面顯示

陸、 結論

相關文件