於行動裝置上支援網站內容之呈現：以新聞網服務為例

以作者查詢圖書館館藏

、以作者查詢臺灣博碩士

、以作者查詢全國書目

、勘誤回報

、線上人數：18

、訪客IP：18.117.81.240

姓名

林欣潔(Hsin-Chieh Lin) 查詢紙本館藏

畢業系所

軟體工程研究所

論文名稱

於行動裝置上支援網站內容之呈現：以新聞網服務為例
(Supporting Web Content Rendering on Mobile Devices: An Example of News Services)

相關論文

★ 以正規表示法為基礎之文字比對機制與於路徑規劃服務之應用	★ 軟體模組化度量之實驗與驗證
★ 基於一個擴充Hitz和Montazeri的度量方法模組化原始碼	★ AMRL耦合強度度量方法
★ 針對組合IOT服務之BPEL引擎擴充機制	★ 大型開放原始碼軟體類別改變分佈之探討
★ 基於BPEL之服務轉接器引擎設計與實作	★ 網路能力應用處理器與傳感器介面模組之設計與實作
★ 基於程式碼生成、Java 內容倉庫及虛擬機器之物聯網設備轉接流程	★ 移動代理人監控系統之設計與實作
★ 以正規表式法為基礎之地理編碼服務設計與實作	★ Android應用程式開發之持續整合系統
★ 基於設計矩陣之需求追溯關係建立方法	★ 點對點移動代理人之設計與實作與於車資通訊之應用
★ 網頁內容叢集分類法之設計與實作	★ 設計與實作於行動裝置上以XUL為基礎之介面呈現

檔案

[Endnote RIS 格式]

[Bibtex 格式]

[相關文章]

[文章引用]

[完整記錄]

[館藏目錄]

至系統瀏覽論文 ( 永不開放)

摘要(中)

在這科技發達的時代裡，行動裝置的使用是越來越普遍。儘管如此，行動裝置仍有一些限制，譬如礙於攜帶方便，需要使用比桌上型電腦小型的螢幕，因此當使用者透過已往的瀏覽器觀賞網頁時，在網頁沒經過裁剪的狀況下，使用者必須不斷移動頁面或多次點擊連結才可以看到完整的網站內容。此外行動裝置上必須藉由有限的網路頻寬來取得網站的資訊。若要將一般瀏覽器中所有資訊都呈現在行動裝置上，會造成速度嚴重延遲。這些種種原因，都會影響使用者是否喜歡使用此應用程式或行動裝置。為了解決這些問題，本論文針對行動裝置上瀏覽網站，首先從相關的文獻中收集有用的原則，並依此條件實作出具親和的網站內容介面。接著，本應用系統再依據各種行動裝置的格式作轉換。而轉換方式包含兩種，其中一種是專門針對Android裝置設計，可將網站轉譯成Android裝置上可呈現的使用者介面元件；另一種是將網站轉譯成一般行動裝置皆可瀏覽的樣式。本論文是透過一個行動裝置上的新聞網站應用程式來驗證我們所設計的原則和轉換機制。

摘要(英)

The usage of mobile devices to access various services becomes more and more popular in our daily life. However, mobile devices have their essential limitations such as smaller screen sizes than desktop ones in order to carry with ease. Without any tailoring to represent Web content on mobile devices, mobile device users have to scroll Web pages or click links in a tedious manner to view complete content of websites that are originally designed for desktop users. Besides, mobile devices have limited network bandwidth to retrieve remote Web content. If the whole Web content dedicated to the display on general browsers is transmitted to mobile devices, it will cause an unpredicted delay when showing the content on mobile devices. Due to these limitations, users usually are not willing to use browsers of mobile devices to view Web content. In order to solve the problems, this thesis first collects several useful guidelines from literature to design friendly user interfaces for mobile devices. Then, we also devise rules to transform original Web content into the ones that are customized for various mobile device platforms. Currently two kinds of transformations are proposed: 1) transcoding websites into Android components for Android-based mobile devices; 2) transcoding websites into web pages for general mobile devices. Finally, a news application on mobile devices is developed to demonstrate our design guidelines and transformation approaches.

關鍵字(中)

★ 行動裝置瀏覽器
★ 介面設計

關鍵字(英)

★ Mobile Browser
★ Android
★ Mobile UI Design

