TWI490709B - 動態網頁資訊顯示方法、電腦可讀取記錄媒體及其購物網站伺服器 - Google Patents

Description

動態網頁資訊顯示方法、電腦可讀取記錄媒體及其購物網站伺服器

本發明係關於一種動態網頁資訊顯示方法、電腦可讀取記錄媒體及其購物網站伺服器，尤其是關於一種供複數使用者電腦顯示網頁頁面之動態網頁資訊顯示方法、電腦可讀取記錄媒體及其購物網站伺服器。

由於網路的便利與普及，網路購物已成為常見之商品交易模式，消費者進入購物網站即可挑選所需之商品。目前已有許多購物網站提供網路空間，供使用者自行將其物品販賣或拍賣。

另外，個人化網頁亦相當普遍。個人化網頁以部落格(blog)為例，部落格是一種由使用者自行管理，不定期張貼新的文章、圖片或影片的網站。一般的部落格的網頁樣式除了網頁供應伺服器提供制式的樣式外，往往更提供使用者可自行設計及改變的功能。

於先前技術中，已有結合網路購物與個人化網頁之商業模式，其係將連結廣告置入於部落格中，使他人在與部落格連線時，亦可點閱進入該廣告之連結，因而增加商品被看到或被點閱之機會。

然而，在先前技術中，網頁頁面之影片區與文字區(例如討論區)係分屬於不同且為獨立之區塊，使用者並無法一次將影片區與文字區嵌入部落格或其他個人網頁中。

此外，於先前技術中，當相同主題之文字討論區被大量嵌入於各種網頁供應商所提供之網頁時，由於不同網路供應商之間並無適當之資訊溝通，使得嵌入不同網頁但為相同主題(例如針對某一商品)之文字討論區有內容無法同步之問題。

即使將影片區與文字區分兩次嵌入部落格或其他個人網頁中，其影片區與文字區的配置不良。更進一步來說，由於文字區之面積有限，且文字區內之文字係為固定式，因此無法於單一頁面顯示所有文字資訊，使用者必須自行以點選方式(例如點選捲軸或下一頁按鈕)才能看到其他文字資訊。

再者，由於影片區與文字區之內容通常具有相當程度之關連性，於先前技術中，並無將文字區顯示之內容隨著影片區所播放之內容相互配合之呈現方式。

因此，有必要提供一種動態網頁資訊顯示方法、電腦可讀取記錄媒體及其購物網站伺服器，以改善先前技術所存在的問題。

本發明之目的係在提供一種動態網頁資訊顯示方法，其用於購物網站伺服器，購物網站伺服器供複數使用者電腦顯示網頁頁面。

本發明之另一目的係在提供一種用於顯示動態網頁資訊之內儲程式之電腦可讀取記錄媒體。

本發明之又一目的係在提供一種用於顯示動態網頁資訊之購物網站伺服器，供複數使用者電腦顯示網頁頁面。

為達成上述之目的，本發明之動態網頁資訊顯示方法包括下列步驟：提供動態影像區與動態文字區，其中動態影像區可顯示影像資訊，動態文字區係顯示由複數使用者電腦所傳來之複數文字資訊；以及將至少一部份之複數文字資訊顯示於動態文字區，並且複數文字資訊於動態文字區隨時間移動位置。

為達成上述之另一目的，本發明之用於顯示動態網頁資訊之內儲程式之電腦可讀取記錄媒體，包括：影像顯示程式碼，用以提供動態影像區，動態影像區可顯示影像資訊；文字顯示程式碼，用以提供動態文字區，動態文字區係顯示由複數使用者電腦所傳來之複數文字資訊，以及將至少一部份之複數文字資訊顯示於動態文字區，並且複數文字資訊於動態文字區隨時間移動位置；以及資訊溝通程式碼，用以分別將其所屬之網頁嵌入動態影像區與動態文字區。

為達成上述之又一目的，本發明之購物網站伺服器包括處理器以及與處理器電性連接之記憶體，記憶體儲存軟體程式，當處理器執行記憶體之軟體程式時，可達成上述之動態網頁資訊顯示方法。

由於本發明構造新穎，能提供產業上利用，且確有增進功效，故依法申請發明專利。

