KR101670983B1 - Screen sharing system and method thereof - Google Patents

Abstract

A screen sharing system and a screen sharing method according to the present invention include a first terminal that outputs a display content area, which is a portion of a web page corresponding to a predetermined address, to a first viewport, A screen sharing system for sharing a display content area by outputting a screen including information identical to a display content area, the screen sharing system comprising: an address information receiver for receiving address information of the address from the first terminal; A position information receiving unit for receiving position information for specifying a position of a display content area output to the first viewport among the whole of the web page; and a position information receiving unit for receiving the same information as the display content area on the basis of the address information and the position information And a screen output unit for outputting the screen including the screen to the second viewport.
According to the present invention, when a plurality of terminals share a screen using address information, a screen including substantially identical information can be shared in real time even if the sizes of the viewports between terminals are different from each other, There is an effect that a user can visually perceive a screen including substantially the same information and exchange opinions with the information.

Description

{SCREEN SHARING SYSTEM AND METHOD THEREOF} [0001]

Embodiments of the present invention relate to a screen sharing system and a screen sharing method. More particularly, the present invention relates to a screen sharing system and a screen sharing method for outputting a screen including information identical to a display content area, System and screen sharing method.

In the modern society, as the internet based on TCP / IP (Transport Control Protocol / Internet Protocol) such as computer, smart phone, and smart TV is established, various communication networks around the world are integrated around the Internet. Accordingly, Internet users search and acquire a large amount of information through the Internet.

On the other hand, recent web services are following the big trend of sharing media and information between individuals. Web services also provide users with the ability to access and transfer all kinds of information from anywhere in the world.

In recent web services, a link service is provided so that a plurality of users can share information included in a web page.

However, a browser executed by each individual user can not control another user's browser as to what information the other user's browser is outputting.

For example, when a user of a first terminal wants to share information with a user of a second terminal with respect to a specific commodity disclosed in an online shopping mall operating in an open market form, the user of the first terminal commences the commodity The user of the second terminal can access the address of the web page and the user of the second terminal can access the web page to confirm the web page. However, The user of the terminal can not visually recognize the screen containing the same information and can not share the product information.

Particularly, when the size of the web page is larger than that of the browser on which the web page is displayed, if the browser size and resolution attribute of the first terminal and the browser size and resolution attribute of the second terminal are different, There is a problem that it is difficult to visually share substantially the same information among the terminal users because the display content area being output to the terminal may be different.

Also, in the case of the screen sharing method by the remote control method between terminals, since the screen of the first terminal is encoded and transmitted to the second terminal, the method of sharing the address information of the web page There is a problem in that it is not suitable to use the same information visually by synchronizing in real time between the terminals because the data transmission amount is relatively large.

The above-described background technology is technical information that the inventor holds for the derivation of the present invention or acquired in the process of deriving the present invention, and can not necessarily be a known technology disclosed to the general public prior to the filing of the present invention.

Korean Patent Publication No. 10-1995-0033958

SUMMARY OF THE INVENTION The present invention provides a screen sharing system and a screen sharing method for sharing a display content area with a first terminal by outputting a screen including information identical to a display content area of the entire web page .

According to an aspect of the present invention, there is provided a screen sharing system including a first terminal outputting a display content area, which is a portion of a web page corresponding to a predetermined address, to a first viewport, An address information receiving unit for receiving the address information of the address from the first terminal, and an address information receiving unit for receiving the address information from the first terminal, A position information receiving unit for receiving position information for specifying a position of a display content area output to the first viewport among all the web pages; And a screen output unit for outputting the screen to the second viewport.

Here, the screen sharing system may include a communication unit for providing communication means for allowing a user of the terminal sharing the display content area to exchange opinions, and the communication means may include a voice communication unit capable of transmitting and receiving voice information, A video communication unit capable of transmitting / receiving information, and a chat unit executed using text.

Wherein the screen sharing system comprises: a mouse information receiving unit for receiving mouse information for specifying a position pointed by the mouse pointer when the mouse pointer is located in the first viewport from the first terminal; And a pointer output unit outputting an instruction pointer indicating a position of the mouse pointer to the second viewport based on the mouse information.

Here, the screen sharing system may generate the location information by identifying a web page element located in the display content area based on a web page element constituting the entire web page.

Here, the screen sharing system may include relative coordinate information indicating the position of the display content area with respect to the entire area of the web page.

Here, the screen sharing system may be one in which the screen output unit controls at least one of the size of the second viewport and the view magnification of the entire web page to output the screen.

Here, the screen sharing system may be such that a position of a screen output to the second viewport of the display content area can be controlled by using a scroll bar and using the scroll bar.

In another aspect of the present invention, there is provided a screen sharing method including: a first terminal outputting a display content area, which is a portion of a web page corresponding to a predetermined address, to a first viewport, The method comprising the steps of: receiving address information of the address from the first terminal, and outputting a screen including the same information as the first terminal, The method comprising: receiving position information for specifying a position of a display content area output to the first viewport; and outputting a screen including information identical to the display content area on the basis of the address information and the position information to a second viewport The method comprising the steps of:

Here, the screen sharing method may include providing communication means for allowing a user of the terminal sharing the display content area to exchange opinions, wherein the communication means includes a voice communication unit capable of transmitting and receiving voice information, A video communication unit capable of transmitting and receiving image information, and a chatting unit executed using text.

Here, the screen sharing method may further include receiving mouse information for specifying a position pointed by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal, And outputting to the second viewport an instruction pointer pointing to the information of the pointed position.

Here, it is preferable that the location information is generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page.

Here, the screen sharing method may include the relative coordinate information indicating the position of the display content area with respect to the entire area of the web page.

Here, in the screen sharing method, the step of outputting the screen including the same information as the display content area to the second viewport may control at least one of the size of the second viewport and the view magnification of the entire web page, It may be output.

