JP2010165074A - Web page sharing system, web page sharing method, and web page sharing program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To solve a problem, in Web page sharing, that content sharing is difficult between Web browsers having different display layouts for the content. <P>SOLUTION: A Web page sharing system includes a control source browser and a control destination browser. The control source browser includes a content detection means for detecting content displayed in a display area of the control source browser. The control destination browser includes a protrusion determination means for determining whether content same as the content detected by the content detection means is protruded from a content display area capable of displaying content in the control destination browser; a scroll width calculation means for calculating a scroll width in the content display area based on a determination result of the protrusion determination means; and a scroll means for scroll-displaying in the content display area based on a calculation result of the scroll width calculation means. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

  The present invention relates to a web page sharing system, a web page sharing method, and a web page sharing program for sharing a web page in real time between a plurality of web browsers. The present invention also relates to a control source terminal and a control destination terminal included in a Web page sharing system.

  Patent Document 1 describes a method for sharing a Web page in real time. In the method described in Patent Document 1, when a Web page is shared in real time between two Web browsers having different display areas, the display is first performed in the Web browser having the larger horizontal length of the display area. Insert a blank margin by inserting a blank area to the left of the area. The display contents are synchronized between the Web browsers by aligning the horizontal length of the content display area in the display area between the two Web browsers.

  In the method described in Patent Document 2, the identification information of the object selected as the synchronization reference among the objects on the web browser and the web browser that displays the web content is acquired, and the partner of the cooperative work To other terminal devices. Then, the other terminal device calculates the position of the corresponding object with respect to the web content based on the received identification information, and controls the web browser based on the position of the object.

  Here, the content in the present invention refers to component data constituting a Web page. Specifically, text data, still image data, plug-in data such as a Flash (registered trademark) file, PDF file, and Silverlight file, and moving image data. A web page is usually composed of such a plurality of contents.