為讓本發明之上述和其他目的、特徵和優點能更明顯易懂，下文特舉出本發明之具體實施例，並配合所附圖式，作詳細說明如下。

以下請先參考圖1關於本發明之動態網頁資訊顯示方法之使用環境架構圖。於圖1之實施例中，購物網站伺服器1、使用者電腦31、32、網頁供應伺服器81、82係透過網路90彼此電性連結。其中，使用者電腦31與使用者電腦32係透過網路90分別連結網頁供應伺服器81(譬如部落格供應商)與網頁供應伺服器82(譬如個人網頁供應商)，以使用網頁供應伺服器81及網頁供應伺服器82所提供之網頁。

本發明之購物網站伺服器1包括處理器10及記憶體20。其中記憶體20係與處理器10電性連接，記憶體20儲存軟體程式22。於本實施例中，軟體程式22包括影像顯示程式碼221、文字顯示程式碼222、資訊溝通程式碼223與賣家編輯程式碼224。軟體程式22可供電腦讀取，當電腦載入顯示程式碼221、文字顯示程式碼222、資訊溝通程式碼223與賣家編輯程式碼224並執行時，即可完成本發明之動態網頁資訊顯示方法。惟須注意的是，若使用者電腦31、32為買家時，則可不需要儲存或下載賣家編輯程式碼224。

接下來請參考圖2與圖2A關於本發明之動態網頁資訊顯示方法之流程圖，並請一併參考圖1、圖3至圖5。

步驟201：提供動態影像區72與動態文字區74，其中動態影像區可顯示影像資訊722，動態文字區74係顯示由複數使用者電腦所傳來之複數文字資訊745。

請參考圖3，為具有動態影像區72與動態文字區74之網頁顯示畫面之示意圖。動態文字區74係位於動態影像區72之側方。於本實施例中，動態影像區72係位於動態文字區74之右側，惟須注意的是，動態文字區74與動態影像區72之位置配置並不限於此。舉例來說，動態文字區亦可位於動態影像區之左側，或者動態文字區亦可位於動態影像區之下側。

影像顯示程式碼221係用以顯示動態影像區72，動態影像區72可顯示動態影像資訊722，使用者可點選播放按鈕721後開始播放相關影片(譬如商品的使用方法或產品的介紹)，但本發明不以此為限。

文字顯示程式碼222係用以顯示動態文字區74，動態文字區74係顯示由複數使用者電腦所傳來之複數文字資訊745。舉例來說，文字資訊745可為商品主題文字資訊、相關影片文字資訊或留言文字資訊等。

於本實施例中，動態文字區74更包括複數文字按鈕741,742,743，用以將動態文字區74切換至不同類型之文字資訊。於圖3之實施例中，文字區74包括主題按鈕741、相關影片按鈕742及留言按鈕743，供使用者點選以便取得所需的資訊，但本發明不以此為限。

步驟202：複數使用者電腦31、32分別嵌入購物網站伺服器1提供之嵌入用碼至其所屬網頁，以嵌入動態影像區72與動態文字區74。

請一併參考圖1與圖3。購物網站伺服器1提供嵌入用碼，用以將動態影像區72與動態文字區74嵌入使用者電腦31、32所屬之網頁供應伺服器81、82所提供之網頁頁面。其中，嵌入用碼可包括代表嵌入至使用者電腦31、32所屬之網頁之擺放位置、大小、連結網址(例如影片之連結網址)等原始碼(例如HTML程式碼、FLASH程式碼)，使用者電腦31、32只要透過複製與貼上的簡單動作，將指定段落之嵌入用碼貼至網頁供應伺服器81、82之原始碼區域(例如透過網頁編輯或設定之功能以顯示網頁原始碼)，即可將動態影像區72與動態文字區74嵌入個人網頁，嵌入後之網頁頁面如圖3所示。

步驟203：接收到複數使用者電腦31、32之至少一新增文字資訊746，更新動態文字區74所顯示之資訊，使得動態文字區74所顯示之資訊包括至少一新增文字資訊746，以達成資訊同步。

