本篇論文主要探討在一個嵌入式瀏覽器在小型螢幕畫面上處理SSR(Small Screen Rendering)問題。近來具備語音以外能力的行動裝置越來越普及,其中有許多PDA及智慧型手機一類裝置能透過WIFI或者WCDMA等方式連接網際網路。不過這些行動裝置先天在硬體資源上有很多限制,這些限制所引發的問題之一在於他們的螢幕相對於桌上型系統的環境來說太小。然而一般網際網路的資源大都設定在提供給桌上型系統使用,網頁的版面設計都在640x480以上的解析度,而行動裝置的螢幕多在3.5"(320x240解析度)以下,所以若沒對網頁內容進行過處理,資訊的閱覽會相當的不便。 目前瀏覽器的發展與製作已進入十分繁複且龐大的階段。雖然SSR問題在文獻中有數種解決方式被充分研討出來,但平台的選擇卻會造成設計上極大的差異,也會限制處理方式的彈性。重新開發一個全新系統極為費力,且需要數載光陰,這部份可以從當初是最早的商用發行瀏覽器 Mozilla上看得到。Mozilla現在的主流瀏覽器是Firefox,其原始碼規模已經是相當於一個作業系統的等級,一個具有如此體積的程式碼得花費多少人力跟時間才能夠撰寫完成,所以不考慮從頭自行開發,而將會選擇一個開發彈性高且能夠負擔其開發時效的平台。而本論文是在Dillo—一個輕量級瀏覽器上去實做以thumbnails為概念的SSR解決方案,讓行動裝置能夠較為方便的瀏覽網路資訊。
In this thesis, we study and implement a solution to the small screen rendering(SSR) problem on an open source platform. Recently besides voice communication, mobile devices provide more and more popular applications such as web browsing and email. Many of them, like PDA and smartphones, can connect to internet through WIFI or WCDMA, but their hardware resources are relatively limited compared to PC or Notebook. One of the problems for mobile devices is the size of display screen which is much smaller than desktop or laptop devices. Almost all the contents of web pages on internet are designed for normal desktop system. Their layout size is at least 640x480 or more, but it is too big to mobile devices with less than 320x240 resolutions. If we do not process the layout of web page contents, the reading will be very inconvenient. There are several approaches proposed to solve the SSR problem in literature, but the choice of platform will cause great difference in design and limit the scalability. Browser development is a big project. Design a new web browser like Mozilla to implement a solution to SSR problem may spend several years of time. Instead, we choose Dillo, a light weight browser with high scalability and reasonable size of code, as our base system to implement a SSR solution. Our solution to the SSR is a modified Thumbnails which targets to provide as much convenience as possible to the viewer. Text and Image contents are resized as thumbnails and can be expanded into suitable sizes for viewing. With this as basis, we can relayout the page to make it in a more readable way for devices with limited size display.