【正文】 移動設(shè)備的廣泛使得通過他們?yōu)g覽網(wǎng)頁變得普通。然而，大多數(shù)網(wǎng)頁是由配備了大屏幕的臺式電腦設(shè)計的。當(dāng)在移動設(shè)備上瀏覽時，一個用戶可能要一直上下，左右滾動來尋找他們想要的信息。由于有限的屏幕大小，這種操作是很不方便的。幸運(yùn)的是，一些著名的網(wǎng)站有另一種為移動設(shè)備提供的簡化版本的專門網(wǎng)頁內(nèi)容，例如谷歌手機(jī)[5]和雅虎移動[6]。另一方面，即使再加上迷人的工具包幫助，設(shè)計和維護(hù)同一網(wǎng)站的多個版本是一個Web開發(fā)人員的沉重負(fù)擔(dān)。如果我們調(diào)整了原來的網(wǎng)頁以適應(yīng)移動設(shè)備的寬度，垂直滾動條查看起來就會太長，而且信息很擁擠。另一方面，如果我們提供另一個網(wǎng)頁的原始版本，可能有一些重要的信息會在手機(jī)版本中丟失，并且每一頁的轉(zhuǎn)變會給頁面開發(fā)者帶來很多麻煩。因此，在本研究中，我們設(shè)計了一個旨在幫助用戶為手持設(shè)備瀏覽而個性化移動網(wǎng)頁的系統(tǒng)。在這個小節(jié)，四個主要的研究目標(biāo)被列出并簡要介紹。．易于使用啟動其他程序是沒有意義的，除了瀏覽器的個性化網(wǎng)頁。當(dāng)用戶在互聯(lián)網(wǎng)上沖浪，發(fā)現(xiàn)一個他/她感興趣的網(wǎng)頁， 這個系統(tǒng)配置工具應(yīng)該可以在適當(dāng)?shù)臅r候用某種方式在瀏覽器窗口中彈出。此外，所有完成此工作需要的代碼（即個性化網(wǎng)頁）在訪問時應(yīng)該很快的被下載。從而使用戶可以在不同的地方的不同計算機(jī)上工作。．個性化網(wǎng)頁視覺網(wǎng)頁通常由標(biāo)題、頁腳、側(cè)邊欄和內(nèi)容范圍組成的。其中一部分是用來為網(wǎng)站維持一貫風(fēng)格的，他們的其他部分用于導(dǎo)航。一些著名的網(wǎng)站上甚至可能含有大量的宣傳廣告。在許多網(wǎng)頁， 只有少數(shù)的信息確實(shí)需要顯示在手機(jī)屏幕上。本研究的目的還在于讓用戶在用手機(jī)瀏覽網(wǎng)頁時確定其中一個網(wǎng)頁部分應(yīng)予以保留。一個友好的用戶界面應(yīng)該可為用戶來執(zhí)行這項任務(wù)。例如，使用適當(dāng)?shù)囊暵犉鞑模ㄈ缤怀觯┯脩艨梢栽诰W(wǎng)頁用不同的尺寸一個接一個的選擇塊。通過拖和拖放操作，用戶可以根據(jù)他/她的個人喜好決定所選擇的塊的相對位置。總之，用戶可以簡單地通過可視化操作建立移動網(wǎng)頁，并且沒有寫任何一行代碼。 根據(jù)瀏覽器市場份額的調(diào)查顯示[8]，微軟互聯(lián)網(wǎng)瀏覽器仍然是目前為止在網(wǎng)絡(luò)上使用的最主流瀏覽器，％的市場份額，％，而其他選擇，例如， Safari瀏覽器，網(wǎng)景，Opera和Mozilla占領(lǐng)了其余的份額。下載的移動代碼應(yīng)與至少前兩名流行的瀏覽器合作，如微軟的Internet Explorer和Firefox Web瀏覽器。 ．減少無線帶寬消耗 除了屏幕大小的限制，有限的內(nèi)存和無線網(wǎng)絡(luò)帶寬也使它不適合提供整個移動設(shè)備網(wǎng)頁。在返回前一個網(wǎng)頁到移動設(shè)備之前，必須根據(jù)用戶的喜好對一些預(yù)處理網(wǎng)頁作一些調(diào)整。所以說移動電話的數(shù)據(jù)量傳輸可能會減少，從而也減少了無線帶寬的消費(fèi)。．移動網(wǎng)頁內(nèi)容自動提取 我們建議的內(nèi)容適應(yīng)算法可以自動調(diào)整網(wǎng)頁到移動設(shè)備。用戶總是只關(guān)心網(wǎng)站內(nèi)容的一部分。內(nèi)容適應(yīng)應(yīng)用應(yīng)該提供一個函數(shù)來從網(wǎng)頁中提取這些部件。 本文討論了遇到的問題和我們相應(yīng)的解決方案。本研究的主要貢獻(xiàn)如下。 。 ，并且不需要預(yù)先安裝任何軟件。 ，一個Web頁面布局不會經(jīng)常變動。 。 。本文共分為七個部分。以下是對每一節(jié)內(nèi)容的簡要說明。在第2節(jié)中，一個系統(tǒng)的概述，并提出了三個主要組成部分。在第3節(jié)對該系統(tǒng)的設(shè)計細(xì)節(jié)、遇到的問題和我們對相應(yīng)的解決方案進(jìn)行了說明。此外，我們在第4節(jié)討論我們的移動網(wǎng)頁生成算法。在第5節(jié)進(jìn)行了一些測試來評估我們的制度。也給出了實(shí)例演示來解釋如何利用該建議的工具消除不必要的滾動。在第6節(jié)討論一些相關(guān)的工程。最后在第7我們做出結(jié)論并討論今后的工作。2. 系統(tǒng)設(shè)計基本上，在我們的網(wǎng)頁個性化定制系統(tǒng)的過程中包括兩個步驟（圖1）。首先，用戶必須使用PC或筆記本電腦指定他/她的一個頁面喜好。第二，他/她要配置他/她的移動設(shè)備瀏覽器要經(jīng)過一個特制的代理，這是根據(jù)第一步的喜好設(shè)定調(diào)整網(wǎng)頁的內(nèi)容。下面給出兩張圖片分別說明了用戶、我們的網(wǎng)頁裁剪系統(tǒng)和遠(yuǎn)程Web服務(wù)器（）之間的關(guān)系。圖 2描述了第一步的互動。當(dāng)用戶輸入一個他/她的Web瀏覽器，一個HTTP請求的URL發(fā)送到（1號線）在URL中指定的相應(yīng)的Web服務(wù)器。由服務(wù)器處理后，HTTP響應(yīng)被發(fā)送回請求（1號線）。如果用戶想要個性化的網(wǎng)頁，一個駐留在我們的系統(tǒng)中的很小的Web服務(wù)器中的程序?qū)⒈幌螺d（2號線），并將在他/她的瀏覽器中執(zhí)行。在該方案的幫助下，用戶通過可視化操作指定他/她的喜好。工作完成后，有關(guān)此網(wǎng)頁的喜好將發(fā)送回，并儲存在以后使用（2號線）的數(shù)據(jù)庫中。圖2使用個人電腦或筆記本電腦個性化網(wǎng)頁。圖 3張圖片在第二個步驟的互動。由于用戶使用瀏覽器的代理就要配置在我們的系統(tǒng)內(nèi)的他/她的移動設(shè)備，我們就可以窺探每個HTTP請求，并修改其相應(yīng)的反應(yīng)（系3和4）。例如，如果用戶訪問的網(wǎng)頁以前被個性化過，它就制作特定的網(wǎng)頁去滿足用戶的喜好。圖 3通過移動設(shè)備瀏覽網(wǎng)頁。 為了實(shí)現(xiàn)上述任務(wù)，我們在系統(tǒng)中設(shè)計三個組成部分的：頁面定制、配置管理器和移動代理。每個組件的用途和功能將被分別介紹。系統(tǒng)的設(shè)計細(xì)節(jié)在第3節(jié)中介紹。．頁面定制移動代碼形式的頁面定制可以在他/她對網(wǎng)頁個性化時進(jìn)行下載并在用戶的瀏覽器上執(zhí)行。它為用戶提供一些可視化操作，以便幫助他們指定對有關(guān)網(wǎng)頁上的偏好。這里的偏好包括：網(wǎng)頁塊的保留和最終的安排。所有關(guān)于本網(wǎng)頁的喜好將被保存在一個由配置管理器管理的遠(yuǎn)程數(shù)據(jù)庫中。圖4是網(wǎng)頁制定在Firefox網(wǎng)頁瀏覽器上執(zhí)行的快照。圖4在Firefox Web瀏覽器的頁面定制．執(zhí)行與初始化在瀏覽網(wǎng)頁是，用戶可以點(diǎn)擊已安裝的書簽來下載并執(zhí)行頁面定制。從其他用戶的角度來看，它似乎是網(wǎng)頁本身提供的個性化功能。 頁面定制后窗口是在用戶的瀏覽器上啟動，有些操作是在后臺自動執(zhí)行的。首先，當(dāng)前的頁面定制與配置管理器將連接來，并檢索當(dāng)前訪問網(wǎng)頁的用戶的喜好。如果在此之前用戶已經(jīng)個性化了網(wǎng)頁，網(wǎng)頁制定將找回原來的選擇，然后使用數(shù)據(jù)檢索重建過去的形式，如已經(jīng)選擇的塊和它們的順序。相反，如果沒有任何關(guān)于本網(wǎng)頁的喜好，當(dāng)然什么都不會發(fā)生。這一行動的目的是幫助用戶加速凝結(jié)時間。尤其是當(dāng)他/她只想要執(zhí)行一個輕微的修改。 為了幫助用戶指定他/她對一個網(wǎng)頁的喜好，頁面制定提供了一些視覺化操作。圖 5演示一個用戶可以選擇不同網(wǎng)頁塊的功能。例如，在這張照片上半部分包含的信息比在底部的多。選擇塊用黃色標(biāo)明。圖 5在不同區(qū)的選擇塊。圖 6說明了另一個特點(diǎn) 拖放。在這張照片里，三個顯示是從左至右的。一開始，三個塊已被選定（左）。接下來，我們轉(zhuǎn)過去最后兩個塊（中），然后出來最終的結(jié)果（右）。頁面定制窗口塊序列將與它在移動瀏覽器設(shè)備上的相同。 圖 6重新排列選定的區(qū)塊。．用戶喜好XPath的[9]是一種語言，它描述了如何找到一個文件的具體內(nèi)容。這是我們通過的用來存儲用戶的喜好的標(biāo)準(zhǔn)。在我們的網(wǎng)頁制定系統(tǒng)中，用戶的喜好存儲是由XPath表達(dá)式組成的。在換言之，當(dāng)一個用戶添加一個塊到頁面定制窗口是，頁面定制將內(nèi)部生成該塊的XPath表達(dá)式。通過使用XPath表達(dá)式，如果本頁面布局并沒有過于頻繁改變是，我們可以提供唯一的標(biāo)識塊。 至于選定塊序列，它會根據(jù)其在頁面定制窗口（用逗號分隔）選定塊的XPath表達(dá)式并串聯(lián)在一起，以形成用戶對本網(wǎng)頁的喜好。圖 7是一個現(xiàn)實(shí)的例子。圖 7網(wǎng)頁用戶喜好的內(nèi)部表達(dá)。．配置管理用戶指定的喜好將存儲在數(shù)據(jù)庫中。配置管理提供了一個看門人來控制后端數(shù)據(jù)庫訪問的連接。它為用戶提供一個基于Web的界面來管理網(wǎng)絡(luò)上他/她的基于HTTP 。兩個Web服務(wù)允許系統(tǒng)其他組件通過編程方式來訪問喜好。這兩個服務(wù)一個用于查詢數(shù)據(jù)庫和另一個用于更新。 我們之所以采取了Web服務(wù)的方法最終是因為它的語言和平臺的具體性質(zhì)。因此，我們系統(tǒng)中其他組建的服務(wù)可以實(shí)施在不同的編程語言，這樣更適合具體任務(wù)的落實(shí)。．移動代理移動代理是一種特制的代理，是為個性化過程完成的最后一步工作。它會監(jiān)測每個HTTP請求，使通過URL請求調(diào)用Web服務(wù)作為參數(shù)傳給配置管理器。返回用戶的喜好，如果有的話，可以被用來過濾掉不需要的網(wǎng)頁內(nèi)容，并重新安排剩余塊。 圖8總結(jié)了這三個主要組成部分之間的溝通。頁面定制是第一個在用戶的瀏覽器上被下載并執(zhí)行的。然后，由它和移動代理使用配置管理器的Web服務(wù)來訪問存儲用戶喜好的后端數(shù)據(jù)庫。圖 8這三個組成部分之間的溝通。3．詳細(xì)設(shè)計，標(biāo)準(zhǔn)和接口在本節(jié)中，我們將介紹該系統(tǒng)的設(shè)計、標(biāo)準(zhǔn)和三個主要組件的系統(tǒng)接口細(xì)節(jié)和遇到的問題。我們也描述了問題解決方案。該系統(tǒng)組件和它們的接口顯示在如圖9中。圖9 系統(tǒng)組件及起接口在圖 9中，我們可以看到，幾乎所有的接口都iw, . Web接口。因為我們的系統(tǒng)是為Web應(yīng)用程序設(shè)計的，iw接口使我們能夠通過開發(fā)不同的編程語言或不同平臺老開發(fā)不同的系統(tǒng)組件。因此，它為系統(tǒng)的發(fā)展提供了跨平臺的通信。．頁面定制頁面定制的設(shè)計是在JavaScript中執(zhí)行，是因為下面的考慮。1. JavaScript最初被設(shè)計為在HTML網(wǎng)頁中添加交互性。這一點(diǎn)符合本文件，即易于使用的第一個目標(biāo)，因為我們可以在網(wǎng)頁中嵌入的配置工具，使用戶可以直接配置在瀏覽器上的設(shè)置。，我們可以通過DOM界面來操作網(wǎng)頁。 DOM提供JavaScript和原來的網(wǎng)頁界面之間的連接。換句話說，我們可以改變網(wǎng)頁的外觀來反映用戶的選擇。這一個符合第二個目標(biāo)，即個性網(wǎng)頁可視化。，并作用于所有主要的瀏覽器如Internet Explorer和Firefox。這個適合于第三個目標(biāo)，即面向主流瀏覽器。．頁面定制書簽連接用戶和網(wǎng)頁定制的是書簽。也就是圖 9中所示的用戶與頁面定制的IB接口。這個書簽的源代碼是圖 10所示的。當(dāng)用戶的點(diǎn)擊，一個標(biāo)記名稱的元素“腳本”被創(chuàng)建（2號線）。創(chuàng)建后，新的元素不包含任何屬性。在“src”屬性（第5行）是用來表示一個遠(yuǎn)程JavaScript文件位置的。一個創(chuàng)建的元素只存在于瀏覽器的內(nèi)存中，而不是作為這個網(wǎng)頁的一部分。為了讓“腳本”的因素發(fā)揮作用，我們必須將它添加到Web頁面。由于這個原因，我們發(fā)現(xiàn)了在Web頁的“身體”元素（第6行），然后追加作為它的一個（7號線）不成熟的“腳本”因素。圖 10這是用來啟動頁面定制的書簽。通過這種方法，我們可以根據(jù)需要動態(tài)加載外部JavaScript文件來做一些網(wǎng)頁的東西。它也可以給其他類型的文件使用，如CSS。．加載外部JavaScript庫JavaScript已用于許多應(yīng)用。一些開發(fā)資源的項目已納入常用功能如拖拉和視覺效果。在網(wǎng)頁定制，我們不重新發(fā)明功能， JavaScript框架的優(yōu)勢[10]。 雖然我們可以動態(tài)加載這些JavaScript文件，加載的時間已經(jīng)花了，但是必須依賴于瀏覽器。換言之，即使我們在某種條件下為網(wǎng)頁增加了“腳本”，這不等于加載第一個JavaScript文件或是第二個元素。結(jié)果仍然出乎意料。為了解決上述問題。通過選擇從文件（）中選擇一個唯一的標(biāo)志符和定期檢查是否已定義的標(biāo)識符，我們可以間接推斷出該文件的當(dāng)前狀態(tài)。換言之，一個標(biāo)識符被定義了，這意味著該文件的包含也必須被加載了。例如。．遏制層次的頁面定制，它會創(chuàng)建共同制定頁面定制窗口的遏制層次的元素，并且整個層次結(jié)構(gòu)將被追加到該網(wǎng)頁。圖。11顯示各元素之間通信和他們在瀏覽器上顯示。在此層次結(jié)構(gòu)中每個元素的標(biāo)簽名稱標(biāo)示在圖的左邊。