跳到主要內容

臺灣博碩士論文加值系統

(100.26.196.222) 您好!臺灣時間:2024/02/23 08:35
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

: 
twitterline
研究生:蔡紀暘
研究生(外文):Chi-Yang Tsai
論文名稱:專為行動裝置設計的網頁調適工具
論文名稱(外文):Web Page Tailoring Tool for Mobile Devices
指導教授:袁賢銘袁賢銘引用關係
指導教授(外文):Shyan-Ming Yuan
學位類別:碩士
校院名稱:國立交通大學
系所名稱:資訊科學與工程研究所
學門:工程學門
學類:電資工程學類
論文種類:學術論文
論文出版年:2006
畢業學年度:94
語文別:英文
論文頁數:52
中文關鍵詞:行動裝置個人化小螢幕內容創造以網路為基礎的
外文關鍵詞:Mobile DevicesPersonalizeSmall ScreenContent AuthoringWeb-based
相關次數:
  • 被引用被引用:4
  • 點閱點閱:310
  • 評分評分:
  • 下載下載:61
  • 收藏至我的研究室書目清單書目收藏:2
由於行動裝置日益普遍,使用它們上網瀏覽網頁的機會也變得越來越高。然而,絕大多數的網頁都是設計給桌上型電腦看的。當使用行動裝置瀏覽這些頁面時,由於螢幕大小的限制,使用者往往必須一再地捲動畫面,在使用上十分不便。目前雖然有些網站特地為了行動裝置提供一個額外的濃縮版本,然而透過這種作法,網頁開發者就要花費更多的時間來設計與維護同個網站;另外,市面上有些產品則是會將原始網頁的內容重新排版,例如:讓網頁變成長條狀,藉此免去左右捲動的困擾。但是,重新排版過的網頁卻未必能夠讓使用者更快地找到想要的資訊,因為網頁中依舊存在一些不重要的資訊。有鑒於此,本篇論文提出一個網頁調適工具,讓使用者可以透過一般常見的瀏覽器來對網頁做設定。使用者可以根據個人的喜好決定網頁中資訊的去留。留下來的部分還可以進一步地調整它們的先後順序。爾後,再次使用行動裝置瀏覽這些網頁時,就只會看到當初選擇保留下來的那些資訊。
It is not uncommon to browse Web pages via mobile devices because of their popularity today. However, most Web pages were designed for desktop computers that are equipped with big screens. When browsing on the mobile devices, a user might have to scroll up and down all the time to find the information they want simply because of the limited visible area, which is really not user-friendly at all. Although some famous websites have already provided additional condensed version of their content, it would be cumbersome to spend the time on maintaining multiple versions of the same content from the Web developers’ perspective. Besides, some commercial products choose to reformat Web pages to fit the screen width of mobile devices, thereby eliminating the need for horizontal scrolling. However, the result of reformatting Web pages doesn’t necessarily help the user a lot. Since the result page still contains the irrelevant information. On this basis, we propose a system to help users personalize Web pages. For example, a user can determine which blocks of content in a Web page should be retained when he/she browses that page on mobile devices. The sequence of those blocks can also be altered according to individual preferences.
Acknowledgement.....v
Table of Contents.....vi
List of Figures.....viii
List of Tables.....1
Chapter 1 Introduction.....1
1.1 Preface.....1
1.2 Motivation.....1
1.3 Research Objectives.....2
1.4 Research Contribution.....4
1.5 Outline of the Thesis.....5
Chapter 2 Background.....6
2.1 Document Object Model (DOM).....6
2.1.1 DHTML and DOM.....6
2.1.2 Definition of Document Object Model.....6
2.1.3 XML DOM and HTML DOM.....7
2.2 Asynchronous JavaScript and XML (AJAX).....7
2.2.1 The Origin of AJAX.....8
2.2.2 Technologies behind AJAX.....8
2.2.3 The Communication Model.....8
2.3 Ruby on Rails Framework.....9
2.3.1 What is Ruby?.....9
2.3.2 What is Ruby on Rails?.....10
2.4 Muffin.....11
2.5 Related Works.....13
2.5.1 Client-based Adaptation.....13
2.5.2 Proxy-based Adaptation.....15
2.6 Summary.....16
Chapter 3 System Design.....17
3.1 Overview.....17
3.2 Page Tailor.....19
3.2.1 Installation.....20
3.2.2 Execution and Initialization.....21
3.2.3 Visual Manipulations.....21
3.2.4 Controls.....23
3.2.5 User Preferences.....24
3.3 Configuration Manager.....25
3.3.1 Query Service.....26
3.3.2 Update Service.....26
3.3.3 Administration Interface.....27
3.4 Mobile Proxy.....27
3.5 Summary.....28
Chapter 4 System Implementation.....29
4.1 Page Tailor.....29
4.1.1 The Page Tailor Bookmarklet.....30
4.1.2 Loading external JavaScript Libraries.....30
4.1.3 The Containment Hierarchy of Page Tailor.....33
4.1.4 The Style Rules.....33
4.1.5 Generating XPath Expressions.....34
4.1.6 The Same Origin Policy.....35
4.1.7 Accessing the User Preferences.....36
4.2 Configuration Manager.....39
4.2.1 Web Services Implementations.....39
4.3 Mobile Proxy.....40
4.3.1 Pre-processing the Web Content.....40
4.3.2 Transforming to XHTML.....41
4.4 Summary.....42
Chapter 5 Evaluation.....43
5.1 Usability Test.....43
5.2 Stability Test.....44
5.3 Example.....44
Chapter 6 Conclusion and Future Work.....46
6.1 Conclusion.....46
6.2 Future Work.....46
Reference and Bibliography.....47
Appendix A: How to Install a Muffin Filter.....50
[1] W3C. HTML 4.01 Specification, http://www.w3.org/TR/html4/
[2] W3C. Extensible Markup Language (XML) 1.0 (Third Edition), http://www.w3.org/TR/REC-xml/
[3] W3C. XHTMLTM 1.0 The Extensible HyperText Markup Language (Second Edition), http://www.w3.org/TR/xhtml1/
[4] W3C. Document Object Model (DOM), http://www.w3.org/DOM/
[5] W3C. XML Path Language (XPath) Version 1.0. http://www.w3.org/TR/xpath
[6] W3C. XSL Transformations (XSLT) Version 1.0. http://www.w3.org/TR/xslt
[7] W3C. Cascading Style Sheets, level 1, http://www.w3.org/TR/REC-CSS1
[8] Bookmarklet, http://www.bookmarklets.com/
[9] Script.aculo.us JavaScript framework, http://script.aculo.us/
[10] Prototype JavaScript framework, http://prototype.conio.net/
[11] Ruby, http://www.ruby-lang.org/en/
[12] Ruby on Rails, http://www.rubyonrails.org/
[13] Muffin World Wide Web Filtering System, http://muffin.doit.org/
[14] HTML Tidy, http://www.w3.org/People/Raggett/tidy/
[15] JTidy, http://jtidy.sourceforge.net/
[16] NekoHTML, http://people.apache.org/~andyc/neko/doc/html/index.html
[17] Jaxen, http://jaxen.org/
[18] Mobile ASP .NET Web Applications, http://www.asp.net/default.aspx?tabIndex=6&tabId=44
[19] Google Mobile Content Proxy (still lack of an official name), http://www.google.com/gwt/n
[20] Skweezer, http://www.skweezer.net/
[21] IYHI, http://www.iyhy.com/
[22] Opera’s Small-Screen Rendering TM, http://www.opera.com/products/mobile/smallscreen/
[23] Opera Mini TM simulator, http://www.opera.com/products/mobile/operamini/demo.dml
[24] ACCESS Smart-Fit Rendering TM technology, http://www.access-us-inc.com/Products/client-side/Prod_NetFront.html
[25] Google Mobile, http://www.google.com/mobile/index.html
[26] Yahoo Mobile, http://mobile.yahoo.com/
[27] Gmail, http://gmail.google.com/
[28] Google Maps, http://maps.google.com/
[29] Browser Market Share Survey by NetApplications.com, http://netapplications.com
[30] Sheng-Po Shen, Shyan-Ming Yuan, “XML-based Mobile Application Development Framework”, 國立交通大學電資學院碩士班論文,民國93年6月
[31] Jen-Kai Wu, Shyan-Ming Yuan, “A Visualized Kit for Developing Applications on Multiple Mobile Devices”, 國立交通大學,電資學院碩士班論文,民國94年6月
[32] Chi-Han Kao, Shyan-Ming Yuan, “A Multi User-Interface Generation Plug-in for Visual Studio .NET”, 國立交通大學,電資學院碩士班論文,民國94年6月
[33] Ajax: A New Approach to Web Applications, http://www.adaptivepath.com/publications/essays/archives/000385.php
[34] Jinlin Chen , Baoyao Zhou , Jin Shi , Hongjiang Zhang , Qiu Fengwu, “Function-based object model towards website adaptation”, Proceedings of the 10th international conference on World Wide Web, p.587-596, May 01-05, 2001, Hong Kong, Hong Kong
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top