Here, if the size of the display content area is larger than the size of the second viewport, a scroll bar is generated and the scroll bar is used, whereby the position of the screen output to the second viewport And may include a step system that can be controlled.

A management server according to another embodiment of the present invention is a management server that manages a display content area, which is a portion of a web page corresponding to a predetermined address, to be displayed on a screen of a whole, in a first terminal and a second terminal, An address information receiving unit for receiving the address information of the address from the first terminal outputting the content area to the first viewport; and a display unit for displaying the position of the display content area output from the first terminal, The second terminal being capable of outputting to the second viewport a screen including the same information as the display content area based on the address information and the location information, And a transmitter for transmitting the address information and the location information to the second terminal.

In another aspect of the present invention, there is provided a method of operating a management server, the method comprising: providing a management server that manages a display content area, which is a portion of a web page corresponding to a predetermined address, The method of claim 1, further comprising the steps of: receiving address information of the address from a first terminal outputting the display content area to a first viewport; The method comprising the steps of: receiving location information for specifying a location of a content area; and receiving the location information for specifying the location of the content area based on the address information and the location information, And transmitting the address information and the location information to the second terminal.

In addition to this, there is further provided a computer readable recording medium for recording a computer program for executing another method, another method and the above method for implementing the present invention.

Other aspects, features, and advantages will become apparent from the following drawings, claims, and detailed description of the invention.

The screen sharing system and the screen sharing method according to the embodiments of the present invention are designed such that when a plurality of terminals share a screen using address information, a screen including substantially the same information even if the sizes of the terminal- There is an effect that can be shared in real time.

In addition, a plurality of terminal users can visually recognize a screen including substantially the same information, and can exchange opinions on the information. By sharing the screen using the address information, It is possible to obtain an effect of reducing an excessive data transmission burden as compared with a method of information sharing and screen sharing.

FIG. 1 is a view illustrating a structure for sharing contents of a display area according to an embodiment of the present invention.
2 is a block diagram showing the configuration of the management server shown in FIG.
3 is a view showing a screen of a web page, a friend list screen, and a chat screen displayed on the first terminal.
4 is a view showing a screen of a web page, a friend list screen, and a chat screen displayed on the second terminal according to an embodiment of the present invention.
5 is a block diagram showing a configuration of a screen sharing system of a first terminal and a configuration of a screen sharing system of a second terminal of the present invention.
6 is a diagram conceptually showing a display content area.
Figs. 7A and 8A are diagrams showing a whole web page and a first viewport.
FIGS. 7B, 7C, 8B, and 8C are views showing a result of real time application of changing the size of the second viewport or the overall view magnification of the web page when the location information receiving unit receives the location information.
9 is a diagram showing a first viewport and a second viewport in which a scroll bar is generated.
10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.

The following merely illustrates the principles of the invention. Thus, those skilled in the art will be able to devise various apparatuses which, although not explicitly described or shown herein, embody the principles of the invention and are included in the concept and scope of the invention. Furthermore, all of the conditional terms and embodiments listed herein are, in principle, intended only for the purpose of enabling understanding of the concepts of the present invention, and are not intended to be limiting in any way to the specifically listed embodiments and conditions . It is also to be understood that the detailed description, as well as the principles, aspects and embodiments of the invention, as well as specific embodiments thereof, are intended to cover structural and functional equivalents thereof. It is also to be understood that such equivalents include all elements contemplated to perform the same function irrespective of currently known equivalents as well as equivalents to be developed in the future.

Thus, the functions of the various elements shown in the drawings, including the functional blocks shown in the figures or similar concepts, may be provided by use of dedicated hardware as well as hardware capable of executing software in connection with appropriate software. When provided by a processor, the functions may be provided by a single dedicated processor, a single shared processor, or a plurality of individual processors, some of which may be shared. Also, the use of terms such as processor, control, or similar concepts should not be construed as exclusive reference to hardware capable of executing software, but may include, without limitation, digital signal processor (DSP) hardware, (ROM), random access memory (RAM), and non-volatile memory. Other hardware may also be included.

The above objects, features and advantages will become more apparent from the following detailed description in conjunction with the accompanying drawings. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

On the other hand, when an element is referred to as "including " an element, it does not exclude other elements unless specifically stated to the contrary.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings, wherein like reference numerals refer to like or corresponding components throughout the drawings, and a duplicate description thereof will be omitted .

