TW201322106A - 三維網頁展示及頁面快速轉換之瀏覽系統 - Google Patents

Abstract

一種三維網頁展示及頁面快速轉換之瀏覽系統，其展示、應用於一瀏覽器，其包含一入口網頁、一n階網頁、至少一標籤模組、一資料庫，該入口網頁、該n階網頁為展示物件或三維環景之網頁；該標籤模組其標設於該入口網頁或該n階網頁之特定區域用以互相連結；該資料庫包含一比對模組及一標籤模組，其中，藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，以使該入口網頁或該些n階網頁間能快速轉換，再者該些標籤模組能藉由比對以自動產生。

Description

三維網頁展示及頁面快速轉換之瀏覽系統

本發明是一種瀏覽系統，尤其是關於一種具有三維網頁展示及頁面快速轉換之瀏覽系統。

網路是近一世紀最重要的發明之一。網頁技術不斷的發展演進，使網路所包含的資訊內含量非常龐大且所能提供的服務也非常多元。然而，目前的網路的訊息呈現方式，通常以單一頁面顯示方式呈現，其再配合超連結的方式與其他頁面進行連結，使用者透過一頁一頁點選、切換，達到資訊取得的目的。然而，前述既有之網頁資訊呈現方式，雖然可以達到展示資訊的目的，但確有諸多的缺點簡列如下：

1.每個網頁訊息之間僅透過超連結或上/下頁進行切換，當使用者切換頁面過多時，經常迷失於混亂的連結關係而無法找到適當的資訊。

2.每頁的資訊呈現方式無互動關係，使用非常單調。

3.資訊內容受到每個頁面的寬度之之限制，資訊呈現方式受到顯示頁面之侷限，顯示方式略顯單調。

4.資訊顯示內容被動，必須透過使用者選擇進入某些特定頁面，才可取得或更新網頁資訊，非常容易因此遺漏重要資訊。

為了解決既有網頁資訊呈現技術以超連結或上下頁關係呈現而容易迷失於各網頁連結關係、使用感受單調且可顯資訊受到限制等諸多技術問題，本發明提出以3D資訊呈現暨主動載入資訊的網頁呈現技術，解決既有技術之諸多缺點，並達到簡化網頁使用、訊息主動更新顯示及720度全景超大資料量顯示之整合型網頁顯示的技術功效。

本發明提供一種三維網頁展示及頁面快速轉換之瀏覽系統，其係應用於一瀏覽器，其包括：一入口網頁，係為展示物件或三維環景之網頁，該展示物件包含平面網頁、資訊文字網頁、二維(2D)平面圖、動畫或串流影音訊息；至少一n階網頁，其包括n個一階至n階{P1,P2...Pn}之網頁，n≧1，該些n階網頁為展示物件或三維環景之網頁；至少一標籤模組，其標設於該入口網頁之特定區域用以連結至一階網頁(P1)，或標設於該些n階網頁之特定區域用以連結至任一該些n階網頁{P1、P2...或Pn}或該入口網頁；以及一展示物件設於該入口網頁或該n階網頁，其於一特定情境滿足後由一資料庫主動下載並於該暫態展示畫面內執行一互動資訊展示，其中該特定情境滿足為該暫態展示座標座落於一設定區間、地點滿足設定條件或時間滿足設定條件；其中，該三維環景之網頁包含一立體座標系統，該三維環景之網頁於該瀏覽器顯示一暫態展示畫面，該暫態展示畫面之一暫態顯示座標係座落於該立體座標系統內；該三維環景之網頁為一立體地理場景網頁或一720度環景網頁，該立體地理場景網頁為展示主題內容以地理環境為主體並以三維立體顯示方式呈現的網頁，該720度環景網頁可於該立體座標系統之一水平座標及一垂直座標方向各自由旋轉360度。

其中，變更該暫態展示畫面之該暫態展示座標係透過比較一滑鼠軌跡座標與即時之該暫態展示座標之方位關係進行轉換該暫態展示畫面。

其中，變更該暫態展示畫面之該暫態展示座標係透過比較一行動裝置方位感應結果與即時之該暫態展示座標之方位關係進行轉換該暫態展示畫面。

本發明具備下述優點及達成下列技術功效：

1.　本發明藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，以使該入口網頁或該些n階網頁間能快速轉換，再者該些標籤模組能藉由比對以自動產生。

