- 學位論文
使一般網頁適用手持設備之伺服器端自動網頁調整系統
Server Side Web Page Automatic Re-authoring for Handheld Devices
摘要
近年來，無線上網環境大幅普及，使用起來非常的方便，而內建網路瀏覽器的手持裝置也以比以往更加猛烈的普及趨勢：無論是號稱 3.5G 的 iPhone，或是在商務人士中已經非常普遍的PDA，甚至是時下廣受年輕人歡迎的掌上型遊樂器兼多媒體播放器 PSP，都內有各家公司自己的無線網路瀏覽器。 雖然無線上網已經是如此方便又如此普遍，但網路上絕大多數的網頁都是為了高解析度的電腦螢幕而設計的。 如此的網頁解析度是一般行動手持裝置螢幕的數倍大，觀看起來非常的不方便，也不符合一般人瀏覽網頁的習慣。 然而要每個站的網頁設計師再為各種螢幕大小的行動裝置重新設計網頁卻是一件太過費時費力的事情。 真正符合經濟效益的解決之道便是製作一個系統，自動依連線的裝置不同，來改寫原本的網頁。 為能得到精準的連線裝置資料，我們的伺服器端系統要求使用者先註冊。 並在註冊時要求使用者填寫他們手持行動裝置的相關資料，例如螢幕大小、不能播放的多媒體格式等等。 我們的系統分為能夠事先在使用者連線前重新編寫網頁的前處理器（preprocessor），以及能夠線上服務連線使用者的處理器（handler）這兩部分。 前處理器根據使用者提供的準確資料，調整原始網頁以產生對應每一個帳號的新網頁。 其過程採用 CSS 以及 JavaScript 的技術，原始網頁中所有會影響視覺觀感的網頁元素屬性抽出，寫入與網頁相對應的 CSS 檔案之中。 如此一來便能夠藉由調整 CSS 檔案中的內容，以達成讓前處理器預先改寫網頁或是讓使用者動態即時的改變網頁內容的目的。 即使網頁已事先調整過，適合使用者螢幕大小，使用者有時還是希望能夠依照自己的喜好或是需求即時的調整網頁內容。 例如視力不夠清楚的中老年人會想要把字級放大，或是使用者可能想要觀看圖片的細節等等，因此提供使用者動態縮放的功能是很有必要的。 前處理器在重新編寫網頁之時，在新產生的網頁之中都放入一個浮動圖示選單，縱然網頁捲動，但是它仍然可以保持在畫面左上方固定位置。 使用者點選相對應的圖示便可以簡單地放大、縮小、或是重置網頁的縮小比率。 儘管此伺服器端自動網頁調整系統仍不盡完善，但這項服務的架構還是很值得去嘗試的。
並列摘要
It is convenient that the wireless environments have been developed very substantially in recent years. The handheld mobile devices with embedded Internet browser also popularize in a fierce way ever before. No matter iPhone declaring as the “3.5G cell phone”, PDA owned by most business men, or PSP being popular among the youths as a handheld game console and multimedia player, these kinds of handheld devices all have their own embedded Internet browsers. Though connecting in wireless is so easy and common, most of the web pages are designed for desktop computers. Because the resolution of web pages is usually several times of the tiny screen, it is not comfortable to read pages and not fitting the browsing habits of the public. However, asking every web designer to rewrite all pages for different handheld devices with different sizes wastes too much time and efforts. The real economic solution is making a system that can automatically re-author the original web pages for different connecting devices. In order to gather the precise information of connecting devices, our server side system asks user register and login. When they register new accounts, they have to fill up their device-related information, such as the width and height of screen, and unplayable multimedia formats. Our system is divided into two parts: the preprocessor that re-author pages before the connecting of registrants, and the handler that serve connectors online. Based on user’s accurate data, the preprocessor adjusts original pages and generates result pages for every account. By employing the techniques of CSS and JavaScript, we extract all visual-relates attributes of web elements, and then write them into corresponding created CSS files. Therefore our system can reach the goal to make preprocessor re-authors web pages in advance and allow users actively adjust the contents of pages though modifying generated CSS files. Even the web pages have been adapted to fit the width of small screen; users may still want to adjust web contents online according to their favorites or needs sometimes. For example, an old person may want to enlarge the word size for his near-sighted eyes, or someone may want to zoom in the picture to watch its detail. Providing users the function to adjust is thus necessary. When the preprocessor re-author a web page, it puts a floating panel for controlling that can fix on the same place on screen even users scroll the page. Users can click the icons on the panel to enlarge, reduce, and reset the downsizing rate of the viewing page.