Japanese Patent Laid-Open No. 2007-087303 JP 2002-149640 A

  The first problem of the method described in Patent Document 1 is that some contents are laid out outside the display area of the Web browser and cannot be shared by one Web browser. is there.

  The reason is that in the method described in Patent Document 1, the size of the display area between the Web browsers, the size of the display on which the Web browser is displayed (SXGA, UXGA, etc.), the size of the text font used. If there is a difference in the size (10 points, 12 points, etc.), font type (MS UI Gothic, MS P Gothic, etc.), layout algorithm (algorithms used by Internet Explorer, algorithms used by Firefox, etc.) This is because the display layout differs between Web browsers.

  For example, consider a case where a Web page including text data at the top and still image data and plug-in data at the bottom is shared by two Web browsers having different vertical lengths in the display area. In this case, both the upper part and the lower part are displayed in the web browser with the larger vertical length of the display area, but the lower part is the display area of the web browser in the web browser with the smaller vertical length of the display area. In some cases, it is laid out outside the window and only the upper part is displayed.

  Therefore, even if the user who operates the Web browser with the larger vertical length of the display area tries to explain the lower content to the user who operates the Web browser with the smaller vertical length of the display area. The user operating the Web browser with the smaller vertical length of the display area cannot understand the explanation because it cannot see the content at the bottom.

  Also, for example, consider a case where a Web page is shared by two Web browsers with different font size settings. In this case, both the upper and lower parts are displayed in the Web browser set to use a small font, but the lower part of the Web browser set to use a large font is laid out so as to protrude outside the display area of the Web browser. Only the case where it is displayed may occur.

  Therefore, even if a user operating a Web browser set to use a small font tries to explain a lower content to a user operating a Web browser set to use a large font, the setting of using a large font is set. The user operating the Web browser cannot understand the explanation because it cannot see the content at the bottom.

  As a result, for example, when the lower part of the content is map still image data, it is impossible to explain how to reach the destination using the map. Further, for example, when the lower part of the content is plug-in data such as a Flash file capable of simulating the profit of the financial product, the result of the profit simulation will be described using a graph with an interactive animation effect included in the Flash file. I can't.

  In the method described in Patent Document 2, an invisible marker is inserted in the upper left of the object (FIGS. 4 and 5 in Patent Document 2). In the scroll synchronization method by periodic inspection (paragraphs 0056 to 0060 of FIG. 11 and FIG. 11) and the scroll synchronization method by operation event (paragraphs 0061 to 0065 of FIG. 12 and FIG. 12), The scroll synchronization is only performed so that the marker is as close to the center point as possible. As described above, the method described in Patent Document 2 cannot scroll and display an invisible portion of the display area in consideration of the vertical and horizontal lengths of the object.

  For example, consider a case where a user who operates a sending browser is an object that the user wants to show to a user who operates a receiving browser is vertically long and whose vertical length is shorter than the height of the display area of the receiving browser. . In this case, even if scroll synchronization is performed, a problem occurs in which a part below the object protrudes below the receiving browser and cannot be displayed.

  Therefore, for example, even if the user operating the sending browser wants to explain the display contents of the lower part of the object to the user operating the receiving browser, the lower half of the object is not displayed in the receiving browser. The problem of being displayed occurs.

  Therefore, in the present invention, since the display layout of content differs between Web browsers in Web page sharing, even if some content is laid out outside the display area of the Web browser in one Web browser. An object of the present invention is to provide a Web page sharing system, a Web page sharing method, and a Web page sharing program that can share the content.

  The web page sharing system according to the present invention includes a control source browser and a control destination browser, the control source browser includes content detection means for detecting content displayed in the display area of the control source browser, The content detection unit determines whether or not the same content as the content detected by the content detection unit protrudes from the content display area capable of displaying the content in the controlled browser, and the content display based on the determination result of the projection determination unit Scroll width calculating means for calculating the scroll width in the area, and scroll means for scroll-displaying in the content display area based on the calculation result of the scroll width calculating means.

  The control source terminal according to the present invention is characterized by comprising content detection means for detecting content displayed in the display area of the control source browser.

  The control destination terminal according to the present invention includes an overflow determination unit that determines whether the same content as the content detected by the control source terminal protrudes from a content display area in which content in the control destination browser can be displayed, Scroll width calculating means for calculating the scroll width in the content display area based on the determination result, and scroll means for scroll-displaying in the content display area based on the calculation result of the scroll width calculation means.

  The Web page sharing method according to the present invention includes a content detection step for detecting content displayed in the display area of the control source browser, and a content that is the same as the detected content protrudes from the content display area where the content in the control destination browser can be displayed. A protrusion determination step for determining whether or not the content is displayed, a scroll width calculation step for calculating a scroll width in the content display area based on the determination result, and a scroll step for scroll display in the content display area based on the calculation result It is characterized by.

  The Web page sharing program according to the present invention is for causing a computer to execute content detection processing for detecting content displayed in the display area of the control source browser.

  The web page sharing program according to the present invention includes an overflow determination process for determining whether or not the same content as the content detected by the control source terminal protrudes from a content display area where the content in the control destination browser can be displayed on the computer. This is for executing a scroll width calculation process for calculating the scroll width in the content display area based on the determination result, and a scroll process for performing scroll display in the content display area based on the calculation result.

  According to the present invention, since the display layout of content differs between Web browsers in Web page sharing, even if some content is laid out outside the display area of the Web browser in one Web browser. , You can share that content.

It is a block diagram which shows an example of a structure of the web page sharing system by this invention. It is a functional block diagram which shows the function structural example of a web page sharing system. It is explanatory drawing which shows an example of the data structure of the web page in a web page sharing system. It is a flowchart which shows the process example which a web page sharing system performs. It is explanatory drawing which shows the example which a content protrudes from a control destination browser area | region. It is explanatory drawing which shows the specific example by which one web browser is laid out and a content protrudes from a web browser. It is explanatory drawing which shows the specific example of a user's operation and screen transition in the pattern 1 and the pattern 2 shown in FIG. It is a block diagram which shows the minimum structural example of a web page sharing system.

