用於計算機屏幕上數據顯示和輸入窗口的可視化生成的動態方法

2023-08-04 06:46:01

專利名稱：用於計算機屏幕上數據顯示和輸入窗口的可視化生成的動態方法
技術領域：
本發明涉及用於從與計算機或任何類似設備相連的屏幕顯示和 收集信息的圖形界面。更具體地說，它描述了一種方法，用於動態地使顯示和數據收集域(field)與對用戶特定的特殊環境特徵相適應， 以及與後者所執行的選擇和修改相適應，如顯示窗口的寬度或所選擇 的用來與選中軟體應用程式進行對話的語言。
背景技術：
隨著網際網路爆炸式的發展，考慮到其主要應用，網絡或"全球資訊網" 以頁面的形式通過瀏覽器提供給用戶不斷增加的信息量，在很早期就 出現了在任何類型的計算機屏幕和種類不斷增加的類似設備上使這些 頁面可視化的問題。有^f艮多種屏幕類型，尤其是現在可訪問網絡的不 僅是固定的終端，如具有大的甚至很大的顯示屏的辦公計算機或工作 站，而且可以是可攜式計算機和設備，包括那些個人助理或者甚至是 所謂的多媒體無線電話，其顯示能力低得多。在網絡和網際網路的第一發展階段，用戶可訪問的頁面來自數量逐 漸增加的網站並由商業機構、政府和各種其它機構實現，包括專門機 構，包含基本上靜態的信息，通常格式固定，適配於特定屏幕標準或 顯示窗口 ，如那些由一個或其它能夠在計算機屏幕上查詢和顯示這些 頁面的瀏覽器所生成的。當前這些瀏覽器中最廣泛使用的被稱為"互聯 網瀏覽器(Internet Explorer )"，實際上被包含在由美國微軟公司發 布的Windows作業系統中。它是安裝在世界上大部分計算機中的操作 系統。然而，其它瀏覽器也被使用，尤其是美國網景通信公司的 Netscap，它獲得了較大成功，但在1990年代末喪失了其優勢。Netscape 也創建了一個名為"Mozilla"的基金，其目的是促進瀏覽器的發展，其 原始碼可免費獲取，從而可以在團體發展背景下被修改和重新發布。 一種新的名為Firefox的瀏覽器即直接源於它並且正逐步獲得成功。當靜態頁面被顯示時，網站設計者為了用戶的利益有時能採取的 唯一措施是一條簡單的警告，指示如果用戶使用這個或那個瀏覽器並 且屏幕允許至少1024x768基本像素或顯示點的顯示窗口，被查詢的 頁面會更清楚地顯示。除了這個簡單的警告，近年來已有許多改進為 每個網際網路網站用戶有效地提供最適合他/她的屏幕和所使用的窗口 尺寸的網頁格式。對於商業網站尤其如此，它們必須盡力保留其顧客， 無論他們使用的是什麼設備和軟體。其它參數也必須仔細考慮。信息 的顯示語言對於銷售服務或商品的網站尤其重要。實際上，使用顧客 不懂的語言顯示信息會使交易無法進行。考慮到顯示時，使用幾種語 言的網站會造成如下問題， 一個文本從一種語言翻譯成另一種語言， 當未使用表意符號時，使用的單詞數及這些單詞的字母數將有相當大 的變化。此外，所有重要的商業網站，以及許多其它網站，不再滿足於顯 示信息，而是要求用戶詢問網站，它自身可以訪問資料庫。例如，當 旅行社必須訪問國際級航空公司的時間表或預訂國際連鎖酒店時就是 這種情況。詢問這種網站的旅行社或個人必須能夠在世界的任何地方 用他或她懂的語言這樣做。在該示例中，顧客在要求他/她在網站上安 全的環境中傳送信用卡號對該交易付費而完成"在線"交易之前，當然 首先需要知道所有的時間表和特定航班的費用。該信息由用戶在網站 目的文件以數字的形式輸入，其它方式有點擊按鈕、在窗口中輸入 文字、或從下拉列表中選擇。這些是與網站通信的方式，形成了將在 用戶屏幕上顯示的單元的一部分。取決於顧客具體想怎樣利用網站，他或她也可能會不想顯示某些 對他/她沒有用的單元(element)。這就涉及顯示窗口和數據收集額 外個性化的需要。為了獲取這些結果，已提出了很多解決方法，它們通常會給網站 帶來所有的困難和信息的複雜化。例如，對一給定網頁，可能從該網 站為該話題提供與被提供的不同顯示情形儘可能一樣多的變體，或者 至少是足夠的變體，以滿足或多或少所有的潛在用戶。對於伴隨由顧 客的瀏覽器到全球資訊網站的連接的初步交易，網站被設計為針對其顧客 的實際顯示能力能夠獲取足夠的信息。這樣該網站就可以選擇被請求 的網頁最可能的變體，它將可能滿足後者。該過程有很多缺點。其中最大的限制毫無疑問是網站的設計者必 須為儘可能多的顯示選項提供存儲，即模板(在英文技術文獻中關於 該主題的"模板，，)，因為要滿足所有網站用戶需要考慮組合情況。可 能將存儲大量的模板，這意味著必須更加費力編碼來實現該網站，也 要求每個頁面的每個模板都被測試。另一個缺點在於，模板是在連接到網站時被選擇，那麼如果用戶 決定改變顯示窗口，例如其寬度，如果沒有為此提供足夠的機制則無 法適應。近來已提出更成熟的顯示方法，例如在提交給美國專利局(USPTO)的專利申請第2003/0222922號，2003年12月4日公開， 名為"Automatic Layout Generation (自動版面生成)"中所說明的。 雖然遠沒有上述模板方法那麼嚴格，然而該專利申請的方法利用了描 述優選的顯示布局的版面風格，它指定了例如3列的顯示。然而，待 顯示的單元必須是標準寬度的倍數，並且被放置在其寬度允許的同一 行。該版面風格根據顯示窗口的尺寸和標準寬度被選擇。這裡太多版 面風格必須被提供，並且必須在用戶環境中被測試。在相同的概念之下，另一種由於美學原因(待顯示的單元很好地 分布和排列)經常使用的顯示技術是通過使用HTML語言"超文本標 記語言，，(用於對網站頁面編碼的標準語言)的相應標記來定義表結構。 這種顯示技術在世界智慧財產權組織(WIPO)的 ^開出版物WO 2004/109557 名為"Flexible, Dynamic Menu-based Web-page Architecture (靈活的、動態的基於菜單的網頁體系結構)"中有說明， 它基於表的使用，表的各行具有分層相關性。 雖然它提出了基於表的使用的顯示技術，上述出版物毫無疑問加 重了所有與其使用相關的困難。特別地，在該發明的說明書正文中提 到的事實是，具有可變的靈活尺寸的表的控制項被認為尤其困難，關於為它們重新確定尺寸(dimensioning)的性能，這可能造成嚴重的問 題，並且可能很難預測它作為顯示尺寸變化的函數被操作的精確性。因此本發明的總目標是提出一種動態顯示方法，為用戶提供了查 詢全球資訊網站頁面的手段，以及從一般(generic)代碼得到該結果，它 不必要預定義待顯示單元的位置。本發明另 一個特別的目標是避免使用表結構以允許放置待顯示 的單元。本發明的再一個目標是允許用戶個性化的顯示，而不需要修改原始碼。本發明的再一個目標是使用待顯示單元的真實尺寸，使得它們可 以在顯示期間能以最佳方式被組合。本發明的其它目標、特徵和優點將通過研究以下說明和附圖對本 領域技術人員變得清楚。可以理解其它優點也可以被併入。發明內容說明了 一種用於計算機屏幕上的數據顯示和輸入窗口的可視化 生成的動態方法。窗口被遠端全球資訊網站的用戶使用瀏覽器通過網絡傳 輸請求到網站來打開。網站返回頁面的一般形式到瀏覽器，它不包含 待顯示單元的預定位(positioning)信息。在第一階段，瀏覽器簡單 地顯示頁面。在該階段它捕獲了被顯示單元的尺寸，執行該單元新的 顯示寬度的計算，並進行重定尺寸。然後，在該單元已被調整得到滿 意的可視化生成後，瀏覽器持久地顯示該頁面。該頁面的一般形式的 特徵在於它不包含定位表。待顯示的單元具體包含標註、數據控制項和 輸入域和圖像。某些特定單元被關聯而一起顯示。被關聯的單元被包 含在用作不可分容器的表中。新寬度的計算基於待顯示的最寬單元的 尺寸。如果瀏覽器的顯示窗口被用戶修改，則持久顯示被更新。捕獲 尺寸、新寬度的計算和重定尺寸由瀏覽器中駐留的代碼實現。由於個 性化選項使用戶能夠只顯示某些以頁面的 一般形式被發送的單元，個 性化之後將更新持久顯示。只有被包含在一般代碼中的標註需要被修 改以使頁面適應於某種語言。


本發明的目的、目標以及特徵和優點通過後者實施例的詳細說明，並通過以下附圖的圖解將會更清楚。其中圖1示出了包含標註和數據輸入域的窗口的不同顯示階段；圖2說明了由全球資訊網站返回的一般頁面的顯示步驟；圖3說明了捕獲待顯示單元的尺寸的步驟；圖4說明了待顯示單元的重定尺寸的步驟。圖5在三個窗口示例中示出了本發明的高度靈活性顯示。附圖是通過示例給出的，並沒有限制本發明的範圍。
具體實施方式
圖l總結了本發明的操作模式。在第一階段，在想要查詢一網站 的瀏覽器用戶的請求下，被請求的頁面被傳送給後者。這是該頁面的 一般形式，其中在用於描述它的HTML語言中未包含待顯示單元的定 位。因此該頁面可能被發送給任意用戶，而不管他的顯示手段。在該 第一階段中一般頁面的可視化生成例如符合圖1的頂部窗口 100。標 注，即描述域的簡要文字，例如IIO，以及數據輸入和相關的控制域， 例如120，都在窗口 100中未限定位置地被一個接一個地顯示130。該 顯示方法是HTML語言固有的，不需要額外的說明。這些單元以它們 被HTML頁面的原始碼調用的順序被顯示。所謂的"在線"單元從左至 右、從上至下出現，佔據了所有可用的空間。這顯然是對於文本的情 形，如當前文檔中一樣，但其它單元也可以特別包含圖像、圖畫或圖 標155。不在線的單元構成了不可分割的塊，從上至下垂直地堆疊，也以
它們被原始碼調用的順序被顯示，每個潛在地佔用了頁面的整個寬度。 這是文本的連續段落和標題的情形，如本發明中所述。在圖l的示例中，有兩個區域(section)已在原始碼102， 106中被定義，並被垂直 地堆疊。從對該頁面編碼的方法可以得到的優點很容易理解，頁面必須被 顧客的瀏覽器閱讀。原始碼中(即在用戶查詢的網站中所駐留的代碼 中，它是由他/她的瀏覽器所下載的代碼)未包含定位信息。網站設計 者自己不必關心用戶的顯示能力。他/她只需要開發出一個一般代碼。 該代碼本身越簡單，它在開發階段就會被更好地測試。基於該方法被編碼的HTML頁面是以浮點模式被編碼的，這不 同於另一種模式，即所述定位模式。在後一種模式中，網站設計者必 須預定義他/她想要在用戶屏幕上顯示的每個單元的位置。在所提出的 眾多方法中，用得最多的已在背景技術章節中討論，證明非常成功的 方法是使用表來定義全球資訊網頁的布局。然後待顯示的單元在表的單元 格中被排列。然而，可視化生成通常要以一定的嚴格度為代價，例如 預定義的單元格數目，但這會特別佔用網站設計者編碼的所有的努力。 設計者必須特別注意終端用戶的顯示能力以及本地特性，尤其是文本 和表的顯示語言。當後者的顯示能力與期望不符時，則結果將極度令 人失望。這樣，如果浮點模式使網頁的編碼被大大簡化，根據本發明的方 法的第一階段的可視化生成則遠不能滿意。然而，該第一階段的唯一 目的就是，在用戶用他/她的瀏覽器打開的窗口中，獲取標註和數據輸 入以及控制域的有效顯示尺寸。頁面100的一般形式的顯示很短暫。 實際上，該第一階段會在用戶未注意到時就過去了。然後，標註140 的最寬的尺寸和輸入域150被存儲，使得可視化生成能夠被本地修改 而變得更有吸引力。事實上，不需要提供待顯示單元的寬度是HTML 語言和顯示網頁的瀏覽器的屬性。作為內容和可用空間的函數的有效 顯示寬度是由帶有計算機圖形用戶界面(GUI)的瀏覽器計算出來的。 這給了根據本發明的方法一個主要優點，尤其當需要使域的顯示適應於必須被產品的國際應用支持的所有語言時，因為它不需要修改源代 碼，除了簡單地翻譯標註，而不做其它修改。在本發明的說明的這一階段，可能會發現上面在背景技術章節中引用的出版物並且參照了 WO2004/109557, ^皮稱為"自動布局算法"。 這是全球資訊網，即W3C的主要標準化組織，英文稱"World Wide Web Consortium (全球資訊網集團)"所推薦的。如果像在本發明中一樣，該 算法已提供了第一顯示階段，則後者被用來減輕對以表的形式顯示的 控制項所固有的困難。這些是以上已經提到的困難，並出現在背景技術 章節中。另一方面，如下面更詳細解釋的，本發明不需要使用任何表 來得到滿意的可視化生成。根據本發明的方法使用了在上述第 一 階段期間所獲取的實際顯 示寬度，來修改其可視化生成。獲取實際顯示寬度的方法在圖2和下 文中更詳細地說明。因此，在第二階段，頁面的所有標註和輸入域與 分別被測量的最大值相關聯，這能夠得到對應圖1中的即時窗口 160 的顯示。然後標註和數據域在瀏覽器自己的窗口中被很好地排列170。如果顯示窗口被縮小165，標註和數據輸入以及控制域被重新排 列，例如，如圖l底部的窗口 180所示。這次，排列總是符合兩列190， 因為由於被測量的最大尺寸不再可能在被修改的窗口寬度內放置三個 標註及其相關的域。毫無疑問會注意到，某些顯示單元必須保持成組。例如，如185 中所示，其數據輸入域和相關圖標必須一起移動。這可以容易地辦到， 例如，通過在原始碼中將對應於一個表的單元編組來實現，該表變成 被插入到待顯示單元流的單個的"在線"單元。圖1清楚地示出了可通過本發明的方法從相同的原始碼得到具有 高度滿意度的可視化生成的動態顯示，而不必訴諸這些單元的定位信 息或使用定位表。如上所述，使用HTML語言原始碼的表因此僅用來 對必須保持在一起的單元進行編組，其目的不是擔任定位表的角色。 還有其它本領域技術人員已知的方法來設計網頁，以及能夠在顯示期 間用來保持單元編組而不需要使用表的HTML語言。用作這些必須保的表，考慮到HTML語言時，只是一個很 方便的方法，用來獲取該結果，因此最好使用它來實現本發明。尤其在該圖中可以發現，根據本發明的方法使得在例如區域2中 能夠自動地獲取該區域的這些單元在兩或三行以及在兩或三列中的顯 示。當原始碼中只有單個定位表或只有 一種布局風格時這是不可能的。根據本發明的方法的額外優點是，只有重要的數據才必須通過網 絡被傳輸。可視化生成從網頁的一般代碼被本地請求，並且主要用可 應用的代碼獲取，該代碼被該應用程式的用戶下載和安裝，只要需要 修改或進行了改進就可以被更新。用戶例如可能需要從中央資料庫使 用網際網路或專用網絡(企業內部網)(或者這兩者的組合)以及解釋 HTML語言的瀏覽器來查詢和預訂酒店的旅行社。本地代碼使用與網 絡瀏覽器相兼容的一個或其它選項。這些是與HTML語言進行交互的 軟體部件，並且對於本領域技術人員來說是熟知的，其名字諸如 Active-X， Javascript或XSL。在本發明的說明的這一步驟，可能已經注意到術語"網頁，，如通常 被理解的 一樣，會比本發明的說明所使用的術語"頁面"更具限制性， 它是指當從伺服器接收到對 一般頁面進行格式化的本地代碼的執行， 而網頁通常被存儲在伺服器上並當用於顯示時被傳輸。然而，下文將 在涉及本發明的操作模式處繼續使用術語"頁面"。圖2和下文更詳細地描述了本發明的可視化生成的階段。圖2對 應圖1中所討論的第一階段，涉及在非常短的時間內顯示網頁搜索的 一般形式。在該第一階段，HTML代碼必須被捕獲，使得在所有計算機中 提供的圖形用戶界面(GUI)能夠在用戶的屏幕上顯示該頁面。在實 際中，GUI 200為屏幕220調用可視化生成操作210。由於將#>顯示 的頁面通常包含多個區域230，每個區域必須找到對應於頁面240的 所有單元的HTML代碼235。當全部代碼都被找到時，所述代碼以寫 操作250的形式被用來生成將在瀏覽器260打開的窗口中顯示的文檔 對象。 如圖1中已經看到的，在該示例中，頁面i殳計者輸入的HTML 代碼的所有單元包括標註和相關的數據輸入以及控制域。為保證在顯 示期間它們保持成組，並形成不可分割的單元，它們被放置在一個"容 器"中，即由HTML語言定義的表。本發明明確要求這些表中的每一 個都必須能夠被考慮為待顯示單元流中的"在線，，單元。這裡應注意到，這些年來已有許多對HTML代碼和瀏覽器的改 進。特別地，HTML語言的所謂動態版、或者甚至是DHTML (來自 英文"動態HTML")的引入提供了對待顯示單元的分頁的更好的控 制。特別地，它使得頁面能夠被改變，並與用戶進行交互，而不必與 伺服器進行通信。考慮到本發明，DHTML提供了對被顯示的單元的 訪問，並且能夠用JavaScript確定它們的尺寸，前面已提到過，它是 被緊密地集成到瀏覽器中的腳本語言。DHTML自從第4版Internet Explorer和Netscape就已出現在瀏覽器中。雖然實際上在不同瀏覽器 之間實現DHTML有不同，在DOM (來自英文"Document Object Model (文檔對象模型)")團體的支持下，已進行了標準化，在上面 提到過的全球資訊網的主要標準化組織、即W3C的框架內執行。圖3更詳細地描述了捕獲在階段1期間已簡要顯示的各單元的尺 寸的階段。該操作模式由DHTML的引入而變得可能。特別地，這涉 及能夠獲得標註和控制項的尺寸的參數。諸如"offsetLeft， offsetWidths" 的數值屬性在第一顯示期間被獲取，它們確定了與父對象(容器)相 關的對象的物理坐標和大小。它們使得能夠獲得標註和控制項的有效尺 寸。該第二階段的步驟類似於那些在圖1中描述的。標註33S和控制項 345的尺寸對於每個區域330和每個單元340被捕獲。一旦所有標註和控制項的寬度都已被捕獲，每個域的最大寬度355 就能夠在初步顯示期間用經典軟體工程方法被捕獲。這將使得所有待 顯示單元考慮到最寬的單元而能夠被重新確定尺寸，以獲得圖1中的 即時窗口 160。圖4總結了重定尺寸的步驟，它們被要求用來在由用戶瀏覽器打 開的窗口中排列這些待顯示的單元，並重新排列它們，如果用戶想要修改顯示窗口的話，如圖1中示例所示180。顯示函數410像以前一樣，為每個區域的所有標註和控制項調用重 定尺寸操作(435 )。然後，待顯示的文檔對象的所有單元被調整(455 )， 特別是容器，即表。重定尺寸步驟的一個結果是，例如窗口 460 (其中包含標註和控 制域的表的邊界465清楚地呈現)只為了提供對本發明的操作模式更 清楚的理解。然而，使用本發明方法的網頁設計者為了清楚地顯示當 然寧願選擇使容器的邊界不可見。為了防止這些域呈現太大的尺寸，從而影響顯示的美感，本發明 提供了可指定的最大寬度425。然後該最大寬度被用於顯示。在該圖 的情況下，如果標註長於該最大值，則它將會被自動移回至少兩行。 在控制域的情況下，將使用真實的寬度，但是將阻止其它單元繼續水 平地顯示到它的右端。接下來的單元將被強制返回到該行。圖5的目的是以三個顯示窗口的示例描述本發明的相當大的靈活性。上端的窗口包括容器500，它包含兩個數據輸入域，正如當必須 輸入信用卡類型及其相關數字時的情形一樣。在該情形中，這是一個 不可分隔的單元，將被整體顯示。即時窗口示出了第一區域510,其中它已被選中用來顯示8個單 元。在底部的窗口中，用戶已選擇在該區域中僅顯示城市名520。此 外，該頁面上的標註則是德語530。用戶可以決定是否對某些包含在 原始碼中的單元進行可視化，並自動調整顯示。個性化可以在兩個水平上進行。在區域水平，每個區域可以成為 全部不可見。此外，區域可以4皮展開，在這種情況下所有的單元都是 可見的，或者重新關閉，在這種情況下只有該區域的文本呈現。在單元水平，它可以是可見的可不可見的。用戶可以選擇展開或重新關閉這些區域。該選擇被存儲，並且在 下次顯示時會被注意。用戶可以打開配置面板來進行顯示選擇。
權利要求
1.一種用於可視化生成計算機屏幕上的顯示和數據輸入窗口的方法，所述窗口被遠端網站的用戶打開，其中所述用戶利用瀏覽器通過網絡將請求傳輸到所述網站，所述網站響應於所述請求發送頁面，所述方法的特徵在於所述網站將所述頁面的一般形式(100)發送到所述瀏覽器，其中所述一般形式不包含待顯示的單元的預定位信息；所述瀏覽器簡單地顯示所述頁面(250)，其中所述顯示步驟包括捕獲被顯示單元的尺寸(335，345)；計算所述單元的新的顯示寬度(355)；重新確定所述單元的尺寸(435)；所述瀏覽器持久地顯示所述頁面(160)；從而從所述一般形式得到令人滿意的可視化生成。
2. 根據權利要求1所述的方法，其中所述頁面的所述一般形式 (100)的特徵在於它不包含定位表。
3. 根據前述權利要求中任一項所述的方法，其特徵在於，所述 待顯示的單元尤其是包括標註(110)、控制項和數據輸入域(120)以 及圖像(155)。
4. 根據權利要求3所述的方法，其中某些單元被關聯起來使得 它們可以一起被顯示(185)。
5. 根據權利要求4所述的方法，其中所述被關聯的單元被包含 在用作不可分離的容器的表(465)中。
6. 根據權利要求1所述的方法，其中計算新寬度的步驟是基於 待顯示的最寬單元的尺寸(140, 150)。
7. 根據權利要求1所述的方法，其中如果所述瀏覽器的顯示窗 口被所述用戶修改(165)的話，持久顯示步驟包括更新步驟(180)。
8. 根據權利要求1所述的方法，其中捕獲尺寸、計算新的寬度 和重新確定尺寸的步驟由所述瀏覽器中駐留的代碼實現。
9. 根據權利要求8所述的方法，其中所述駐留代碼包括個性化 選項，使得所述用戶可以只顯示某些(520)以頁面的所述一般形式發 送的單元，其中所述個性化步驟之後是更新所述持久顯示的步驟。
10. 根據權利要求l所述的方法，其中只有被包含在一般代碼中 的標註必須被修改，以使頁面適應於某種語言(530)。
11. 一種計算機可讀介質，包括可由所述計算機執行的程序的指 令，其中所述程序實現了根據權利要求1至10的任一項所述的方法。
全文摘要
本發明涉及一種用於可視化生成計算機屏幕上的數據顯示和輸入窗口的方法。所述窗口被遠端網站的用戶用瀏覽器打開。響應於用戶瀏覽器所發出的請求，網站經由它們所連接的網絡向用戶瀏覽器返回所請求的頁面的一般形式，其中不包含任何預定位信息。在簡單顯示頁面的一般形式期間，瀏覽器捕獲被顯示單元的尺寸，計算新的顯示寬度，並重新確定單元的尺寸。在此之後，瀏覽器持久地顯示該頁面，頁面上的單元已得到調整，從而得到良好的視覺效果。因此頁面的一般形式可與用戶顯示手段無關地被定義，尤其是不需要使用對待顯示單元進行定位的表。
文檔編號G06F17/30GK101151610SQ200680010018
公開日2008年3月26日 申請日期2006年3月29日 優先權日2005年4月6日
發明者理察·默蘭納爾 申請人:阿瑪得斯兩合公司