有效率的View Page設計模式

出自OpenISEE

View Page本質上是一個Web 網頁，主要提供服務畫面及操作行為控制，內容通常包含三個部分：

• 內容(Content)：文字、影像（含有資訊內容）、影片、及編排架構(例如：<ul>, <p>, <table>)等。
• 外觀(Presentation)：位置、大小、顏色、圖片（未含資訊內容）、字形、透明度等。
• 行為(Behavior)：DOM, Javascript。

許多舊的網頁設計常將這三個部分混合在一起

但在設計View Page時，應將這三部分清楚分離。


將View Page內容清楚分割成內容、外觀及行為有下列好處：

• View Page很容易瞭解與管理，對團隊開發有很大貢獻。
• 提升View Page下載效率。Brower 可暫存(Cache)Presentation 及Behavior，讓許多View Page 共用。
• 容易變更顯示樣式，讓View Page可支援多種顯示格式及多種布景主題。
• 容易客制化操作邏輯，讓View Page可支援多種STB。

在ISEE SDK裡， View Page本身只包含Content部分，但利用 CSS styte 引入(including)方式鏈結外觀部分，並利用 Javascript引入方式鏈結行為部分。而View Page鏈節的外觀及行為(Behavior)的內容是動態決定的。