【正文】 ts to a Web page in some order, which is not equivalent to load the first JavaScript file and then the second one. The results are still unexpected.To address the above problem, we must postpone the loading of until after has been loaded. By selecting a unique identifier from the file ( or ) and checking periodically whether the identifier has been defined or not, we can indirectly deduce the current state of that file. In other words, an identifier has been defined, which means that the file containing it must have been loaded, too. For example, we choose the identifier named Prototype in and Draggable in .. Containment hierarchy of Page TailorAfter is loaded, it would create the containment hierarchy of elements that together pose the Page Tailor window, and the entire hierarchy would be appended to the Web page. Fig. 11 shows the correspondence between each element and their appearance displayed on the browser. The tag name of each element contained in this hierarchy is labeled on the lefthand side of the figure.一個個人網(wǎng)頁定制的移動設(shè)備工具包摘要通過移動設(shè)備瀏覽網(wǎng)頁是很常見的。然而，大部分的網(wǎng)頁是配備大屏幕的臺式電腦設(shè)計的。當(dāng)在移動設(shè)備上瀏覽時，由于有限的屏幕尺寸，用戶必須向上和向下滾動去找到他們想要的信息。雖然一些商業(yè)產(chǎn)品重新格式化了網(wǎng)頁，但是最終的網(wǎng)頁仍然包含不相關(guān)的信息。我們提出了一個系統(tǒng)去個性化用戶的移動網(wǎng)頁。用戶可以確定哪些塊在一個網(wǎng)頁中應(yīng)予以保留。根據(jù)個人的喜好，這些序列塊也可以改變。1. 介紹現(xiàn)在，我們可以的很容易的建立一個移動網(wǎng)頁應(yīng)用程序。[1] （以前稱為MMIT，短的微軟移動互聯(lián)網(wǎng)工具包）例如，它減少了開發(fā)所需要的工作去開發(fā)針對不同類型移動設(shè)備的應(yīng)用程序，如移動電話和PDA等。在運行時，MMIT將會自動偵測到目標設(shè)備并返回正確的編制格式。因此，開發(fā)人員可以專注于應(yīng)用程序邏輯而不用擔(dān)心介紹的問題。類似的關(guān)于這一主題的學(xué)術(shù)研究包括[2]和[3]。他們都為著名的插件提供IDE，如JBuilder和Visual Studio，以協(xié)助開發(fā)人員提交一個通用應(yīng)用程序。在PUML變換技術(shù)的作用下[4]，這個通用的應(yīng)用可以進一步轉(zhuǎn)化為不同的移動設(shè)備的具體目標格式。移動設(shè)備的廣泛使得通過他們?yōu)g覽網(wǎng)頁變得普通。然而，大多數(shù)網(wǎng)頁是由配備了大屏幕的臺式電腦設(shè)計的。當(dāng)在移動設(shè)備上瀏覽時，一個用戶可能要一直上下，左右滾動來尋找他們想要的信息。由于有限的屏幕大小，這種操作是很不方便的。幸運的是，一些著名的網(wǎng)站有另一種為移動設(shè)備提供的簡化版本的專門網(wǎng)頁內(nèi)容，例如谷歌手機[5]和雅虎移動[6]。另一方面，即使再加上迷人的工具包幫助，設(shè)計和維護同一網(wǎng)站的多個版本是一個Web開發(fā)人員的沉重負擔(dān)。如果我們調(diào)整了原來的網(wǎng)頁以適應(yīng)移動設(shè)備的寬度，垂直滾動條查看起來就會太長，而且信息很擁擠。另一方面，如果我們提供另一個網(wǎng)頁的原始版本，可能有一些重要的信息會在手機版本中丟失，并且每一頁的轉(zhuǎn)變會給頁面開發(fā)者帶來很多麻煩。因此，在本研究中，我們設(shè)計了一個旨在幫助用戶為手持設(shè)備瀏覽而個性化移動網(wǎng)頁的系統(tǒng)。在這個小節(jié)，四個主要的研究目標被列出并簡要介紹。．易于使用啟動其他程序是沒有意義的，除了瀏覽器的個性化網(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)該很快的被下載。從而使用戶可以在不同的地方的不同計算機上工作。．個性化網(wǎng)頁視覺網(wǎng)頁通常由標題、頁腳、側(cè)邊欄和內(nèi)容范圍組成的。其中一部分是用來為網(wǎng)站維持一貫風(fēng)格的，他們的其他部分用于導(dǎo)航。一些著名的網(wǎng)站上甚至可能含有大量的宣傳廣告。在許多網(wǎng)頁， 只有少數(shù)的信息確實需要顯示在手機屏幕上。本研究的目的還在于讓用戶在用手機瀏覽網(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ù)量傳輸可能會減少，從而也減少了無線帶寬的消費。．移動網(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)的解決方案。本研究的主要貢獻如下。 。 ，并且不需要預(yù)先安裝任何軟件。 ，一個Web頁面布局不會經(jīng)常變動。 。 。本文共分為七個部分。以下是對每一節(jié)內(nèi)容的簡要說明。在第2節(jié)中，一個系統(tǒng)的概述，并提出了三個主要組成部分。在第3節(jié)對該系統(tǒng)的設(shè)計細節(jié)、遇到的問題和我們對相應(yīng)的解決方案進行了說明。此外，我們在第4節(jié)討論我們的移動網(wǎng)頁生成算法。在第5節(jié)進行了一些測試來評估我們的制度。也給出了實例演示來解釋如何利用該建議的工具消除不必要的滾動。在第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)和遠程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)頁。 為了實現(xiàn)上述任務(wù)，我們在系統(tǒng)中設(shè)計三個組成部分的：頁面定制、配置管理器和移動代理。每個組件的用途和功能將被分別介紹。系統(tǒng)的設(shè)計細節(jié)在第3節(jié)中介紹。．頁面定制移動代碼形式的頁面定制可以在他/她對網(wǎng)頁個性化時進行下載并在用戶的瀏覽器上執(zhí)行。它為用戶提供一些可視化操作，以便幫助他們指定對有關(guān)網(wǎng)頁上的偏好。這里的偏好包括：網(wǎng)頁塊的保留和最終的安排。所有關(guān)于本網(wǎng)頁的喜好將被保存在一個由配置管理器管理的遠程數(shù)據(jù)庫中。圖4是網(wǎng)頁制定在Firefox網(wǎng)頁瀏覽器上執(zhí)行的快照。圖4在Firefox Web瀏覽器的頁面定制．執(zhí)行與初始化在瀏覽網(wǎng)頁是，用戶可以點擊已安裝的書簽來下載并執(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)頁塊的功能。例如，在這張照片上半部分包含的信息比在底部的多。選擇塊用黃色標明。圖 5在不同區(qū)的選擇塊。圖 6說明了另一個特點 拖放。在這張照片里，三個顯示是從左至右的。一開始，三個塊已被選定（左）。接下來，我們轉(zhuǎn)過去最后兩個塊（中），然后出來最終的結(jié)果（右）。頁面定制窗口塊序列將與它在移動瀏覽器設(shè)備上的相同。 圖 6重新排列選定的區(qū)塊。．用戶喜好XPath的[9]是一種語言，它描述了如何找到一個文件的具體內(nèi)容。這是我們通過的用來存儲用戶的喜好的標準。在我們的網(wǎng)頁制定系統(tǒng)中，用戶的喜好存儲是由XPath表達式組成的。在換言之，當(dāng)一個用戶添加一個塊到頁面定制窗口是，頁面定制將內(nèi)部生成該塊的XPath表達式。通過使用XPath表達式，如果本頁面布局并沒有過于頻繁改變是，我們可以提供唯一的標識塊。 至于選定塊序列，它會根據(jù)其在頁面定制窗口（用逗號分隔）選定塊的XPath表達式并串聯(lián)在一起，以形成用戶對本網(wǎng)頁的喜好。圖 7是一個現(xiàn)實的例子。圖 7網(wǎng)頁用戶喜好的內(nèi)部表達。．配置管理用戶指定的喜好將存儲在數(shù)據(jù)庫中。配置管理提供了一個看門人來控制后端數(shù)據(jù)庫訪問的連接。它為用戶提供一個基于Web的界面來管理網(wǎng)絡(luò)上他/她的基于HTTP 。兩個Web服務(wù)允許系統(tǒng)其他組件通過編程方式來訪問喜好。這兩個服務(wù)一個用于查詢數(shù)據(jù)庫和另一個用于更新。 我們之所以采取了Web服務(wù)的方法最終是因為它的語言和平臺的具體性質(zhì)。因此，我們系統(tǒng)中其他組建的服務(wù)可以實施在不同的編程語言，這樣更適合具體任務(wù)的落實。．移動代理移動代理是一種特制的代理，是為個性化過程完成的最后一步工作。它會監(jiān)測每個HTTP請求，使通過URL請求調(diào)用Web服務(wù)作為參數(shù)傳給配置管理器。返回用戶的喜好，如果有的話，可以被用來過濾掉不需要的網(wǎng)頁內(nèi)容，并重新安排剩余塊。 圖8總結(jié)了這三個主要組成部分之間的溝通。頁面定制是第一個在用戶的瀏覽器上被下載并執(zhí)行的。然后，由它和移動代理使用配置管理器的Web服務(wù)來訪問存儲用戶喜好的后端數(shù)據(jù)庫。圖 8這三個組成部分之間的溝通。3．詳細設(shè)計，標準和接口在本節(jié)中，我們將介紹該系統(tǒng)的設(shè)計、標準和三個主要組件的系統(tǒng)接口細節(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)頁中添加交互性。這一點符合本文件，即易于使用的第一個目標，因為我們可以在網(wǎng)頁中嵌入的配置工具，使用戶可以直接配置在瀏覽器上的設(shè)置。，我們可以通過DOM界面來操作網(wǎng)頁。 DOM提供JavaScript和原來的網(wǎng)頁界面之間的連接。換句話說，我們可以改變網(wǎng)頁的外觀來反映用戶的選擇。這一個符合第二個目標，即個性網(wǎng)頁可視化。，并作用于所有主要的瀏覽器如Internet Explorer和Firefox。這個適合于第三個目標，即面向主流瀏覽器。．頁面定制書簽連接用戶和網(wǎng)頁定制的是書簽。也就是圖 9中所示的用戶與頁面定制的IB接口。這個書簽的源代碼是圖 10所示的。當(dāng)用戶的點擊，一個標記名稱的元素“腳本”被創(chuàng)建（2號線）。創(chuàng)建后，新的元素不包含任何屬性。在“src”屬性（第5行）是用來表示一個遠程JavaScript文件位置的。一個創(chuàng)建的元素只存在于瀏覽器的內(nèi)存中，而不是作為這個網(wǎng)頁的一部分。為了讓“腳本”的因素發(fā)揮作用，我們必須將它添加到Web頁面。由于這個原因，我們發(fā)現(xiàn)了在Web頁的“身體”元素（第6行），然后追加作為它的一個（7號線）不成熟的“腳本”因素。圖 10這是用來啟動頁面定制的書簽。通過這種方法，我們可以根據(jù)需要動態(tài)加載外部JavaScript文件來做一些網(wǎng)頁的東西。它也可以給其他類型的文件使用，如CSS。．加載外部JavaScript庫Ja