影像的協調

教材製作者利用簡短的影片播放，來傳遞給使用者書本以外的教學資源是一 個很普遍的設計方式，為了讓使用者能觀看清楚影像的內容，大部分都會將影像 的尺寸盡量放大，甚至於全螢幕的播放，對於PDA 的顯示能力來說，原本的畫 面已經收受到限制，影像的大小還遠大於能顯示的範圍，所以對於影像尺寸必須 做縮小的動作。同樣的我們期望在協調完成後，使用者可以以最大尺寸的方式觀 看，故現下有兩個方式選擇：

(a). 遷就於 PDA 高度 (b). 遷就於 PDA 寬度

PDA 是高度大於寬度的顯示畫面，我們優先選擇使用遷就於高度的方法，

統計區塊的像素深淺

提供資訊 協助轉換

協調前後的畫面

讓畫面最飽滿，畫面如圖 5- 16 所示，因為原始影像是寬度大於高度的規格，

如果如此協調，影像會發生拉長、失真的現象，對於使用者長時間使用相當吃力，

而且不易清楚檢視影像的內容，所以我們選擇第二種方法，遷就於PDA 的寬度。

圖 5- 16 遷就高度的影像協調

以PDA 可顯示的寬度當作影像的寬度，盡量讓使用者能夠清楚地觀賞，但 是我們讓影像佔了這麼大的部分，如果在同一個頁面有其他的文字、圖片該如何 協調？如圖5- 17 左邊的圖相同的情形，其他的物件變的沒有地方可以擺放。

遷就於高度來協調影 像，不過影片明顯發 生拉長的效果 拉長

圖 5- 17 影像的協調

解決的方法可利用之前新增分頁的方法，先將第一頁指定給影像使用，其他 剩下來的文字、圖片的物件搬移到下一個頁面，這樣一來使用者觀看影像後可至 下一頁面閱讀說明文字或圖片，如有不清楚的地方可再回到第一個頁面再次觀看 影片，而第二個頁面必須再一次額外的協調動作，以避免文字和圖片發生超出顯 示範圍或覆蓋的情形，詳細的影像協調步驟與虛擬碼如下，協調完成後結果應為 圖 5- 17 右邊顯示的情況。如果同一頁面有兩個影像存在的話，和文字的協調 方法類似，對於 Y 軸數值較小的先做協調，然後剩下的影像和其他物件另外做 一次協調動作，流程大略如圖 5- 18 所示，用這樣的方式來解決多影像在同一 畫面的情形。

除了影像還有其他物件

分頁後協調 轉換協調

圖 5- 18 多個影像協調步驟

Vedio1 Vedio2 Image

Text

Vedio1 Vedio2

Image

Text’ Text

Step 1 Step 2 Step 3 if(Have_Movie)

{

//step1. 影像以 PDA 寬度縮小，並放置於(0,0) //step2. 將其餘演員送至新增頁面

//step3. 新增文字[Info]並連結至新頁面

//step4. 呼叫另一次的 Main_Adaptation()處理第二頁面 }

Main_Adaptation() {

Original