淡江大學覺生紀念圖書館 (TKU Library)
進階搜尋


  查詢圖書館館藏目錄
系統識別號 U0002-1601200911381800
中文論文名稱 應用網頁轉換技術解決行動裝置瀏覽網頁問題之研究
英文論文名稱 Solving the web browsing issue of mobile device by applying the conversion technology of web page
校院名稱 淡江大學
系所名稱(中) 資訊工程學系碩士在職專班
系所名稱(英) Department of Computer Science and Information Engineering
學年度 97
學期 1
出版年 98
研究生中文姓名 鄭春蓮
研究生英文姓名 Chun-Lien Chen
學號 795410223
學位類別 碩士
語文別 中文
口試日期 2009-01-06
論文頁數 47頁
口試委員 指導教授-顏淑惠
委員-蔡憶佳
委員-林慶昌
中文關鍵字 行動裝置  框架  小螢幕顯示  網頁編寫  網頁過濾 
英文關鍵字 Mobile Device  Frame  Small Screen Rending  Web Author  Web Filter 
學科別分類 學科別應用科學資訊工程
中文摘要 科技日新月異,許多可攜式電子設備如個人數位助理(PDA)、智慧型手機(Smartphone)及掌上型電腦(Pocket PC)等行動設備,已經成為許多人生活與工作無法缺少的工具;又因為無線網路存取技術迅速地演進,應用於網際網路上的瀏灠速度及成本也為一般大眾所接受,人們使用行動設備無線上網的機會及比率也正在逐漸成長。但大部份企業的線上交易及入口網站在早年皆是以800x600像素的螢幕解析度來設計,所以當行動設備在www網際網路上瀏覽時可能會因為螢幕像素較小、框架設計及記憶體限制等,而無法如同一般個人電腦完整呈現原畫面。
為解決前言所描述的問題,除了在行動設備端的應用軟體可針對網頁內容進行轉換,企業端為了要讓行動設備瀏覽相關網頁,亦需針對行動裝置再重新設計新的網頁,或是透過較低成本之方式將現有網頁轉換成適合行動裝置的網頁內容。因此本研究以企業端網頁之設計與改善為主要研究目的。其一乃是解決大部份交易網站因大量使用框架而造成行動設備的瀏覽問題,在儘可能減少網頁設計人員複雜開發下,能讓行動裝置呈現完整資訊。其二是採用W3C建議將原HTML轉換成XHTML為目的,進行測試一個自動轉換動態網頁為XHTML網頁工具並記錄相關測試細節及數據。
英文摘要 Using mobile device to access Internet is getting popular these days. However, many portals cannot completely support the mobile device for small screen browsing. There are many factors, such as font size, image size, frame support, etc, that will cause problem for small screen device.To address the problem described above, client application software of mobile devices can be used to convert web pages for small screen. A second solution is to design the web site to accommodate for small screen. Therefore the enterprise web design and improvement are the main purpose of this study. The browsing issue on the majority of web sites is due to a large number of transactions arise from the use of the framework of mobile devices browser. The solution is to minimize the complexity of the development of web designers, and allowing a mobile device viewing every information on the web page.The second purpose is to follow up the recommendations of W3C that suggests conversion HTML to XHTML, and this study shall test an automatic conversion tool of XHTML for the dynamic web pages.
論文目次 目  錄 III
圖 目 錄 V
第一章 緒  論 1
第一節 研究背景與動機 1
第二節 研究目的 2
第三節 論文架構 3
第二章 相關研究與核心技術 4
第一節 網頁呈現設計技術探討 4
一、何謂W3C網頁設計標準 4
二、HTML 4 4
三、XML 5
四、XHTML 5
五、為什麼需要XHTML 6
六、層疊樣式表單CSS 7
第二節 行動瀏覽網頁轉換產生技術 7
一、Dom-based Analysis 8
二、Vision-based Analysis 11
第三節 Google Android模擬器及瀏覽器 12
什麼是Android 12
程式庫(Libraries) 14
執行環境(Android RunTime) 14
核心作業系統(Linux Kernel) 15
第三章 研究方法及系統實作 16
第一節 簡化框架的使用 16
步驟一 16
步驟二 17
步驟三 17
步驟四 19
步驟五 20
實作結果 21
第二節 使用網頁過濾工具自動並轉換動態網頁 22
系統環境 24
實作方式 24
實作結果 27
第四章 結 論 29
第五章 未來展望 30
參考文獻 31
中文文獻 31
英文文獻 31
網路資源 31