<First Embodiment>
Hereinafter, a first embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a block diagram showing an example of the configuration of a Web page sharing system according to the present invention. As shown in FIG. 1, the web page sharing system includes a control source browser 1, a control destination browser 2, and a web server 3. The control source browser 1 and the Web server 3 and the control destination browser 2 and the Web server 3 are connected to each other via a communication network such as a LAN or the Internet. In the example shown in FIG. 1, only one pair of the control source browser 1 and the control destination browser 2 is illustrated, but there may be any number of pairs (for example, two or more pairs).

  Specifically, the control source browser 1 and the control destination browser 2 are a personal computer (PC) operating according to a program, a portable computer (PDA), a mobile phone, a smartphone, a fixed phone, a street multimedia terminal, an in-vehicle terminal, Installed in television receivers with network connection functions, set-top boxes with network connection functions, game consoles, printers with network connection functions, scanners with network connection functions, and other similar devices with the ability to exchange information with the outside .

  In this embodiment, expressions such as executed by the control source browser and executed by the control destination browser are used. Specifically, a CPU such as a personal computer equipped with the browser executes processing according to the browser. is there. The same applies to other means realized by the browser.

  Specifically, the Web server 3 is realized by an information processing apparatus such as a PC that operates according to a program.

  FIG. 2 is a functional block diagram illustrating a functional configuration example of the Web page sharing system. FIG. 3 is an explanatory diagram showing an example of the data structure of a Web page in the Web page sharing system. Hereinafter, description will be given with reference to these drawings. In the example shown in FIG. 3, the control source browser 1 is set to have a larger content display area than the control destination browser 2, and the control destination browser 2 is set to use a larger font than the control source browser 1. Shows the case.

<Description of control source browser 1>
As shown in FIG. 2, the control source browser 1 includes a mouse overlap detection unit 10 and a coordinate detection unit 11.

  The control source browser area shown in FIG. 3 is a content display area in the control source browser 1. For example, when the Web browser is displayed in a separate window like a PC, the control source browser area corresponds to a content display area in the window of the Web browser. For example, when a Web browser is displayed on a full screen like a mobile phone, the control source browser area corresponds to a content display area on the Web browser displayed on the full screen.

  The control source content area shown in FIG. 3 is a display area for displaying content such as still image data constituting a Web page, plug-in data such as a Flash file, PDF file, and Silverlight file, and moving image data. An identifier for identifying the content is assigned to each content constituting the Web page.

  The control source document area shown in FIG. 3 is an area corresponding to the minimum area necessary for including all contents constituting the Web page. The Web browser window on the PC will be described as the subject. When the control source browser area becomes smaller than the control source document area by the user operating the mouse to change the size of the window, the PC is displayed on the Web browser window. Displays a scroll bar. Conversely, when the control source browser area becomes larger than the control source document area, the PC erases the scroll bar displayed in the window of the Web browser. Note that in the Web browser set to use a large font, the vertical length of the control source document area is larger than the Web browser set to use a small font.

  The mouse overlap detection means 10 has a function of detecting an overlap between the display position of the mouse pointer displayed by the control source browser 1 and the display position of the content.

  The coordinate detection unit 11 has a function of detecting coordinates such as a mouse pointer display position and a content display position. In addition, the coordinate detection unit 11 includes a control source browser upper left X, control source browser upper left Y, control source browser lower right X, control source browser lower right Y, control source content upper left X, control source content upper left Y, control source content right The lower X, the control source content lower right Y, the control source document lower right X, and the control source document lower right Y are stored in a storage unit (not shown) provided in the information processing apparatus including the control source browser 1.

  The upper left X of the control source browser and the upper left Y of the control source browser are respectively the X coordinate and Y coordinate of the upper left point of the control source browser area, with the upper left point of the control source document area as the base point.

  The control source browser lower right X and control source browser lower right Y are the X coordinate and Y coordinate of the lower right point of the control source browser area, respectively, based on the upper left point of the control source document area.

  The upper left X of the control source content and the upper left Y of the control source content are the X coordinate and the Y coordinate of the upper left point of the control source content area, with the upper left point of the control source document area as a base point.

  Control source content lower right X and control source content lower right Y are respectively the X coordinate and Y coordinate of the lower right point of the control source content area, with the upper left point of the control source document area as the base point.

  The control source document lower right X and the control source document lower right Y are the X coordinate and Y coordinate of the lower right point of the control source document area, respectively, based on the upper left point of the control source document area.