資訊溝通程式碼223係用以將文字資訊745達成資訊同步。請參考圖4，為具有可資訊同步之文字區之網頁顯示畫面之示意圖。當接收到使用者電腦31、32之至少一新增文字資訊746時，更新動態文字區74所顯示之資訊，使得動態文字區74所顯示之資訊包括至少一新增文字資訊746，以達成資訊同步。

請比較圖3與圖4。當使用者電腦31之動態文字區74(如圖3所示)輸入之新增文字資訊為「有無鑑賞期？」時，使用者電腦32於動態文字區74(如圖4所示)同步顯示「有無鑑賞期？」。

步驟204：至少一部份之複數文字資訊顯745示於動態文字區74，並且複數文字資訊745於動態文字區74域隨時間移動位置。

請比較圖3與圖5，圖5為文字資訊於動態文字區隨時間移動位置之網頁顯示畫面之示意圖。複數文字資訊係於動態文字區74內逐漸垂直移動。於本實施例中，複數文字資訊係於動態文字區74內逐漸垂直向上移動(由圖3移動至圖5)，類似於跑馬燈之效果。另外，複數文字資訊可為與特定播放時間之影像資訊相配合之文字(例如字幕效果)。

惟須注意的是，複數文字資訊於動態文字區74內之移動方向並不限於此。舉例來說，數文字資訊於動態文字區內亦可垂直向下移動、水平向左移動或水平向右移動等。另外，複數文字資訊於動態文字區內可依序顯示或隨機顯示。

在步驟204之後/之前/同時，為了方便賣家更改/編輯販賣商品之相關資訊，賣家之使用者電腦31、32可進一步進行以下步驟：

步驟205：提供賣家編輯區76。

請一併參考圖6，為包括賣家編輯區之網頁顯示畫面之示意圖。由於賣家有更改販賣商品相關資訊之權力，因此在賣家登入(例如輸入帳號、密碼)購物網站伺服器1後，接著點選主題741按鈕後，購物網站伺服器1提供如圖6所示之頁面給賣家之使用者電腦31、32。於本實施例中，賣家編輯區76係與動態影像區72及動態文字區74位於相同之網頁頁面。

步驟206：接收賣家更新訊息。

購物網站伺服器1接收賣家更新訊息，賣家更新訊息係賣家由賣家編輯區76所輸入之訊息。於本實施例中，賣家係更改販售商品之售價(例如降低售價)。

步驟207：傳送更新後之賣家更新訊息。

請一併參考圖7，為包括買家顯示區之網頁顯示畫面之示意圖。購物網站伺服器1傳送更新後之賣家更新訊息至買家之使用者電腦31、32。此處買家顯示區78所顯示之販賣商品資訊即為賣家更新後之資訊，買家顯示區78之內容對應於賣家編輯區76，惟買家於買家顯示區78中無法修改其內容。

惟須注意的是，在賣家無更新販賣商品資訊之需求下，亦可只進行步驟201至步驟204，而不進行步驟205至步驟207。

綜上所陳，本發明無論就目的、手段及功效，在在均顯示其迥異於習知技術之特徵，懇請　貴審查委員明察，早日賜准專利，俾嘉惠社會，實感德便。惟應注意的是，上述諸多實施例僅係為了便於說明而舉例而已，本發明所主張之權利範圍自應以申請專利範圍所述為準，而非僅限於上述實施例。

1．．．購物網站伺服器

10．．．處理器

20．．．記憶體

22．．．軟體程式

221．．．影像顯示程式碼

222．．．文字顯示程式碼

223．．．資訊溝通程式碼

224‧‧‧賣家編輯程式碼

31、32‧‧‧使用者電腦

72‧‧‧動態影像區

721‧‧‧播放按鈕

722‧‧‧影像資訊

74‧‧‧動態文字區

741‧‧‧主題按鈕

742‧‧‧相關影片按鈕

743‧‧‧留言按鈕

745‧‧‧文字資訊

746‧‧‧新增文字資訊

76‧‧‧賣家編輯區

78‧‧‧買家顯示區

81、82‧‧‧網頁供應伺服器

90‧‧‧網路

圖1係關於本發明之動態網頁資訊顯示方法之使用環境架構圖。

圖2與圖2A係關於本發明之動態網頁資訊顯示方法之流程圖。

圖3係為具有動態影像區與動態文字區之網頁顯示畫面之示意圖。