2.本發明之三維網頁不僅賦予一張頁面可顯示範圍擴張至720度，使每一個頁面可容納的資訊量大量提升。

3.三維網頁其為多功能互動展示，且網頁間是相互整合且互通的，因此有別於習知網頁操作時僅能上一頁和/或下一頁的選擇。

4.透過資料庫比對(例如：關鍵字比對)達到『人事時地物』資訊相互串連的目的。

5.網頁各階層互相完美串連，其除了主動更新資訊於網頁之外，更提供使用者多樣化的使用感受，使用者可以在單一三維網頁獲取最大量、最新穎的資訊，更可自由悠遊於不同維度的場景而不會迷失於網頁之間的切換。

請參考第一A、B圖及第二圖，其為本發明三維網頁展示及頁面快速轉換之瀏覽系統較佳實施例，其展示、應用於一瀏覽器，其包含一入口網頁、一n階網頁、至少一標籤模組L12,L13及一個以上之展示物件。

該入口網頁指使用者起始登入與開啟之網頁，其為展示物件或三維環景之網頁L1。該n階網頁包括n個一階至n階{P1,P2...Pn}之網頁，n≧1，其中該些n階網頁為展示物件或三維環景之網頁。使用者透過手持裝置或電腦之瀏覽器由一資料庫載入該入口網頁。

該展示物件指該入口網頁或該n階網頁之呈現型態不限而可為多元形式，例如平面網頁、資訊文字網頁、二維(2D)平面圖、動畫、串流影音訊息等等。

該三維環景之網頁L1為一立體地理場景網頁或一720度環景網頁。該立體地理場景網頁指其展示主題內容以地理環境為主體並以三維立體顯示方式呈現的網頁，例如城市建築、街道之立體動態場景。該720度環景網頁指該三維環景之網頁L1包含一立體座標系統，該720度環景網頁可於該立體座標系統之一水平座標及一垂直座標方向各自由旋轉360度，其於該瀏覽器顯示之一暫態展示畫面所對應之一暫態展示座標系座落於該立體座標系統內，該暫態展示座標即時儲存於該瀏覽器或即時回傳至該資料庫。控制該三維環景之網頁L1改變該水平座標與該垂直座標之方式不限定，其可以是該瀏覽器或該資料庫比較使用者之一滑鼠於該暫態展示展示畫面之一滑鼠軌跡座標與該暫態展示座標之方位關係，使該三維環景之網頁L1移動或切換顯示其他該暫態展示座標的資訊內容；或者，也可以是該瀏覽器或該資料庫比較使用者之一行動裝置方位感應結果(例如智慧手機內建之陀螺儀的方位感應結果)與該暫態展示座標之方位關係。以滑鼠軌跡座標為範例，假設該暫態展示座標為該立體座標系統之原點(0,0,0)，當該滑鼠軌跡座標為(0,1,0)時，代表使用者欲朝水平順時針方向改變暫態展示畫面之顯示內容。

該標籤模組L12,L13其標設於該入口網頁之特定區域用以連結至一階網頁(P1)，或標設於該些n階網頁之特定區域用以連結至任一該些n階網頁{P1、P2...或Pn}或該入口網頁，透過該些標籤模組L12,L13使網頁之間的切換關係與路徑變得非常多元，其連結路徑關係可如第一A、三、四圖所示。

該展示物件L11設於該入口網頁或該n階網頁，其於一特定情境下由該資料庫主動下載並於該暫態展示畫面內執行一互動資訊展示，讓使用者可以於瀏覽該三維環景之網頁L1主動接受訊息與不斷地由該資料庫自動取得最新的資訊。該展示物件L11之種類呈現形成不限定，例如其可為設於該入口網頁該n階網頁之一大型動畫看板、T-bar展示牌、藝術作品展示櫃、資訊佈告區域等，當該特定情境滿足時，該展示物件可以依據其種類與呈現方式而有不同且多元的互動資訊展示之顯示，例如於該大型動畫看板播放動畫、最新新聞、最新活動訊息、緊急公告訊息；於T-bar展示牌顯示最新活動、廣告；於藝術作品展示櫃展示展覽中的雕像、畫作；以及於該資訊佈告區域顯示新聞事件等。前述的特定情境滿足條件依據該展示物件之種類與呈現形式而可為多元，例如該特定情境滿足可為：該暫態展示座標座落於一設定區間、地點滿足設定條件(靠近某建築物、道路口或景點)、時間滿足設定條件(某個活動時段、於整點新聞播放時)等。