論文目次

摘要 i
Abstract ii
致謝 iii
目錄 iv
圖目錄 vi
第一章緒論 1
1.1 引言與動機 1
1.2 目的 2
1.3 論文架構 2
第二章背景知識介紹 3
2.1 XML User Interface Language 3
2.2 Document Object Model 5
2.3 Google Android Operating System 6
2.4 jQuery 9
第三章介面設計原則 10
3.1 螢幕範圍 10
3.2 資料呈現 10
3.3 字體及圖片大小 12
第四章系統分析設計與實作 14
4.1 系統需求 15
4.2 系統概觀 16
4.3 Web Site Parser 21
4.3.1 元件分析 21
4.3.2 架構設計 22
4.4 Android UI Rendering Engine 24
4.4.1 元件分析 24
4.4.2 架構設計 25
4.5 HTML UI Rendering Engine 28
4.5.1 元件分析 28
4.5.2 架構設計 28
第五章案例探討 30
5.1 Android UI Rendering Engine 31
5.2 HTML UI Rendering Engine 33
第六章結論 36
第七章未來展望 38
參考文獻 39

參考文獻

[1] Peter Tarasewich, Jun Gong, Fiona Nah, “Interface Design for Handheld Mobile Devices”, Information Systems(2007), Paper 352.
[2] Boonlit Adipat, Dongsong Zhang, Interface Design for Mobile Applications, Proceedings of Americas Conference on Information Systems(2005), Paper 494.
[3] XUL – MDN Docs, https://developer.mozilla.org/En/XUL.
[4] The Joy of XU, https://developer.mozilla.org/en/The_Joy_of_XUL.
[5] W3C Document Object Model, http://www.w3.org/DOM/.
[6] About the Document Object Model, https://developer.mozilla.org/en/About_the_Document_Object_Model.
[7] Android Developer, http://developer.android.com/index.html.
[8] What is Android? http://developer.android.com/guide/basics/what-is-android.html.
[9] jQuery：The Write Less, Do More, JavaScript Library, http://jquery.com/.
[10] jQuery UI, http://jqueryui.com/.
[11] iOS Human Interface Guidelines：Human Interface Principles, http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Principles/Principles.
[12] Jun Gong and Peter Tarasewich, “Guidelines for Handheld Mobile Device Interface Design.” DSI Annual Meeting, pp. 3751-3756, 2004.
[13] Lari Karkkainen and Jari Laarni, “Designing for Small Display Screens”, Nordic osForum for Human-Computer Interaction Research (NordiCHI 02), ACM Press, 2002, pp. 227–230.
[14] Su-Do Kim and Man-Gon Park. “An Adaptation System based on Personalized Web Content Items for Mobile Devices.” KSII Transactions on Internet and Information, VOL. 3, NO. 6, December 2009.
[15] 黃淇, “A Block-Extraction Approach to Rendering News Services by Exploiting Web Content Structures” , 國立中央大學, 碩士論文, 民國100年.
[16] 鄭致瑋, “Design and Implement of XUL-Based Rendering for Mobile Devices”, 國立中央大學, 碩士論文, 民國99年.
[17] Tao Fu and Mengchi Liu, “A Gateway From HTML to XML”, Database Engineering and Applications Symposium (DEAS’04), pp. 205 – 214, 09 August 2004.
[18] Yonghyun Hwang, Jihong Kim and Eunkyong Seo. “Structure-Aware Web Transcoding for Mobile Devices”, IEEE INTERNET COMPU TING, pp. 14-21, 23 September 2003.
[19] Jesper Kjeldskov and Connor Graham, “A Review of Mobile HCI Research Methods”, Mobile HCI, 2003.
[20] Yong Fu Ji, Jun Ho Park, Cheol Lee and Myung Hwan Yun, “A Usability Checklist for the Usability Evaluation of Mobile Phone User Interface”, International Journal of Human-Computer Interaction, 20(3), pp.207-231, 2006.
[21] Nathalie Souchon and Jean Vanderdonckt, “A Review of XML-compliant User Interface Description Language”, Interactive Systems. Design, Specification, and Verification, pp. 391-401, 2003.
[22] jCarousel – sorgalla.com, http://sorgalla.com/jcarousel/.

指導教授

李允中(Jonathan Lee)

審核日期

2011-7-27

推文