564364 A7 B7 五、發明説明（） 發明領域 (請先閲讀背面之注意事項再填寫本頁} 本發明與一種網際網路即時溝通的系統及其方法有 關，特別是一種透過網頁同步、網頁電話及代填表單等方 式，協助使用者了解網頁内容，完成電子交易的系統及其 方法。 發明背景 目前電子商務的事業模式大都為網際網路使用者自行 搜尋網站資料、自行查閱資料、自行購買。主要的對話方 式為使用者對一個伺服端的網頁應用程式，且必須依循網 頁設計者所預訂的邏輯架構，在使用上與互動性上的限制 較大，缺乏具有親和力的電子商務與即時的、動態的溝通 網站架構，以符合使用者的消費行為並拉近服務提供者與 服務尋求者的距離。 經濟部智慧財產局員工消費合作社印製 其中於目前網際網路應用環境下，即時討論（Net Conference )有下列幾種模式：一、以文字字串為基礎的 之溝通模式，如多人直接溝通之線上交談系統（Internet R e 1 a y C h a t ;簡稱IR C )或為一對一的線上交談系統 (TALK )…等等，其中使用者雙方以互相發送之文字字 串作為訊息的傳遞。二、以 Audio語音、Video影像夾雜 的資料為基礎的溝通模式，如 I-Phone 或 Video Conference. .·等等應用。前者以文字溝通所以交換資料量 較少，對頻寬之需求亦小，於即時性方面雖可符合使用者 2 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐) 564364 A7 B7 五、發明説明（） (請先閲讀背面之注意事項再填寫本頁) 的需求，但對於傳達例如影像、聲音甚至圖說等較貼切的 對話需求則無法滿足或完全無法達到。其次，後者主要以 聲音或影像等資料流（Datagram)作為資料傳遞的格式， 對頻寬的需求量相當大’雖可生動傳達使用者彼此間的訊 息或使用者彼此間之語氣或肢體動作，但因資料量過大， 以目前網際網路的硬體與線路架構並不符使用，因而造成 使用上的困難。使用者不是忍受間斷間續的聲音及影像， 亦或得自行架設昂貴專線以切合本身需求。 有鑑於傳統網際網路之使用者無法借助一般的客服系 統於網際網路上清楚地表達複雜的訊息内容，一種改善上 述情形的系統與方法變得十分重要，使網路系統業者之客 服系統提供網路使用者低廉、便捷且更加生動的網際網路 服務環境。 發明目的與概述 本發明之目的之一係為提供一種網際網路之即時溝通 系統及其方法。 本發明之另一目的係為提供一種於網際網路上即時互 動之客服環境，使一般使用者獲得便捷與多樣化之網路服 務。 經濟部智慧財產局員工消費合作社印製 本發明之又一目的係為提供一種網際網路之即時溝通 系統及其方法，使位於網址轉換（NAT ; Network Address Translation)環境下之客戶端，得以與遠端之客服人員進 行網頁同步瀏覽（Co-browsing)、表單代填（Co-form)、聊 3 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐) 564364 A7 B7 五、發明説明（） 天（Chat)、視訊等客戶服務。 (請先閲讀背面之注意事項再場寫本頁) 本發明揭露一種即時互動式之網路客服系統，該網路 客服系統耦合於網際網路上，可與至少一個客戶端相連 接。客戶端係位於一網址轉換環境下，可與系統進行以網 頁為基礎（Web-based)之即時互動式客戶服務。本發明之 網路客服系統包含：至少一個客服端以及一伺服中心皆輕 合至網路客服系統，其中該伺服中心利用網址轉換機制， 用以重新設定某一該客戶端與某一該客服端之間用以傳送 與接收資料之網際網路位址（IP Address)與連接埠（Port)， 使該客服端得以與位於網址轉換環境下之該客戶端進行即 時互動式客戶服務；一影像處理機制，用以；以及一網頁 表單同步機制，用以設定某一該客戶端與某一該客服端之 間網頁框架（Frame)之封包格式，以溝通資料。 經濟部智慧財產局員工消費合作社印製 本發明亦揭露一種應用於網際網路之網路客服系統 中，以網頁為基礎，與遠端客服人員即時互動式之溝通方 法。該溝通方法包含下列步驟：首先，當客戶登入本發明 系統之伺服中心後，與本系統之一客服端取得連線。若由 客戶端欲傳送一語音資料予客服端時，該語音資料將透過 伺服令心之適當處理後方傳送予客服端，以有效地維持語 音傳輸的頻寬。若客戶端處於一網址轉換機制時，本系統 之伺服中心將執行一網址轉換機制，將連接該客戶端^網 址轉換路由器之IP位址與連接埠，重新設定至該客服端 預定傳送予該客戶端之語音封包資料中。 凰式簡單銳明 本紙張尺度適用中國國家標準(CNS)A4規格(21〇χ 297公釐 564364 A 7 _B7__ 五、發明説明（） 由以下本發明中較佳具體實施例之細節描述，可以對 本發明之目的、觀點及優點有更佳的了解。同時參考下列 本發明之圖式加以說明： 第1圖描述本發明即時互動式網路客服系統之系統架 構圖； 第2圖描述本發明網路客服系統之流程圖； 第3圖描述在NAT的環境中H. 3 23的協定無法處理 NAT環境之示意圖； 第4圖描述本發明系統處理NAT環境下語音資料傳 輸之示意圖。 圖號對照說明： (請先閲讀背面之注意事項再填寫本頁) . 經濟部智慧財產局員工消費合作社印製 明說細詳 明發 100 網 路 客 服 系 統 1 10 伺 服 中心 112 閘 道 管 理 裝 置 114 網 址 轉換伺服裝置 116 網 頁 話 務 分 配伺 服 裝 置 1 18 結 構 化 查 詢 語言 資 料 庫 120 客 服 端 130 客 戶 端 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐) 經濟部智慧財產局員工消費合作社印製 564364 A 7 B7 五、發明説明（） 本發明為-種網際網路即時互動式的溝通系統及A方 法，可運用在網路上的各項應用，如電子商務中鎖售者與 >肖費者的溝通或遠距教學中老師與學生的溝通等均適用 之。傳統的客戶服務系統必須透過電話網路進行溝通在 語音之外的需求通常無法有所提供。因此，鑑於目前曰新 月異的網際網路發展下，本發明將以網際網路上的world Wide Web(WWW)環境解決一般網路客戶對於語音之外的 服務需求。以下將以本發明實際應用於網路客服系統為 例，作詳細之描述。 本發明係關於一個先進的網路話務中心（Web Center)系統，除了將原本以電話形式的服務方式轉為使 用網頁方式進行溝通，並加上一些網頁特有之功能需求， 如網頁同步（Co-Browsing)、代填表單（c〇-F〇rm)、聊天交 談（Chatting)、視訊傳遞（Video)等，藉以提供客戶更便捷、 更多樣化的服務。 本發明採用Vo IP (Voice over IP)的語音通信相關技術 來達成網路線上服務客戶的需求，所謂的VoIP係以IP通 訊協定來傳輸語音資料的技術，其輔助的通訊協定包含 Η · 3 2 3協定，Η · 3 2 3協定係指定區域網路傳輸語音視訊訊 號的標準。利用 V ο IΡ的技術，便可以在區域網路或是網 際網路當中傳輸語音訊號。用戶撥出電話之後傳送到交換 機’必須經過V ο IΡ閘道器（V ο IP G a t e w a y)將語音訊號轉 換為數位資料，透過路由器（Router)傳送到遠端的 VoIP 閘道器。 6 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐) {請先閲讀背面之注意事項再填寫本頁)564364 A7 B7 V. Description of the invention () Field of invention (please read the notes on the back before filling out this page) The present invention relates to a system and method for real-time communication on the Internet, and in particular Filling out forms and other methods to help users understand the content of web pages and systems and methods for completing electronic transactions. BACKGROUND OF THE INVENTION Currently, most of the business models of e-commerce are Internet users searching for website information, checking data, and purchasing on their own. Mainly The dialogue method is for the user to use a server-side web application, and it must follow the logical framework booked by the web designer. The restrictions on use and interactivity are large, and the lack of affinity e-commerce and real-time, dynamic Communicate the website structure to meet the consumer's consumption behavior and to shorten the distance between service providers and service seekers. The Consumer Cooperatives of the Intellectual Property Bureau of the Ministry of Economic Affairs prints it in the current Internet application environment for real-time discussions (Net Conference) There are several modes: First, take the text string as Basic communication mode, such as an online chat system (Internet R e ay C hat; IR C for short) or a one-to-one online chat system (TALK) ... The text string sent is used as the message transmission. 2. Communication mode based on the audio and video data, such as I-Phone or Video Conference. .. etc. The former uses text communication to exchange more data. Less, the demand for bandwidth is also small, although it can meet the user in terms of immediacy 2 This paper size applies the Chinese National Standard (CNS) A4 specification (210X 297 mm) 564364 A7 B7 V. Description of the invention () (please first Read the notes on the back and then fill out this page), but you ca n’t meet or completely fail to convey the more appropriate dialogue needs such as images, sounds, and even illustrations. Second, the latter mainly uses data streams such as sound or video (Datagram) As a format for data transmission, there is a considerable demand for bandwidth. 'Although it can vividly convey users' messages to each other or users' tone of voice or physical movements. However, due to the large amount of data, the current hardware and circuit structure of the Internet do not match the use, which causes difficulties in use. Users do not endure intermittent sounds and images, or they may have to set up expensive dedicated lines to suit themselves. In view of the fact that users of traditional Internet cannot clearly express complex information content on the Internet with the help of general customer service systems, a system and method to improve the above situation becomes very important, making the customer service system of network system operators To provide a low-cost, convenient and more vivid Internet service environment for Internet users. OBJECTS AND SUMMARY OF THE INVENTION One of the objects of the present invention is to provide an instant communication system and method for the Internet. Another object of the present invention is to provide a customer service environment for real-time interaction on the Internet, so that general users can obtain convenient and diversified network services. Printed by the Consumer Cooperative of the Intellectual Property Bureau of the Ministry of Economic Affairs Another purpose of the present invention is to provide an instant communication system and method for the Internet, so that clients located in a NAT (Network Address Translation) environment can communicate with Remote customer service staff perform web-browsing, co-form, and chat 3 This paper size applies to China National Standard (CNS) A4 (210X 297 mm) 564364 A7 B7 V. Invention Explanation () Chat, video and other customer services. (Please read the notes on the back before writing this page) The present invention discloses a real-time interactive online customer service system. The online customer service system is coupled to the Internet and can be connected to at least one client. The client is located in a URL conversion environment and can perform web-based real-time interactive customer service with the system. The network customer service system of the present invention includes: at least one customer service terminal and a server center are lightly connected to the network customer service system, wherein the server center uses a URL conversion mechanism to reset a client and a client The IP Address and Port used to send and receive data between the client and client enable the client to perform real-time interactive customer service with the client in the URL conversion environment; an image processing Mechanism for; and a web form synchronization mechanism for setting a packet format of a web frame between a certain client and a certain client to communicate data. Printed by the Consumer Cooperative of the Intellectual Property Bureau of the Ministry of Economics The present invention also discloses a method for real-time interactive communication with remote customer service personnel based on a web page in an Internet customer service system applied to the Internet. The communication method includes the following steps: First, after the client logs in to the server center of the system of the present invention, he obtains a connection with a client of the system. If the client wants to send a voice data to the client, the voice data will be transmitted to the client through the appropriate processing of the server to effectively maintain the bandwidth of voice transmission. If the client is in a URL conversion mechanism, the server center of this system will implement a URL conversion mechanism to reset the IP address and port connected to the client ^ URL conversion router to the client to be scheduled to send to the client End voice packet data. Phoenix-style simple and sharp This paper size is applicable to the Chinese National Standard (CNS) A4 specification (21〇χ 297 mm 564364 A 7 _B7__ V. Description of the invention () The following detailed description of the preferred embodiments of the present invention can be used for this The purpose, viewpoint and advantages of the invention are better understood. At the same time, the drawings of the present invention will be used to explain: Figure 1 depicts the system architecture diagram of the instant interactive online customer service system of the present invention; Figure 2 depicts the network of the present invention The flow chart of the customer service system; Figure 3 depicts the schematic diagram that H.323 protocol cannot handle the NAT environment in a NAT environment; Figure 4 depicts the schematic diagram of the system of the present invention processing voice data transmission in a NAT environment. (Please read the precautions on the back before filling out this page). Printed by the Consumers ’Cooperative of the Intellectual Property Bureau of the Ministry of Economic Affairs 100 Detailed instructions 100 Internet Customer Service System 1 10 Servo Center 112 Gateway Management Device 114 Website Conversion Servo Device 116 Web Page Service distribution server 1 18 Structured query language database 120 Client 130 Client The size of the paper is applicable to the Chinese National Standard (CNS) A4 (210X 297 mm). It is printed by the Consumer Cooperative of the Intellectual Property Bureau of the Ministry of Economic Affairs. 564364 A 7 B7 V. Description of the invention The communication system and method A can be applied to various applications on the Internet, such as the communication between lock-up sellers and> Shao Fei in e-commerce or the communication between teachers and students in distance teaching. Traditional customers The service system must communicate through the telephone network. The requirements other than voice are usually not available. Therefore, in view of the current rapid Internet development, the present invention will use the World Wide Web (WWW) on the Internet. The environment solves the general network customers' needs for services other than voice. The following will take the actual application of the present invention to an online customer service system as an example to make a detailed description. The present invention relates to an advanced Web Call Center System, in addition to the original telephone service to the use of web pages for communication, plus some web page-specific functional requirements, such as web synchronization (Co-Brow sing), form filling (c0-F〇rm), chat (chatting), video transmission (Video), etc., in order to provide customers with more convenient and more diverse services. The present invention uses Vo IP (Voice over IP ) Technology related to voice communication to meet the needs of online service customers. The so-called VoIP technology uses the IP communication protocol to transmit voice data. The auxiliary communication protocols include the Η · 3 2 3 protocol and 协定 · 3 2 3 protocol. It is a standard for transmitting voice and video signals over a specified local area network. Using V ο IP technology, voice signals can be transmitted in the local area network or the Internet. After the user dials out the phone and transmits it to the switch ’must pass the V ο IP gateway (V ο IP G a t e w a y) to convert the voice signal into digital data, and then transmit it to the remote VoIP gateway through the router. 6 This paper size applies to China National Standard (CNS) A4 (210X 297 mm) {Please read the precautions on the back before filling this page)
564364 Α7 Β7 五、發明説明（） 請參閱第1圖，圖中顯示本發明即時互動式網路客服 系統之系統架構圖，其中網路客服系統1 〇 〇包含一個伺服 中心1 10與一客服端12〇。需說明的是，本發明之網路客 服系統1 00係可與多個客服端相連接，為簡單說明，圖中 僅僅顯示一個客服端 1 2 0。相同地，本發明之網路客服系 統1 0 0亦可提供網際網路上眾多的網路使用者同時使用， 為簡單說明，第1圖亦僅僅顯示一個客戶端1 3 0。 續參閱第1圖，圖中伺服中心1 1 0更包含閘道管理裝 置Π 2、網址轉換伺服裝置1 1 4、網頁話務分配伺服裝置 1 1 6以及結構化查詢語言資料庫 1 1 8。明確地說，閘道管 理裝置（Gatekeeper) 1 12主要執行本發明之認證功能。整 個系統可由同一網頁啟動，當網路客服系統之服務人員與 網路上之客戶分別依照不同的登入資料啟動客服端（Agent Client)以及客戶端（User Client)後，其二者之註冊動作是 向閘道管理裝置1 1 2提出並交由系統之網頁話務分配伺服 裝置1 1 6進一步處理服務要求。本發明系統實施例之一可 以是利用聲音導向的方式決定服務可否開始提供，聲音導 向的系統將在 Η. 3 2 3 語音連接成功後才提供相關服務。 而本發明之另一實施例中，亦可以是利用資料導向的模式 下決定服務可否開始提供，當網路客戶與系統客服人員分 別以TCP/IP.個別向本發明系統之閘道管理裝置1 1 2註冊， 並彼此知道對方位置後，即可開始進行各項服務。 承上所述，本發明之網路客服系統中若有已註冊但處 於閒置狀態之客服人員，其將在客服端等待上網註冊的顧 7 本紙張尺度適用中國國家標準(CNS)A4規格(210Χ 297公釐) (請先閲讀背面之注意事項再填寫本頁) 訂· 經濟部智慧財產局員工消費合作社印製 564364 A7 ____ B7 五、發明説明（） (請先閲讀背面之注意事項再填寫本頁) 客向本發明系統提出服務要求。如第2圖所示，圖中顯示 本發明網路客服系統之流程圖。其中，步驟2 0 0、步驟2 0 2 至步驟204顯示一客戶端登入本發明系統後尋求線上之客 服人員。相對地，步驟200、步驟202,至步驟204,顯示當 系統之客服人員登入後，會在指定的資料庫中留下紀錄， 當客戶端發出上述之連線要求時，網頁話務分配伺服裝置 會到資料庫中尋找是否有可提供服務的閒置客服人員，若 有則建立起雙方的溝通管道，如第2圖步驟2〇6、步驟206, 以及步驟208所示。接著利用h.3 23的機制引導使用者與 客服人員溝通並進行相關客戶服務，如視訊溝通（步驟 210)、語音溝通（步驟212)、網頁同步引導（步驟214)、表 單代填（步驟216)及線上聊天（步驟21 8)等功能。 以下將詳述本發明系統中伺服中心之各主要功能： 1.控制瀏覽器： 本發明系統中有兩個很重要的功能，分別是網頁同步 劉覽以及表單代填，這兩個功能都需要利用一程式直接控 制ί割覽器’但在不同的瀏覽器中所支援的操作方法並不相 同’故在IΕ以及Netscape中將採用不同的方法進行操作， 並透過約定好的封包格式，讓不同的寫法的程式能用TCP 進行溝通。 經濟部智慧財產局員工消費合作社印製 在IE中’將採用 ATL樣板函式庫（Active Template Library)的方式直接存取瀏覽器的資料，而使用ATL的優 點乃疋不用像 MFC物件函式庫（Microsoft Foundation Class) —般需要下載額外的動態鏈結程式庫（Dynamic Link 8 本紙張尺度適用中國國家標準(CNS)A4規格(210X297公釐) 564364 A 7 B7___ 五、發明説明（） (請先閲讀背面之注意事項再填寫本頁)564364 Α7 Β7 V. Description of the invention Please refer to FIG. 1, which shows the system architecture diagram of the instant interactive online customer service system of the present invention, wherein the online customer service system 100 includes a servo center 10 and a client 12〇. It should be noted that the Internet customer service system 100 of the present invention can be connected to multiple customer service terminals. For simplicity, only one customer service terminal 1 2 0 is shown in the figure. Similarly, the online customer service system 100 of the present invention can also provide simultaneous use by a large number of Internet users on the Internet. For simplicity, only one client 130 is shown in FIG. 1. Continuing to refer to Figure 1, the servo center 1 10 in the figure further includes a gateway management device Π 2, a URL conversion server 1 1 4, a web traffic distribution server 1 1 6 and a structured query language database 1 1 8. Specifically, the gatekeeper 1 12 mainly performs the authentication function of the present invention. The entire system can be started from the same webpage. When the service personnel of the online customer service system and the customers on the network start the Agent Client and User Client according to different login information, the registration action of the two is to The gateway management device 1 1 2 proposes and passes the web traffic distribution server 1 1 6 of the system to further process the service request. One of the embodiments of the system of the present invention may be to determine whether services can be provided in a voice-oriented manner, and the voice-guided system will provide related services only after the voice connection is successfully completed. In another embodiment of the present invention, it is also possible to determine whether the service can be provided in a data-oriented mode. When the network client and the system customer service staff respectively use TCP / IP. The gateway management device 1 of the system of the present invention is individually After registering and knowing each other's location, you can start various services. According to the above description, if there is a registered but idle customer service staff in the online customer service system of the present invention, they will wait for the customer to register online at the customer service terminal. 7 This paper standard applies to the Chinese National Standard (CNS) A4 specification (210 × 297 mm) (Please read the precautions on the back before filling out this page) Order printed by the Intellectual Property Bureau of the Ministry of Economic Affairs, printed by the employee consumer cooperative 564364 A7 ____ B7 V. Description of the invention () (Please read the precautions on the back before completing this (Page) A customer makes a service request to the system of the present invention. As shown in Figure 2, a flowchart of the network customer service system of the present invention is shown. Among them, steps 200, 202, and 204 show that a client seeks an online customer service staff after logging in to the system of the present invention. In contrast, steps 200, 202, and 204 show that when the customer service staff of the system logs in, a record will be left in the designated database. When the client sends the above connection request, the web traffic distribution server device Will go to the database to find if there are idle customer service staff who can provide services, and if so, establish a communication channel between the two parties, as shown in step 2206, step 206, and step 208 of Figure 2. Then use the mechanism of h.3 23 to guide users to communicate with customer service personnel and perform related customer services, such as video communication (step 210), voice communication (step 212), webpage synchronization guidance (step 214), and form filling (step 216). ) And online chat (step 21 8). The main functions of the servo center in the system of the present invention will be described in detail as follows: 1. Controlling the browser: There are two very important functions in the system of the present invention, which are web page synchronization and browsing and form filling. Both of these functions require Use a program to directly control the 'viewer', but the operation methods supported in different browsers are not the same ', so different methods will be used in the IE and Netscape, and the agreed packet format will make different The program written in can communicate using TCP. Printed in IE by the Consumer Cooperatives of the Intellectual Property Bureau of the Ministry of Economic Affairs' will use the ATL template template (Active Template Library) to directly access the browser's data, and the advantage of using ATL is not to use an MFC object library (Microsoft Foundation Class)-generally need to download additional dynamic link libraries (Dynamic Link 8 this paper size applies to Chinese National Standard (CNS) A4 specifications (210X297 mm) 564364 A 7 B7___ 5. Description of the invention () (please first (Read the notes on the back and fill out this page)
Library ; DLL)到使用者系統上。經由ATL，現在既有的 ActiveX與其它windows導向之控制項可以結合為合成控 制項’達到最大程度的程式碼再用，這項技術讓程式開發 人員使用ATL類別程式庫，產生以表單為基礎的ActiveX 控制項。程式開發人員使用精靈為這個合成控制項產生一 個對洁框’之後以圖形化方式加入W i n d 〇 w s與A c t i v e X 控制項。 在 Netscape中，並無法使用 ActiveX的方式存取瀏 覽器’所以這邊利用N e t s c a p e所提供的J a v a物件來存取 劍覽器，也就是說，在Netscape上·的客戶端是以Java Applet 的方式配合數位簽章技術來操作瀏覽器。 2 · T C P連結 本發明系統為求資料能正確地送到對方，本系統捨棄 UDP使用者資料包協定（User Datagram Protocol)的快速傳 輸特性，改用可信賴的TCP傳輸方式，而在傳送TCP封 包時，以最初的系統為例，將只需要知道對方的IP位址。 惟客戶端處於NAT之架構下，將無法再利用TCP連結的 方式符合傳輸資料，因此需要改變傳輸架構來利用 TCP 進行傳輸。 3.NAT環境以及防火牆（Firewall) 經濟部智慧財產局員工消費合作社印製 傳統網路溝通系統處理語音資料時會產生 NAT以及 防火牆問題，因為H. 3 23的協定並未能處理NAT的問題， 本系統利用H. 3 23 Proxy的架構來解決這個問題。 如第3圖所示，在H. 3 23協定中，一個H. 3 23端點將 9 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐) 564364 A7 B7 五、發明説明（） 自己接收語音封包的Ip位址與Port放在H.225協定的資 料裡告诉對方。但如果該端點是在NAT的環境裡，則所 (請先閲讀背面之注意事項再填寫本頁) 八勺IP位址在網際網路上是一個無意義的ip位址（例 如1 0 · 0 · 1 · 3 )’因此與其溝通之一方無法將語音資料送到 正確的目的地。 參閱第4圖，在本發明系統之網址轉換伺服裝置係用 以處理Nat環境下的語音資料傳輸問題。當網址轉換伺 服裝置收到一使用者B的語音資料後，可以知道使用者B 的網址轉換路由器（NAT Router)之網際網路位址（IP Address)與連接槔（P〇rt)。因此’網址轉換伺服裝置將客 月艮A端要傳送至使用者b的語音封包直接送到此網址轉 換路由器的1P與p〇rt，而非直接傳送至之前使用者B傳 遞k料中告知之假I p位址。需注意的是，在此系統中使 用者B送資料與接收資料的連接埠號碼需相同。 經濟部智慧財產局員工消費合作社印製 更明確地說，本發明系統之網址轉換伺服裝置處理的 原理是將封包中的IP攔位加以處理，並把N A T與一般IP 的對應關係處理好’由網址轉換伺服裝置告訴線上溝通的 兩方該把H. 3 2 3的即時傳輸協定封包（Reai-Time Transport Protocol ; rtp)傳送至網際網路某一位置的位址與連接 埠。這種方法可以解決傳統H. 2 2 5.0所包含的目的資訊是 N A T内的假I p的問題。在整個網址轉換伺服裝置架構中， RTP封包的目的地由網址轉換伺服裝置決定，而非η 2 2 5 〇 封包的資訊決定。 至於本發明進行網頁同步等其他資料服務時，由於是 10 本紙張尺度適用中國國家標準(CNS)A4規格(210X297公釐) 564364 經濟部智慧財產局員工消費合作社印製 A7 B7 五、發明説明（） 使用一個在網址轉換伺服裝置外部的網頁話務分配伺服裝 置處理，所有資料都需先送到網頁話務分配伺服裝置端， 然後網頁話務分配伺服裝置端轉送到目的地。在這個架構 中，本發明以連接埠80為伺服監聽連接埠（Server Listen Port)，這樣的設定方式除了可以解決前述NAT的問題， 還可以順便通過防火牆的檢查，因為一般系統至少會打開 連接埠8 0 ’利用此種的方式將可解決傳統系統中所無法 解決的問題。 4.影像處理技術 視訊溝通是本發明系統提供用以增進網路上彼此溝通 的一項服務，使用者可以用一般的數位攝影機交換彼此的 影像，此功能·主要是補足只有提供聲音的問題，且本功能 的主要特色在於可以根據目前的網路狀況來決定視訊的服 務品質（Quality of Service ; QoS)。 本系統可以將攝影機擷取的影像設定為Β Μ P格式， 傳送資料前視訊資料將經由適當的壓縮處理，於本發明之 一實施例中，本系統採用的壓縮機制是用Η. 2 6 3協定。由 於本系統傳送資料時比較重要的優先權設定於語音資料的 處理’相對的影像資料的優先次序較低，所以當系統傳送 視訊資料時，先將資料切成小封包，並設定一個延遲時間 (Delay)值，然後根據上一個小封包對於語音效能的影響 決定應延遲多久方繼續傳送下一小封包。這樣的處理方式 可以避免影像的傳輸將語音的傳輸頻寬需求佔掉。另外， 也因為語音需要的頻寬較為固定，所以有必要限制住視訊 11 本紙張尺度適用中國國家標準(CNS)A4規格(210X297公釐) (請先閲讀背面之注意事項再填寫本頁)Library; DLL) to the user's system. Through ATL, existing ActiveX and other windows-oriented controls can be combined into synthetic controls to achieve maximum code reuse. This technology allows program developers to use ATL-type libraries to generate form-based ActiveX controls. The program developer uses a wizard to generate a clean box for this synthetic control, and then graphically adds the Wiin d 0 w s and A c t i v e X controls. In Netscape, it is not possible to access the browser using ActiveX. Therefore, the Java object provided by Netscape is used to access the browser. In other words, the client on Netscape is a Java Applet. Operate the browser with digital signature technology. 2 · TCP connection The system of the present invention, in order to ensure that the data can be sent to the other party correctly, the system abandons the UDP User Datagram Protocol's fast transmission characteristics, and instead uses a reliable TCP transmission method, and transmits TCP packets. Take the initial system as an example, you only need to know the IP address of the other party. However, the client is under the NAT architecture, and can no longer use the TCP connection to conform to the transmission data. Therefore, the transmission structure needs to be changed to use TCP for transmission. 3. NAT environment and firewall (Firewall) The Intellectual Property Bureau of the Ministry of Economic Affairs, the Consumer Cooperatives, prints traditional network communication systems to process voice data, which will cause NAT and firewall problems, because the H.323 protocol does not address NAT problems. This system uses the architecture of H. 3 23 Proxy to solve this problem. As shown in Figure 3, in the H. 3 23 agreement, one H. 3 23 endpoint will apply 9 paper sizes to the Chinese National Standard (CNS) A4 specification (210X 297 mm) 564364 A7 B7 V. Description of the invention () The IP address and Port of the voice packet that it receives itself are placed in the H.225 protocol information to tell the other party. However, if the endpoint is in a NAT environment, then (please read the precautions on the back before filling this page) The IP address of the eight spoons is a meaningless IP address on the Internet (such as 1 0 · 0 · 1 · 3) 'Therefore the party communicating with it could not send the voice data to the correct destination. Referring to FIG. 4, the URL conversion server device in the system of the present invention is used to deal with the problem of voice data transmission in the Nat environment. After the URL conversion server receives the voice data of a user B, it can know the IP address and connection port (Port) of the NAT Router of the user B. Therefore, the "URL conversion server" sends the voice packet from the client A to the user b directly to the 1P and port of this URL conversion router, instead of sending it directly to the user B before transmitting it. False I p address. It should be noted that, in this system, the port number for user B to send data and receive data must be the same. Printed by the Consumer Cooperative of the Intellectual Property Bureau of the Ministry of Economic Affairs. More specifically, the principle of the URL conversion server device processing of the system of the present invention is to process the IP block in the packet and handle the corresponding relationship between NAT and general IP. The URL conversion server device tells the two parties communicating online that it should send the H. 3 2 3 Real-Time Transport Protocol (RTP) packet to an address and port on a certain location on the Internet. This method can solve the problem that the destination information contained in traditional H. 2 2 5.0 is false I p in N A T. In the entire URL conversion server architecture, the destination of the RTP packet is determined by the URL conversion server, rather than the information of the η 2 250 packet. As for other data services such as web page synchronization of the present invention, since it is 10 paper sizes, the Chinese National Standard (CNS) A4 specification (210X297 mm) is applied. 564364 Printed by the Consumers ’Cooperative of the Intellectual Property Bureau of the Ministry of Economic Affairs. ) Use a web traffic distribution server outside the URL conversion server to process. All data must be sent to the web traffic distribution server first, and then the web traffic distribution server is transferred to the destination. In this architecture, the present invention uses port 80 as a server listening port (Server Listen Port). In addition to solving the aforementioned NAT problem, such a setting method can also pass through the firewall check, because the general system will at least open the port 8 0 'Using this method will solve problems that cannot be solved in traditional systems. 4. Image processing technology Video communication is a service provided by the system of the present invention to enhance communication with each other on the network. Users can exchange each other's images with ordinary digital cameras. This function is mainly to supplement the problem of only providing sound, and The main feature of this function is that the quality of service (QoS) of the video can be determined according to the current network conditions. The system can set the image captured by the camera to the BMP format, and the video data will be processed by appropriate compression before transmitting the data. In one embodiment of the present invention, the compression mechanism used by the system is Η. 2 6 3 agreement. Because the system sends more important priority to the processing of voice data, the relative priority of the image data is lower, so when the system sends video data, first cut the data into small packets and set a delay time ( Delay) value, and then based on the impact of the previous small packet on speech performance, determine how long to delay before continuing to transmit the next small packet. This processing method can prevent the transmission of video from taking up the transmission bandwidth of voice. In addition, because the bandwidth required for voice is relatively fixed, it is necessary to limit the video. 11 This paper size applies to China National Standard (CNS) A4 (210X297 mm) (Please read the precautions on the back before filling this page)
564364 A7564364 A7
五、發明説明（） 資料的傳輸頻盲。丁 & +么 貝見以下為本糸統採用的專有方法： (請先閲讀背面之注意事項再填寫本頁) ① 將視訊資料拆成較小的封包，例如可將封包大小設 定成每個封包為0.5K/1K/.··等大小之格式。 ② 每個封包送出去後，下一個封包要等待一個延遲時 間延遲時間的決定是根據當時的網路狀況，若剛剛送出 的封包對於語音效能未有影響，則可將延遲時間值漸漸縮 小’反之則將延遲時間值漸漸加大。 ③ 切好的封包全部都送完後，接收者回傳一個確認信 號（Acknowledgement Character ; ACK)予傳送者告知已經 送完所有小封包。 ④ 當傳送者都收到確認信號後即繼續擷取下一張圖’ 並重複上述動作。 5·爪°圭程式語言JavaScript 由 Java Applet 以及 ActiveX 提供統一的 Java Script 呼叫介面讓網頁設計者可以自由決定系統所能提供的服務 項目及内容可以讓整個系統的彈性更大更活。 6·網頁同步/代填表單 經濟部智慧財產局員工消費合作社印製 網頁同步（CoBrowsing)和代填表單（CoForm)是已經廣 為人知的觀念，但其效能優劣各有不同，且由於網頁中的 框架（F r a tn e)分析不易，一般傳統的網路溝通系統只能處 理沒有框架的網頁。本發明則是以網頁中各框架的index 值架構中一個公定的封包格式傳送給對方解析，而代填表 單所用到的框架中的各項元件也以其index為儲存資訊， 因此本發明系統中之/代填表單功能可以處理N層的框架 12 本紙張尺度適用中國國家標準(CNS)A4規格(210><297公釐) 564364 A7 _B7_ 五、發明説明（） 架構。在Peer-to-Peer的架構下，彼此約定相關的封包格 式以溝通網頁同步/代填表單以及網路交談之資料。以下 將描述本發明系統中，關於執行網頁同步/代填表單功能 之資料傳輸時，設定資料框架之具體實施例： (請先閲讀背面之注意事項再填寫本頁) 2· FRAMEJNDEX — LIST的内容為框架樹狀結構由最上面 的原點開始走到改變URL的框架所經過節點的（編號。 於框架之樹狀結構移動時只可往下走，不能往回走。 每兩個節點的編號間以space隔開。 3. FRAME^URL^LIST 貝時將 FRAME_INDEX —LIST 中所 表示的各個節點的URL——列出，每兩個URL間則是 以（2 6)隔開。 輸 傳 料 資 單 表 填 代 經濟部智慧財產局員工消費合作社印製 M S G格式 資料 CB_FORMDATA_SEND (201) FRAME_DATA[0] + (26) + FRAME_DATA[l] + (26) + 1 ·首先將所有框架列成樹狀，然後為每一個點編上序號， 3 網頁同步資料傳輸V. Description of the invention () The frequency of data transmission is blind. Ding & See the following proprietary methods adopted by this system: (Please read the precautions on the back before filling out this page) ① Split the video data into smaller packets. For example, you can set the packet size to Each packet is in the format of 0.5K / 1K / .... ② After each packet is sent, the next packet should wait for a delay time. The decision of the delay time is based on the current network conditions. If the packet just sent has no effect on the voice performance, the delay time value can be gradually reduced. The value of the delay time is gradually increased. ③ After all the cut packets have been sent, the receiver returns an Acknowledgement Character (ACK) to the sender to notify that all small packets have been sent. ④ When the sender receives the confirmation signal, it will continue to capture the next picture ’and repeat the above action. 5. Java programming language JavaScript The Java Applet and ActiveX provide a unified Java Script calling interface to allow web designers to freely determine the services that the system can provide. Items and content can make the entire system more flexible and livelier. 6. Web page synchronization / fill-in form Web page synchronization (CoBrowsing) and form filling (CoForm) printed by the Consumer Cooperatives of the Intellectual Property Bureau of the Ministry of Economics are widely known concepts, but their performance is different, and due to the frame in the web page (F ra tn e) The analysis is not easy. Generally, the traditional network communication system can only process web pages without frames. In the present invention, a public packet format in the index value structure of each frame in the webpage is transmitted to the other party for analysis, and each element in the frame used for filling in the form also uses its index as the storage information. Therefore, in the system of the present invention, The / fill-in-form function can handle N-layer frames. 12 This paper size is applicable to the Chinese National Standard (CNS) A4 specification (210 > < 297 mm) 564364 A7 _B7_ V. Description of the invention () Architecture. Under the structure of Peer-to-Peer, they agreed on the relevant packet format to communicate the webpage synchronization / fill-in form and the data of online conversation. The following describes the specific embodiment of setting a data frame when performing data transmission of the webpage synchronization / fill-in-form function in the system of the present invention: (Please read the precautions on the back before filling this page) 2 · FRAMEJNDEX — LIST The frame tree structure starts from the top origin and goes to the node (number of the frame that changes the URL). When the tree structure of the frame moves, you can only go down, not back. The number of each two nodes Spaces are separated by spaces. 3. FRAME ^ URL ^ LIST Behr list FRAME_INDEX — the URL of each node indicated in LIST-and each two URLs are separated by (2 6). Fill out the list of documents to print MSG format information for employees' cooperatives of the Intellectual Property Bureau of the Ministry of Economic Affairs. CB_FORMDATA_SEND (201) FRAME_DATA [0] + (26) + FRAME_DATA [l] + (26) + 1 Then serial number for each point, 3 webpage synchronous data transmission
MSG格式 資料 CB_URL_CHANGE(2 00) FRAME —INDEX_LIST + (2 6) + FRAME_URL_LIST 1.首先將所有框架列成樹狀，然後為每一個點編上序號， 每一層皆是由〇開始，所以第一層只有最上層 URL， 編號為0。 本紙張尺度適用中國國家標準(CNS)A4規格(210X297公釐) 564364 A 7 ___B7_______ 五、發明説明（） '~每一層皆是由〇開始，所以第一層只有最上層—URL 編號為0。 2· FRAME_DATA必須以預定移動之方式在框架樹狀結構 中找出當時網頁含有的所有框架，而FRAME^DATA 的格式為 FRAME一URL + (27) + FORM一DATA[0] + (27) + FORM —DATA[l]+ (2 7) +…. + (27) + FORM —DATA[N -1]， 其中FRAME —URL填入該框架目前的URL。Data in MSG format CB_URL_CHANGE (2 00) FRAME —INDEX_LIST + (2 6) + FRAME_URL_LIST 1. First list all frames into a tree, and then number each point. Each layer starts with 0, so the first layer has only Top-level URL, numbered 0. This paper size applies the Chinese National Standard (CNS) A4 specification (210X297 mm) 564364 A 7 ___B7_______ V. Description of the invention () '~ Each layer starts from 0, so the first layer has only the top layer—the URL number is 0. 2. FRAME_DATA must find all frames contained in the webpage at the time in the frame tree structure by a predetermined movement, and the format of FRAME ^ DATA is FRAME_URL + (27) + FORM_DATA [0] + (27) + FORM —DATA [l] + (2 7) +…. + (27) + FORM —DATA [N -1], where FRAME —URL is filled in the current URL of the frame.
3· FORM —DATA 的格式為 FORM —INDEX + (28) + ELEMENT一 DATA[0] + (2 8) + ELEMENT„DATA[l] + (2 8) + .... + (2 8) + EL EMENT —DATA[N-1]，其中 FORM —INDEX 填入該 form 在同一框架中的順序，順序編號從0開始，而form中 的element則依序將ELEMENT —DATA填入。 (請先閲讀背面之注意事項再場寫本頁) 經濟部智慧財產局員工消費合作社印製 綜 一個網 頁同步 以引導 代填功 機制能 單填寫 繼續填 如 佳實施 本發明 上所述 路客戶 功能讓 使用者 能來幫 由客服 的速度 寫’讓 熟悉此 例僅用 之精神 ，本發 最適當 客服人 前往相 助使用 人員代 ，並可 客戶與 技術之 於藉以 ，而熟 明之即 的服務 員及使 關網頁 者更輕 替使用 將使用 服務人 人員所 幫助了 悉此領 時互動 途徑， 用者共 尋求問 易地填 者填寫 者未完 員的互 暸解的 解本發 域技藝 14 式網路 透過網 同瀏覽 題解答 寫表單 網頁上 成的表 動更加 ，以上 明之實 者於領 頁同步 相同網 ，並可 。透過 的表單 單傳給 生動。 所述本 施，非 悟本發 頁，並藉 配合表單 代填表單 以增加表 客服人員 發明之較 用以限定 明之精神 玎 本紙張尺度適用中國國家標準(CNS)A4規格(210X 297公釐） 564364 A7 B7 五、發明説明（） 許含 些包 之視 成當 完圍 所範 , 護 。 下保定 神利而 精專域 之其領 示，同 揭飾等 所修其 明或及 發變圍 本改範 離之利 脫效專 未等請 它及申 其飾之 凡潤述 ，動下 後更在 (請先閲讀背面之注意事項再填寫本頁) 經濟部智慧財產局員工消費合作社印製 本紙張尺度適用中國國家標準(CNS)A4規格(210X297公釐)3. FORM —DATA has the format FORM —INDEX + (28) + ELEMENT_DATA [0] + (2 8) + ELEMENT „DATA [l] + (2 8) + .... + (2 8) + EL EMENT —DATA [N-1], where FORM —INDEX fills in the order of the form in the same frame, the sequence number starts from 0, and elements in the form fill in ELEMENT —DATA in order. (Please read first Note on the back, write this page again.) The Consumer Cooperatives of the Intellectual Property Bureau of the Ministry of Economic Affairs prints a web page to synchronize to fill in the power-filling mechanism. The form can be filled in. Continue to fill in. The implementation of the customer function described in the present invention allows users to Let's write the speed of customer service 'Let's be familiar with the spirit of this example. Only the most appropriate customer service staff will go to assist the user, and the customer and technology can be used, and the familiar waiter and the person who makes the page more For light use, the service personnel will help to understand the interactive approach at this time. The user will seek a solution for the mutual understanding of the easy-filler and the uncompleted person. Web page The completed table is more active, and the above-mentioned facts are synchronized on the same page on the page, and can be transmitted to the vivid through the form sheet. The said application, non-realization of this page, and by filling in the form with the form to increase the form customer service staff The invention is more limited to define the spirit. The paper size is applicable to the Chinese National Standard (CNS) A4 specification (210X 297 mm) 564364 A7 B7 V. Description of the invention The following instructions from Baoding Shenli and the special field are not the same as those that have been repaired or revealed by the debunker, etc., but have not waited for it and apply for the embellishment of Shen Qishi. More on the next page (please read the precautions on the back before filling this page) Printed by the Intellectual Property Bureau Staff Consumer Cooperatives of the Ministry of Economic Affairs This paper is applicable to the Chinese National Standard (CNS) A4 specification (210X297 mm)