本實施例所連接之該資料庫係網路連接至該瀏覽器，該資料庫可安裝或載入於一伺服器上，由該資料庫載入該入口網頁或該些n階網頁至該瀏覽器，其中該資料庫包括一比對模組及一標籤產生模組以進行前述的標籤模組之標定及該特定情境是否滿足該比對模組比對該資料庫之資訊與該入口網頁或該些n階網頁內容之關聯性。所謂的關連性指該入口網頁與該n階網頁之間具有特定關係，例如：該入口網頁與該n階網頁同屬於720度環景網頁且內容分別屬於兩個可連通的室內空間(例如大廳與餐廳)、該n階網頁為該入口網頁之局部內容之詳細解說或放大圖面、該入口網頁與該n階網頁主題具有從屬關係等。

該標籤產生模組於該比對模組判斷具關聯性時，該標籤產生模組自動產生一或多個該些標籤模組並標示於該入口網頁或該些n階網頁之特定區域；其中，藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，以使該入口網頁或該些n階網頁間能快速轉換，再者該些標籤模組能藉由比對以自動產生。

以下試舉數個範例解說明該三維環景之網頁L1、該展示物件L11、該標籤模組L12,L13之實際作用關係：【範例一】請配合參考第一B圖，圖中展示使用者的該瀏覽器之暫態展示畫面所呈現之某一個該三維環景之網頁L1，該三維環景之網頁L1為一建築物，一個以上的該展示物件L11、該標籤模組L12,L13標示於主題為建築物之網頁，其中一個該展示物件L11為一大型LED看板，該展示物件L11於符合該特定情境時輸出該互動資訊展示，該特定情境可以是該暫態展示座標落於一設定範圍內時，該展示物件L11則由該資料庫比較並更新至最新狀態。以百貨公司的大型LED看板為例，當使用者瀏覽該三維環景之網頁L1並使該暫態展示畫面完整顯示(即滿足該特定情境)該展示物件L11，該展示物件L11開始播放由該資料庫下載至最新的廣告、週年慶特賣活動影像等等，當使用者移動滑鼠轉換該暫態展示畫面至看不見該展示物件L11時(即不滿足該特定情境)，該三維環景之網頁L1主動停止播放最新的廣告等影像，如此，讓使用者不僅可以在瀏覽單一的三維環景之網頁L1時，主動接收與更新各展示物件L11對應最新的資訊內容，使用者無須進入其他超連結即可接收資訊更新，而且，由於本實施例所提供720度環景網頁，使單一的該三維環景之網頁L1內可包含之資訊量突破傳統單一頁面能容納的資訊含量。又例如，該展示物件L11為一販售品，該販售品於滿足該特定情境時，由該資料庫更新最新售價與商品介紹等資訊。

該入口網頁或該n階網頁之特定區域可自動產生複數個該標籤模組L12,L13，該入口網頁或該n階網頁可為一次階三維網頁L2或一展示物件，以第二圖為範例說明，使用者點選該標籤模組L13後進入該次階三維網頁L2，該次階三維網頁L2為該三維環景之網頁L1之建築物的某一室內空間，該次階三維網頁L2為一個720度環景網頁，其包含一個以上的展示物件L21及該標籤模組L13，其中，該次階三維網頁L2可透過該標籤模組L13回到該三維環景之網頁L1。當使用者點選該標籤模組L13時，即快速地轉換於該入口網頁或該n階網頁之間，其中，該展示物件亦可於該比對模組比對後，在該特定狀態滿足後主動與該資料庫同步更新所對應的內容。