<Description of control destination browser 2>
As shown in FIG. 2, the control-destination browser 2 includes a protrusion determination unit 20, a coordinate detection unit 21, and an automatic scroll unit 22.

  The roles of the control-destination browser area, control-destination content area, and control-destination document area shown in FIG. 3 are the same as those of the control-source browser.

  The protrusion determination unit 20 has a function of determining whether or not the content protrudes from the control destination browser area.

  The coordinate detection means 21 has a function of detecting coordinates such as the display position of the content. The coordinate detection means 21 is: control destination browser upper left X, control destination browser upper left Y, control destination browser lower right X, control destination browser lower right Y, control destination content upper left X, control destination content upper left Y, control destination content lower right X The control destination content lower right Y, the control destination document lower right X, and the control destination document lower right Y are stored in a storage unit (not shown) provided in the information processing apparatus including the control destination browser 2. The role of each data stored in the control-destination browser 2 is the same as the role of data stored in the control-source browser 1.

  The automatic scroll unit 22 has a function of scrolling the display content of the browser based on the determination result of the protrusion determination unit 20. The automatic scroll means 22 stores an automatic scroll width X (not shown) and an automatic scroll width Y (not shown) in a storage unit provided in the information processing apparatus in which the control source browser 2 is installed.

<Description of Web Server 3>
The Web server 3 includes command relay means 30 as shown in FIG.

  Specifically, the command relay unit 30 is realized by a CPU and a network interface unit of an information processing apparatus that operates according to a program. The command relay means 30 has a function of relaying commands and data transmitted / received between terminals. The Web server 3 includes a database for storing various Web page information, and has a function of distributing Web page information to the control source browser 1 and the control destination browser 2 via a communication network.

<Description of operation>
Next, the operation of the web page sharing system will be described. FIG. 4 is a flowchart showing an example of processing executed by the Web page sharing system. FIG. 5 is an explanatory diagram illustrating an example in which content protrudes from the control target browser area. In the present embodiment, for convenience of explanation, the description will be made on the assumption that the user 1 uses the control source browser 1 and the user 2 uses the control destination browser 2.

<Step S40>
The mouse overlap detection means 10 of the control source browser 1 monitors whether there is content that overlaps the display position of the mouse pointer. The coordinate detection means 11 detects the display position of the mouse pointer and the display position of the content on which the mouse pointer overlaps using a script language such as JavaScript (registered trademark) incorporated in the control source browser 1. The coordinate detection unit 11 detects the display position of the content based on the control source content upper left X, the control source content upper left Y, the control source content lower right X, and the control source content lower right Y using a script language.

  When the mouse overlap detection unit 10 detects an overlap by the user operating the mouse, the control source browser 1 specifies the identifier of the content to be detected, and the protrusion determination unit 20 via the command relay unit 30. (Step S40).

  For example, in the method described in Patent Document 2, it is essential to run a Java applet on a terminal (paragraph 0044 and FIG. 3 of Patent Document 2). However, Java applets are not installed in the initial state in currently popular OSs such as Windows (registered trademark) XP SP2, Windows XP SP3, and Windows Vista (registered trademark). For this reason, the user needs to install new software called a Java applet. However, software installation is a task that is quite difficult for a PC beginner.

  On the other hand, in this embodiment, each terminal is built into the browser from the beginning, and operates using a script language such as JavaScript that operates in the browser.

  Therefore, this embodiment has an effect that it is not necessary to install new software. A so-called online help desk or the like that assists the user's operation by the operator when the user does not understand the operation of the Web site is considered to be used mainly by beginners of the PC, so this effect is effective.

<Step S41>
Upon receiving the content identifier from the control source browser 1, the protrusion determination unit 20 of the control destination browser 2 specifies content having the same identifier as the received content identifier from the Web page of the control destination browser 2. Further, the control-destination browser 2 initializes the automatic scroll width X and the automatic scroll width Y with zero.

  The coordinate detection means 21 uses the script language such as JavaScript incorporated in the control destination browser 2 to display the control destination browser upper left Y, control destination browser lower right Y, control destination content upper left Y, and control destination content lower right Y. To detect.

  Then, based on these four numerical values detected by the coordinate detection means 21, the protrusion determination means 20 determines whether or not the content protrudes vertically from the control target browser area (step S41).

  If “(control target content lower right Y)> (control target browser lower right Y)”, the web page sharing system determines that it protrudes downward as in the example shown in FIG. The process proceeds to step S42.

  In the case of “(control destination browser upper left Y)> (control destination content upper left Y)”, it is determined that it protrudes upward as in the example shown in FIG. The process proceeds to S42. In other cases, it is determined that the image does not protrude in the vertical direction, and the Web page sharing system proceeds to the process of step S43.

