用可扩展应用程序标记语言(XAML)设计跨浏览器.pdfVIP

ICIM2009第二十屆國際資訊管理學術研討會 利用可擴展應用程序標記語言 (XAML)設計跨瀏覽器 多媒體網頁之研究 Study on Building Cross-browser Multimedia Web Pages with XAML 陳永昇 周豪卿 楊珈瑀 李旻憲 yschen@.tw s9416117@.tw afterwards@ xjackie13@ 摘要 1. 前言 在網頁設計中，我們希望相同的網頁 在不同瀏覽器上的視覺效果是相同的，換 在網路為主的程式開發世界裡，很難 句話說，設計跨瀏覽器的網頁是很重要的 找到一個好的程式語言去解決如何在不同 議題，以往要達到這樣的目的，解決之道 的瀏覽器下，能夠正確無誤的解讀並呈現 大多是網頁設計師花很多時間去了解不同 給使用者；以往的頁面設計裡，層疊樣式 瀏覽器對各種視覺效果的解析特性，然後 表(CSS)1與JavaScript的設定在各種不同2 對不同的瀏覽器設計不同程式碼，如此一 的瀏覽器下呈現的效果各異，也因此在不 來，網頁設計成本將大幅增加。為改善這 同的瀏覽器下，使得使用者體驗不盡相 問題，本研究探討利用可擴展應用程序標 同。我們希望能透過本論文，以網頁設計 記語言(XAML)來設計多媒體網頁，以協助 師最常碰到的問題進行研究。 解決設計跨瀏覽器網頁的問題。我們利用 本論文以建置一個跨瀏覽器的多媒體 支援XAML的SilverLight來設計網站，整 網頁試著解決上述所提出之問題，不僅提 個網站可以概分三個部份來討論：使用者 供使用者豐富的使用介面，更能在不同的 介面模組、影音互動模組與遊戲互動模 瀏覽器上體驗到相同的效果；為此我們設 組，在使用者介面設計，我們利用 計了多個模組來測試在不同的瀏覽器之下 Microsoft Expression Blend 2來設計網 所呈現的效果是否相同，希望能找到一個 頁的介面，而網頁的邏輯操作與控制流程 最佳的解決方法來協助網頁設計師設計時 部分，則利用C#來實作，影音互動模組則 的困擾。 另外使用GoogleAPI蒐集使用者欲查詢之 資訊後，利用 FFmpeg 輸出我們所需之格 2. 背景與相關研究 式。最後我們比較各種瀏覽器下瀏覽本研 本論文中利用Silverlight7實作一跨 究所實作的網站，結果顯示所設計的網頁