【範例二】該三維環景之網頁L1也可以是一三維地理場景網頁，透過縮放或滑鼠拖曳轉動功能而可以讓該三維環景之網頁L1於瀏覽器顯示的該暫態展示畫面顯示不同比例大小、不同視角的三維地理場景。換言之，該三維環景之網頁L1可以為三維的城市地圖，透過縮放或拖曳功能對某一個建築物或場景予以縮放或轉動，藉以靠近或遠離該建築物或場景，使該三維環景之網頁L1中的展示物件L11可以滿足特定情境(放大到一定的比例或尺寸)藉以主動產生或展示該展示物件L11，該展示物件可能是標籤、T-bar展示牌等等，該比對模組比對該資料庫，並於特定情境滿足後或各網頁之間具有關連性時開始主動展示最新的資訊或產生標籤模組，例如移動到某個十字路口時即時顯示該路口發生交通事故(地點與時間滿足設定條件)或移動到某個T-bar其展示最新的廣告內容。對應的該暫態展示畫面可能是一車站以及座落於該車站側邊的一百貨公司，於使用者瀏覽該三維網頁L1的當時，該三維網頁L1於瀏覽器展示的該暫態展示畫面中顯示的車站俯視圖時，同時看到該百貨公司對應位置標示一訊息標籤(該展示物件L11)，當使用者移動滑鼠轉換該暫態展示畫面而使該百貨公司之暫態展示座標落於之一特定範圍時(即滿足該特定情境)，該訊息標籤則主動由資料庫下載並主動展開顯示當日特惠訊息、週年慶訊息等。如此，本實施例之三維網頁可以讓使用者在瀏覽該三維網頁L1的過程體驗主動訊息輸入之全新瀏覽感受。

【範例三】使用者也可以瀏覽一平面訊息網頁，並下特定的檢索關鍵字，當使用者透過連結進入該三維網頁L1時，該三維網頁L1可以依據使用者一檢索關鍵字於該資料庫進行比對是否具有該檢索關鍵字有關的新增訊息，並於比對後將最新的訊息顯示於該展示物件L11。以前述範例二所描述的場景為例，當使用者的檢索關鍵字是與該百貨公司有關的週年慶消息(特定情境為時間滿足設定條件)，該資料庫依據該檢索關鍵字之檢索結果將最新的週年慶訊息主動更新於該三維網頁L1中的百貨公司之訊息標籤(展示物件L11)，使用者於下次所瀏覽的暫態展示畫面為該百貨公司時(滿足該特定情境)，可主動顯示週年慶的消息。

如前述各範例可知，本實施例藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，使該入口網頁或該些n階網頁間能快速轉換，且該些標籤模組能藉由比對以自動產生。而且展室內容可為720度的網頁，該三維環景之網頁L1更整合影音、文字、圖片等資訊，使得於一個畫面下可整合最大資訊，且各網頁之間間是相互整合且互通的，有別於習知網頁操作時僅能上一頁和/或下一頁的選擇。再者，該三維網頁可透過資料庫比對達到『人事時地物』資訊相互串連的目的。

為更進一步說明該入口網頁、各n階網頁之網頁快速切換之關連性，請參考第三圖、第四圖，其為本實施例之網頁維度變換流程示意與網頁架構圖，使用者可直接以網址連結該三維環景之網頁L1而以該三維環景之網頁L1作為該入口網頁(如第三圖所示)，或者也可以透過本實施例之該立體網頁之該三維地理場景網頁為首頁(如第四圖，標示為□3D地理場景)作為入口存取該立體網頁，該三維環景之網頁L1與該次階三維網頁L2、該展示物件之間可透過該標籤模組L12,L13或該展示物件L11相互連結、切換，使用者可以登入次階三維網頁L2後，於該瀏覽器上顯示之該暫態展示畫面內的該標籤模組L12,L13或該展示物件L11交互連結。如前所述之建築物，該三維環景之網頁L1係以720環景網頁呈現(標示為□)，其可透過該標籤模組L12,L13進入該展示物件，該展示物件可以是一2D平面圖(標示為□)或一3D動畫(標示為□)，該展示物件可內含該一個以上的標籤模組，讓使用者可以於瀏覽該展示物件時以標籤模組回到三維環景之網頁L1或入口網頁。

由前述說明可知，本實施例具備下述優點及達成下列技術功效：

1.　本實施例藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，以使該入口網頁或該些n階網頁間能快速轉換，再者該些標籤模組能藉由比對以自動產生。

2.本實施例之三維網頁不僅賦予一張頁面可顯示範圍擴張至720度，使每一個頁面可容納的資訊量大量提升。

3.三維網頁其為多功能互動展示，且網頁間是相互整合且互通的，因此有別於習知網頁操作時僅能上一頁和/或下一頁的選擇。

4.透過資料庫比對(例如：關鍵字比對)達到『人事時地物』資訊相互串連的目的。