<Step S42>
In step S41, if it is determined that it protrudes downward as in the example shown in FIG. 5A, the control destination browser 2 sets “(control destination content lower right Y) − (control destination browser) as the automatic scroll width Y. Lower right Y) ”is calculated. Then, the control destination browser 2 stores the calculated automatic scroll width Y in the storage unit of the control destination browser 2 (step S42). Thereafter, the Web page sharing system proceeds to the process of step S43.

  In step S41, if it is determined that it protrudes upward as in the example shown in FIG. 5B, the control destination browser 2 sets “(−1) × (control destination browser upper left Y) − as the automatic scroll width Y. (Control target content upper left Y) "is calculated. Then, the control destination browser 2 stores the calculated automatic scroll width Y in the storage unit of the control destination browser 2 (step S42). Thereafter, the Web page sharing system proceeds to the process of step S43.

  By doing in this way, this embodiment can deal with not only the case where all the content part protrudes in the vertical direction but also the case where only a part protrudes in the vertical direction.

<Step S43>
The coordinate detection unit 21 uses a script language such as JavaScript incorporated in the control destination browser 2 to display the control destination browser upper left X, control destination browser lower right X, control destination content upper left X, and control destination content lower right X. To detect.

  Based on these four numerical values detected by the coordinate detection means 21, the protrusion determination means 20 determines whether or not the content protrudes from the control destination browser area in the left-right direction (step S43).

  In the case of “(control target content lower right X)> (control target browser lower right X)”, it is determined that it protrudes rightward as in the example shown in FIG. The process proceeds to step S44.

  In the case of “(control destination browser upper left X)> (control destination content upper left X)”, it is determined that it protrudes in the left direction as in the example shown in FIG. The process proceeds to S44. In other cases, it is determined that the image does not protrude in the left-right direction, and the Web page sharing system proceeds to the process of step S45.

<Step S44>
If it is determined in step S43 that the image is protruding rightward as in the example shown in FIG. 5C, the control destination browser 2 sets “(control destination content lower right X) − (control destination browser) as the automatic scroll width X. Lower right X) ”is calculated. Then, the control-destination browser 2 stores the calculated automatic scroll width X in the storage unit of the control-destination browser 2 (step S44). Thereafter, the Web page sharing system proceeds to the process of step S45.

  In step S43, if it is determined that the image is protruding leftward as in the example shown in FIG. 5D, the control destination browser 2 sets “(−1) × (control destination browser upper left X) − as the automatic scroll width X. (Control target content upper left X) "is calculated. Then, the control-destination browser 2 stores the calculated automatic scroll width X in the storage unit of the control-destination browser 2 (step S44). Thereafter, the Web page sharing system proceeds to the process of step S45.

  By doing in this way, this embodiment can deal with not only the case where all parts of the content protrude in the left-right direction but also the case where only a part protrudes in the left-right direction. Further, after determining in step S41 that the protrusion is in the up-down direction, in step S43 it is determined in the step S43 that the protrusion is in the left-right direction. Yes.