圖4係為具有可資訊同步之文字區之網頁顯示畫面之示意圖。

圖5係為文字資訊於動態文字區隨時間移動位置之網頁顯示畫面之示意圖。

圖6係為包括賣家編輯區之網頁顯示畫面之示意圖。

圖7係為包括買家顯示區之網頁顯示畫面之示意圖。

201．．．提供動態影像區72與動態文字區74，其中動態影像區72可顯示影像資訊722，動態文字區74係顯示由複數使用者電腦31、32所傳來之複數文字資訊745

202．．．複數使用者電腦31、32分別嵌入購物網站伺服器1提供之嵌入用碼至其所屬網頁，以嵌入動態影像區72與動態文字區74

203．．．接收到複數使用者電腦31、32之至少一新增文字資訊746，更新動態文字區74所顯示之資訊，使得動態文字區74所顯示之資訊包括至少一新增文字資訊746，以達成資訊同步

204．．．至少一部份之複數文字資訊745顯示於動態文字區74，並且複數文字資訊745於動態文字區74隨時間移動位置

Claims (8)

1. 一種動態網頁資訊顯示方法，係用於一購物網站伺服器，該購物網站伺服器供複數使用者電腦顯示網頁頁面，該方法係藉由該購物網站伺服器所儲存之一程式碼所達成，該方法包括下列步驟：提供一動態影像區與一動態文字區，其中該動態影像區可顯示一影像資訊，該動態文字區係顯示由該複數使用者電腦所傳來之複數文字資訊，且當接收到該複數使用者電腦之至少一新增文字資訊時，更新該動態文字區所顯示之資訊，使得該動態文字區所顯示之資訊包括該至少一新增文字資訊，以達成資訊同步；將至少一部份之該複數文字資訊顯示於該動態文字區，並且該複數文字資訊於該動態文字區隨時間移動位置；提供一嵌入用碼，該複數使用者電腦可分別嵌入該嵌入用碼至其所屬網頁，以嵌入該動態影像區與該動態文字區；提供一賣家編輯區；接收一賣家更新訊息，該賣家更新訊息係一賣家由該賣家編輯區所輸入之訊息；以及傳送更新後之該賣家更新訊息。
2. 如申請專利範圍第1項所述之方法，其中該動態文字區係位於該動態影像區之側方。
3. 如申請專利範圍第2項所述之方法，其中該複數文字資訊於該動態文字區內逐漸垂直移動。
4. 如申請專利範圍第3項所述之方法，其中該賣家編輯區係與該動態影像區及該動態文字區位於相同之網頁頁面。
5. 一種用於顯示動態網頁資訊之購物網站伺服器，供複數使用者電腦顯示網頁頁面，該購物網站伺服器包括：一處理器；以及一記憶體，係與該處理器電性連接，該記憶體儲存一軟體程式，當該處理器執行該記憶體之該軟體程式時，可達成下列機制：提供一動態影像區與一動態文字區，其中該動態影像區可顯示一影像資訊，該動態文字區係顯示由該複數使用者電腦所傳來之複數文字資訊，且當接收到該複數使用者電腦之至少一新增文字資訊時，更新該動態文字區所顯示之資訊，使得該動態文字區所顯示之資訊包括該至少一新增文字資訊，以達成資訊同步；將至少一部份之該複數文字資訊顯示於該動態文字區，並且該複數文字資訊於該動態文字區隨時間移動位置；提供一嵌入用碼，該複數使用者電腦可分別嵌入該嵌入用碼至其所屬網頁，以嵌入該動態影像區與該動態文字區提供一賣家編輯區；接收一賣家更新訊息，該賣家更新訊息係一賣家由該賣家編輯區所輸入之訊息；以及傳送更新後之該賣家更新訊息。
6. 如申請專利範圍第5項所述之購物網站伺服器，其中該動態文字區係位於該動態影像區之側方。
7. 如申請專利範圍第6項所述之購物網站伺服器，其中該複數文字資訊於該動態文字區內逐漸垂直移動。
8. 如申請專利範圍第7項所述之購物網站伺服器，其中該賣家編輯區係與該動態影像區及該動態文字區位於相同之網頁頁面。