5.網頁各階層互相完美串連，其除了主動更新資訊於網頁之外，更提供使用者多樣化的使用感受，使用者可以在單一三維網頁獲取最大量、最新穎的資訊，更可自由悠遊於不同維度的場景而不會迷失於網頁之間的切換。

L1．．．三維環景之網頁

L11,L21．．．展示物件

L12,L13．．．標籤模組

第一A圖為本發明較佳實施例之網頁架構示意圖。

第一B圖為本發明較佳實施例之三維網頁示意圖。

第二圖為本發明較佳實施例之次階三維網頁示意圖。

第三圖為本發明較佳實施例之網頁變換關係示意圖。

第四圖為本發明較佳實施例之網頁變換關係示意圖。

L1．．．三維環景之網頁

L11,L21．．．展示物件

L12,L13．．．標籤模組

Claims (8)

1. 一種三維網頁展示及頁面快速轉換之瀏覽系統，其係應用於一瀏覽器，其包括：一入口網頁，係為展示物件或三維環景之網頁；至少一n階網頁，其包括n個一階至n階{P1,P2...Pn}之網頁，n≧1，該些n階網頁為展示物件或三維環景之網頁；至少一標籤模組，其標設於該入口網頁之特定區域用以連結至一階網頁(P1)，或標設於該些n階網頁之特定區域用以連結至任一該些n階網頁{P1、P2...或Pn}或該入口網頁；以及一展示物件設於該入口網頁或該n階網頁，其於一特定情境滿足後執行一展示功能；其中，該三維環景之網頁包含一立體座標系統，該三維環景之網頁於該瀏覽器顯示一暫態展示畫面，該暫態展示畫面之一暫態顯示座標係座落於該立體座標系統內，其中變更該暫態展示畫面之該暫態展示座標，係透過與該暫態展示畫面即時之該暫態展示座標之方位關係之比較，進行轉換該暫態展示畫面至下一展示畫面。
2. 如申請專利範圍第1項所述之三維網頁展示及頁面快速轉換之瀏覽系統，該三維環景之網頁為一立體地理場景網頁或一720度環景網頁，該立體地理場景網頁為展示主題內容以地理環境為主體並以三維立體顯示方式呈現的網頁，該720度環景網頁可於該立體座標系統之一水平座標及一垂直座標方向各自由旋轉360度。
3. 如申請專利範圍第1或2項所述之三維網頁展示及頁面快速轉換之瀏覽系統，該展示物件包含平面網頁、資訊文字網頁、二維(2D)平面圖、動畫或串流影音訊息。
4. 如申請專利範圍第3項所述之三維網頁展示及頁面快速轉換之瀏覽系統，該特定情境滿足為該暫態展示座標座落於一設定區間、地點滿足設定條件或時間滿足設定條件。
5. 如申請專利範圍第4項所述之三維網頁展示及頁面快速轉換之瀏覽系統，其中變更該暫態展示畫面之該暫態展示座標，係透過比較一滑鼠軌跡座標與該暫態展示畫面即時之該暫態展示座標之方位關係進行轉換該暫態展示畫面。
6. 如申請專利範圍第5項所述之三維網頁展示及頁面快速轉換之瀏覽系統，其中變更該暫態展示畫面之該暫態展示座標，係透過一行動裝置方位感應結果與該暫態展示畫面即時之該暫態展示座標之方位關係之比較，進行轉換該暫態展示畫面。
7. 如申請專利範圍第6項所述之三維網頁展示及頁面快速轉換之瀏覽系統，其又包括：一資料庫，其存有提供展示物件之資訊，包括文字資訊、動畫或串流影音訊息；一比對模組，其比對該資料庫之資訊與該入口網頁或該些n階網頁內容之關聯性；一標籤產生模組，當該比對模組判斷具關聯性時，該標籤產生模組自動產生一或多個該些標籤模組並標示於該入口網頁或該些n階網頁之特定區域；其中，藉由該些標籤模組以連結該入口網頁或任一該些n階網頁，以使該入口網頁或該些n階網頁間能快速轉換，再者該些標籤模組能藉由比對以展示由該資料庫提供具關聯性之資訊。
8. 如申請專利範圍第7項所述之三維網頁展示及頁面快速轉換之瀏覽系統，其中該資料庫可存於一伺服器上。