<Step S45>
The automatic scroll means 22 uses the script language such as JavaScript incorporated in the control destination browser 2 to move up and down in the control destination browser 2 based on the value of the automatic scroll width Y stored in the storage unit of the control destination browser 2. Scroll. Note that the automatic scroll means 22 scrolls upward when the value of the automatic scroll width Y is positive, and scrolls downward when negative.

  Further, the automatic scroll means 22 performs scrolling in the horizontal direction in the control destination browser 2 based on the value of the automatic scroll width X stored in the storage unit of the control destination browser 2. The automatic scroll means 22 scrolls to the right when the value of the automatic scroll width X is a positive value, and scrolls to the left when the value is negative. Thereafter, the Web sharing system proceeds to the process of step S40.

  As described above, in this embodiment, when a part or all of the content protrudes from the controlled browser area in the vertical direction, the horizontal direction, the diagonally upward direction, or the diagonally downward direction, the content is automatically displayed. Scroll. Therefore, the content can be displayed in the control target browser 2, and the content can be shared even when the display layout of the content is different between Web browsers. As a result, since both the user 2 and the user 1 can see the same content, the user 2 can explain to the user 1 using the content.

  In the present embodiment, the control source browser first detects that the mouse pointer of the control source browser overlaps the content. Then, the control source browser transmits an instruction to the control destination browser via the Web server to determine whether the content is laid out beyond the display area of the control destination browser. Next, when the control-destination browser determines that the content protrudes and is laid out, the control-destination browser scrolls the content in the control-destination browser to display the content within the display area.

  As a result, the content is displayed on both the control source browser and the control destination browser only by the user performing an operation of placing the mouse pointer on the content on the control source browser.

  In addition, unlike the method described in Patent Document 2, in the present embodiment, in order to ensure that the entire object (content) is displayed on the receiving browser, the vertical and horizontal lengths of the object (content) are displayed. Scroll synchronization is performed in consideration of Therefore, the present embodiment has an effect that it is possible to guarantee that the entire object (content) is displayed on the receiving browser as a result of scroll synchronization.

  For example, in an online contact center service that is assumed as an application to which the present invention is applied, an operator can perform remote consultation while sharing a highly designable content with a high degree of animation effect such as Flash content and a customer and an operator. Do.

  In remote consultation, for example, when a financial product is explained using Flash content, an operator inputs a numerical value of the customer's current income and expenditure into an input form in the Flash content, and the customer purchases the financial product. For example, how the customer's assets change in the future is graphed using the advanced animation effect of the Flash content and shown to the customer.

  In applications such as those described above, it is very important to be able to ensure that the entire Flash content is displayed on the receiving browser.