圖 目 錄
圖1-1 行動裝置瀏覽企業網站經常會出現的畫面及問題 2
圖2-1 網頁轉換分析分類 8
圖2-2 Outlining Tranform 9
圖2-3 General Outlining Transform 9
圖2-4 Indexed Segment Transform 10
圖2-5 Selective Elision Transform 10
圖2-6 Vision-based page segmentation 11
圖2-7 Google Android 系統架構圖 13
圖3-1 行動裝置瀏覽企業網站經常會出現的畫面及問題 16
圖3-2 網頁分析之部份演算法 17
圖3-3 網頁內容範例 18
圖3-4 網頁框架使用樹狀圖 19
圖3-5 網頁框架調整後的樹狀結構圖 20
圖3-6 800 x 600 解析度所呈現的網頁 21
圖3-7 調整FRAME使用數量後行動裝置之網頁呈現 21
圖3-8 未轉換前之網頁原始碼 22
圖3-9 自動轉換為HTML之網頁原始碼 23
圖3-10 自動轉換為XHTML之網頁原始碼 23
圖3-11 某企業交易查詢服務原始畫面 25
圖3-12 某企業交易查詢服務網頁原始碼 25
圖3-13 轉換後交易查詢服務畫面 26
圖3-14 轉換後交易查詢服務網頁原始碼 26
圖3-15 於微軟模擬器之瀏覽器的執行效能 27
圖3-16 於Android 模擬器之瀏覽器的執行效能 27
圖3-17 於PC端瀏覽器的執行效能 28
參考文獻 中文文獻
[1] 蔡紀暘,(2006),“專為行動裝置設計的網頁調適工具”,交通大學資訊科學與工程研究所碩士論文。
[2] 劉剛名,(2005),“無線應用協定2.0延伸超文件語言轉換閘道之設計與實作”,元智大學電機工程研究所碩士論文。
[3] 謝偉德,(2006),“樣式導向之行動瀏覽網頁產生技術”,交通大學電機資訊學院碩士在職專班論文。
[4] 林賢忠,(2006),“樣板式多媒體名片在行動電話裝置上之內容協調、呈現與應用”,交通大學資訊學院碩士在職專班論文。
英文文獻
[5] Hanqing Lu,Wei-Ying Ma,and Zhigang Hua,(2006),“Design and Performance Studies of an Adaptive Scheme for Serving Dynamic Web Content in a Mobile Computing Environment”,IEEE。
[6] D. Cai, S. Yu,J.-R. Wen and W.-Y. Ma,(2003),“VIPS: a vision-based page segmentation algorithm”,Microsoft Technical Report,MSR-TR-2003-79。
網路資源
[7] JAVA HTML Parser,網址 http://lobobrowser.org 。
[8] JAVA TIDY,網址 http://jtidy.sourceforge.net/multiproject/jtidyservlet/filter.html 。
[9] Mozilla,SSR附加元件更新,https://addons.update.mozilla.org/ 。
[10] Tom’s Hardward,PDA 規格介紹,網址 http://www.tomshardware.tw/177,review-177-10.html 。
[11] 林達,(2006),手機規格介紹,網址 http://blog.roodo.com/linhuei/archives/3425917.html 。
[12] World Wide Web Consortium (W3C),網址 http://www.w3.org 。
[13] 語意及網路服務研究中心SWS,網址 http://www.ws.org.tw/ 。
[14] Sun Micro,HTTPReader 元件介紹,網址http://java.sun.com/j2se/1.4.2/docs/api/javax/swing/text/html/HTMLDocument.HTMLReader.html 。
[15] Microsoft Mobile Emulator,網址 http://msdn.microsoft.com/windowsmobile/
[16] Microsoft Mobile Emulator Download,網址 http://www.microsoft.com/downloads/details.aspx?FamilyID=1a7a6b52-f89e-4354-84ce-5d19c204498a&DisplayLang=en#filelist
[17] W3C CSS 介紹,網址 http://www.w3.org/Style/CSS/
[18] 蘇沈小雨,(2001),網址 http://adw.tw/sir/service/css20/
[19] Google Crome,(2008),網址http://www.google.com.tw/chrome
[20] Google Crome,(2008),網址http://www.google.com.tw/chrome/intl/zh-TW/features.html
[21] Gasolin,《深入淺出 Android - Google 手機應用程式設計電子書》,網址http://code.google.com/p/androidbmi/wiki/DiveIntoAndroid
[22] JAVA論壇,網址http://www.javaworld.com.tw
[23] Google Android 展示,網址http://www.youtube.com/watch?v=1FJHYqE0RDg
[24] W3C Mobile 存取規範,網址http://www.w3.org/TR/NOTE-html40-mobile/
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2011-02-12公開。
  • 不同意授權瀏覽/列印電子全文服務。


  • 若您有任何疑問,請與我們聯絡!
    圖書館: 請來電 (02)2621-5656 轉 2281 或 來信