TWI421760B - 標明網頁元件焦點之系統與方法 - Google Patents

標明網頁元件焦點之系統與方法 Download PDF

Info

Publication number
TWI421760B
TWI421760B TW097113925A TW97113925A TWI421760B TW I421760 B TWI421760 B TW I421760B TW 097113925 A TW097113925 A TW 097113925A TW 97113925 A TW97113925 A TW 97113925A TW I421760 B TWI421760 B TW I421760B
Authority
TW
Taiwan
Prior art keywords
focus
components
component
code
content item
Prior art date
Application number
TW097113925A
Other languages
English (en)
Other versions
TW200915169A (en
Inventor
Liang-Yu Chi
Original Assignee
Yahoo Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yahoo Inc filed Critical Yahoo Inc
Publication of TW200915169A publication Critical patent/TW200915169A/zh
Application granted granted Critical
Publication of TWI421760B publication Critical patent/TWI421760B/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/954Navigation, e.g. using categorised browsing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/951Indexing; Web crawling techniques
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Description

標明網頁元件焦點之系統與方法
在此揭示的本發明一般係關於提供及提出內容項目。更明確地係,本發明係關於當一或多個元件之給定一者接收使用者焦點,以致於該給定的元件與沒有使用者焦點之元件隔離時,標明一或多個元件,其是一內容項目的一部分;及提供一視覺標明。
網際網路搜尋入口網站係提供一逐漸方便性方法,以方便使用在全球資訊網(World Wide Web,WWW)上提供大量的資訊。然而,當使用者有更多的訊息時,幾乎無法避免在可用資訊的顯示上遺失資訊。例如,除了標準搜尋方塊盒組件之外,普通搜尋入口網站包含複數個組件。許多入口網站包含新聞組件、郵件組件、與其他入口網站服務的連結、網站的目錄表列、及多種的其他組件。
當在一給定入口網站的可用素材增加時,變成不太容易讓使用者清楚對焦一特定組件。例如,不易清楚組件開始或停止的地方。同樣地,廣告或有吸引力的內容會轉移使用者對焦在一或多個給定的工作。若一搜尋入口網站失去其使用者親善態樣,入口網站的使用率可能下滑,並造成搜尋引擎廣告收入(在許多其他收入來源之中)損失,如此減少入口網站之可獲利潤。
去除此資訊混亂的目前技術包括提供使用者可利用一標準入口網站的選項,其可包含額外組件、或只包含一搜尋組件的一入口網站「簡單」版本。此解決方案 可減少現代搜尋入口網站的混亂,但是會犧牲使用者想要利用入口網站之許多有利態樣。
因此,在包含一或多個元件或不同部件的內容項目之上下文中,對於系統、方法與電腦程式產品而言,在技術中存在的需求係當一或多個元件之給定一者接收使用者焦點時,提供一視覺標明,例如將給定的元件與沒有使用者焦點的元件予以隔離。
本發明的具體實施例係針對方法、系統與包含程式碼之電腦可讀取媒體,其用於在一給定元件、或一內容項目的一部分上標明焦點。本發明的具體實施例是在一內容項目中提供一或多個焦點模組,該焦點模組用於在使用者與內容項目的互動之基礎上控制焦點標明。焦點程式碼模組係接收使用者輸入以決定一元件(可包含內容項目的一部分或重要部分)在當一顯示裝置顯示內容項目時,接收使用者焦點及呈現一視覺標明,以隔離在內容項目中的元件。
如在此描述的一焦點控制模組的使用係提供關於檢視及與一給定內容項目互動的許多優點。例如,當嘗試與一給定元件(其是一內容項目的一部分)互動時,該焦點控制模組可藉由使沒有使用者焦點的元件模糊而避免使用者分散注意力。在一搜尋引擎的上下文中,當用戶端裝置正等待接收設定端提供的一搜尋結果時,焦點模組可藉由避免經由顯露網頁資訊而會造成使用者混亂的任意視覺追蹤,以提供進一步效益。類似地,使用焦點模組將使用者注意力集中在一給定元件(例如,一 搜尋查詢項目控制)可減少使用者視覺追蹤網頁上的任意位置,其結果係減小或另降低檢視在一隨後網頁上所設定搜尋結果的搜尋之機械式視覺焦點追蹤路徑。
根據一種具體實施例,本發明係針對利用焦點標明以提供包含元件的內容項目之方法,包含藉由一內容傳遞網路,從一用戶端接收有關一資源之請求,該內容傳遞網路可包含複數個資源。在一較佳具體實施例中,複數個參數可進一步定義來控制複數個資源的顯示。
在內容傳遞網路複數個資源可被串接以產生一串接的資源。在一較佳具體實施例中,可基於使用者互動對焦或不對焦該複數個資源。此外,當對焦該複數個資源之一時,其餘資源可保持不對焦。在一種具體實施例中,對焦與不對焦係分別包含不變暗與變暗。在一替代具體實施例中,對焦與不對焦可包含除該對焦的資源之外,移除其餘資源。此外,該複數個資源之一者可包括一焦點變暗程式。最後,串接的資源然後透過內容傳遞網路來傳送給用戶端。
本發明係進一步用來提供包含利用焦點標明元件的內容項目之系統,包含:複數個用戶端裝置,係通訊耦接至一網路;及一內容供應器,耦接至包含一資料儲存與一內容伺服器之該網路。
資料儲存可操作儲存內容與至少一焦點程式模組,且內容伺服器可操作產生該內容的複數個元件,並產生組合元件與焦點程式模組的一最後內容項目。
在一較佳具體實施例中,可基於使用者互動對焦或不對焦該複數個元件。此外,當對焦複數個元件之一時,其餘的元件是不會對焦。在一種具體實施例中,對 焦與不對焦係包含不變暗與變暗。在一替代具體實施例中,對焦與不對焦係包含除該對焦的資源之外,移除其餘資源。此外,複數個參數可定義來控制每一元件的顯示。
下列的說明中,將參考形成此部分之附圖,且附圖係經由實施本發明的特殊具體實施例說明而加以顯示。應可明白,其他具體實施例應可利用,並可進行結構上的變化,而不致脫離本發明的範疇。
第一圖係提供說明根據本發明之一具體實施例的焦點標明之系統的方塊圖。根據在第一圖中說明的具體實施例,一或多個用戶端裝置106108 係通訊耦接至一網路102 ,其可包括與一或多個區域與廣域網路的一連接,例如網際網路。根據本發明之一種具體實施例,一給定的用戶端裝置106108 係通用的個人電腦,其包含一處理器、一暫時與持久儲存裝置、輸入/輸出子系統與匯流排,以在包含通用個人電腦的元件之間提供一通信路徑。例如,具有512MB RAM、40GB硬碟儲存空間、及至網路的一乙太網路介面之一3.5 GHz Pentium 4個人電腦。其他用戶端裝置係被視為在本發明的範疇內,包括(但是未侷限於)手持式裝置、視訊轉換終端機、行動手機、PDA等。
一給定的用戶端裝置106108 可與裝載一或多個內容項目116 的一內容供應器104 進行溝通。內容供應器104 可維持一或多個內容伺服器110 、一給定的內容伺服器110 可裝載一或多個網頁。內容供應器104 亦可 包含一存儲庫以儲存及傳輸一或多個內容項目116 ,其可回應來自一用戶端裝置106108 的一請求。例如,內容供應器104 可包含一網站,該網站包括一內容伺服器110 (例如,ApacheTM 、Internet Information ServerTM 等)與一資料儲存112 ,根據一種具體實施例,其係能以一有組織與結構化方式來維持網頁的一資料庫。內容供應器104 可進一步維持程式碼,當內容供應器104 執行該程式碼時,可操作動態產生一或多個內容項目。
與內容供應器104 通訊之一給定的用戶端裝置106108 係請求一內容伺服器110 在內容供應器104 上維持的一內容項目116 。典型上,內容伺服器110 是在內容供應器104 上維持動態資訊,供傳遞給一用戶端裝置106108 。例如,在內容伺服器110 使用內容供應器104 來裝載一或多個網頁的情況,內容供應器104 係將HTML或網頁標誌提供給一給定的用戶端106108 ,其中HTML或網頁標誌係由內容供應器104 根據程式或Script碼動態產生,且程式或Script碼係由內容伺服器110 維持在內容供應器104 上,例如Active Server Page碼或Java Server Page碼。
內容供應器104 提供給一用戶端106108 的一結果網頁可具有與包括在該網頁中由用戶端106108 提供的靜態資源的一或多個項目之連結或參考。一內容項目可包含的示範性資源係包括(但是未侷限於)JavaScript檔案、層疊樣式表(Cascading Style Sheet)、影像、視訊與音頻。內容傳遞網路102 在用於裝載這些資源,其係在一給定內容項目中的連結或參考,指示用戶端106108 從內容傳遞網路102 取回。
如第一圖所示,一內容供應器104 包含:一資料儲存112 ,包含複數個內容項目116 ;一給定的內容項目116 包含內容118 及一焦點模組120 。根據一種具體實施例,在資料儲存112 中所包含的內容118 可包含HTML程式碼係包含有多個元件。例如,對應至一搜尋入口首頁的一HTML網頁可包含一搜尋方塊盒元件、目錄表列元件、跑馬燈(News Ticker)元件等。
可形成內容項目116 的一部分之焦點模組120 係包含程式碼,其用於供應一給定元件的焦點之顯示標明,並從元件移除焦點。根據一種具體實施例,焦點模組120 可使用JavaScript或任何類似語言來實施。焦點模組120 操作來回應來自於一用戶端裝置的互動,例如滑鼠移動、鍵盤動作等。雖然在內容項目116 中說明,但是焦點模組120 可存在例如資料儲存112 或內容資料儲存114 的各種不同其他位置,並可經由一外部請求而由內容項目116 參考。
內容供應器104 可操作來產生位在資料儲存112 中的內容項目116 。根據一種具體實施例,內容118 係與焦點模組120 獨立分開。位在獨立的內容上,內容供應器104 可操作來選擇在內容118 中存在的一或多個元件,並將焦點模組120 應用在內容118 中的一或多個元件。例如,若內容118 包含HTML,其包含或標明一或多個元件,內容供應器104 可操作來選擇一給定的元件,並附加一JavaScript事件處理程式,以允許該給定的元件以使其焦點狀態(例如,與用戶端的互動)與焦點模組120 進行通訊。內容供應器104 然後可操作來將焦點模組120 插入內容項目116 ;焦點模組120 可操作來 從元件接收訊息,並使適當的動作與每一元件進行通訊。
內容伺服器110 可操作來取回一內容項目116 ,並提供內容項目給一用戶端裝置106、108 。當一用戶端106、108 接收一內容項目116 時,焦點模組120 可監督使用者與元件的互動,且該等元件是內容118 或內容項目116 的一部分。根據一種具體實施例,一元件可偵測一使用者互動,例如一滑鼠單擊或按下鍵。元件然後標明一事件已發生的焦點模組120 。在一種具體實施例中,雖然存在替代具體實施例,其中傳送給焦點模組120 的訊息只是任何動作已發生的標明,但是元件可傳送執行的動作。
在焦點模組120 接收來自一給定元件的訊息之後,可決定是否採行隨後的動作。例如,若焦點模組120 接收一訊息,標明一搜尋方塊盒元件已作用,焦點模組可傳送一訊息給其他元件,以使其他元件使其內容模糊,例如藉由修改其不透明度。此外,焦點模組120 有能力使在一內容項目116 中的所有元件發亮。例如,若使用者選擇一內容項目116 的背景,焦點模組120 可接收目前未選擇元件的一訊息(例如,沒有個別元件具有使用者焦點),如此在正常的不透明度上顯示所有元件。
第二圖係提供說明根據本發明之一種具體實施例的焦點標明之方法的流程圖。根據在第二圖說明的具體實施例,在步驟202 中,一用戶端裝置係接收一內容項目。在步驟202 中,用戶端接收的內容項目可為普遍在例如網際網路的資料網路上傳送的資源。一般的內容項目可包括HTML網頁,其包含經由HTML顯示的元件; 例如,一搜尋入口網站可包含一內容項目,其包含複數個元件,例如一搜尋方塊盒、一廣告元件、一目錄表列與一即時新聞元件。
一用戶端裝置係顯示在步驟204 中接收的內容項目。根據一種具體實施例,一用戶端裝置可利用一網站瀏覽器,例如Microsoft Internet Explorer、Mozilla Firefox、或Opera來提供及顯示從一外部或內部來源接收的內容項目。替代具體實施例可存在,其中其他用戶端裝置可用來顯示內容,包括(但未侷限於)手持式裝置、視訊轉換終端機、行動手機,PDA等。
在步驟204 ,用戶端裝置係顯示內容項目在一顯示裝置,且在步驟206 中,程式碼係監視使用者互動的內容項目。根據一具體實施例,內容項目可經由JavaScript事件處理程式來監視,例如「onmouseover」、「onmousedown」、「onkeypress」、「onclick」等。如本技術中所熟知,JavaScript事件處理程式允許程式設計師來定義每當特定狀態由使用者所啟動時發生的動作。例如,「onmouseover」事件處理程式可附加至一客製化功能,其中當使用者在一指定元件上徘迴他或她的滑鼠時,客製化功能會被呼叫及執行。若使用者未與一內容項目互動,內容項目會保持閒置,並等待一互動事件。若使用者與一給定的內容項目互動,一檢查動作會執行,以判斷對在一內容項目中的一元件是否給予焦點。
內容項目可包含能夠接收焦點的多個元件,如此,必須決定一給定的元件何時開始獲得焦點,並忽略焦點仍然保持在目前元件中之互動。例如,若元件已有焦點 且使用者只與在元件中的另一組件互動,則處理會返回步驟204 ,並等待一焦點的初始變化。然而,在步驟210 中,若決定使用者係第一次與一元件互動,所有其他元件會變暗以「照亮」對焦的元件。
在步驟210 中,包含沒有焦點的內容項目之其他元件會變暗。例如,在一HTML網頁中,未對焦的元件可藉由修改與沒有對焦的元件有關的一層疊樣式表(Cascading Style Sheet)選擇器來調整。或者,JavaScript可用來動態修改指定給每一元件的式樣。將焦點拉曳遠離未對焦元件之替代方法可利用,例如減少未對焦的元件、移動元件至一資源端、疊層未對焦的元件等。
在步驟212 中,當一元件是對焦,一檢查可決定該對焦的元件是否失去其焦點。若元件保持對焦,其他未對焦的元件會保持模糊;若元件失去焦點,例如使用者選擇一不同元件,在步驟214 中,會執行一檢查,以決定一新的元件是否接收焦點。
在步驟210 中,若一新的元件接收焦點,其他未對焦的元件會模糊。在步驟216 中,若焦點轉變到除一元件之外的一組件,所有元件不會模糊。例如,一用戶端可選擇一HTML網頁的背景(其不可為能夠接收焦點的一元件),如此在HTML網頁上的所有元件會變亮。
第三圖係提供說明根據本發明之一種具體實施例的用於產生一內容項目以支援焦點標明之方法的流程圖。因此,在步驟302 中,一使用者可創作一內容項目。如前述,一內容項目可為包含多個元件的一靜態或動態產生的HTML網頁或類似內容項目,例如一搜尋方塊盒、即時跑馬燈、目錄表列等。
在步驟304 中,一內容項目係分成一或多個元件。例如,繼續先前的範例,一使用者可將一內容項目劃分成多個元件,其對應至一搜尋方塊盒元件、跑馬燈元件、目錄表列元件等。在將內容項目分成一或多個元件之後,使用者選擇一給定的元件,且一焦點程式碼係應用在此元件。
一焦點程式碼的應用程式可包含將JavaScript事件處理程式附加在給定的元件。例如,在一內容項目中的給定元件可具有一附加的JavaScript事件處理程式,例如「onmouseover」,其係指向一焦點程式碼。使用事件處理程式與一全域程式碼允許所有元件很快附加至焦點程式碼,如此加速本發明的處理時間。
在步驟308 中,焦點參數亦可指定用於一選定的元件。一選定元件的焦點參數可為變數,以當元件接收焦點或失去焦點時,控制其如何顯示。例如,一焦點參數可在其對焦/未對焦狀態期間指定一元件的不透明度;或在這些狀態期間的位置。在步驟310 中,若焦點參數係提供給一特定元件,將這些參數寫至元件。在一種具體實施例中,焦點參數可如同在一給定事件處理程式的一客製化功能中的參數來寫入。例如,屬性onmouseout=”unfocus(10)”可指定當使用者將滑鼠移開一元件,元件的不透明度將會減少至10%。或者,可將焦點參數寫至例如在全域焦點程式碼中的父親內容項目。根據此具體實施例,一元件可呼叫對焦與未對焦的命令,且焦點程式碼取回與呼叫有關的參數。在步驟312 中,在寫入參數之後或在決定沒有參數存在之後,檢查任何其餘的元件。
在步驟314 中,若所有元件已檢查,將內容項目連同焦點程式碼一起寫入一資料儲存。在一種具體實施例中,焦點程式碼與內容項目可合併形成一項目。在一替代具體實施例中,焦點程式碼與內容項目儲存成兩單獨項目,內容項目係參考外部程式碼。
第四圖係提供說明根據本發明之一種具體實施例的用於顯示一對焦搜尋方塊盒元件之方法的流程圖。因此,在步驟402 中,一內容項目係顯示。根據各種不同具體實施例,一內容項目的顯示可包含藉由在一用戶端裝置上執行的瀏覽器以顯示一靜態或動態產生的HTML網頁。
在步驟404 中,會執行一檢查,以決定使用者是否與內容項目互動;且隨後,在步驟406 中,決定使用者是否已執行一特定動作。若使用者未與內容項目互動,或未執行該方法正監視的指定動作,在步驟402 中,瀏覽器會繼續顯示內容項目。根據一種具體實施例,待監視的使用者互動可為一鍵擊,例如CTRL-Y。根據替代具體實施例,使用者互動可為複數個其他使用者互動,例如滑鼠點擊(click)、滑鼠懸放(Mouseover)事件等。互動方法的選擇可在內容項目的顯示之前決定,例如透過伺服器管理者、程式設計師、演算法或可組態內容項目的任何其他構件。
在步驟408 中,若使用者執行指定的動作,在網頁上的元件不會對焦。根據一種具體實施例,一內容項目可包含有複數個元件,例如與HTML DIV標籤一起儲存的內容。當使用者執行例如一鍵擊的適當動作時,一給 定元件的一顯示設定可調整以使元件變黑、變暗或變成視覺上的模糊。
在步驟410 中,背景元件是不會對焦,且一搜尋方塊盒元件可取回。一新的元件可藉由用戶端裝置產生,例如藉由一瀏覽器。或者,一請求可傳送給一遠端裝置,以例如經由資料的一非同步請求而取回元件。取回的搜尋方塊盒元件可包含一文字方塊盒與控制組件,例如「結束」按鈕。在步驟412 中,搜尋方塊盒組件然後顯示在用戶端裝置,並給予焦點。如前述,接收焦點可使搜尋方塊盒組件比包含內容項目的背景元件更亮。
然後在步驟414 中,一檢查會執行,以決定使用者是否已與搜尋方塊盒元件互動。在步驟412 中,若未與搜尋方塊盒元件互動,元件會保持在顯示器,並維持焦點。在步驟418 中,若使用者藉由提交一搜尋查詢來與搜尋方塊盒互動,則取回搜尋結果。例如,一搜尋方塊盒元件可包含一文字方塊盒與一搜尋按鈕,以允許使用者輸入一搜尋查詢,並提交該項請求給一搜尋引擎。在此使用者互動上,用戶端可取回包含搜尋結果的一新網頁以供顯示,造成先前的內容項目不再顯示在用戶端裝置的顯示器。
在步驟416 中,若使用者藉由標明元件的關閉而與搜尋方塊盒元件互動,移除搜尋方塊盒元件,且重新對焦背景元件。根據一種具體實施例,一搜尋方塊盒元件可包含一「結束」按紐或類似在一應用程式中提供的一「結束」按鈕之連結。在顯示一搜尋方塊盒元件之後,使用者可決定他或她是否不想要輸入一搜尋查詢,並可決定是否要關閉顯示的搜尋方塊盒元件。在一種具體實 施例中,若使用者選擇關閉搜尋方塊盒元件,該元件可藉由一用戶端方法來移除,例如JavaScript語言提供的document.removeChild方法。在步驟402 中,在將搜尋方塊盒元件從使用者顯示器移除之後,會將背景元件恢復對焦,且內容項目的狀態會被傳回初始狀態。
第五圖係提供說明根據本發明之一種具體實施例,包含一或多個元件的網頁之畫面圖。第五圖係說明在一用戶端裝置502 上執行的瀏覽器514 ,並檢視一Yahoo!搜尋入口網站內容項目512 。第五圖係顯示在從一伺服器初始載入之後的搜尋入口網站。
如第五圖所示,搜尋入口網站512 可包含至少兩元件506508 。元件506 係對應至一元件,其允許使用者輸入搜尋查詢,並將其提交給一搜尋引擎。元件508 係包含搜尋入口網站內容的其餘部分。或者,更多的元件可在內容項目中定義,例如一廣告元件510
在第五圖說明的元件可包含在一HTML DIV組件中。一HTML DIV組件係指定在一HTML網頁中的一區段或區塊組件。一DIV組件的使用允許一網頁作者將一網頁邏輯分成數個區段,以幫助建立元件506508 、和510 。此外,第五圖係說明元件如何具有可接收焦點的多個項目。例如,元件506 係包含一文字方塊盒與多個按鈕,其全部係可發信號有關焦點是否已由在元件中的一組件所接收。
506、508510 所說明的元件之外,一內容項目係包含一非元件背景504 。如前述,此項目可不包含焦點程式碼來使組件對焦與不對焦,因為其只是背景,且不與使用者互動。
第六圖係說明一網頁的畫面圖,其中包含網頁的一給定元件係接收根據本發明之一具體實施例的使用者焦點。因此,第六圖係說明在一用戶端裝置602 上執行的瀏覽器614 ,及檢視一Yahoo!搜尋入口網站內容項目612 。第六圖係顯示在一組件接收焦點之後的搜尋入口網站。
如第六圖所示,元件606 係從使用者接收焦點。在此範例中,使用者係將文字「tax software」輸入在元件606 中提供的搜尋文字方塊盒。因此,當元件606 接收焦點時,在內容項目612 中提供的其他元件608 會變地夠暗以引起注意(在此範例中,唯一的另一元件是608 ,然而,在內容項目中提供其他元件可獲得一相同結果)。若使用者按一下內容項目(604) 的背景,內容項目的狀態會返回至第五圖所示的狀態。即是,在內容項目中的所有元件會變成照明且清楚可見。
第一圖至第六圖係關於本發明解釋的概念說明。應可瞭解,本發明之具體實施例的各種不同態樣能以硬體、韌體、軟體或其組合來實施。在此具體實施例中,各種不同元件及/或步驟將能以硬體、韌體、及/或軟體實施,以執行本發明的功能。即是,相同部分的硬體、韌體或軟體模組可執行一或多個說明的區塊(例如,元件或步驟)。
在軟體實施中,電腦軟體(例如,程式或其他指令)及/或資料係儲存在當作一電腦程式產品部分的一機器可讀取媒體上,並經由一可移動儲存設備、硬碟或通信介面而載入一電腦系統或其他裝置或機器。電腦程序(亦稱為電腦控制邏輯或電腦可讀取程式碼)係儲存在主要 及/或輔助記憶體,並藉由一或多個處理器(控制器等)執行,以使一或多個處理器執行如在此所述的本發明之功能。在此說明書中,術語「機器可讀取媒體」、「電腦程式媒體」和「電腦可用媒體」係用來通常稱為媒體,例如一隨機存取記憶體(RAM);一唯讀記憶體(ROM);一可移除儲存單元(例如,一磁性或光學磁碟機、快閃記憶體裝置等);一硬碟;電子、電磁、光學、聲學、或其他形式傳播信號(例如,載波、紅外光信號、數位信號等)等。
特別地係,上面的圖式及範例不是要將本發明的範疇限制在單一具體實施例,因為其他具體實施例可以經由一些或所有描述或說明之組件進行互換。而且,在本發明的特定組件可部分或整個使用已知的元件來實施的情況,描述有助瞭解本發明所需之此已知元件的部分,並省略此已知元件的其他部分之詳細描述,而不致對本發明造成模糊。在本說明書中,除非在此明確說明,否則顯示單一元件之一具體實施例不必然侷限於包括複數個相同元件之其他具體實施例,反之亦然。而且,除非明確聲明,否則申請人不將說明書或申請專利範圍中的任何用語認定為一不尋常或特別意思。此外,本發明包含經由說明的在此所參考已知元件的現在及未來已知的等效物。
前述特定具體實施例之描述係完全揭露本發明的一般性質,其他人可藉由運用熟諸此技術人士的知識(包括在此引用及供參考所合併的文獻內容)而輕易修改及/或調適於此特定具體實施例的不同應用,不致有過度的實驗而脫離本發明的一般概念。基於在此提供之說明及 指引,此調適及修改因此是在揭示具體實施例之同等的意義及範疇內。應可瞭解,在此的措辭或專門術語係為了說明而不是限制,以致於鑑於在此提供的說明及指引,與結合熟諳此項技術人士知識,本說明書的專門術語或措辭可由熟練此項技術者加以解釋。
雖然本發明的不同具體實施例已在上面描述,但是應可應可瞭解他們是經由範例來呈現而不是限制。熟諸此項技術人士應可瞭解可達成不同變化形式及細節,而不致脫離本發明的精神及範疇。因此,本發明並未受到前述示範性具體實施例之任何一者的限制,而是只根據下列申請專利範圍及其等效物加以定義。
102‧‧‧網路
104‧‧‧內容供應器
106‧‧‧用戶端裝置
108‧‧‧用戶端裝置
110‧‧‧內容伺服器
112‧‧‧資料儲存
114‧‧‧內容資料儲存
116‧‧‧內容項目
118‧‧‧內容
120‧‧‧焦點模組
502‧‧‧用戶端裝置
504‧‧‧非元件背景
506‧‧‧元件
508‧‧‧元件
510‧‧‧廣告元件
512‧‧‧Yahoo!搜尋入口網站內容項目
514‧‧‧瀏覽器
602‧‧‧用戶端裝置
604‧‧‧內容項目
606‧‧‧元件
608‧‧‧其他元件
612‧‧‧Yahoo!搜尋入口網站內容項目
614‧‧‧瀏覽器
本發明是在附圖的圖式中說明,且圖式只是示範性而不是限制,其中相同的參考數字係表示類似或對應的部件,其中:第一圖係提供說明根據本發明之一具體實施例的焦點標明之系統的方塊圖;第二圖係提供說明根據本發明之一具體實施例的焦點標明之方法的流程圖;第三圖係提供說明根據本發明之一具體實施例之用於產生一內容項目以支援焦點標明之方法的流程圖;第四圖係提供說明根據本發明之一具體實施例之用於顯示一對焦搜尋方塊盒元件之方法的流程圖。
第五圖係說明根據本發明之一具體實施例的一網頁包含一或多個元件之畫面圖;及 第六圖係說明根據本發明之一具體實施例的一網頁之畫面圖,其中包含該網頁的一給定元件係接收使用者焦點。
102‧‧‧網路
104‧‧‧內容供應器
106‧‧‧用戶端裝置
108‧‧‧用戶端裝置
110‧‧‧內容伺服器
112‧‧‧資料儲存
114‧‧‧內容資料儲存
116‧‧‧內容項目
118‧‧‧內容
120‧‧‧焦點模組

Claims (18)

  1. 一種用於利用焦點標明以提供包含元件的內容項目之電腦化的方法,該方法包含:從一用戶端電性接收有關包含複數個資源的一內容項目之請求;由一處理裝置,電性產生對應至該複數個資源之複數個元件;由該處理裝置,電性產生一焦點變暗程式;電性結合該複數個元件及該焦點變暗程式以形成單一內容項目,其中該焦點變暗程式包含視覺調整程式指令以直接調整一被選擇的元件;由該焦點變暗程式接收從該等元件來的訊息;以及使用該焦點變暗程式,通訊利用該焦點變暗程式之該視覺調整程式指令之視覺顯示調整動作至每一元件。
  2. 如申請專利範圍第1項之方法,其中基於使用者互動,該複數個元件具有能力被對焦或不對焦。
  3. 如申請專利範圍第2項之方法,其中當該複數個元件之一被對焦時,其餘的元件係保持不對焦。
  4. 如申請專利範圍第3項之方法,其中該對焦及不對焦係包含不變暗與變暗。
  5. 如申請專利範圍第3項之方法,其中該對焦及不對焦係包含除了任一對焦的元件之外,移除其餘資源。
  6. 如申請專利範圍第1項之方法,進一步包含定義複數個參數來控制該等資源之顯示。
  7. 一種用於利用焦點標明以提供包含元件的內容項目 之系統,其包含:複數個用戶端裝置,係溝通耦合至一網路;及一內容供應器,係耦合至該網路,其包含:一資料儲存,可操作以儲存內容與至少一焦點程式模組;及一內容伺服器,可操作從該內容以產生複數個元件,及產生結合該等元件與該焦點程式模組的一最後內容項目;其中,該焦點程式模組包含視覺調整程式指令以直接調整一被選擇的元件,該焦點程式模組接收從該等元件來的訊息,並該焦點程式模組通訊利用該焦點程式模組之該視覺調整程式指令之視覺顯示調整動作至每一元件。
  8. 如申請專利範圍第7項之系統,其中基於使用者互動,該複數個元件具有能力被對焦或不對焦。
  9. 如申請專利範圍第8項之系統,其中當該複數個元件之一被對焦時,其餘的元件係保持不對焦。
  10. 如申請專利範圍第9項之系統,其中該對焦及不對焦係包含不變暗與變暗。
  11. 如申請專利範圍第9項之系統,其中該對焦及不對焦係包含除了任一對焦的元件之外,移除其餘資源。
  12. 如申請專利範圍第7項之系統,進一步包含複數個參數可定義來控制該等元件之顯示。
  13. 一種包含程式碼之電腦可讀取媒體,當一可程式化處理器執行該程式碼時,可使該處理器執行利用焦點標明以提供包含元件的內容項目之方法,該程式碼包含: 從一用戶端接收有關包含複數個資源的一內容項目之請求之程式碼;產生對應至該複數個資源的複數個元件之程式碼;產生一焦點變暗程式之程式碼;結合該複數個元件及該程式碼以形成單一內容項目之程式碼,其中該程式碼包含視覺調整程式指令以直接調整一被選擇的元件;由該程式碼接收從該等元件來的訊息;以及使用該程式碼,通訊利用該程式碼之該視覺調整程式指令之視覺顯示調整動作至每一元件。
  14. 如申請專利範圍第13項之電腦可讀取媒體,包含基於使用者互動,該複數個元件之程式碼具有能力被對焦或不對焦。
  15. 如申請專利範圍第14項之電腦可讀取媒體,包含當該複數個元件之一被對焦時,可使其餘的元件保持不對焦之程式碼。
  16. 如申請專利範圍第15項之電腦可讀取媒體,其中該用於對焦及不對焦之程式碼係包含用於不變暗及變暗之程式碼。
  17. 如申請專利範圍第15項之電腦可讀取媒體,其中該用於對焦及不對焦之程式碼係包含除了任一對焦的元件之外,移除其餘資源之程式碼。
  18. 如申請專利範圍第13項之電腦可讀取媒體,進一步包含用於定義複數個參數以控制該等資源之顯示之程式碼。
TW097113925A 2007-05-30 2008-04-17 標明網頁元件焦點之系統與方法 TWI421760B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
US11/755,146 US20080301573A1 (en) 2007-05-30 2007-05-30 System and method for indicating page component focus

Publications (2)

Publication Number Publication Date
TW200915169A TW200915169A (en) 2009-04-01
TWI421760B true TWI421760B (zh) 2014-01-01

Family

ID=40089408

Family Applications (1)

Application Number Title Priority Date Filing Date
TW097113925A TWI421760B (zh) 2007-05-30 2008-04-17 標明網頁元件焦點之系統與方法

Country Status (3)

Country Link
US (2) US20080301573A1 (zh)
TW (1) TWI421760B (zh)
WO (1) WO2008150685A1 (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8453047B2 (en) * 2008-05-27 2013-05-28 Appfolio, Inc. Systems and methods for automatic submission of forms on a web page
US20110022945A1 (en) * 2009-07-24 2011-01-27 Nokia Corporation Method and apparatus of browsing modeling
US9268875B2 (en) * 2012-07-13 2016-02-23 Microsoft Technology Licensing, Llc Extensible content focus mode
US9265458B2 (en) 2012-12-04 2016-02-23 Sync-Think, Inc. Application of smooth pursuit cognitive testing paradigms to clinical drug development
US9380976B2 (en) 2013-03-11 2016-07-05 Sync-Think, Inc. Optical neuroinformatics
US11270353B2 (en) * 2017-11-21 2022-03-08 International Business Machines Corporation Visually and/or semantically integrating a digital advertisement within a digital composition
US11144118B2 (en) * 2018-12-17 2021-10-12 Citrix Systems, Inc. Distraction factor used in A/B testing of a web application

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5699535A (en) * 1996-03-29 1997-12-16 International Business Machines Corporation Method, memory and apparatus for automatically resizing a plurality of windows displayed on a computer display
TW561369B (en) * 1999-08-31 2003-11-11 Andersen Consulting Llp A system, method and article of manufacture for remote demonstration of business capabilities in an e-commerce environment
US20040216036A1 (en) * 2002-09-13 2004-10-28 Yahoo! Inc. Browser user interface

Family Cites Families (47)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB2301757B (en) * 1995-06-01 2000-02-02 Ibm Graphical user interface
US6181337B1 (en) * 1995-11-22 2001-01-30 Fujitsu Limited Display control system causing image on display screen to disappear and reappear in a friendly manner to user
US6061659A (en) * 1997-06-03 2000-05-09 Digital Marketing Communications, Inc. System and method for integrating a message into a graphical environment
US6160553A (en) * 1998-09-14 2000-12-12 Microsoft Corporation Methods, apparatus and data structures for providing a user interface, which exploits spatial memory in three-dimensions, to objects and in which object occlusion is avoided
US6039047A (en) * 1998-10-30 2000-03-21 Acuson Corporation Method and system for changing the appearance of a control region of a medical device such as a diagnostic medical ultrasound system
US20020054052A1 (en) * 1999-01-06 2002-05-09 Nandini Sharma Frame-based web browser
US6633310B1 (en) * 2000-05-31 2003-10-14 Microsoft Corporation Switchably translucent and opaque graphical user interface elements
US20030074635A1 (en) * 2001-10-11 2003-04-17 International Business Machines Corporation Method, apparatus, and program for finding and navigating to items in a set of web pages
US6874019B2 (en) * 2001-03-08 2005-03-29 International Business Machines Corporation Predictive caching and highlighting of web pages
US20020167534A1 (en) * 2001-05-10 2002-11-14 Garrett Burke Reading aid for electronic text and displays
US7043701B2 (en) * 2002-01-07 2006-05-09 Xerox Corporation Opacity desktop with depth perception
US7631035B2 (en) * 2002-01-09 2009-12-08 Digital River, Inc. Path-analysis toolbar
US7100123B1 (en) * 2002-01-25 2006-08-29 Microsoft Corporation Electronic content search and delivery based on cursor location
US20030142133A1 (en) * 2002-01-28 2003-07-31 International Business Machines Corporation Adjusting transparency of windows to reflect recent use
US20030142132A1 (en) * 2002-01-28 2003-07-31 International Business Machines Corporation Selectively adjusting the translucency of windows in response to a scroll wheel rotation
US7146573B2 (en) * 2002-01-28 2006-12-05 International Business Machines Corporation Automatic window representation adjustment
US7082577B1 (en) * 2002-01-30 2006-07-25 Freedom Scientific, Inc. Method for displaying an internet web page with an area of focus
US7197717B2 (en) * 2002-06-04 2007-03-27 Microsoft Corporation Seamless tabbed focus control in active content
US7194527B2 (en) * 2002-06-18 2007-03-20 Microsoft Corporation Media variations browser
KR20040045101A (ko) * 2002-11-22 2004-06-01 삼성전자주식회사 마크업 화면에 매립된 오브젝트 화면의 입력 아이템을포커싱하는 방법 및 그 정보저장매체
US7487460B2 (en) * 2003-03-21 2009-02-03 Microsoft Corporation Interface for presenting data representations in a screen-area inset
US8065614B2 (en) * 2003-04-09 2011-11-22 Ati Technologies, Inc. System for displaying video and method thereof
US7051282B2 (en) * 2003-06-13 2006-05-23 Microsoft Corporation Multi-layer graphical user interface
US7895523B2 (en) * 2003-09-04 2011-02-22 International Business Machines Corporation Method, system and program product for obscuring supplemental web content
US7793215B2 (en) * 2003-10-15 2010-09-07 International Business Machines Corporation Indicating focus in a portal environment
US20050091604A1 (en) * 2003-10-22 2005-04-28 Scott Davis Systems and methods that track a user-identified point of focus
US9335884B2 (en) * 2004-03-25 2016-05-10 Microsoft Technology Licensing, Llc Wave lens systems and methods for search results
US7546554B2 (en) * 2004-03-31 2009-06-09 Fuji Xerox Co., Ltd. Systems and methods for browsing multimedia content on small mobile devices
US7546543B2 (en) * 2004-06-25 2009-06-09 Apple Inc. Widget authoring and editing environment
US20060080612A1 (en) * 2004-10-07 2006-04-13 International Business Machines Corporation Dynamic portlet tabbing
FR2877112B3 (fr) * 2004-10-22 2007-06-08 Nds Ltd Procede de gestion de fenetres d'affichage
JP4656385B2 (ja) * 2004-12-09 2011-03-23 ソニー株式会社 ウィンドウ表示装置、ウィンドウ表示方法及びウィンドウ表示プログラム
US7818672B2 (en) * 2004-12-30 2010-10-19 Microsoft Corporation Floating action buttons
US7747965B2 (en) * 2005-01-18 2010-06-29 Microsoft Corporation System and method for controlling the opacity of multiple windows while browsing
GB0502891D0 (en) * 2005-02-12 2005-03-16 Next Device Ltd User interfaces
US20060184891A1 (en) * 2005-02-17 2006-08-17 Parker Jason M Simplified interactive graphical user interfaces for display systems by removal of inactive windows after a time-out period
US7788248B2 (en) * 2005-03-08 2010-08-31 Apple Inc. Immediate search feedback
US7661069B2 (en) * 2005-03-31 2010-02-09 Microsoft Corporation System and method for visually expressing user interface elements
US20070055947A1 (en) * 2005-09-02 2007-03-08 Microsoft Corporation Animations and transitions
US7954064B2 (en) * 2005-10-27 2011-05-31 Apple Inc. Multiple dashboards
US20070139430A1 (en) * 2005-12-21 2007-06-21 Microsoft Corporation Rendering "gadgets" with a browser
US20080022229A1 (en) * 2005-12-23 2008-01-24 Soujanya Bhumkar Methods and systems for enhancing internet experiences using previews
US20070226642A1 (en) * 2006-03-22 2007-09-27 Business Objects, S.A. Apparatus and method for displaying transparent windows when copying or moving items between windows
US7793223B2 (en) * 2006-05-03 2010-09-07 At&T Intellectual Property I, L.P. Methods, systems, and computer program products for managing user focus change between applications
US20080059904A1 (en) * 2006-08-30 2008-03-06 Christopher Patrick Abbey Method, apparatus, and computer program product for implementing enhanced window focus in a graphical desktop
US9703889B2 (en) * 2007-02-14 2017-07-11 Google Inc. Providing auto-focus for a search field in a user interface
US20080208803A1 (en) * 2007-02-27 2008-08-28 Wazap Ag System and method for characterising a web page

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5699535A (en) * 1996-03-29 1997-12-16 International Business Machines Corporation Method, memory and apparatus for automatically resizing a plurality of windows displayed on a computer display
TW561369B (en) * 1999-08-31 2003-11-11 Andersen Consulting Llp A system, method and article of manufacture for remote demonstration of business capabilities in an e-commerce environment
US20040216036A1 (en) * 2002-09-13 2004-10-28 Yahoo! Inc. Browser user interface

Also Published As

Publication number Publication date
US20080301100A1 (en) 2008-12-04
WO2008150685A1 (en) 2008-12-11
TW200915169A (en) 2009-04-01
US20080301573A1 (en) 2008-12-04

Similar Documents

Publication Publication Date Title
TWI421760B (zh) 標明網頁元件焦點之系統與方法
US20190272313A1 (en) Dynamic generation of mobile web experience
RU2589306C2 (ru) Управление сеансом удаленного просмотра
US8910070B2 (en) Tab pages and bookmark toolbars in a browser
US8255812B1 (en) Embedding user-selected content feed items in a webpage
JP5430743B2 (ja) グラフィカルユーザインタフェース内でスクレープされたウェブページを提供するための方法および装置
US8521732B2 (en) Presentation of an extracted artifact based on an indexing technique
US7698256B1 (en) History support for stateless Javascript Web client
US10423707B2 (en) Techniques for displaying third party content
US20110072116A1 (en) Method and system for providing xml-based asynchronous and interactive feeds for web applications
US20100095197A1 (en) System and method for dynamic content publishing
US20230259691A9 (en) Method, apparatus, device and storage medium for determining page theme
US20140143644A1 (en) Web browser page transition acceleration
US20120060087A1 (en) System and method for converting an existing website into a mobile compatible website
US20120030275A1 (en) Providing status information for components in a distributed landscape
US20090249188A1 (en) Method for adaptive transcription of web pages
US10754900B2 (en) Access to network content
JP2013517556A (ja) 高められたブラウジング速度のためのプレビュー機能性
US20050223310A1 (en) Displaying information from a portal website
KR20140025586A (ko) 이동 장비를 위한 마크업 데이터 번역 방법
CN103838842A (zh) 一种浏览器中加载新标签页的方法和装置
KR20080024734A (ko) 웹문서 구성 장치 및 방법과 웹문서 배열 설정 장치
JP6015967B2 (ja) ウェブ・ページを表示する装置およびプログラム
US20050024355A1 (en) Selecting items displayed on respective areas on a screen
US20060150094A1 (en) Web companion