<Second Embodiment>
Hereinafter, a second embodiment of the present invention will be described with reference to the drawings. In the present embodiment, a specific example in the case of performing scroll display of a web page using the web page sharing system shown in the first embodiment will be described. FIG. 6 is an explanatory diagram showing a specific example in which content is laid out from one web browser by one web browser. Pattern 1 shown in FIG. 6 is an example in which the position of the Flash file protrudes because the size of the display area differs between the two Web browsers. Pattern 2 shown in FIG. 6 is an example in which the display area size is the same between the two Web browsers, but the setting of the font size is different, so that the position of the Flash file protrudes.

  FIG. 7 is an explanatory diagram illustrating a specific example of a user operation and a screen transition in the pattern 1 and the pattern 2 illustrated in FIG. In pattern 1 and pattern 2 shown in FIG. 7, the mouse pointer is overlaid on the display position of the flash file in accordance with the operation of one user as shown in (1). Then, as shown in (2), the Web browser (control destination browser) operated by the other user is laid out with the corresponding Flash file protruding outside the Web browser according to the processing shown in the first embodiment. Detect that Then, as shown in (3), the flash file is moved and displayed in the web browser by automatic scrolling according to the processing shown in the first embodiment.

  As described above, in this embodiment, even if the display area size is different between the two Web browsers or the font size setting is different, the content is controlled by automatic scrolling by the automatic browser 2. Can be displayed within.

  Next, the minimum configuration of the Web page sharing system according to the present invention will be described. FIG. 8 is a block diagram illustrating a minimum configuration example of the Web page sharing system. As shown in FIG. 8, the Web page sharing system includes a control source browser 100 and a control destination browser 200 as minimum components. Further, the control source browser 100 includes content detection means 110 that detects content. Further, the control destination browser 200 has a protrusion determination unit 220 that determines whether or not the same content as the content detected by the content detection unit 110 protrudes from the display area in which the content in the control destination browser 200 can be displayed. Scroll width calculation means 221 that calculates the scroll width of the control destination browser based on the determination result of the means 220, and scroll means 222 that scrolls the control destination browser 200 based on the calculation result of the scroll width calculation means 221.

  According to the minimum configuration Web page sharing system shown in FIG. 8, the content detection unit 110 detects content in the control source browser 100. In the control destination browser 200, the protrusion determination unit 220 determines whether the same content as the content detected by the content detection unit 110 protrudes from the display area in which the content in the control destination browser 200 can be displayed. Then, the scroll width calculation unit 221 calculates the scroll width of the control target browser 200 based on the determination result of the protrusion determination unit 220. Then, the scroll unit 222 scrolls the control target browser 200 based on the calculation result of the scroll width calculation unit 221.

  Accordingly, in the control source browser 100, by simply performing an operation of placing the mouse pointer on the content, the content is displayed on both the control source browser 100 and the control destination browser 200, and the content display layout is different between Web browsers. Can also share content.

  In the present embodiment, characteristic configurations of the Web page sharing system and the Web page sharing method as shown in the following (1) to (7) are shown.

  (1) The web page sharing system includes a control source browser (for example, realized by the control source browser 1) and a control destination browser (for example, realized by the control destination browser 2). It includes content detection means (for example, realized by the mouse overlap detection means 10) for detecting content displayed in the display area of the control source browser, and the control destination browser has the same content as the content detected by the content detection means. A protrusion determination unit (for example, realized by the protrusion determination unit 21) for determining whether or not the content display area (for example, the control destination browser area) that can display the content in the control destination browser, and a protrusion determination unit; Scroll in content display area based on judgment result Scroll width calculation means (for example, realized by the coordinate detection means 21 and the control-destination browser 2) and scroll means (for example, automatic scroll) for scroll display in the content display area based on the calculation result of the scroll width calculation means Which is realized by means 22).

  (2) In the Web page sharing system, the scroll width calculation means includes content coordinates in the display area of the control destination browser (for example, control destination content lower right X) and display area coordinates (for example, control destination browser lower right X). Etc.) may be configured to calculate the scroll width.

  (3) The Web page sharing method is realized by an overlap detection step (for example, mouse overlap detection means 10) for detecting an overlap between a mouse and content in a control source browser (for example, realized by the control source browser 1). ) And a vertical direction protrusion that determines whether or not the same content as the detected content protrudes vertically from the content display area that can display the content in the control destination browser (for example, realized by the control destination browser 2) A determination step (for example, realized by the protrusion determination unit 21) and a vertical scroll width calculation step for calculating the vertical scroll width in the content display area (for example, the coordinate detection unit 21 and the control destination browser 2). ) And the same content Left and right direction protrusion determination step (for example, realized by the protrusion determination means 21) for determining whether or not the contents display area protrudes in the left and right direction, and the left and right direction scroll width for calculating the left and right scroll width in the content display area A calculation step (for example, realized by the coordinate detection means 21 and the control-destination browser 2) and a scroll step (for example, realized by the automatic scroll means 22) for executing automatic scroll display in the control-destination browser are included. It may be configured.

  (4) In the Web page sharing method, in the scroll step, the coordinates of the lower side of the content (for example, control destination content lower right Y) are the coordinates of the lower side of the content display area in the control destination browser (for example, control destination browser lower right Y). May be configured to scroll up in the content display area based on the difference between the coordinates of the lower side of the content and the coordinates of the lower side of the content display area.

  (5) In the Web page sharing method, at the scroll step, the coordinates of the upper side of the content display area in the control destination browser (for example, upper left Y of the control destination browser) exceed the coordinates of the upper side of the content (for example, upper left Y of the control destination content). The content display area may be scrolled downward in the content display area based on the difference between the coordinates of the upper side of the content display area and the coordinates of the upper side of the content.

  (6) In the Web page sharing method, in the scroll step, the coordinates of the right side of the content (for example, control destination content lower right X) are the coordinates of the right side of the content display area in the control destination browser (for example, control destination browser lower right X). May be configured to scroll and display in the left direction in the content display area based on the difference between the coordinates of the right side of the content and the coordinates of the right side of the content display area.

  (7) In the Web page sharing method, in the scroll step, the coordinate of the left side of the content display area in the control destination browser (for example, upper left X of the control destination browser) exceeds the coordinate of the left side of the content (for example, upper left X of the control destination content). The content display area may be scrolled to the right in the content display area based on the difference between the coordinates of the left side of the content display area and the coordinates of the left side of the content.

  The present invention can be applied to a solution in which a web service user performs remote consultation and consultation while viewing the same web page with a contact center or help desk operator who is remotely located via a web browser. Further, the present invention can be applied to a solution in which an electronic conference is performed while viewing the same Web page between users in an office or home.

DESCRIPTION OF SYMBOLS 1,100 Control origin browser 2,200 Control destination browser 3 Web server 10 Mouse overlap detection means 11, 21 Coordinate detection means 20, 220 Projection judgment means 22 Automatic scroll means 110 Content detection means 221 Scroll width calculation means 222 Scroll means

Claims (17)