FIG. 1 is a view showing a structure sharing an area of display contents according to an embodiment of the present invention. More specifically, the first terminal 10 and the second terminals 20-1, 20-2, ..., 20-n (hereinafter, referred to as 20) which share a display content area are connected through a network, The terminal 10 can control the display content area screen shared by the first terminal 10 and the second terminal 20. [ The second terminal 20 can output a screen including the same information as the display content area by the screen sharing system. Here, the first terminal 10 may simultaneously share a display content area with one or more second terminals 20 by a screen sharing system.

The first terminal 10 and the second terminal 20 exchange information necessary for sharing a display content area with each other.

Here, the first terminal 10 and the second terminal 20 can transmit and receive the necessary information without passing through the management server 30, which will be described later. For example, if the first terminal 10 can know the network address information allocated to the second terminal 20 through the management server 30 or the like, the first terminal 10 uses the network address information It is possible to directly transmit the necessary information to the second terminal 20. [ Meanwhile, the first terminal 10 and the second terminal 20 can transmit / receive necessary information without passing through the management server by using a short-range wireless communication method such as Bluetooth or a method of directly communicating with a wired cable have.

The first terminal 10 and the second terminal 20 can transmit and receive the necessary information through a management server 30, which will be described later.

More specifically, a method of transmitting / receiving necessary information via the management server 30 I will explain.

The management server 30 shown in FIG. 1 may be configured such that a display content area, which is a portion of the entire web page corresponding to a predetermined address, is displayed on the screen, and that the display content area is shared by the first terminal 10 and the second terminal 20 It is a server that provides screen sharing service. If the network address information allocated to the terminals 10 and 20 is not fixed and changes dynamically each time the screen sharing system is executed, or if the terminal using the screen sharing service is not fixed And the like.

When the terminals 10 and 20 execute the system of the present invention and access the management server 30, the terminals 10 and 20 transmit the network address information allocated to the terminals 10 and 20 to the management server 20, And the management server 30 may store the network address information allocated to the terminals 10 and 20. Here, the management server 30 can monitor the terminal 10 or 20 while transmitting / receiving identification information to / from the terminals 10 and 20 to confirm whether or not the system of the present invention is being executed.

The management server 30 may include a user information storage unit 310 that can store information on a user subscribed to the screen sharing service using a screen sharing system in a database (DB) format.

The user information storage unit 310 stores user information such as an ID, a password, and an e-mail address for identifying a user subscribed to the screen sharing service, Lt; RTI ID = 0.0 > address < / RTI > Here, the users who are subscribed to the screen sharing service can form a friend relationship by using other user ID information provided by the user information manager 310. In this case, the user information storage unit 310 stores user information You can also store friend relationship information about friends.

Herein, the management server 30 may allow the first terminal 10 to select the second terminal 20 from the first terminal 10 to transmit a share request signal (described later) to the second terminal 20 , Provide the first terminal 10 with friend information related to the user of the first terminal 10, or provide the ID of another user who is not forming a friend relationship.

After receiving the sharing request signal, the second terminal 20 transmits one of a shared permission signal (described later) and a shared rejection signal (described later). When the shared terminal transmits the shared permission signal, the second terminal 20 And the second terminal 20 are set such that the display content area of the first terminal 10 is shared by the second terminal 20.

When the first terminal 10 and the second terminal 20 transmit and receive the necessary information to / from each other via the management server 30, the management server 30 includes an address information receiving unit 320, a position information receiving unit 330 And a transmission unit 340. [0033]

The address information receiving unit 320 may receive the address information (described later) of the address from the first terminal that outputs the display content area (described later) to the first viewport (described later).

The position information receiving unit 330 may receive position information (described later) for specifying the position of the display content area output from the first terminal to the first viewport (described later) of the entire web page.

The transmitting unit 340 transmits the address information and the location information to the second terminal so that the second terminal can output a screen including the same information as the display content area on the basis of the address information and the location information, Information to the second terminal.

When the system of the present invention is executed in the first terminal 10 and the second terminal 20 and the display content area in the first terminal 10 is set to be shared in the second terminal 20, 10 accesses a shopping mall server operated by an open market to browse a web page corresponding to a predetermined address and when the second terminal 20 browses a web page being browsed at the first terminal 10, A user of the first terminal 10 and a user of the second terminal 20 may share product information included in the web page. More specifically, a screen including information identical to the display content area of the web page output from the first terminal 10 can be output to the second terminal 20, The user and the user of the second terminal 20 can share the information of the display content area among the web pages. For example, although a server connected to the first terminal 10 for sharing a display content area is described as a shopping mall server operating in an open market, the present invention is not limited to this and the server connected to the first terminal 10 Can be any server capable of providing contents such as goods, music, images, and the like.

Herein, the first terminal 10 and the second terminal 20 may be a personal computer, a tablet personal computer, a mobile telephone, a smart phone, a smart TV a television, a telephone, and a personal digital assistant communication terminal.

3 is a diagram illustrating a web page screen, a friend list screen, and a chat screen displayed on the first terminal. The first terminal may browse the web page corresponding to a predetermined address input to the first terminal and output the browsed web page to the first viewport 12.

Here, the viewport refers to a rectangular area that actually displays the components of the web page subjected to the projection conversion in a rendering process of generating an image by computer graphics (CG).

If the total size of the web page is larger than the size of the first viewport 12, the first terminal can display only a part of the entire web page on the first viewport 12 in the first viewport. The portion displayed on the first viewport screen of the entire web page is defined as the display content area 13.

A mouse pointer 14 pointing to a predetermined point in the display content area 13 may be positioned on the screen of the first viewport 12.

The first terminal may provide a friend list window 15 listing the friend relationship information related to the user of the first terminal stored in the user information storage unit 310 of the management server 30. [ When the first terminal and the second terminal are set such that the display content area of the first terminal is shared by the second terminal, the first terminal may display a chat window for allowing the user of the first terminal and the user of the second terminal to chat, (16) can be provided.

The chat between the first terminal user and the second terminal user can be performed in a manner that data is transmitted via the management server 30 and can be executed using a method performed in a conventional messenger and chat service.

4 is a view showing a screen of a web page, a friend list screen, and a chat screen displayed on the second terminal according to an embodiment of the present invention.

The second terminal outputs to the second viewport 22 a screen 23 including the same information as the display content area 13 output on the screen of the first viewport 12 of the first terminal shown in Fig. The display content area 13 can be shared with the first terminal. More specifically, even if the size of the first viewport 12 of the first terminal and the size of the second viewport 22 of the second terminal are different from each other, as shown in FIG. 3, A screen 23 including the same information as the display content area in the second viewport 22 is displayed on the second viewport 22 so that the same information as the display content area 13 output to the one viewport can be visually recognized Can be output.

An instruction pointer 24 indicating information that is the same as information positioned at a predetermined point in the display content area 13 indicated by the mouse pointer may be output on the screen on the second viewport 23. [

The second terminal, like the first terminal, includes a friend list window 25 that lists users of the terminal capable of sharing the display content area, a chat window 25 for chatting with a user of the terminal sharing the display content area, A window 26 can be provided.

5 is a block diagram showing a configuration of a screen sharing system of a first terminal and a configuration of a screen sharing system of a second terminal of the present invention.

The system of the present invention may be implemented as a function included from the beginning when a web browser is manufactured, or may be implemented as an additional function like a plug-in program.

Hereinafter, it is assumed that the screen sharing system 200 of the first terminal has selected the second terminal as an object to which the display content area is to be shared.

Here, the target selection method for sharing the display content area may be as follows.

When the terminal does not use the management server 30, the first terminal may be connected to the second terminal through short-range wireless communication such as Bluetooth, or the first terminal may be connected to the second terminal through a cable.

When the terminal uses the management server 30, the terminal selects the user list registered in the friend relationship with the user of the first terminal using the information stored in the user information storage unit 310, When a user who is not in the user list registered in the user list is selected, it is possible to select the user information through the search of the ID.

The information exchanged between the first terminal and the second terminal, which will be described below, may be directly transmitted / received via the network or may be transmitted / received via the management server 30.

The screen sharing system 200 of the first terminal includes a shared signal transmitting / receiving unit 210, an address information obtaining unit 220, a location information obtaining unit 230, a mouse information obtaining unit 240, and a communication unit 250 .

When the sharing request signal is input by the user of the first terminal, the shared signal transmitting and receiving unit 210 transmits the sharing request signal to the second terminal and receives the sharing permission signal or the shared rejection signal from the second terminal. When the shared signal transmitting and receiving unit 210 receives the sharing permission signal from the second terminal, the first terminal and the second terminal are set to share the display content area.

The sharing request signal may transmit the first terminal directly to the second terminal via the network or may be transmitted to the second terminal via the management server 30.

The sharing permission signal or the sharing rejection signal may also be received directly by the first terminal from the second terminal via the network or via the management server. For example, the management server 30 may receive a share request signal from the first terminal, and may receive, from the second terminal, It is possible to transmit a sharing request signal. In addition, the management server 30 may receive at least one of a shared grant signal or a shared refusal signal from the second terminal and transmit the signal to the first terminal.

When receiving the sharing permission signal from the second terminal, the address information obtaining unit 220 obtains the address information of the address corresponding to the web page including the display content area output to the first viewport, . For example, as shown in FIG. 3, address information 11 of an address corresponding to a web page provided by a shopping mall server may be obtained in the form of a URL.

The address information may be transmitted directly to the second terminal via the network by the first terminal or may be transmitted to the second terminal via the management server 30.

Upon receiving the sharing permission signal from the second terminal, the location information obtaining unit 230 obtains the location information for specifying the location of the display content area output to the first viewport of the entire web page, .

The location information may be directly transmitted from the first terminal to the second terminal via the network or may be transmitted to the second terminal via the management server 30.

6, if the size of the first viewport 51 is smaller than the size of the entire area 52 of the web page, the entire area 52 of the web page is displayed on the screen of the first viewport 51, Only the display content area 53 which is an area enclosed by the corner of the first viewport 51 can be output and the position information can be output from the Web page area 52, May be information related to the position of the area of the entire page area 52 that the edge of the first viewport 51 surrounds.

Here, the location information may be information generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page. For example, as shown in FIG. 7A, the entire web page 61 includes elements A to Z, and the screen on the first viewport 62 is composed of G, H, I, L, M , N, Q, R, and S, and in this case, the positional information includes information indicating that the component of G is positioned at the upper left vertex of the first viewport, information indicating that the component of G is located at the upper right vertex of the first viewport I of the first viewport, information that the component of Q is located at the lower left vertex of the first viewport, and information that the component of S is located at the lower right vertex of the first viewport.

Also, the position information may include relative coordinate information indicating the position of the display content area with respect to the entire area of the web page.

8A, when the total size of the web page is (200 * 200), the upper left vertex corresponds to (0,0), the upper right vertex corresponds to (200,0), the lower left vertex (50 * 80), the upper left vertex corresponds to (0, 0) and the upper right vertex corresponds to (50, 0) The first viewport coordinate V1 corresponding to the left lower corner vertex corresponding to (0, 80) and the lower right corner vertex corresponding to (50, 80) can be defined. In this case, the positional information indicates that the first viewport coordinate (V1) of (0, 0) is located in the web page coordinate (W) of (30,30), the first viewport coordinate Information indicating that the first viewport coordinate V1 of (0, 80) is located in the web page coordinate W of (30, 110), ( 50, and 80 may include information indicating that the first viewport coordinates V1 of the first viewport coordinates (V1) are located at web page coordinates (W) of (80, 110).

The mouse information obtaining unit 240 obtains mouse information for specifying a position pointed by the mouse pointer when the mouse pointer is positioned on the screen on the first viewport, and transmits the mouse information to the second terminal.

The mouse information may be directly transmitted from the first terminal to the second terminal via the network or may be transmitted to the second terminal via the management server 30.

7A, if the mouse pointer 63 indicates M of the web page component, the mouse information indicates that the mouse pointer 63 points to the component of M on the basis of the web page component May be included.

8A, if the mouse pointer indicates the web page coordinates W of (60, 60) on the first viewport coordinates V1 of (30, 30) (W), the mouse pointer is pointing to the web page coordinates (W) of (60, 60).

The communication unit 250 may provide a communication means so that a communication can be made between a user of the first terminal and a user of the terminal sharing the display content area. For example, as shown in FIG. 3, the communication means provides a chatting section (not shown) in the form of a chat window 16, which is executed using text, (Not shown) capable of transmitting / receiving voice information between users of the first terminal and the second terminal or a video communication unit capable of transmitting / receiving image information (not shown) ). ≪ / RTI >

The screen sharing system 100 according to an embodiment of the present invention includes a sharing request processing unit 110, an address information receiving unit 120, a location information receiving unit 130, a screen output unit 140, a pointer output unit 150, And a communication unit 160.

Upon receiving the sharing request signal from the first terminal, the sharing request processing unit 110 outputs a sharing request message to the second terminal in the form of a pop-up notification, and transmits a shared permission signal or a shared rejection signal, To the terminal.

The sharing request signal may be received directly by the second terminal from the first terminal via the network or via the management server 30.

The sharing permission signal or the sharing rejection signal may also be transmitted to the first terminal directly by the second terminal via the network or may be transmitted to the first terminal via the management server. For example, when the management server 30 receives a sharing request signal from the first terminal, the sharing request processing unit 110 may receive a sharing request signal from the management server 30. [

On the other hand, when the second terminal is executing the system of the present invention, the sharing request processing unit 110 outputs a sharing request message to the second terminal in the form of a pop-up notification, but the second terminal executes the system of the present invention When the management server 30 receives the sharing request signal from the first terminal, the management server 30 transmits the sharing request message via e-mail, sms message, mms Message to the second terminal in the form of at least one of the messages.

The address information receiving unit 120 receives the sharing permission signal from the sharing request processing unit 110. The address information receiving unit 120 receives the sharing permission signal from the address information obtaining unit 220, And receives the address information of the address.

The address information may be directly received by the second terminal from the first terminal via the network or may be received via the management server 30.

The position information receiving unit 130 receives position information for specifying the position of a display content area output from the position information obtaining unit 230 to the first viewport among the entire web pages.

The location information may be directly received by the second terminal from the first terminal via the network or may be received via the management server 30. [

The location information may be information generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page, Or relative coordinate information indicating the position of the content area.

The screen output unit 140 displays a screen including the same information as the display content area on the basis of the address information received by the address information receiving unit 120 and the position information received by the position information receiving unit 130, Output to the viewport. More particularly, the present invention relates to a method and apparatus for accessing a server providing an address using the address information, receiving information capable of forming a web page screen corresponding to the address information, So that the components of the web page being rendered can be output to the second viewport.

Here, the screen output unit 140 may control one or more of the size of the second viewport and the view magnification of the entire web page to output the screen. The view magnification of the whole web page is a property that the width and the vertical size of the web page can be adjusted respectively.

FIG. 7B is a diagram for explaining a process of changing the size of the second viewport when position information is received, assuming that the size of the second viewport before the position information is received is different from the size of the first viewport.

More specifically, assuming that the size of the first viewport 62 shown in FIG. 7A is (60 * 60) and the size of the second viewport 64a before the positional information shown in FIG. 7B is received is 30 * 30 is smaller than the size of the first viewport 62 shown in FIG. 7A, the size of the second viewport 64b after the position information is received is 60 * 60 according to the position information, (62). At this time, the size of the web page 61 shown in Fig. 7A, the size of the web page 65a before the position information shown in Fig. 7B is received, and the size of the web page 65b after the position information is received 100 * 100).

Here, the positional information received by the positional information receiving unit 130 includes information that a component of G is located at the upper left vertex of the first viewport, information that the component of I is located at the upper right vertex of the first viewport, Information that the component of Q is located at the lower left vertex of the first viewport and information that the component of S is located at the lower right vertex of the first viewport.

When the position information receiving unit 130 receives the position information, the screen output unit 140 positions the component of G at the upper left vertex of the second viewport 64b and the right upper vertex of the second viewport 64b So that the component of Q is positioned at the lower left corner of the second viewport 64b and the component of Q is positioned at the lower right corner of the second viewport 64b of the second viewport 64b. The size attribute of the second viewport 64b is changed to 60 * 60 as the size of the first viewport, and the size of the web pages 65a and 65b is changed without changing the size of the entire web page 61 ).

7C is a diagram for explaining a process of changing the view magnification of the entire web page as the position information is received, assuming that the size of the second viewport before the position information is received is different from the size of the first viewport.

More specifically, assuming that the size of the first viewport 62 shown in FIG. 7A is (60 * 60) and the size of the second viewport 67a before the position information shown in FIG. 7C is received is 30 * 30, the size of the second viewport 67b after receiving the positional information is changed to (30 * 30) even if the positional information is received, assuming that the size of the second viewport 67b is smaller than the size of the first viewport 62 shown in FIG. none. At this time, the size of the web page 61 shown in FIG. 7A and the size of the web page 68a before the position information shown in FIG. 7C is received is equal to (100 * 100) The size of the web page 68b is changed to (50 * 50).

Here, the position information received by the position information receiving unit 130 may include information indicating that a component of G is located at the upper left vertex of the first viewport, information that the component of I is located at the upper right vertex of the first viewport, 1 information that the component of Q is located at the lower left vertex of the viewport and information that the component of S is located at the lower right vertex of the first viewport.

Here, the screen output unit 140 positions the component of G at the upper left vertex of the second viewport 67b, places the component of I at the upper right vertex of the second viewport 67b, The viewing magnification of the entire web page is set so that the component of Q is located at the lower left corner of the second viewport 67b and the component of S is positioned at the lower right corner of the second viewport 67b, 50%, and the size of the second viewport is not changed. For example, the view magnification change of the entire web page can be used when the display portion of the second terminal is smaller than the first viewport with respect to the length of at least one of the horizontal and vertical lengths. That is, a method of changing the view magnification of the entire web page when the second viewport can not be displayed by changing the size of the first viewport in the display unit of the second terminal can be used.

 8B is a view for explaining a process of changing the size of the second viewport when position information is received, assuming that the size of the second viewport before the position information is received is different from the size of the first viewport.

More specifically, assuming that the size of the first viewport 72 shown in FIG. 8A is (50 * 80) and the size of the second viewport 74a before the positional information shown in FIG. 8B is received is 25 * 40 is smaller than the size of the first viewport 72 shown in FIG. 7A, the size of the second viewport 74b after the position information is received is (50 * 80) (62). At this time, the size of the Web page 71 shown in FIG. 8A, the size of the Web page 75a before the position information shown in FIG. 8B is received, and the size of the Web page 75b after the position information is received 200 * 200).

The upper left vertex corresponds to (0,0), the upper right vertex corresponds to (25,0), and the lower left vertex corresponds to (0, 40) on the basis of the second viewport 74a before the position information is received , And a second viewport coordinate (V2) for mapping the lower right corner vertices to (25, 40).

Here, the positional information received by the positional information receiving unit 130 indicates that the first viewport coordinate V1 of (0, 0) is located in the web page coordinate W of (30, 30) And the first viewport coordinate V1 of (0, 80) are located in the web page coordinates (30, 110) of (30, 110) And the first viewport coordinates V1 of the web pages 50 and 80 are located in the web page coordinates W of the web pages 80 and 110. [

Here, the screen output unit 140 positions the second viewport coordinate V2 of (0, 0) in the web page coordinates W of (30, 30) and the second viewport coordinates V2 ) Is placed in the web page coordinate W of (80, 30), the second viewport coordinate V2 of (0, 40) is positioned in the web page coordinate W of (0, 80) The size attribute of the second viewport 74b is set to be the same as the size of the first viewport 72 so that the second viewport coordinate V2 of the second viewport 74 can be positioned in the web page coordinates W of 80, (50 * 80), and the size of the web pages 75a and 75b is the same as the size of the entire web page 71 shown in FIG.

 8C is a diagram for explaining a process of changing the view magnification of the entire web page as the position information is received, assuming that the size of the second viewport before the position information is received is different from the size of the first viewport.

More specifically, assuming that the size of the first viewport 72 shown in FIG. 8A is (50 * 80) and the size of the second viewport 77a before the positional information shown in FIG. 8C is received is 25 * 40 is smaller than the size of the first viewport 72 shown in FIG. 7A, the size of the second viewport 77b after the positional information is received is changed to (25 * 40) even if the positional information is received none. In this case, the size of the web page 71 shown in FIG. 8A and the size of the web page 78a before the position information shown in FIG. 8C is received is equal to (200 * 200) The size of the web page 68a is changed to (100 * 100).

The upper left vertex corresponds to (0,0), the upper right vertex corresponds to (25,0), and the lower left vertex corresponds to (0, 40) on the basis of the second viewport 77a before the position information is received , And a second viewport coordinate (V2) for mapping the lower right corner vertices to (25, 40).

Here, the positional information received by the positional information receiving unit 130 indicates that the first viewport coordinate V1 of (0, 0) is located in the web page coordinate W of (30, 30) And the first viewport coordinate V1 of (0, 80) are located in the web page coordinates (30, 110) of (30, 110) And the first viewport coordinates V1 of the web pages 50 and 80 are located in the web page coordinates W of the web pages 80 and 110. [

Here, the screen output unit 140 positions the second viewport coordinate V2 of (0, 0) in the web page coordinates W of (30, 30) and the second viewport coordinates V2 ) Is placed in the web page coordinate W of (80, 30), the second viewport coordinate V2 of (0, 40) is positioned in the web page coordinate W of (0, 80) The viewing magnification of the entire web page is set to be 1 before the position information is received so that the second viewport coordinate V2 of the first viewport coordinate V2 of the web page can be positioned at the web page coordinate W of 80, / 2 times, and the vertical length is changed to 1/2, and the size of the second viewport is not changed. For example, the view magnification change of the entire web page can be used when the display portion of the second terminal is smaller than the first viewport with respect to the length of at least one of the horizontal and vertical lengths. That is, a method of changing the view magnification of the entire web page when the second viewport can not be displayed by changing the size of the first viewport in the display unit of the second terminal can be used.

The pointer output unit 150 receives the mouse information from the mouse information obtaining unit 240, and based on the mouse information, obtains the same information as the position information indicated by the mouse pointer of the first terminal in the display content region And outputs the pointer to the second viewport. Here, when the management server 30 receives the mouse information from the first terminal and transmits the mouse information to the second terminal, the pointer output unit 150 can receive the mouse information from the management server 30.

For example, if the mouse information includes information indicating that the mouse pointer is pointing to the component of M on the basis of the web page component, the pointer output unit 150 outputs It is possible to output instruction pointers 66 and 69 indicating components of M to the screen on the second viewports 64b and 67b as shown in the figure.

If the mouse information includes information indicating that the mouse pointer is pointing to the web page coordinate W of (60, 60) based on the web page coordinate W, the pointer output unit 150 outputs the mouse information It is possible to output instruction pointers 76 and 79 indicating the web page coordinates W of the web pages 60 and 60 on the screen on the second viewports 74b and 77b as shown in Figs. 8B and 8C.

The communication unit 160 may perform the same function as the communication unit 250 included in the screen sharing system of the first terminal.

If the size of the first viewport and the size of the second viewport are different from each other, particularly when the size of the display content area is larger than the size of the second viewport, a scroll bar is generated and the scroll bar is used, 2 The position of the screen displayed in the viewport can be controlled.

9, assuming that the size of the first viewport is different from the size of the second viewport and that the size of the second viewport or the overall view magnification of the web page is not changed even when the position information is received, The scroll bar is generated.

For example, if the size of the first viewport 81 is 40 * 40, the size of the second viewport 83 is 20 * 30, and the size of the display content area 82 is equal to the size of the first viewport If the size of the second viewport 83 or the overall view magnification of the web page is not changed, it is impossible to completely output the display content area including the elements of A to P to the second viewport do.

In this case, the components of A, B, E, F, I, and J can be output to the second viewport 82, and a portion of the display content area, which is output on the screen on the second viewport 82, In order to output the components of the remaining C, D, G, H, K, L and M to P to the second viewport 82 in the whole of the display content area 82, It is possible to generate a horizontal scroll bar 84 that can move a portion to be displayed on the screen in a horizontal direction and a vertical scroll bar 85 that can move in a vertical direction.

Meanwhile, the terminal may be the first terminal or the second terminal, or may include both the screen sharing system of the first terminal and the screen sharing system of the second terminal.

Hereinafter, a screen sharing method according to an embodiment of the present invention will be described in detail.

10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.

Referring to FIG. 10, a screen sharing method according to an embodiment of the present invention includes a sharing request processing step S910, an address information receiving step S920, a location information receiving step S930, (Step S940), an address information changing step (step S950), a location information changing step (step S960), a pointer output step (step S970), and a communication providing step (step S980).

When the sharing request signal is received from the first terminal, the sharing request processing unit 110 outputs a sharing request message to the second terminal in the form of a pop-up notification, and transmits a sharing permission signal or a shared rejection signal To the first terminal (step S910)

The sharing request signal may be received directly by the second terminal from the first terminal via the network or may be received via the management server 30 as described above.

A sharing permission signal or a shared rejection signal may also be transmitted to the first terminal directly via the network or may be transmitted to the first terminal via the management server as described above. For example, when the management server 30 receives the sharing request signal from the first terminal, the sharing request processing unit 110 may receive the sharing request signal from the management server 30. [ When the second terminal is executing the system of the present invention, the sharing request processing unit 110 outputs the sharing request message to the second terminal in the form of a pop-up notification, but the second terminal executes the system of the present invention When the management server 30 receives the sharing request signal from the first terminal, the management server 30 transmits the sharing request message via e-mail, sms message, mms Message to the second terminal in the form of at least one of the messages.

The address information receiving unit 120 receives the address information corresponding to the web page including the display content area being output to the first viewport from the address information obtaining unit 220 of the first terminal. step)

The address information may be directly received from the first terminal through the network or may be received via the management server 30 as described above.

The position information receiving unit 130 receives the position information for specifying the position of the display content area output to the first viewport among the entire web pages from the position information obtaining unit 230 of the first terminal. )

The location information may be directly received by the second terminal from the first terminal via the network or may be received via the management server 30 as described above.

The location information may be information generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page, And may be relative coordinate information indicating the position of the display content area as described above.

The screen output unit 140 may include the same information as the display content area on the basis of the address information received by the address information receiving unit 120 of the first terminal and the location information received by the location information receiving unit 130 And outputs the screen to the second viewport (step S940)

7B, 7C, 8B, and 8C by controlling one or more attributes of the size of the second viewport and the view magnification of the entire web page in the screen output unit 140, As you can see.

When the size of the first viewport and the size of the second viewport are different from each other and the size of the display content area is larger than the size of the second viewport, without changing the properties of the view of the whole page scale, by generating the scroll bar using the scroll bar, the same as that of the display area information to control the position of the screen is output in the second viewport, also discussed above.

If the address information obtaining unit 220 of the first terminal transmits the changed address information and the address information receiving unit 120 receives the changed address information, the screen output unit 140 displays the changed address information And outputs a screen including the same information as the display content area being output to the first viewport among the corresponding web pages to the second viewport (step S950)

If the location information obtaining unit 230 of the first terminal transmits the changed location information and the location information receiving unit 130 receives the changed location information, the screen output unit 140 displays a display corresponding to the changed location information And outputs a screen including the same information as the content area to the second viewport. (Step S960)

The pointer output unit 150 receives the mouse information from the mouse information obtaining unit 240 of the first terminal, and based on the mouse information, information indicating the position of the display content area indicated by the mouse pointer of the first terminal And outputs an instruction pointer indicating the same information to the second viewport (step S970)

On the other hand, the mouse information may be received by the second terminal directly from the first terminal via the network, or may be received via the management server 30, and that the pointer may be received by the terminal as shown in FIGS. 7B, 7C, 8c and the like in the second viewport as described above.

In addition, communication means is provided so that the communication unit 160 can exchange opinions among users of terminals sharing a display content area (step S980)

10, the communication providing step (step S980) is shown after the preceding steps (steps S910 to S970) for convenience of explanation, but may be performed in parallel with the preceding steps (steps S910 to S970).

On the other hand, the communication means includes at least one of a voice communication unit capable of transmitting and receiving voice information, a video communication unit capable of transmitting and receiving image information, and a chatting unit executed using text.

Each step of the method of the present invention is listed for convenience of understanding, and the order of each step may be changed.

The method of the present invention can also be embodied as computer readable code on a computer readable recording medium. A computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored. Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like, and may be implemented in the form of a carrier wave (for example, transmission via the Internet) . The computer-readable recording medium may also be distributed over a networked computer system so that computer readable code can be stored and executed in a distributed manner.

According to the present invention, when a plurality of terminals share a screen using address information, a screen including substantially the same information can be shared in real time even if the sizes of the viewports between the terminals are different from each other. Therefore, a plurality of terminal users can visually recognize a screen including substantially the same information, and can exchange opinions on the information. Also, by sharing the screen using the address information, the effect of reducing the data transmission burden compared with the method of sharing the screen by informing the whole image of the screen can be obtained.

Although the present invention has been described with reference to the limited embodiments, various embodiments are possible within the scope of the present invention. It will also be understood that, although not described, equivalent means are also incorporated into the present invention. Therefore, the true scope of protection of the present invention should be defined by the following claims.

10: first terminal 20: second terminal
100: screen sharing system 110: sharing request processing unit
120: address information receiving unit 130: position information receiving unit
140: Screen output unit 150: Pointer output unit
160, 250: communication unit 200: screen sharing system of the first terminal
210: Shared signal transmitting / receiving unit 220: Address information obtaining unit
230: Position information obtaining unit 240: Mouse information obtaining unit

Claims (17)

A first terminal outputting a display content area, which is a portion of a web page corresponding to a predetermined address, output to a screen of a first viewport, and a screen including information identical to the display content area, A screen sharing system sharing a display content area,
An address information receiver for receiving address information of the address from the first terminal;
A position information receiving unit for receiving position information for specifying a position of a display content area output from the first terminal to the first viewport among all the web pages; And
And a screen output unit outputting a screen including the same information as the display content area to the second viewport based on the address information and the position information,
If it is detected that the address information is changed,
Wherein the address information receiving unit receives the changed address information and the position information receiving unit receives the changed position information according to the changed address information, and the screen output unit displays, on the basis of the changed address information and the changed position information, Outputs a screen including the same information as the display content area in which the address information and the position information are changed to the second viewport,
When it is detected that the position information of the display content area being output to the first viewport is changed,
Wherein the position information receiving unit receives the changed position information and the screen output unit outputs a screen including the same information as the display content area in which the position information is changed to the second viewport based on the changed position information Screen sharing system. The method according to claim 1,
A communication unit for providing communication means for allowing a user to exchange opinions between terminals of the terminal sharing the display content area;
/ RTI >
Wherein the communication means includes at least one of a voice communication unit capable of transmitting and receiving voice information, a video communication unit capable of transmitting and receiving image information, and a chatting unit executed using text. system. The method according to claim 1,
A mouse information receiving unit for receiving mouse information for specifying a position pointed by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And
A pointer output unit for outputting, to a second viewport, an instruction pointer indicating information of a position pointed by the mouse pointer based on the mouse information;
And a screen sharing system. The method according to claim 1,
Wherein the location information is generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page. The method according to claim 1,
Wherein the location information includes relative coordinate information indicating a location of the display content area based on the entire area of the web page. The method according to claim 1,
Wherein the screen output unit controls at least one of a size of the second viewport and a view magnification of the entire web page to output a screen. The method according to claim 1,
A scroll bar is generated and the position of a screen output to the second viewport of the display content area can be controlled by using the scroll bar when the size of the display content area is larger than the size of the second viewport Screen sharing system. A first terminal outputting a display content area, which is a portion of a web page corresponding to a predetermined address, output to a screen of a first viewport, and a screen including information identical to the display content area, A screen sharing method for sharing a display content area,
Receiving address information of the address from the first terminal;
Receiving location information for specifying a location of a display content area output from the first terminal to the first viewport among all the web pages; And
And outputting a screen including the same information as the display content area to the second viewport based on the address information and the location information,
If it is detected that the address information is changed,
Receiving the changed address information, receiving the changed position information according to the changed address information, and generating the same information as the display content area in which the address information and the position information are changed, based on the changed address information and the changed position information Outputting a screen including the first viewport to the second viewport; And
When it is detected that the position information of the display content area being output to the first viewport is changed,
And a step of receiving the changed position information and outputting a screen including the same information as the changed display content area to the second viewport based on the changed position information. Way. 9. The method of claim 8,
Providing communication means for allowing a communication between users of terminals sharing the display content area to be exchanged;
/ RTI >
Wherein the communication means includes at least one of a voice communication unit capable of transmitting and receiving voice information, a video communication unit capable of transmitting and receiving image information, and a chatting unit executed using text. 9. The method of claim 8,
Receiving mouse information for specifying a position pointed by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And
Outputting to the second viewport an instruction pointer indicating the position of the mouse pointer on the basis of the mouse information;
And a screen sharing method. 9. The method of claim 8,
Wherein the location information is generated by identifying a web page element located in the display content area based on a web page element constituting the entire web page. 9. The method of claim 8,
Wherein the location information includes relative coordinate information indicating a location of the display content area based on the entire area of the web page. 9. The method of claim 8,
Wherein the step of outputting the screen including the same information as the display content area to the second viewport controls one or more attributes of the size of the second viewport and the view magnification of the entire web page to output the screen How to share the screen. 9. The method of claim 8,
If the size of the display content area is larger than the size of the second viewport, a scroll bar is generated and the position of the screen output to the second viewport of the display content area can be controlled by using the scroll bar;
And a screen sharing method. 15. A computer-readable recording medium for recording a computer program for executing the method according to any one of claims 8 to 14. A management server that manages a display content area, which is a portion of a web page corresponding to a predetermined address, to be displayed on a screen, to be shared by a first terminal and a second terminal,
An address information receiver for receiving the address information of the address from the first terminal outputting the display content area in the first viewport;
A position information receiving unit for receiving position information for specifying a position of a display content area output from the first terminal to the first viewport among all the web pages; And
The second terminal transmits the address information and the location information to the second terminal so that the second terminal outputs a screen including the same information as the display content area to the second viewport based on the address information and the location information And a transmission unit
If it is detected that the address information is changed,
Wherein the address information receiving unit receives the changed address information and the position information receiving unit receives the changed position information according to the changed address information and the transmitting unit transmits the changed address information and the changed position information The second terminal transmits the changed address information and the changed location information to the second terminal so that the screen including the same information as the display content area in which the address information and the location information are changed can be output to the second viewport,
When it is detected that the position information of the display content area being output to the first viewport is changed,
The position information receiving unit receives the changed position information and the transmitting unit transmits a screen including the same information as the display content area in which the position information is changed based on the changed position information to the second viewport And transmits the changed location information to the second terminal so that the second terminal can output the changed location information. A method of operating a management server that manages a display content area, which is a portion of a web page corresponding to a predetermined address, to be displayed on a screen, to be shared by a first terminal and a second terminal,
Receiving address information of the address from a first terminal outputting the display content area to a first viewport;
Receiving location information for specifying a location of a display content area output from the first terminal to the first viewport among all the web pages; And
The second terminal transmits the address information and the location information to the second terminal so that the second terminal outputs a screen including the same block as the display content area to the second viewport based on the address information and the location information, ; ≪ / RTI >
If it is detected that the address information is changed,
The second terminal receives the changed address information, receives the changed location information according to the changed address information, and the second terminal displays the changed address information and the display contents in which the location information is changed based on the changed location information Transmitting the changed address information and the changed location information to the second terminal so that a screen including the same information as the area can be output to the second viewport; And
When it is detected that the position information of the display content area being output to the first viewport is changed,
The second terminal receives the changed position information and outputs the changed position information to the second viewport so that the second terminal outputs a screen including the same information as the display content area in which the position information is changed based on the changed position information, And transmitting the information to the second terminal.

Images