【正文】 ilor window (separated by mas) to form the user preferences about this page. Fig. 7 is a practical example.Fig. 7. Internal expression of user preferences about a Web page.. Configuration ManagerThe preferences specified by a user will be stored in a database. Configuration Manager serves as a gatekeeper to control the access to the backend database. It provides a Web based interface) for a user to manage his/her preferences base on the HTTP Web protocol. Two Web services are also exported to allow other ponents in this system to access the preferences programmatically. One is used for querying the database and the other for updating.The reason why we adopted the Web service approach ultimately is because of its language and platformspecific nature. Hence, other ponents utilizing the services in our system could be implemented in different programming languages that are more appropriate for specific tasks.. Mobile ProxyMobile Proxy is a specially made proxy that is responsible for the final step in pleting the personalizing process. It would monitor every HTTP request and makes Web service calls (query service) with the request URL as the parameter to Configuration Manager. The returned user preferences, if any, could then be employed to filter out the unwanted Web page content and rearrange the remaining blocks.Fig. 8 summarizes the munication between these three major ponents. Page Tailor is first downloaded and executed in a user39。s choice. This one conforms to the second objective, . personalizing Web page visually.3. JavaScript is one of the most popular scripting languages on the Internet, and works in all major browsers, such as Internet Explorer and Firefox. This one agrees with the third objective, . support for mainstream browsers.. Page Tailor bookmarkletThe interface between user and Page Tailor is bookmarklet. That is, the ib interface between user and Page Tailor in Fig. 9. The source code of this bookmarklet is shown in Fig. 10. When a user clicks that, an element with tag name “script” is created (Line 2). After being created, the new element contains no properties. The “src” property (Line 5) is employed to indicate the location of a remote JavaScript file. A created element exists only in the browser39。然而，大部分的網(wǎng)頁(yè)是配備大屏幕的臺(tái)式電腦設(shè)計(jì)的。雖然一些商業(yè)產(chǎn)品重新格式化了網(wǎng)頁(yè)，但是最終的網(wǎng)頁(yè)仍然包含不相關(guān)的信息。用戶(hù)可以確定哪些塊在一個(gè)網(wǎng)頁(yè)中應(yīng)予以保留。1. 介紹現(xiàn)在，我們可以的很容易的建立一個(gè)移動(dòng)網(wǎng)頁(yè)應(yīng)用程序。在運(yùn)行時(shí)，MMIT將會(huì)自動(dòng)偵測(cè)到目標(biāo)設(shè)備并返回正確的編制格式。類(lèi)似的關(guān)于這一主題的學(xué)術(shù)研究包括[2]和[3]。在PUML變換技術(shù)的作用下[4]，這個(gè)通用的應(yīng)用可以進(jìn)一步轉(zhuǎn)化為不同的移動(dòng)設(shè)備的具體目標(biāo)格式。然而，大多數(shù)網(wǎng)頁(yè)是由配備了大屏幕的臺(tái)式電腦設(shè)計(jì)的。由于有限的屏幕大小，這種操作是很不方便的。另一方面，即使再加上迷人的工具包幫助，設(shè)計(jì)和維護(hù)同一網(wǎng)站的多個(gè)版本是一個(gè)Web開(kāi)發(fā)人員的沉重負(fù)擔(dān)。另一方面，如果我們提供另一個(gè)網(wǎng)頁(yè)的原始版本，可能有一些重要的信息會(huì)在手機(jī)版本中丟失，并且每一頁(yè)的轉(zhuǎn)變會(huì)給頁(yè)面開(kāi)發(fā)者帶來(lái)很多麻煩。在這個(gè)小節(jié)，四個(gè)主要的研究目標(biāo)被列出并簡(jiǎn)要介紹。當(dāng)用戶(hù)在互聯(lián)網(wǎng)上沖浪，發(fā)現(xiàn)一個(gè)他/她感興趣的網(wǎng)頁(yè)， 這個(gè)系統(tǒng)配置工具應(yīng)該可以在適當(dāng)?shù)臅r(shí)候用某種方式在瀏覽器窗口中彈出。從而使用戶(hù)可以在不同的地方的不同計(jì)算機(jī)上工作。其中一部分是用來(lái)為網(wǎng)站維持一貫風(fēng)格的，他們的其他部分用于導(dǎo)航。在許多網(wǎng)頁(yè)， 只有少數(shù)的信息確實(shí)需要顯示在手機(jī)屏幕上。一個(gè)友好的用戶(hù)界面應(yīng)該可為用戶(hù)來(lái)執(zhí)行這項(xiàng)任務(wù)。通過(guò)拖和拖放操作，用戶(hù)可以根據(jù)他/她的個(gè)人喜好決定所選擇的塊的相對(duì)位置。 根據(jù)瀏覽器市場(chǎng)份額的調(diào)查顯示[8]，微軟互聯(lián)網(wǎng)瀏覽器仍然是目前為止在網(wǎng)絡(luò)上使用的最主流瀏覽器，％的市場(chǎng)份額，％，而其他選擇，例如， Safari瀏覽器，網(wǎng)景，Opera和Mozilla占領(lǐng)了其余的份額。 ．減少無(wú)線(xiàn)帶寬消耗 除了屏幕大小的限制，有限的內(nèi)存和無(wú)線(xiàn)網(wǎng)絡(luò)帶寬也使它不適合提供整個(gè)移動(dòng)設(shè)備網(wǎng)頁(yè)。所以說(shuō)移動(dòng)電話(huà)的數(shù)據(jù)量傳輸可能會(huì)減少，從而也減少了無(wú)線(xiàn)帶寬的消費(fèi)。用戶(hù)總是只關(guān)心網(wǎng)站內(nèi)容的一部分。 本文討論了遇到的問(wèn)題和我們相應(yīng)的解決方案。 。 ，一個(gè)Web頁(yè)面布局不會(huì)經(jīng)常變動(dòng)。 。以下是對(duì)每一節(jié)內(nèi)容的簡(jiǎn)要說(shuō)明。在第3節(jié)對(duì)該系統(tǒng)的設(shè)計(jì)細(xì)節(jié)、遇到的問(wèn)題和我們對(duì)相應(yīng)的解決方案進(jìn)行了說(shuō)明。在第5節(jié)進(jìn)行了一些測(cè)試來(lái)評(píng)估我們的制度。在第6節(jié)討論一些相關(guān)的工程。2. 系統(tǒng)設(shè)計(jì)基本上，在我們的網(wǎng)頁(yè)個(gè)性化定制系統(tǒng)的過(guò)程中包括兩個(gè)步驟（圖1）。第二，他/她要配置他/她的移動(dòng)設(shè)備瀏覽器要經(jīng)過(guò)一個(gè)特制的代理，這是根據(jù)第一步的喜好設(shè)定調(diào)整網(wǎng)頁(yè)的內(nèi)容。圖 2描述了第一步的互動(dòng)。由服務(wù)器處理后，HTTP響應(yīng)被發(fā)送回請(qǐng)求（1號(hào)線(xiàn)）。在該方案的幫助下，用戶(hù)通過(guò)可視化操作指定他/她的喜好。圖2使用個(gè)人電腦或筆記本電腦個(gè)性化網(wǎng)頁(yè)。由于用戶(hù)使用瀏覽器的代理就要配置在我們的系統(tǒng)內(nèi)的他/她的移動(dòng)設(shè)備，我們就可以窺探每個(gè)HTTP請(qǐng)求，并修改其相應(yīng)的反應(yīng)（系3和4）。圖 3通過(guò)移動(dòng)設(shè)備瀏覽網(wǎng)頁(yè)。每個(gè)組件的用途和功能將被分別介紹。．頁(yè)面定制移動(dòng)代碼形式的頁(yè)面定制可以在他/她對(duì)網(wǎng)頁(yè)個(gè)性化時(shí)進(jìn)行下載并在用戶(hù)的瀏覽器上執(zhí)行。這里的偏好包括：網(wǎng)頁(yè)塊的保留和最終的安排。圖4是網(wǎng)頁(yè)制定在Firefox網(wǎng)頁(yè)瀏覽器上執(zhí)行的快照。從其他用戶(hù)的角度來(lái)看，它似乎是網(wǎng)頁(yè)本身提供的個(gè)性化功能。首先，當(dāng)前的頁(yè)面定制與配置管理器將連接來(lái)，并檢索當(dāng)前訪(fǎng)問(wèn)網(wǎng)頁(yè)的用戶(hù)的喜好。相反，如果沒(méi)有任何關(guān)于本網(wǎng)頁(yè)的喜好，當(dāng)然什么都不會(huì)發(fā)生。尤其是當(dāng)他/她只想要執(zhí)行一個(gè)輕微的修改。圖 5演示一個(gè)用戶(hù)可以選擇不同網(wǎng)頁(yè)塊的功能。選擇塊用黃色標(biāo)明。圖 6說(shuō)明了另一個(gè)特點(diǎn) 拖放。一開(kāi)始，三個(gè)塊已被選定（左）。頁(yè)面定制窗口塊序列將與它在移動(dòng)瀏覽器設(shè)備上的相同。．用戶(hù)喜好XPath的[9]是一種語(yǔ)言，它描述了如何找到一個(gè)文件的具體內(nèi)容。在我們的網(wǎng)頁(yè)制定系統(tǒng)中，用戶(hù)的喜好存儲(chǔ)是由XPath表達(dá)式組成的。通過(guò)使用XPath表達(dá)式，如果本頁(yè)面布局并沒(méi)有過(guò)于頻繁改變是，我們可以提供唯一的標(biāo)識(shí)塊。圖 7是一個(gè)現(xiàn)實(shí)的例子。．配置管理用戶(hù)指定的喜好將存儲(chǔ)在數(shù)據(jù)庫(kù)中。它為用戶(hù)提供一個(gè)基于Web的界面來(lái)管理網(wǎng)絡(luò)上他/她的基于HTTP 。這兩個(gè)服務(wù)一個(gè)用于查詢(xún)數(shù)據(jù)庫(kù)和另一個(gè)用于更新。因此，我們系統(tǒng)中其他組建的服務(wù)可以實(shí)施在不同的編程語(yǔ)言，這樣更適合具體任務(wù)的落實(shí)。它會(huì)監(jiān)測(cè)每個(gè)HTTP請(qǐng)求，使通過(guò)URL請(qǐng)求調(diào)用Web服務(wù)作為參數(shù)傳給配置管理器。 圖8總結(jié)了這三個(gè)主要組成部分之間的溝通。然后，由它和移動(dòng)代理使用配置管理器的Web服務(wù)來(lái)訪(fǎng)問(wèn)存儲(chǔ)用戶(hù)喜好的后端數(shù)據(jù)庫(kù)。3．詳細(xì)設(shè)計(jì)，標(biāo)準(zhǔn)和接口在本節(jié)中，我們將介紹該系統(tǒng)的設(shè)計(jì)、標(biāo)準(zhǔn)和三個(gè)主要組件的系統(tǒng)接口細(xì)節(jié)和遇到的問(wèn)題。該系統(tǒng)組件和它們的接口顯示在如圖9中。因?yàn)槲覀兊南到y(tǒng)是為Web應(yīng)用程序設(shè)計(jì)的，iw接口使我們能夠通過(guò)開(kāi)發(fā)不同的編程語(yǔ)言或不同平臺(tái)老開(kāi)發(fā)不同的系統(tǒng)組件。．頁(yè)面定制頁(yè)面定制的設(shè)計(jì)是在JavaScript中執(zhí)行，是因?yàn)橄旅娴目紤]。這一點(diǎn)符合本文件，即易于使用的第一個(gè)目標(biāo)，因?yàn)槲覀兛梢栽诰W(wǎng)頁(yè)中嵌入的配置工具，使用戶(hù)可以直接配置在瀏覽器上的設(shè)置。 DOM提供JavaScript和原來(lái)的網(wǎng)頁(yè)界面之間的連接。這一個(gè)符合第二個(gè)目標(biāo)，即個(gè)性網(wǎng)頁(yè)可視化。這個(gè)適合于第三個(gè)目標(biāo)，即面向主流瀏覽器。也就是圖 9中所示的用戶(hù)與頁(yè)面定制的IB接口。當(dāng)用戶(hù)的點(diǎn)擊，一個(gè)標(biāo)記名稱(chēng)的元素“腳本”被創(chuàng)建（2號(hào)線(xiàn)）。在“src”屬性（第5行）是用來(lái)表示一個(gè)遠(yuǎn)程JavaScript文件位置的。為了讓“腳本”的因素發(fā)揮作用，我們必須將它添加到Web頁(yè)面。圖 10這是用來(lái)啟動(dòng)頁(yè)面定制的書(shū)簽。它也可以給其他類(lèi)型的文件使用，如CSS。一些開(kāi)發(fā)資源的項(xiàng)目已納入常用功能如拖拉和視覺(jué)效果。 雖然我們可以動(dòng)態(tài)加載這些JavaScript文件，加載的時(shí)間已經(jīng)花了，但是必須依賴(lài)于瀏覽器。結(jié)果仍然出乎意料。通過(guò)選擇從文件（）中選擇一個(gè)唯一的標(biāo)志符和定期檢查是否已定義的標(biāo)識(shí)符，我們可以間接推斷出該文件的當(dāng)前狀態(tài)。例如。圖。在此層次結(jié)構(gòu)中每個(gè)元素的標(biāo)簽名稱(chēng)標(biāo)示在圖的