The controlling browser,
With a controlled browser,
The control source browser is
Including content detection means for detecting content displayed in the display area of the control source browser,
The controlled browser is
A protrusion determination means for determining whether or not the same content as the content detected by the content detection means protrudes from a content display area capable of displaying the content in the controlled browser;
Scroll width calculation means for calculating a scroll width in the content display area based on a determination result of the protrusion determination means;
Scrolling means for scrolling display in the content display area based on the calculation result of the scroll width calculating means. The scroll width calculation means
The Web page sharing system according to claim 1, wherein the scroll width is calculated based on the coordinates of the content in the display area of the control destination browser and the coordinates of the display area. A content detection step of detecting content displayed in the display area of the control source browser;
A protrusion determination step for determining whether the same content as the detected content protrudes from a content display area capable of displaying the content in the control-destination browser;
A scroll width calculating step of calculating a scroll width in the content display area based on a determination result;
And a scroll step of scroll-displaying in the content display area based on the calculation result. The Web page sharing method according to claim 3, wherein in the scroll width calculation step, the scroll width is calculated based on the coordinates of the content in the display area of the controlled browser and the coordinates of the display area. An overlap detection step for detecting an overlap between the mouse pointer and the content in the control source browser;
A vertical protrusion determination step for determining whether or not the same content as the detected content protrudes vertically from a content display area capable of displaying the content in the controlled browser;
A vertical scroll width calculating step for calculating a vertical scroll width in the content display area;
A left and right direction protrusion determination step for determining whether or not the same content protrudes from the content display area in the left and right direction;
A horizontal scroll width calculating step for calculating a horizontal scroll width in the content display area;
A web page sharing method comprising: a scroll step of executing automatic scroll display in a control destination browser. In the scrolling step, when the coordinate of the lower side of the content is higher than the coordinate of the lower side of the content display area in the control-target browser, based on the difference between the coordinate of the lower side of the content and the coordinate of the lower side of the content display area The Web page sharing method according to claim 5, wherein scroll display is performed upward in the content display area. In the scrolling step, when the coordinate of the upper side of the content display area in the control destination browser is higher than the coordinate of the upper side of the content, based on the difference between the coordinate of the upper side of the content display area and the coordinate of the upper side of the content The Web page sharing method according to claim 5 or 6, wherein scroll display is performed downward in the content display area. In the scroll step, when the coordinate of the right side of the content exceeds the coordinate of the right side of the content display area in the controlled browser, based on the difference between the coordinate of the right side of the content and the coordinate of the right side of the content display area The web page sharing method according to any one of claims 5 to 7, wherein scroll display is performed in a left direction in the content display area. In the scroll step, when the coordinate of the left side of the content display area in the controlled browser exceeds the coordinate of the left side of the content, based on the difference between the coordinate of the left side of the content display area and the coordinate of the left side of the content The web page sharing method according to any one of claims 5 to 8, wherein scroll display is performed in a right direction in the content display area. A control source terminal comprising content detection means for detecting content displayed in a display area of a control source browser. Content detection means
The control source terminal according to claim 10, wherein content that overlaps a display position of a mouse pointer is detected. A protrusion determining means for determining whether or not the same content as the content detected by the control source terminal protrudes from a content display area capable of displaying the content in the control destination browser;
Scroll width calculation means for calculating a scroll width in the content display area based on a determination result of the protrusion determination means;
A control destination terminal comprising scroll means for scroll-displaying in the content display area based on a calculation result of the scroll width calculation means. The scroll width calculation means
The control destination terminal according to claim 12, wherein the scroll width is calculated based on the coordinates of the content in the display area of the control destination browser and the coordinates of the display area. On the computer,
A web page sharing program for executing content detection processing for detecting content displayed in the display area of the control source browser. On the computer,
The Web page sharing program according to claim 14, wherein a process for detecting a content overlapping with a mouse pointer is executed in the content detection process. On the computer,
A protrusion determination process for determining whether or not the same content as the content detected by the control source terminal protrudes from the content display area where the content in the control destination browser can be displayed;
A scroll width calculation process for calculating a scroll width in the content display area based on a determination result;
A Web page sharing program for executing scroll processing for scroll display in the content display area based on a calculation result. On the computer,
The Web page sharing program according to claim 16, wherein in the scroll width calculation processing, the scroll width is calculated based on the content coordinates in the display area of the control-target browser and the coordinates of the display area.

Images