【正文】
。11顯示各元素之間通信和他們在瀏覽器上顯示。.遏制層次的頁面定制,它會創(chuàng)建共同制定頁面定制窗口的遏制層次的元素,并且整個層次結(jié)構(gòu)將被追加到該網(wǎng)頁。換言之,一個標(biāo)識符被定義了,這意味著該文件的包含也必須被加載了。為了解決上述問題。換言之,即使我們在某種條件下為網(wǎng)頁增加了“腳本”,這不等于加載第一個JavaScript文件或是第二個元素。在網(wǎng)頁定制,我們不重新發(fā)明功能, JavaScript框架的優(yōu)勢[10]。.加載外部JavaScript庫JavaScript已用于許多應(yīng)用。通過這種方法,我們可以根據(jù)需要動態(tài)加載外部JavaScript文件來做一些網(wǎng)頁的東西。由于這個原因,我們發(fā)現(xiàn)了在Web頁的“身體”元素(第6行),然后追加作為它的一個(7號線)不成熟的“腳本”因素。一個創(chuàng)建的元素只存在于瀏覽器的內(nèi)存中,而不是作為這個網(wǎng)頁的一部分。創(chuàng)建后,新的元素不包含任何屬性。這個書簽的源代碼是圖 10所示的。.頁面定制書簽連接用戶和網(wǎng)頁定制的是書簽。,并作用于所有主要的瀏覽器如Internet Explorer和Firefox。換句話說,我們可以改變網(wǎng)頁的外觀來反映用戶的選擇。,我們可以通過DOM界面來操作網(wǎng)頁。1. JavaScript最初被設(shè)計為在HTML網(wǎng)頁中添加交互性。因此,它為系統(tǒng)的發(fā)展提供了跨平臺的通信。圖9 系統(tǒng)組件及起接口在圖 9中,我們可以看到,幾乎所有的接口都iw, . Web接口。我們也描述了問題解決方案。圖 8這三個組成部分之間的溝通。頁面定制是第一個在用戶的瀏覽器上被下載并執(zhí)行的。返回用戶的喜好,如果有的話,可以被用來過濾掉不需要的網(wǎng)頁內(nèi)容,并重新安排剩余塊。.移動代理移動代理是一種特制的代理,是為個性化過程完成的最后一步工作。 我們之所以采取了Web服務(wù)的方法最終是因?yàn)樗恼Z言和平臺的具體性質(zhì)。兩個Web服務(wù)允許系統(tǒng)其他組件通過編程方式來訪問喜好。配置管理提供了一個看門人來控制后端數(shù)據(jù)庫訪問的連接。圖 7網(wǎng)頁用戶喜好的內(nèi)部表達(dá)。 至于選定塊序列,它會根據(jù)其在頁面定制窗口(用逗號分隔)選定塊的XPath表達(dá)式并串聯(lián)在一起,以形成用戶對本網(wǎng)頁的喜好。在換言之,當(dāng)一個用戶添加一個塊到頁面定制窗口是,頁面定制將內(nèi)部生成該塊的XPath表達(dá)式。這是我們通過的用來存儲用戶的喜好的標(biāo)準(zhǔn)。 圖 6重新排列選定的區(qū)塊。接下來,我們轉(zhuǎn)過去最后兩個塊(中),然后出來最終的結(jié)果(右)。在這張照片里,三個顯示是從左至右的。圖 5在不同區(qū)的選擇塊。例如,在這張照片上半部分包含的信息比在底部的多。 為了幫助用戶指定他/她對一個網(wǎng)頁的喜好,頁面制定提供了一些視覺化操作。這一行動的目的是幫助用戶加速凝結(jié)時間。如果在此之前用戶已經(jīng)個性化了網(wǎng)頁,網(wǎng)頁制定將找回原來的選擇,然后使用數(shù)據(jù)檢索重建過去的形式,如已經(jīng)選擇的塊和它們的順序。 頁面定制后窗口是在用戶的瀏覽器上啟動,有些操作是在后臺自動執(zhí)行的。圖4在Firefox Web瀏覽器的頁面定制.執(zhí)行與初始化在瀏覽網(wǎng)頁是,用戶可以點(diǎn)擊已安裝的書簽來下載并執(zhí)行頁面定制。所有關(guān)于本網(wǎng)頁的喜好將被保存在一個由配置管理器管理的遠(yuǎn)程數(shù)據(jù)庫中。它為用戶提供一些可視化操作,以便幫助他們指定對有關(guān)網(wǎng)頁上的偏好。系統(tǒng)的設(shè)計細(xì)節(jié)在第3節(jié)中介紹。 為了實(shí)現(xiàn)上述任務(wù),我們在系統(tǒng)中設(shè)計三個組成部分的:頁面定制、配置管理器和移動代理。例如,如果用戶訪問的網(wǎng)頁以前被個性化過,它就制作特定的網(wǎng)頁去滿足用戶的喜好。圖 3張圖片在第二個步驟的互動。工作完成后,有關(guān)此網(wǎng)頁的喜好將發(fā)送回,并儲存在以后使用(2號線)的數(shù)據(jù)庫中。如果用戶想要個性化的網(wǎng)頁,一個駐留在我們的系統(tǒng)中的很小的Web服務(wù)器中的程序?qū)⒈幌螺d(2號線),并將在他/她的瀏覽器中執(zhí)行。當(dāng)用戶輸入一個他/她的Web瀏覽器,一個HTTP請求的URL發(fā)送到(1號線)在URL中指定的相應(yīng)的Web服務(wù)器。下面給出兩張圖片分別說明了用戶、我們的網(wǎng)頁裁剪系統(tǒng)和遠(yuǎn)程Web服務(wù)器()之間的關(guān)系。首先,用戶必須使用PC或筆記本電腦指定他/她的一個頁面喜好。最后在第7我們做出結(jié)論并討論今后的工作。也給出了實(shí)例演示來解釋如何利用該建議的工具消除不必要的滾動。此外,我們在第4節(jié)討論我們的移動網(wǎng)頁生成算法。在第2節(jié)中,一個系統(tǒng)的概述,并提出了三個主要組成部分。本文共分為七個部分。 。 ,并且不需要預(yù)先安裝任何軟件。本研究的主要貢獻(xiàn)如下。內(nèi)容適應(yīng)應(yīng)用應(yīng)該提供一個函數(shù)來從網(wǎng)頁中提取這些部件。.移動網(wǎng)頁內(nèi)容自動提取 我們建議的內(nèi)容適應(yīng)算法可以自動調(diào)整網(wǎng)頁到移動設(shè)備。在返回前一個網(wǎng)頁到移動設(shè)備之前,必須根據(jù)用戶的喜好對一些預(yù)處理網(wǎng)頁作一些調(diào)整。下載的移動代碼應(yīng)與至少前兩名流行的瀏覽器合作,如微軟的Internet Explorer和Firefox Web瀏覽器??傊?,用戶可以簡單地通過可視化操作建立移動網(wǎng)頁,并且沒有寫任何一行代碼。例如,使用適當(dāng)?shù)囊暵犉鞑模ㄈ缤怀觯┯脩艨梢栽诰W(wǎng)頁用不同的尺寸一個接一個的選擇塊。本研究的目的還在于讓用戶在用手機(jī)瀏覽網(wǎng)頁時確定其中一個網(wǎng)頁部分應(yīng)予以保留。一些著名的網(wǎng)站上甚至可能含有大量的宣傳廣告。.個性化網(wǎng)頁視覺網(wǎng)頁通常由標(biāo)題、頁腳、側(cè)邊欄和內(nèi)容范圍組成的。此外,所有完成此工作需要的代碼(即個性化網(wǎng)頁)在訪問時應(yīng)該很快的被下載。.易于使用啟動其他程序是沒有意義的,除了瀏覽器的個性化網(wǎng)頁。因此,在本研究中,我們設(shè)計了一個旨在幫助用戶為手持設(shè)備瀏覽而個性化移動網(wǎng)頁的系統(tǒng)。如果我們調(diào)整了原來的網(wǎng)頁以適應(yīng)移動設(shè)備的寬度,垂直滾動條查看起來就會太長,而且信息很擁擠。幸運(yùn)的是,一些著名的網(wǎng)站有另一種為移動設(shè)備提供的簡化版本的專門網(wǎng)頁內(nèi)容,例如谷歌手機(jī)[5]和雅虎移動[6]。當(dāng)在移動設(shè)備上瀏覽時,一個用戶可能要一直上下,左右滾動來尋找他們想要的信息。移動設(shè)備的廣泛使得通過他們?yōu)g覽網(wǎng)頁變得普通。他們都為著名的插件提供IDE,如JBuilder和Visual Studio,以協(xié)助開發(fā)人員提交一個通用應(yīng)用程序。因此,開發(fā)人員可以專注于應(yīng)用程序邏輯而不用擔(dān)心介紹的問題。[1] (以前稱為MMIT,短的微軟移動互聯(lián)網(wǎng)工具包)例如,它減少了開發(fā)所需要的工作去開發(fā)針對不同類型移動設(shè)備的應(yīng)用程序,如移動電話和PDA等。根據(jù)個人的喜好,這些序列塊也可以改變。我們提出了一個系統(tǒng)去個性化用戶的移動網(wǎng)頁。當(dāng)在移動設(shè)備上瀏覽時,由于有限的屏幕尺寸,用戶必須向上和向下滾動去找到他們想要的信息。s memory, and not as part of this Web page. In order to let the “script” element take effect, we have to add it to the Web page. For that reason, we find the first occurrence of “body” element (Line 6) in the Web page, and then append the “script” element as a child of it (Line 7).Fig. 10. This is the bookmarklet used to launch Page Tailor.By this method, we can dynamically load an external JavaScript file on demand to do something with a Web page. It can also work for other types of files such as CSS.. Loading external JavaScript LibrariesJavaScript has been used in many applications. Some open source projects have already incorporated the monly used functions such as draganddrop and visual effects. In Page Tailor, we do not reinvent the wheel but take advantage of the JavaScript framework [10].Although we can dynamically load these JavaScript files, the exact time spent on loading, however, depends on the browsers. In other words, even if we add the “script” elements 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)