WO2016108431A1 - Screen sharing system, screen sharing method and management server, and management server operation method - Google Patents

Screen sharing system, screen sharing method and management server, and management server operation method Download PDF

Info

Publication number
WO2016108431A1
WO2016108431A1 PCT/KR2015/012574 KR2015012574W WO2016108431A1 WO 2016108431 A1 WO2016108431 A1 WO 2016108431A1 KR 2015012574 W KR2015012574 W KR 2015012574W WO 2016108431 A1 WO2016108431 A1 WO 2016108431A1
Authority
WO
WIPO (PCT)
Prior art keywords
information
terminal
viewport
display content
screen
Prior art date
Application number
PCT/KR2015/012574
Other languages
French (fr)
Korean (ko)
Inventor
하영식
하수현
Original Assignee
하영식
하수현
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 하영식, 하수현 filed Critical 하영식
Publication of WO2016108431A1 publication Critical patent/WO2016108431A1/en

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/40Support for services or applications
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/10Protocols in which an application is distributed across nodes in the network
    • H04L67/1095Replication or mirroring of data, e.g. scheduling or transport for data synchronisation between network nodes
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/40Support for services or applications
    • H04L65/401Support for services or applications wherein the services involve a main real-time session and one or more additional parallel real-time or time sensitive sessions, e.g. white board sharing or spawning of a subconference
    • H04L65/4015Support for services or applications wherein the services involve a main real-time session and one or more additional parallel real-time or time sensitive sessions, e.g. white board sharing or spawning of a subconference where at least one of the additional parallel sessions is real time or time sensitive, e.g. white board sharing, collaboration or spawning of a subconference

Definitions

  • Embodiments of the present invention relate to a screen sharing system and a screen sharing method, and more particularly, a screen sharing for sharing a display content area with a first terminal by outputting a screen including the same information as the display content area of an entire web page. It relates to a system and a screen sharing method.
  • a web service provides a link service so that a plurality of users can share information included in a web page.
  • a user of a first terminal wants to share information with a user of a second terminal with respect to a specific product disclosed in an online shopping mall operated in an open market form
  • the user of the first terminal is started.
  • the address of the web page is transmitted to the user of the second terminal
  • the user of the second terminal can share the product information by accessing the address to check the web page, but the user of the first terminal and the second The user of the terminal cannot share the product information while visually recognizing the screen containing the same information.
  • the browser size and resolution attribute of the first terminal and the browser size and resolution attribute of the second terminal are different, Since the display content area output to the terminal may be different, it is difficult to visually share substantially the same information among the respective terminal users.
  • the background art described above is technical information possessed by the inventors for the derivation of the present invention or acquired during the derivation process of the present invention, and is not necessarily a publicly known technique disclosed to the general public before the application of the present invention.
  • the present invention has been made in an effort to provide a screen sharing system and a screen sharing method for sharing a display content area with a first terminal by outputting a screen including the same information as the display content area of an entire web page. .
  • a screen sharing system includes a first terminal outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport;
  • a screen sharing system for outputting a screen including the same information as the display content area and sharing the display content area comprising: an address information receiver configured to receive address information of the address from the first terminal; A location information receiver for receiving location information for specifying a location of a display content area output to the first viewport of the entire web page, and the same information as the display content area based on the address information and the location information;
  • a screen output unit configured to output a screen to the second viewport.
  • a screen sharing method in another embodiment, includes a first terminal and a display content area outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport.
  • a screen sharing method for sharing a display content area by outputting a screen including the same information comprising: receiving address information of the address from the first terminal; Receiving location information for specifying a location of the display content area output to the first viewport, 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; Characterized in that it comprises a step.
  • the screen sharing system and the screen sharing method according to the embodiments of the present invention when a plurality of terminals share a screen by using address information, the screen includes substantially the same information even though the viewports between the terminals are different from each other. There is an effect that can be shared in real time.
  • FIG. 1 illustrates a structure in which contents of a display area are shared according to an exemplary embodiment of the present invention.
  • FIG. 2 is a block diagram showing the configuration of the management server shown in FIG.
  • FIG. 3 is a diagram illustrating a screen, a friend list screen, and a chat screen of a web page output to a first terminal.
  • FIG. 4 is a diagram illustrating a web page screen, a friend list screen, and a chat screen output to a second terminal according to an embodiment of the present invention.
  • FIG. 5 is a block diagram showing the configuration of the screen sharing system of the first terminal and the configuration of the screen sharing system according to the present invention of the second terminal.
  • FIG. 6 is a diagram conceptually showing a display content area.
  • 7A and 8A show an entire web page and a first viewport.
  • 7B, 7C, 8B, and 8C are views illustrating a result of applying the change of the size of the second viewport or the overall view magnification of the web page when the location information receiver receives the location information in real time.
  • FIG. 9 illustrates a second viewport in which a first viewport and a scroll bar are generated.
  • FIG. 10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.
  • a screen sharing system includes a first terminal outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport;
  • a screen sharing system for outputting a screen including the same information as the display content area and sharing the display content area comprising: an address information receiver configured to receive address information of the address from the first terminal; A location information receiver for receiving location information for specifying a location of a display content area output to the first viewport of the entire web page, and the same information as the display content area based on the address information and the location information;
  • a screen output unit configured to output a screen to the second viewport.
  • the screen sharing system includes a communication unit for providing a communication means to exchange opinions between users of the terminal sharing the display content area
  • the communication means is a voice call unit for transmitting and receiving voice information
  • image It may include one or more of a video call unit that can transmit and receive information, and a chat unit that is executed using text.
  • the screen sharing system may further include: a mouse information receiver configured to receive mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And a pointer output unit configured to output, to a second viewport, an instruction pointer indicating information on a position indicated by the mouse pointer based on the mouse information.
  • a mouse information receiver configured to receive mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal
  • a pointer output unit configured to output, to a second viewport, an instruction pointer indicating information on a position indicated by the mouse pointer based on the mouse information.
  • the location information is preferably generated by identifying the web page components located in the display content area based on the web page components constituting the entire web page.
  • the screen sharing system may include relative coordinate information indicating a position of the display content area based on the entire area of the web page.
  • the screen sharing system may output the screen by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page.
  • the screen sharing system may be a scroll bar is generated by using the scroll bar, the position of the screen output to the second viewport of the display content area may be controlled.
  • a screen sharing method in another embodiment, includes a first terminal and a display content area outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport.
  • a screen sharing method for sharing a display content area by outputting a screen including the same information comprising: receiving address information of the address from the first terminal; Receiving location information for specifying a location of the display content area output to the first viewport, 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; Characterized in that it comprises a step.
  • the screen sharing method may include providing communication means to exchange opinions between users of the terminal sharing the display content area, wherein the communication means includes a voice call unit capable of transmitting and receiving voice information; It is preferable to include at least one of a video call unit capable of transmitting and receiving image information, and a chat unit executed by using text.
  • the screen sharing method may further include receiving mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal, and the mouse pointer is based on the mouse information. And outputting, in a second viewport, an instruction pointer indicating information of the pointed position.
  • the screen sharing method is preferably generated by identifying the webpage elements located in the display content area based on the webpage elements constituting the entire webpage.
  • the screen sharing method may include the relative position information indicating the position of the display content area based on the entire area of the web page.
  • the screen sharing method may include outputting a screen including the same information as the display content area to a second viewport by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page. It may be output.
  • a scroll bar is generated and the scroll bar is used, whereby the position of the screen output to the second viewport in the display content area is determined. It may also include a step system that can be controlled.
  • a management server is a management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be shared on a first terminal and a second terminal.
  • An address information receiver for receiving address information of the address from a first terminal outputting a content area to a first viewport, and a position of a display content area output from the first terminal to the first viewport of the entire web page
  • the location information receiver for receiving location information for specifying a and 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.
  • a transmission unit for transmitting the address information and the location information to the second terminal.
  • Another embodiment of the present invention provides a method for operating a management server of a management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be shared on a first terminal and a second terminal.
  • An operating method comprising: receiving address information of the address from a first terminal outputting the display content area to a first viewport, and displaying the output from the first terminal to the first viewport of the entire web page.
  • a computer readable recording medium for recording another method for implementing the present invention, another method, and a computer program for executing the method.
  • the functionality of the various elements shown in the figures, including functional blocks represented by a processor or similar concept, can be provided by the use of dedicated hardware as well as hardware capable of executing software in association with appropriate software.
  • the functionality may be provided by a single dedicated processor, by a single shared processor, or by a plurality of individual processors, some of which may be shared.
  • the use of terms presented in terms of processor, control, or similar concept should not be interpreted exclusively as a citation of hardware capable of executing software, and without limitation, ROM for storing digital signal processor (DSP) hardware, software. (ROM), RAM, and non-volatile memory are to be understood to implicitly include. Other well known hardware may also be included.
  • FIG. 1 is a diagram illustrating a structure in which regions of display contents are shared according to an embodiment of the present invention. More specifically, the first terminal 10 and the second terminal 20-1, 20-2,..., 20-n (hereinafter 20) that share the display content area are connected through a network, and the first The terminal 10 may control a display content area screen shared by the first terminal 10 and the second terminal 20. The second terminal 20 may 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 the display content area with one or more second terminals 20 by the screen sharing system.
  • the first terminal 10 and the second terminal 20 transmit and receive information necessary for sharing the display content area with each other.
  • the first terminal 10 and the second terminal 20 may transmit and receive the necessary information to each other without passing through the management server 30 to be described later.
  • 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.
  • Information necessary for the second terminal 20 can be transmitted directly.
  • the first terminal 10 and the second terminal 20 can transmit and receive necessary information to each other without passing through a management server by using a short range wireless communication method such as Bluetooth or a direct communication method by connecting a wired cable. have.
  • first terminal 10 and the second terminal 20 may transmit and receive the necessary information to each other by way of the management server 30 to be described later.
  • the display content area which is a part of the entire web page corresponding to a predetermined address, displayed on the screen can be shared by the first terminal 10 and the second terminal 20. It is a server that provides screen sharing service.
  • the management server 30 is not fixed in the network address information allocated to the terminals 10 and 20, and is changed dynamically every time the screen sharing system is executed, or the terminal in which the user uses the screen sharing service is not fixed. Occasions and the like.
  • the terminals 10, 20 execute the system of the present invention and access the management server 30, the terminals 10, 20 transmit the network address information assigned to the terminals 10, 20 to the management server 20.
  • the management server 30 may store the network address information assigned to the terminal (10, 20).
  • the management server 30 may monitor while transmitting and receiving identification information to confirm whether the terminal (10, 20) is running the system of the present invention with the terminal (10, 20).
  • the management server 30 may be configured to include a user information storage unit 310 that can be stored in a database (DB: DataBase) for information on the user subscribed to the screen sharing service using the screen sharing system.
  • DB DataBase
  • the user information storage unit 310 is a terminal that executes the system of the present invention and user information such as an ID (ID), a password and an e-mail address for identifying a user subscribed to the screen sharing service. Stores network address information assigned to.
  • ID an ID
  • password an e-mail address for identifying a user subscribed to the screen sharing service.
  • users who are subscribed to the screen sharing service may form a friend relationship by using other user ID information provided by the user information government 310.
  • the user information storage unit 310 may be configured for each user. Friend relationship information about friend relationship can be stored.
  • the management server 30 may select the second terminal 20 from the first terminal 10 so that the first terminal 10 transmits a sharing request signal (to be described later) to the second terminal 20.
  • the first terminal 10 may provide friend relationship information related to the user of the first terminal 10 or provide an ID of another user who does not form a friend relationship.
  • the second terminal 20 After receiving the sharing request signal, the second terminal 20 transmits one of the sharing permission signal (described later) or the sharing rejection signal (described later), and when the sharing permission signal is transmitted, the first terminal 10. ) And the second terminal 20, the display content area of the first terminal 10 is set to be shared by the second terminal 20.
  • the transmission unit 340 may be further included.
  • the address information receiver 320 may receive the address information (described later) of the address from the first terminal outputting the display content area (described later) to the first viewport (described later).
  • the location information receiver 330 may receive location information (described later) for specifying the location 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 may output the screen including the same information as the display content area to the second viewport (described later) based on the address information and the location information. Information may be transmitted to the second terminal.
  • the first terminal ( 10) accesses the shopping mall server operated as an open marketplace, browses a webpage corresponding to a predetermined address, and the second terminal 20 browses the webpage being browsed by the first terminal 10,
  • the user of the first terminal 10 and the user of the second terminal 20 may share product information included in the web page. More specifically, the screen including the same information as the display content area of the web page output from the first terminal 10 can be output to the second terminal 20, thereby reducing the A user and a user of the second terminal 20 may share information of a display content area of the web page.
  • the server connected by the first terminal 10 to share the display content area has been described as a shopping mall server operating in an open market, but the present invention is not limited thereto, and the server to which the first terminal 10 can be connected.
  • Any server can be any server that can provide content such as goods, music, and images.
  • the first terminal 10 and the second terminal 20 may include a personal computer, a tablet personal computer, a mobile telephone, a smart phone, and a smart TV. It may be a terminal capable of televison, telephone, and personal digital assistant communication.
  • FIG. 3 is a diagram illustrating a screen of a web page, a friend list screen, and a chat screen output to the first terminal.
  • the first terminal may browse and output a web page corresponding to a predetermined address input to the first terminal to the first viewport 12.
  • the viewport refers to a rectangular area that actually displays the components of the web page that has been projected and converted in the rendering process of generating an image with computer graphics (CG).
  • CG computer graphics
  • the first terminal may output only a part of the entirety of the webpage to the screen on the first viewport 12 in the first viewport.
  • the portion of the web page that is output on the screen on the first viewport is defined as the display content area 13.
  • a mouse pointer 14 pointing to a predetermined point of the display content area 13 may be positioned on the screen on the first viewport 12.
  • the first terminal may provide a friend list window 15 which lists friend relationship information related to a user of the first terminal stored in the user information storage 310 of the management server 30.
  • the first terminal allows the user of the first terminal and the user of the second terminal to chat with each other. (16) can be provided.
  • the chat between the first terminal user and the second terminal user can be executed in a manner in which data is transmitted via the management server 30, and can be executed using a method performed by a conventional messenger or a chat service.
  • FIG. 4 illustrates a screen of a web page, a friend list screen, and a chat screen output to a second terminal according to an embodiment of the present invention.
  • the second terminal outputs a screen 23 including the same information as the display content area 13 output on the screen on the first viewport 12 of the first terminal shown in FIG. 3 to the second viewport 22.
  • the display content area 13 may be shared with the first terminal. More specifically, although 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.
  • the second viewport 22 includes a screen 23 including the same information as the display content area in the second viewport 22. You can print
  • an instruction pointer 24 indicating the same information as the information located at a predetermined point of the display content area 13 indicated by the mouse pointer may be output.
  • the second terminal chats with the user list window 25 which lists the users of the terminal that can share the display content area, and the user of the terminal sharing the display content area.
  • the window 26 can be provided.
  • FIG. 5 is a block diagram showing the configuration of the screen sharing system of the first terminal and the configuration of the screen sharing system according to the present invention of the second terminal.
  • the system of the present invention may be implemented as a function included from the beginning when the web browser is produced, or may be implemented to be used as an additional function like a plug-in program.
  • the screen sharing system 200 of the first terminal selects the second terminal as a target to share the display content area.
  • the method of selecting an object to share the display content area may be as follows.
  • the management server 30 may be a method in which the first terminal is connected to the second terminal through short-range wireless communication such as Bluetooth or the first terminal is connected to the second terminal by a wired cable.
  • the terminal uses the management server 30, it selects from a list of users registered in a friend relationship with the user of the first terminal using the information stored in the user information storage unit 310, or a friend relationship with the user of the first terminal
  • you want to select a user who is not in the registered user list you can select the user information by searching for ID.
  • Information exchanged between the first terminal and the second terminal described below may be directly transmitted and received via a network, or may be transmitted and received via the management server 30.
  • the screen sharing system 200 of the first terminal includes a shared signal transmission and reception unit 210, an address information acquisition unit 220, a location information acquisition unit 230, a mouse information acquisition unit 240, and a communication unit 250. It is configured by.
  • the shared signal transmission / reception unit 210 transmits the sharing request signal to the second terminal when the sharing request signal is input by the user of the first terminal, and receives the sharing permission signal or the sharing rejection signal from the second terminal.
  • the shared signal transmission / reception unit 210 receives the sharing permission signal from the second terminal, the first terminal and the second terminal are configured to share the display content area.
  • the sharing request signal may be directly transmitted to the second terminal through the network to the second terminal, 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 directly received by the first terminal through the network from the second terminal or via the management server.
  • the management server 30 receives a sharing request signal from the first terminal and is input from the first terminal to the second terminal to receive at least one of a sharing permission signal or a sharing rejection signal from the second terminal.
  • the share request signal can be transmitted.
  • the management server 30 may receive at least one of a sharing permission signal or a sharing reject signal from the second terminal and transmit the signal to the first terminal.
  • the address information acquisition unit 220 When the address information acquisition unit 220 receives the sharing permission signal from the second terminal, the address information acquisition unit 220 obtains address information of an address corresponding to a web page including a display content area that is output to the first viewport, and receives the address information from the second terminal. Send to For example, as illustrated 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 directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
  • the location information acquisition unit 230 When the location information acquisition unit 230 receives the sharing permission signal from the second terminal, the location information acquisition unit 230 obtains location information for specifying the location of the display content area output to the first viewport of the entire web page, and the location information is acquired by the second terminal. Send to
  • the location information may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
  • the entire webpage area 52 is displayed on the screen on the first viewport 51.
  • the information may be related to the position of an area of the entire page area 52 that is surrounded by the edge of the first viewport 51.
  • the location information may be information generated by identifying a webpage component located in the display content area based on the webpage component constituting the entire webpage.
  • the entire web page 61 includes components A to Z, and the screen on the first viewport 62 is G, H, I, L, M. , N, Q, R, S can be displayed, and in this case, the location information, the information that the component of G is located at the upper left corner of the first viewport, the upper right corner of the first viewport It may include information that the component of I is located, information that the component of Q is located at the lower left corner of the first viewport, and information that the component of S is located at the lower right corner of the first viewport.
  • the location information may also include relative coordinate information indicating the location of the display content area based on the entire area of the webpage.
  • the upper left corner vertex corresponds to (0,0)
  • the upper right corner vertex corresponds to (200,0)
  • the lower left corner vertex Defines a web page coordinate (W) that corresponds to (200,200)
  • the size of the first viewport is (50 * 80)
  • a first viewport coordinate V1 that corresponds to the lower left vertex to (0, 80) and the lower right vertex to (50, 80).
  • the position information includes information indicating that the first viewport coordinate V1 of (0, 0) is located at the webpage coordinate W of (30, 30), and the first viewport coordinate V1 of (50, 0). Is information located at the webpage coordinates W of (80, 30), information that the first viewport coordinates V1 of (0, 80) are located at the webpage coordinates W of (30, 110), ( The first viewport coordinates V1 of 50 and 80 may include information indicating that they are located at the webpage coordinates W of 80 and 110.
  • the mouse information acquisition unit 240 obtains mouse information for specifying a location indicated by the mouse pointer, and transmits the mouse information to the second terminal.
  • the mouse information may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
  • the mouse information indicates that the mouse pointer 63 points to the elements of M based on the webpage elements. It may include information that is present.
  • the mouse pointer may include information indicating the web page coordinates (W) of (60, 60).
  • the communication unit 250 may provide a communication means to exchange opinions between the user of the first terminal and the user of the terminal sharing the display content area.
  • the communication means may provide a chat unit (not shown) in the form of a chat window 16 executed by using text to communicate whether or not to purchase a bicycle product.
  • a voice call unit capable of transmitting and receiving voice information between a user of the first terminal and the second terminal or a video call unit (not shown) capable of transmitting and receiving image information may be provided. May also be provided.
  • the screen sharing system 100 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, It is configured to include a communication unit 160.
  • the share request processor 110 When the share request processor 110 receives the share request signal from the first terminal, the share request message is output to the second terminal in the form of a pop-up notification, and the share permission signal or the share rejection signal is input in response to the share request signal. Send to the terminal.
  • the sharing request signal may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
  • the sharing permission signal or the sharing rejection signal may also be transmitted by the second terminal directly to the first terminal through the network or via the management server to the first terminal.
  • the share request processor 110 may receive the share request signal from the management server 30.
  • 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. If not, the management server 30 receives the share request signal from the first terminal and then uses the user information of the second terminal stored in the user information storage unit to share the share request message by e-mail, sms message, mms. At least one of the messages may be transmitted to the second terminal.
  • the address information receiver 120 corresponds to a web page including a display content area that is output from the address information acquirer 220 to the first viewport when a share permission signal is input to the share request processor 110. Receive address information of address.
  • the address information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
  • the location information receiver 130 receives location information for specifying a location of a display content area output from the location information acquisition unit 230 to the first viewport of the entire web page.
  • the location information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
  • the location information may be information generated by identifying a webpage element located in the display content area based on a webpage element constituting the entire webpage.
  • the location information may be displayed based on the entire area of the webpage. It may also be 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 based on the address information received by the address information receiver 120 and the location information received by the location information receiver 130. Output to the viewport. More specifically, by using the address information to access the server providing the address to receive information that can configure the web page screen corresponding to the address information, and using the location information includes the display content area Allows the web page's components to be displayed in the second viewport.
  • the screen output unit 140 may output a screen by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page.
  • the viewing magnification of the entire web page is an attribute in which the horizontal and vertical sizes of the web page are adjustable.
  • FIG. 7B is a view for explaining a process of changing the size of the second viewport when the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
  • the size of the second viewport 64a before the positional information shown in FIG. 7B is received is (30 * 60).
  • the size of the second viewport 64b after the location information is received is 60 * 60 according to the location information. It is changed to be equal to the size of 62.
  • the size of the web page 61 shown in FIG. 7A and the size of the web page 65a before the position information shown in FIG. 7B and the size of the web page 65b after the position information are received ( 100 * 100)
  • the location information received by the location information receiving unit 130 the information that the component of G is located at the upper left corner of the first viewport, the information that the component of I is located at the upper right corner of the first viewport, It includes information that the component of Q is located at the lower left corner of the first viewport and information that the component of S is located at the lower right corner of the first viewport.
  • the screen output unit 140 locates the G component at the upper left corner of the second viewport 64b and the upper right corner of the second viewport 64b. Position the component of I at the lower left corner of the second viewport 64b, and the component of S at the lower right corner of the second viewport 64b. 2
  • the size property of the viewport 64b is changed to (60 * 60) as the size of the first viewport, and the size of the webpages 65a and 65b is not changed, and the entire webpage 61 shown in FIG. 7A is changed. ) Is the same as the size.
  • FIG. 7C is a diagram for describing a process of changing the view magnification of the entire web page as the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
  • the size of the first viewport 62 shown in FIG. 7A is 60 * 60
  • the size of the second viewport 67a before the positional information shown in FIG. 7C is received is (30 * 60).
  • the size of the second viewport 67b after the positional information is received is changed to (30 * 30) even when the positional information is received. none.
  • the size of the web page 61 shown in FIG. 7A and the size of the web page 68a before receiving the position information shown in FIG. 7C are equal to (100 * 100), and after the position information is received.
  • the size of the web page 68b is changed to (50 * 50).
  • the position information received by the location information receiving unit 130 is information that the component of G is located at the upper left corner of the first viewport, information that the component of I is located at the upper right corner of the first viewport, It includes information that the component of Q is located at the lower left corner of the first viewport and information that the component of S is located at the lower right corner of the first viewport.
  • the screen output unit 140 positions the component of G at the upper left corner of the second viewport 67b, the component of the I at the upper right corner of the second viewport 67b, and the second viewport. Position the component of Q at the lower left vertex of 67b, and adjust the viewing magnification of the entire web page before the positional information is received so that the component of S can be positioned at the lower right vertex of the second viewport 67b. Change it to 50% and there is no change in the size of the second viewport.
  • the viewing magnification change of the entire webpage may be used when the display unit of the second terminal is smaller than the first viewport based on 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 cannot be displayed by changing the size of the second viewport by the size of the first viewport may be used.
  • FIG. 8B is a view for explaining a process of changing the size of the second viewport when the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
  • the size of the first viewport 72 shown in FIG. 8A is (50 * 80)
  • the size of the second viewport 74a before the positional information shown in FIG. 8B is received is (25 *).
  • the size of the second viewport 74b after the location information is received is 50 * 80 according to the location information. It is changed to be equal to the size of 62.
  • the size of the web page 71 shown in FIG. 8A and the size of the web page 75a before the position information shown in FIG. 8B and the size of the web page 75b after the position information are received ( 200 * 200) and assume that they are equal to each other.
  • the upper left vertex corresponds to (0,0)
  • the upper right vertex corresponds to (25,0)
  • the lower left vertex corresponds to (0, 40), based on the second viewport 74a before the location information is received.
  • V2 Defines a second viewport coordinate (V2) that corresponds to the lower right corner vertex (25, 40).
  • the position information received by the position information receiver 130 is information indicating that the first viewport coordinate V1 of (0, 0) is located at the web page coordinate (W) of (30, 30), (50, 0 Information that the first viewport coordinate (V1) of) is located at the webpage coordinate (W) of (80, 30), and the first viewport coordinate (V1) of (0,80) is the webpage coordinate of (30, 110). Information that it is located at (W), and the first viewport coordinate V1 at (50, 80) includes information that it is located at the web page coordinate (W) at (80, 110).
  • the screen output unit 140 locates the second viewport coordinates V2 of (0, 0) at the webpage coordinates W of (30, 30), and the second viewport coordinates V2 of (25, 0).
  • the second viewport coordinates V2 of (0, 40) are positioned at the webpage coordinates W of (0, 80)
  • the size property of the second viewport 74b is equal to the size of the first viewport 72 so that the second viewport coordinate V2 of 40 can be positioned at the webpage coordinate W of 80 and 110.
  • the size of the web pages 75a and 75b is the same as that of the entire web page 71 shown in Fig. 8A.
  • FIG. 8C is a diagram for describing a process of changing the view magnification of the entire web page as the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
  • the size of the second viewport 77a before the positional information shown in FIG. 8C is received is (25 *).
  • the size of the second viewport 77b after the location information is received is changed to (25 * 40) even if the location information is received. none.
  • the size of the web page 71 shown in FIG. 8A and the size of the web page 78a before receiving the position information shown in FIG. 8C are equal to (200 * 200), and after the position information is received.
  • 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)
  • the lower left vertex corresponds to (0, 40), based on the second viewport 77a before the location information is received.
  • V2 Defines a second viewport coordinate (V2) that corresponds to the lower right corner vertex (25, 40).
  • the position information received by the position information receiver 130 is information indicating that the first viewport coordinate V1 of (0, 0) is located at the web page coordinate (W) of (30, 30), (50, 0 Information that the first viewport coordinate (V1) of) is located at the webpage coordinate (W) of (80, 30), and the first viewport coordinate (V1) of (0,80) is the webpage coordinate of (30, 110). Information that it is located at (W), and the first viewport coordinate V1 at (50, 80) includes information that it is located at the web page coordinate (W) at (80, 110).
  • the screen output unit 140 locates the second viewport coordinates V2 of (0, 0) at the webpage coordinates W of (30, 30), and the second viewport coordinates V2 of (25, 0).
  • the second viewport coordinates V2 of (0, 40) are positioned at the webpage coordinates W of (0, 80), and (25 , So that the second viewport coordinate (V2) of 40 may be located at the webpage coordinate (W) of (80, 110), the horizontal scale of the viewing magnification of the entire webpage is based on 1 before the location information is received.
  • the 2x and the vertical length are changed to 1 / 2x, and the size of the second viewport does not change.
  • the viewing magnification change of the entire webpage may be used when the display unit of the second terminal is smaller than the first viewport based on 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 cannot be displayed by changing the size of the second viewport by the size of the first viewport may be used.
  • the pointer output unit 150 receives the mouse information from the mouse information acquisition unit 240, and based on the mouse information, the pointer output unit 150 receives the same information as the information of the position indicated by the mouse pointer of the first terminal in the display content area. Outputs the pointing pointer to the second viewport.
  • the pointer output unit 150 may receive the mouse information from the management server 30.
  • the pointer output unit 150 is shown in FIGS. 7B and 7C based on the mouse information.
  • the instruction pointers 66 and 69 indicating the elements of M may be output on the screen on the second viewports 64b and 67b.
  • the pointer output unit 150 based on the mouse information.
  • the pointers 76 and 79 indicating the web page coordinates W of 60 and 60 may be output on the screen on the second viewports 74b and 77b.
  • the communicator 160 may perform the same function as the communicator 250 included in the screen sharing system of the first terminal.
  • the size of the first viewport and the size of the second viewport are different, in particular, 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 to generate the first viewport. 2
  • the position of the screen output to the viewport can be controlled.
  • FIG. 9 assumes that the size of the first viewport is different from the size of the second viewport, and does not change the size of the second viewport or the overall view of the webpage even when the location information is received, and the second viewport as the location information is received. Indicates that a scrollbar should be created.
  • the size of the first viewport 81 is (40 * 40)
  • the size of the second viewport 83 is (20 * 30)
  • the size of the display content area 82 is also equal to the size of the first viewport. If the size of the second viewport 83 or the overall webpage magnification does not change, the display content area including the components of A to P cannot be output to the second viewport. do.
  • components of A, B, E, F, I, and J may be output to the second viewport 82, and the portion of the display content area that is displayed on the screen on the second viewport 82 may be displayed.
  • a horizontal scroll bar 84 that can move a portion output on the screen in a horizontal direction and a vertical scroll bar 85 that can move in a vertical direction can be generated.
  • the terminal may be the first terminal or the second terminal, and may include both the screen sharing system of the first terminal and the screen sharing system of the second terminal.
  • FIG. 10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.
  • step S910 the screen sharing method according to an embodiment of the present invention, the sharing request processing step (step S910), address information receiving step (step S920), location information receiving step (step S930), screen output step ( Step S940), address information changing step (step S950), location information changing step (step S960), pointer output step (step S970) and communication providing step (step S980).
  • the sharing request processing unit 110 receives the sharing request signal from the first terminal, the sharing request message is output to the second terminal in the form of a pop-up notification, and the sharing permission signal or the rejection signal is input in response to the sharing request signal. Transmit to the first terminal (step S910).
  • the sharing request signal may be directly received by the second terminal through the network from the first terminal or via the management server 30.
  • the sharing permission signal or the sharing rejection signal may also be transmitted to the first terminal through the network or directly to the first terminal through the management server.
  • the sharing request processing unit 110 may receive the sharing request signal from the management server 30.
  • 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. If not, the management server 30 receives the share request signal from the first terminal and then uses the user information of the second terminal stored in the user information storage unit to share the share request message by e-mail, sms message, mms. At least one of the messages may be transmitted to the second terminal.
  • the address information receiver 120 receives address information of an address corresponding to a web page including a display content area output to the first viewport from the address information acquisition unit 220 of the first terminal. step)
  • the address information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30 as described above.
  • the location information receiver 130 receives location information for specifying the location of the display content area output from the location information acquisition unit 230 of the first terminal to the first viewport of the entire web page (step S930). )
  • the location information may be directly received by the second terminal through the network from the first terminal or via the management server 30.
  • the location information may be information generated by identifying a webpage component located in the display content area based on the webpage component constituting the entire webpage, and based on the entire area of the webpage. As described above, it may be relative coordinate information indicating the position of the display content area.
  • the screen output unit 140 includes the same information as the display content area based on the address information received by the address information receiver 120 of the first terminal and the location information received by the location information receiver 130. Outputs the screen to the second viewport (step S940).
  • the screen output unit 140 may control one or more attributes of the size of the second viewport and the viewing magnification of the entire web page to output the screen as illustrated in FIGS. 7B, 7C, 8B and 8C. As we have seen.
  • the size of the first viewport and the size of the second viewport are different, in particular, when the size of the display content area is larger than the size of the second viewport, the size of the second viewport, the web, as in the screen output step (S940).
  • the scroll bar 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.
  • the screen output unit 140 transmits the changed address information to the address of the changed address information.
  • a screen including the same information as the display content area output to the first viewport among the corresponding web pages is output to the second viewport (step S950).
  • Step S960 If the location information acquisition unit 230 of the first terminal transmits the changed location information, and the location information receiver 130 receives the changed location information, the screen output unit 140 displays a display corresponding to the changed location information. The screen including the same information as the content area is output to the second viewport. (Step S960)
  • the pointer output unit 150 receives the mouse information from the mouse information acquisition unit 240 of the first terminal, and based on the mouse information, information of the position indicated by the mouse pointer of the first terminal in the display content area The instruction pointer indicating the same information as is output to the second viewport (step S970).
  • the mouse information may be directly received from the first terminal via the network from the first terminal, or may be received via the management server 30, and the indication pointer is shown in FIGS. 7B, 7C, 8B and FIG. As described above, it can be output to the second viewport such as 8c.
  • the communication unit 160 provides a communication means to exchange opinions between users of the terminal sharing the display content area (step S980).
  • step S980 the communication providing step (step S980) is shown after the previous steps (steps S910 to S970) for convenience of description, but may be performed in parallel with the previous steps (steps S910 to S970).
  • the communication means includes at least one of a voice call unit capable of transmitting and receiving voice information, a video call unit capable of transmitting and receiving image information, and a chat unit executed using text.
  • the method of the present invention can also be embodied as computer readable code on a computer readable recording medium.
  • the computer-readable recording medium includes all kinds of recording devices in which data that can be read by a computer system is stored. Examples of computer-readable recording media include ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage, and the like, and may also be implemented in the form of a carrier wave (for example, transmission over the Internet). Include.
  • the computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.
  • the present invention when a plurality of terminals share the screen by using the address information, even if the size of the viewport between the terminals are different from each other, it is possible to share in real time the screen including the same information. Accordingly, a plurality of terminal users can obtain an effect of exchanging opinions about the information while visually recognizing a screen including substantially the same information.
  • the address information it is possible to reduce the burden of excessive data transmission compared to the method of sharing the screen by integrating the entire screen image.

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The present invention relates to a screen sharing system and a screen sharing method. The screen sharing system, according to the present invention, outputs a screen including information, which is the same as that in a display content region, so as to share the display content region with a first terminal outputting, on a first viewport, the display content region, which is a part to be outputted on the screen from an entire webpage corresponding to a predetermined address, and the screen sharing system comprises: an address information reception unit for receiving, from the first terminal, address information of the address; a location information reception unit for receiving, from the first terminal, location information for specifying a location of the display content region outputted in the first viewport from the entire web page; and a screen output unit for outputting a screen including information, which is the same as that in the display content region, on a second viewport on the basis of the address information and the location information. According to the present invention, when a plurality of terminals share a screen by using address information, the screen including substantially the same information can be shared on a real time basis even if the sizes of viewports of the terminals are different from each other, and users of the plurality of terminals can visually recognize the screen including substantially the same information and exchange opinions about the information.

Description

화면 공유 시스템 및 화면 공유 방법과 관리서버 및 관리서버의 운영방법Screen sharing system and screen sharing method and management server and management server operation method
본 발명의 실시예들은 화면 공유 시스템 및 화면 공유 방법에 관한 것으로서, 더 상세하게는 웹페이지 전체 중 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 제1 단말기와 표시내용 영역을 공유하는 화면 공유 시스템 및 화면 공유 방법에 관한 것이다. Embodiments of the present invention relate to a screen sharing system and a screen sharing method, and more particularly, a screen sharing for sharing a display content area with a first terminal by outputting a screen including the same information as the display content area of an entire web page. It relates to a system and a screen sharing method.
현대 사회는 컴퓨터, 스마트폰, 스마트 TV 등의 급격한 TCP/IP(Transport Control Protocol/Internet Protocol)를 기반으로 하는 인터넷이 확립되면서 전 세계적으로 각종 통신망이 인터넷을 중심으로 통합되는 추세이다. 이에 따라, 인터넷 사용자는 인터넷을 통하여 많은 정보들을 검색하고 획득하고 있는 실정이다.In the modern society, various communication networks are being integrated around the world as the Internet based on the rapid TCP / IP (Transport Control Protocol / Internet Protocol) such as computers, smart phones, and smart TVs is established. Accordingly, the Internet user is searching and obtaining a lot of information through the Internet.
한편, 최근의 웹 서비스는 개인 간의 미디어와 정보 공유라는 큰 흐름을 따라가고 있다. 그리고, 웹 서비스는 사용자에게 전 세계 어디에서나 모든 종류의 정보를 엑세스/전송할 수 있는 상당한 능력을 제공해주고 있다. On the other hand, recent web services are following a big flow of media and information sharing among individuals. And, Web services give users the ability to access / transmit all kinds of information from anywhere in the world.
그리고, 최근의 웹 서비스는, 웹페이지가 포함하고 있는 정보를 복수의 사용자가 공유할 수 있도록 링크(link) 서비를 제공하고 있다.In recent years, a web service provides a link service so that a plurality of users can share information included in a web page.
하지만, 각각의 개별 사용자에 의해 실행된 브라우저는 다른 사용자의 브라우저가 어떤 정보를 출력하고 있는지에 관해서는 다른 사용자의 브라우저를 제어할 수 없다. However, the browser executed by each individual user cannot control another user's browser as to what information the other user's browser is outputting.
예를 들어, 오픈마켓 형태로 운영되는 온라인 쇼핑몰에 개시되어 있는 특정 상품에 대하여 제1 단말기의 사용자가 제2 단말기의 사용자와 정보를 공유하고자 할 때, 제1 단말기의 사용자는 그 상품이 개시되어 있는 웹페이지의 주소를 제2 단말기의 사용자에게 전송하고, 제2 단말기의 사용자는 그 주소에 접속하여 웹페이지를 확인하는 방식으로 상품정보를 공유할 수는 있으나, 제1 단말기의 사용자와 제2 단말기의 사용자가 동일한 정보가 담긴 화면을 시각적으로 인지하면서 상품정보를 공유할 수는 없다.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 product disclosed in an online shopping mall operated in an open market form, the user of the first terminal is started. Although the address of the web page is transmitted to the user of the second terminal, the user of the second terminal can share the product information by accessing the address to check the web page, but the user of the first terminal and the second The user of the terminal cannot share the product information while visually recognizing the screen containing the same information.
특히, 웹페이지의 크기가 웹페이지가 디스플레이되고 있는 브라우저보다 큰 경우에는, 제1 단말기의 브라우저 크기 및 해상도 속성과 제2 단말기의 브라우저 크기 및 해상도 속성 등이 다르다면, 웹페이지 전체 영역 중 실제로 각 단말기에 출력되고 있는 표시내용 영역을 다를 수 있으므로, 각 단말기 사용자 사이에 실질적으로 동일한 정보를 시각적으로 공유하기 힘들다는 문제점이 있다.In particular, when the size of the web page is larger than 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, Since the display content area output to the terminal may be different, it is difficult to visually share substantially the same information among the respective terminal users.
또한, 단말기 간 원격제어 방식(remote control method)에 의한 화면 공유 방법의 경우, 제1 단말기의 화면을 인코딩(encoding)하여 제2 단말기에 전송함으로써 공유하기 때문에, 웹페이지의 주소 정보를 공유하는 방식보다는 상대적으로 데이터 전송량이 크므로, 단말기 간 실시간 동기화하여 동일한 정보를 시각적으로 공유하는 방식으로 이용하기에는 적합하지 않다는 문제점이 있다.In addition, in the case of a screen sharing method using a remote control method between terminals, a method of sharing the address information of a web page because the screen of the first terminal is shared by encoding and transmitting to the second terminal. Rather, there is a problem in that the amount of data transmission is relatively large, and therefore, it is not suitable for use in a manner of visually sharing the same information by real time synchronization between terminals.
전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술 정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.The background art described above is technical information possessed by the inventors for the derivation of the present invention or acquired during the derivation process of the present invention, and is not necessarily a publicly known technique disclosed to the general public before the application of the present invention.
본 발명이 해결하고자 하는 기술적 과제는, 웹페이지 전체 중 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 제1 단말기와 표시내용 영역을 공유하는 화면 공유 시스템 및 화면 공유 방법을 제공하는 데에 있다.SUMMARY OF THE INVENTION The present invention has been made in an effort to provide a screen sharing system and a screen sharing method for sharing a display content area with a first terminal by outputting a screen including the same information as the display content area of an entire web page. .
상기 목적을 달성하기 위하여 본 발명에 따른 화면 공유 시스템은, 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 시스템으로서, 상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 주소정보수신부와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 위치정보수신부 및 상기 주소 정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 화면출력부를 포함하는 것을 특징으로 한다.In order to achieve the above object, a screen sharing system according to the present invention includes a first terminal outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport; A screen sharing system for outputting a screen including the same information as the display content area and sharing the display content area, comprising: an address information receiver configured to receive address information of the address from the first terminal; A location information receiver for receiving location information for specifying a location of a display content area output to the first viewport of the entire web page, and the same information as the display content area based on the address information and the location information; And a screen output unit configured to output a screen to the second viewport.
본 발명의 다른 실시예인 화면 공유 방법은, 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 방법으로서, 상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 단계와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 단계와, 상기 주소 정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 단계를 포함하는 것을 특징으로 한다.In another embodiment of the present invention, a screen sharing method includes a first terminal and a display content area outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport. A screen sharing method for sharing a display content area by outputting a screen including the same information, the method comprising: receiving address information of the address from the first terminal; Receiving location information for specifying a location of the display content area output to the first viewport, 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; Characterized in that it comprises a step.
본 발명의 실시예들에 관한 화면 공유 시스템 및 화면 공유 방법은, 복수의 단말기가 주소 정보를 이용하여 화면을 공유하는 경우, 단말기 간 뷰포트의 크기가 서로 상이하더라도 실질적으로 동일한 정보를 포함하는 화면을 실시간으로 공유할 수 있는 효과가 있다.In the screen sharing system and the screen sharing method according to the embodiments of the present invention, when a plurality of terminals share a screen by using address information, the screen includes substantially the same information even though the viewports between the terminals are different from each other. There is an effect that can be shared in real time.
또한, 복수의 단말기 사용자들이 실질적으로 동일한 정보를 포함하는 화면을 시각적으로 인지하면서 그 정보에 대하여 의견 교환을 할 수 있는 효과를 얻을 수 있으며, 주소 정보를 이용하여 화면을 공유함으로써, 화면 전체 이미지를 정보화하여 화면을 공유하는 방법에 비해 과도한 데이터 전송 부담을 줄여주는 효과를 얻을 수 있다.In addition, it is possible to obtain an effect that a plurality of terminal users can exchange opinions about the information while visually recognizing a screen that includes substantially the same information. Compared to the method of sharing information and sharing the screen, it can reduce the burden of excessive data transmission.
도 1은 본 발명의 일 실시예에 따른 표시영역의 내용을 공유하는 구조를 나타낸 도면이다.1 illustrates a structure in which contents of a display area are shared according to an exemplary embodiment of the present invention.
도 2는 도 1에 도시된 관리서버의 구성을 도시한 블록선도이다.2 is a block diagram showing the configuration of the management server shown in FIG.
도 3은 제1 단말기에 출력되는 웹페이지의 화면, 친구목록 화면 및 채팅화면을 도시한 도면이다.3 is a diagram illustrating a screen, a friend list screen, and a chat screen of a web page output to a first terminal.
도 4는 본 발명의 일 실시예에 따라 제2 단말기에 출력되는 웹페이지의 화면, 친구목록 화면 및 채팅 화면을 도시한 도면이다.4 is a diagram illustrating a web page screen, a friend list screen, and a chat screen output to a second terminal according to an embodiment of the present invention.
도 5는 제1 단말기의 화면 공유 시스템의 구성과, 제2 단말기의 본 발명에 따른 화면 공유 시스템의 구성을 도시한 블록선도이다.5 is a block diagram showing the configuration of the screen sharing system of the first terminal and the configuration of the screen sharing system according to the present invention of the second terminal.
도 6는 표시내용 영역을 개념적으로 도시한 도면이다.6 is a diagram conceptually showing a display content area.
도 7a, 도 8a는 웹페이지 전체, 제1 뷰포트를 도시한 도면이다.7A and 8A show an entire web page and a first viewport.
도 7b, 도 7c, 도 8b 및 도 8c는 위치정보수신부가 위치정보를 수신하였을 때, 제2 뷰포트의 크기 또는 웹페이지 전체 보기 배율의 변경이 실시간으로 적용된 결과를 나타내는 도면이다. 7B, 7C, 8B, and 8C are views illustrating a result of applying the change of the size of the second viewport or the overall view magnification of the web page when the location information receiver receives the location information in real time.
도 9는 제1 뷰포트와 스크롤바가 생성된 제2 뷰포트를 도시한 도면이다.FIG. 9 illustrates a second viewport in which a first viewport and a scroll bar are generated.
도 10은 본 발명의 일 실시예에 따른 화면 공유 방법을 도시한 흐름도이다.10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.
상기 목적을 달성하기 위하여 본 발명에 따른 화면 공유 시스템은, 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 시스템으로서, 상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 주소정보수신부와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 위치정보수신부 및 상기 주소 정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 화면출력부를 포함하는 것을 특징으로 한다.In order to achieve the above object, a screen sharing system according to the present invention includes a first terminal outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport; A screen sharing system for outputting a screen including the same information as the display content area and sharing the display content area, comprising: an address information receiver configured to receive address information of the address from the first terminal; A location information receiver for receiving location information for specifying a location of a display content area output to the first viewport of the entire web page, and the same information as the display content area based on the address information and the location information; And a screen output unit configured to output a screen to the second viewport.
여기서 상기 화면 공유 시스템은 상기 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공하는 커뮤니케이션부를 포함하며, 상기 커뮤니케이션 수단은 음성정보를 송수신할 수 있는 음성통화부, 화상정보를 송수신할 수 있는 화상통화부, 텍스트를 이용하여 실행되는 채팅부 중 하나 이상을 포함하는 것일 수도 있다.Here, the screen sharing system includes a communication unit for providing a communication means to exchange opinions between users of the terminal sharing the display content area, the communication means is a voice call unit for transmitting and receiving voice information, image It may include one or more of a video call unit that can transmit and receive information, and a chat unit that is executed using text.
여기서 상기 화면 공유 시스템은 상기 제1 단말기로부터 상기 제1 뷰포트에 마우스 포인터가 위치하면 상기 마우스 포인터가 가르키는 위치를 특정하기 위한 마우스정보를 수신하는 마우스정보수신부; 및 상기 마우스정보를 기초로 상기 마우스 포인터가 가르키는 위치의 정보를 가리키는 지시 포인터를 제2 뷰포트에 출력하는 포인터출력부;를 포함하는 것일 수도 있다.The screen sharing system may further include: a mouse information receiver configured to receive mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And a pointer output unit configured to output, to a second viewport, an instruction pointer indicating information on a position indicated by the mouse pointer based on the mouse information.
여기서 상기 화면 공유 시스템은, 상기 위치정보가 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 것이 바람직하다.In this case, the screen sharing system, the location information is preferably generated by identifying the web page components located in the display content area based on the web page components constituting the entire web page.
여기서 상기 화면 공유 시스템은, 상기 위치정보가 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보를 포함하는 것일 수도 있다.The screen sharing system may include relative coordinate information indicating a position of the display content area based on the entire area of the web page.
여기서 상기 화면 공유 시스템은, 상기 화면출력부가 상기 제2 뷰포트의 크기, 상기 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 화면을 출력하는 것일 수도 있다.The screen sharing system may output the screen by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page.
여기서 상기 화면 공유 시스템은, 스크롤바가 생성되어 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치가 제어될 수 있는 것일 수도 있다.The screen sharing system may be a scroll bar is generated by using the scroll bar, the position of the screen output to the second viewport of the display content area may be controlled.
본 발명의 다른 실시예인 화면 공유 방법은, 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 방법으로서, 상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 단계와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 단계와, 상기 주소 정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 단계를 포함하는 것을 특징으로 한다.In another embodiment of the present invention, a screen sharing method includes a first terminal and a display content area outputting a display content area, which is a part of an entire web page corresponding to a predetermined address, to a screen in a first viewport. A screen sharing method for sharing a display content area by outputting a screen including the same information, the method comprising: receiving address information of the address from the first terminal; Receiving location information for specifying a location of the display content area output to the first viewport, 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; Characterized in that it comprises a step.
여기서 상기 화면 공유 방법은, 상기 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공하는 단계를 포함하며, 상기 커뮤니케이션 수단은 음성정보를 송수신할 수 있는 음성통화부, 화상정보를 송수신할 수 있는 화상통화부, 텍스트를 이용하여 실행되는 채팅부 중 하나 이상을 포함하는 것이 바람직하다.The screen sharing method may include providing communication means to exchange opinions between users of the terminal sharing the display content area, wherein the communication means includes a voice call unit capable of transmitting and receiving voice information; It is preferable to include at least one of a video call unit capable of transmitting and receiving image information, and a chat unit executed by using text.
여기서 상기 화면 공유 방법은, 상기 제1 단말기로부터 상기 제1 뷰포트에 마우스 포인터가 위치하면 상기 마우스 포인터가 가르키는 위치를 특정하기 위한 마우스정보를 수신하는 단계 및 상기 마우스정보를 기초로 상기 마우스 포인터가 가르키는 위치의 정보를 가리키는 지시 포인터를 제2 뷰포트에 출력하는 단계를 포함하는 것이 바람직하다.The screen sharing method may further include receiving mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal, and the mouse pointer is based on the mouse information. And outputting, in a second viewport, an instruction pointer indicating information of the pointed position.
여기서 상기 화면 공유 방법은, 상기 위치정보가 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 것이 바람직하다.The screen sharing method is preferably generated by identifying the webpage elements located in the display content area based on the webpage elements constituting the entire webpage.
여기서 상기 화면 공유 방법은, 상기 위치정보가 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보를 포함하는 것일 수도 있다.The screen sharing method may include the relative position information indicating the position of the display content area based on the entire area of the web page.
여기서 상기 화면 공유 방법은, 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 단계가 상기 제2 뷰포트의 크기, 상기 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 화면을 출력하는 것일 수도 있다.The screen sharing method may include outputting a screen including the same information as the display content area to a second viewport by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page. It may be output.
여기서 상기 화면 공유 방법은, 상기 표시내용 영역의 크기가 상기 제2 뷰포트의 크기보다 큰 경우, 스크롤바가 생성되어 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치가 제어될 수 있는 단계계를 포함하는 것일 수도 있다.Here, in the screen sharing method, 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, whereby the position of the screen output to the second viewport in the display content area is determined. It may also include a step system that can be controlled.
본 발명의 다른 실시예인 관리서버는 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역이 제1 단말기 및 제2 단말기에서 공유될 수 있도록 관리하는 관리서버로서, 상기 표시내용 영역을 제1 뷰포트에 출력하고 있는 제1 단말기로부터 상기 주소의 주소정보를 수신하는 주소정보수신부와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 위치정보수신부와 상기 제2 단말기가 상기 주소정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력할 수 있도록, 상기 주소정보 및 상기 위치정보를 상기 제2 단말기에 전송하는 전송부를 포함하는 것을 특징으로 한다.A management server according to another embodiment of the present invention is a management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be shared on a first terminal and a second terminal. An address information receiver for receiving address information of the address from a first terminal outputting a content area to a first viewport, and a position of a display content area output from the first terminal to the first viewport of the entire web page The location information receiver for receiving location information for specifying a and 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 for transmitting the address information and the location information to the second terminal.
본 발명의 다른 실시예인 관리서버의 운영방법은 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역이 제1 단말기 및 제2 단말기에서 공유될 수 있도록 관리하는 관리서버의 운영방법으로서, 상기 표시내용 영역을 제1 뷰포트에 출력하고 있는 제1 단말기로부터 상기 주소의 주소정보를 수신하는 단계와, 상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 단계와 상기 제2 단말기가 상기 주소정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정포를 포함하는 화면을 제2 뷰포트에 출력할 수 있도록, 상기 주소정보 및 상기 위치정보를 상기 제2 단말기에 전송하는 단계를 포함하는 것을 특징으로 한다.Another embodiment of the present invention provides a method for operating a management server of a management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be shared on a first terminal and a second terminal. An operating method comprising: receiving address information of the address from a first terminal outputting the display content area to a first viewport, and displaying the output from the first terminal to the first viewport of the entire web page. Receiving location information for specifying a location of a content area and allowing the second terminal to output a screen including the same definition as the display content area to a second viewport based on the address information and the location information; And transmitting the address information and the location information to the second terminal.
이 외에도, 본 발명을 구현하기 위한 다른 방법, 다른 방법 및 상기 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체가 더 제공된다. In addition, there is further provided a computer readable recording medium for recording another method for implementing the present invention, another method, and a computer program for executing the method.
전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다.Other aspects, features, and advantages other than those described above will become apparent from the following drawings, claims, and detailed description of the invention.
이하의 내용은 단지 본 발명의 원리를 예시한다. 그러므로 당업자는 비록 본 명세서에 명확히 설명되거나 도시되지 않았지만 본 발명의 원리를 구현하고 본 발명의 개념과 범위에 포함된 다양한 장치를 발명할 수 있는 것이다. 또한, 본 명세서에 열거된 모든 조건부 용어 및 실시예들은 원칙적으로, 본 발명의 개념이 이해되도록 하기 위한 목적으로만 명백히 의도되고, 이와 같이 특별히 열거된 실시예들 및 상태들에 제한적이지 않는 것으로 이해되어야 한다. 또한, 본 발명의 원리, 관점 및 실시예들 뿐만 아니라 특정 실시예를 열거하는 모든 상세한 설명은 이러한 사항의 구조적 및 기능적 균등물을 포함하도록 의도되는 것으로 이해되어야 한다. 또한, 이러한 균등물들은 현재 공지된 균등물뿐만 아니라 장래에 개발될 균등물 즉 구조와 무관하게 동일한 기능을 수행하도록 발명된 모든 소자를 포함하는 것으로 이해되어야 한다. The following merely illustrates the principles of the invention. Therefore, those skilled in the art, although not explicitly described or illustrated herein, can embody the principles of the present invention and invent various devices that fall within the spirit and scope of the present invention. Furthermore, all conditional terms and embodiments listed herein are in principle clearly intended for the purpose of understanding the concept of the invention and are not to be limited to the specifically listed embodiments and states. Should be. In addition, it is to be understood that all detailed descriptions, including the principles, aspects, and embodiments of the present invention, as well as listing specific embodiments, are intended to include structural and functional equivalents of these matters. In addition, these equivalents should be understood to include not only equivalents now known, but also equivalents to be developed in the future, that is, all devices invented to perform the same function regardless of structure.
따라서, 프로세서 또는 이와 유사한 개념으로 표시된 기능 블록을 포함하는 도면에 도시된 다양한 소자의 기능은 전용 하드웨어뿐만 아니라 적절한 소프트웨어와 관련하여 소프트웨어를 실행할 능력을 가진 하드웨어의 사용으로 제공될 수 있다. 프로세서에 의해 제공될 때, 기능은 단일 전용 프로세서, 단일 공유 프로세서 또는 복수의 개별적 프로세서에 의해 제공될 수 있고, 이들 중 일부는 공유될 수 있다. 또한, 프로세서, 제어 또는 이와 유사한 개념으로 제시되는 용어의 사용은 소프트웨어를 실행할 능력을 가진 하드웨어를 배타적으로 인용하여 해석되어서는 아니 되고, 제한 없이 디지털 신호 프로세서(DSP) 하드웨어, 소프트웨어를 저장하기 위한 롬(ROM), 램(RAM) 및 비휘발성 메모리를 암시적으로 포함하는 것으로 이해되어야 한다. 주지 관용의 다른 하드웨어도 포함될 수 있다. Accordingly, the functionality of the various elements shown in the figures, including functional blocks represented by a processor or similar concept, can be provided by the use of dedicated hardware as well as hardware capable of executing software in association with appropriate software. When provided by a processor, the functionality may be provided by a single dedicated processor, by a single shared processor, or by a plurality of individual processors, some of which may be shared. In addition, the use of terms presented in terms of processor, control, or similar concept should not be interpreted exclusively as a citation of hardware capable of executing software, and without limitation, ROM for storing digital signal processor (DSP) hardware, software. (ROM), RAM, and non-volatile memory are to be understood to implicitly include. Other well known hardware may also be included.
상술한 목적, 특징 및 장점들은 첨부된 도면과 관련한 다음의 상세한 설명을 통하여 더욱 분명해 질 것이다. 본 발명을 설명함에 있어서, 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략하거나 간략하게 설명하는 것으로 한다. The above objects, features and advantages will become more apparent from the following detailed description taken in conjunction with the accompanying drawings. In the following description of the present invention, when it is determined that the detailed description of the related known technology may unnecessarily obscure the subject matter of the present invention, the detailed description will be omitted or briefly described.
한편 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라, 다른 구성요소를 더 포함할 수 있는 것을 의미한다.On the other hand, when a part is said to "include" a certain component, it means that it may further include other components, without excluding other components unless otherwise stated.
이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings, and the same or corresponding components will be denoted by the same reference numerals, and redundant description thereof will be omitted. .
도 1은 본 발명의 일 실시예에 따른 표시내용의 영역을 공유하는 구조를 나타낸 도면이다. 보다 상세하게는, 표시내용 영역을 공유하는 제1 단말기(10)와 제2 단말기(20-1, 20-2,……, 20-n)(이하 20)가 네트워크를 통하여 연결되고, 제1 단말기(10)는 제1 단말기(10) 및 제2 단말기(20)가 공유하는 표시내용 영역 화면을 제어할 수 있다. 제2 단말기(20)는 화면 공유 시스템에 의하여 표시내용 영역과 동일한 정보를 포함하는 화면을 출력할 수 있다. 여기서, 제1 단말기(10)는 화면 공유 시스템에 의하여 표시내용 영역을 하나 이상의 제2 단말기(20)들과 동시에 공유할 수 있다.1 is a diagram illustrating a structure in which regions of display contents are shared according to an embodiment of the present invention. More specifically, the first terminal 10 and the second terminal 20-1, 20-2,..., 20-n (hereinafter 20) that share the display content area are connected through a network, and the first The terminal 10 may control a display content area screen shared by the first terminal 10 and the second terminal 20. The second terminal 20 may 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 the display content area with one or more second terminals 20 by the screen sharing system.
제1 단말기(10)와 제2 단말기(20)는 표시내용 영역을 공유하기 위해 필요한 정보를 서로 송수신한다.The first terminal 10 and the second terminal 20 transmit and receive information necessary for sharing the display content area with each other.
여기서, 제1 단말기(10)와 제2 단말기(20)는 후술하는 관리서버(30)를 경유하지 않고 상기 필요한 정보를 서로 송수신할 수 있다. 예를 들어, 제1 단말기(10)가 제2 단말기(20)에 할당된 네트워크주소정보를 관리서버(30) 등을 통해 알 수 있다면, 제1 단말기(10)는 그 네트워크주소정보를 이용하여 직접 제2 단말기(20)에 필요한 정보를 송신할 수 있다. 한편, 제1 단말기(10)와 제2 단말기(20)는 블루투스와 같은 근거리 무선통신 방식 또는 유선 케이블을 연결하여 직접 통신하는 방식 등을 이용하여 관리서버를 경유하지 않고 필요한 정보를 서로 송수신할 수 있다.Here, the first terminal 10 and the second terminal 20 may transmit and receive the necessary information to each other without passing through the management server 30 to 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. Information necessary for the second terminal 20 can be transmitted directly. Meanwhile, the first terminal 10 and the second terminal 20 can transmit and receive necessary information to each other without passing through a management server by using a short range wireless communication method such as Bluetooth or a direct communication method by connecting a wired cable. have.
또한, 제1 단말기(10)와 제2 단말기(20)는 후술하는 관리서버(30)를 경유하는 방법으로 상기 필요한 정보를 서로 송수신할 수 있다. In addition, the first terminal 10 and the second terminal 20 may transmit and receive the necessary information to each other by way of the management server 30 to be described later.
더욱 상세하게 관리서버(30)를 경유하여 필요한 정보를 송수신하는 방법을 설명하기로 한다.More specifically, a method of transmitting and receiving necessary information via the management server 30 Let's explain.
도 1에 도시된 관리서버(30)는 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역이 제1 단말기(10) 및 제2 단말기(20)에서 공유될 수 있도록 화면공유서비스를 제공하는 서버이다. 여기서 관리서버(30)는 단말기(10, 20)에 할당되는 네트워크주소정보가 고정되어 있지 않고 화면 공유 시스템을 실행할 때마다 유동적으로 변화되는 경우 또는 사용자가 화면공유서비스를 이용하는 단말기가 고정되어 있지 않은 경우 등에 이용될 수 있다.In the management server 30 shown in FIG. 1, the display content area, which is a part of the entire web page corresponding to a predetermined address, displayed on the screen can be shared by the first terminal 10 and the second terminal 20. It is a server that provides screen sharing service. In this case, the management server 30 is not fixed in the network address information allocated to the terminals 10 and 20, and is changed dynamically every time the screen sharing system is executed, or the terminal in which the user uses the screen sharing service is not fixed. Occasions and the like.
먼저, 단말기(10, 20)가 본 발명의 시스템을 실행하여 관리서버(30)에 접속하면, 단말기(10, 20)는 단말기(10, 20)에 할당된 네트워크주소정보를 관리서버(20)에 등록하며, 관리서버(30)는 단말기(10, 20)에 할당된 네트워크주소정보를 저장할 수 있다. 여기서 관리서버(30)는 단말기(10, 20)에서 본 발명의 시스템을 실행하고 있는지 여부를 확인할 수 있는 식별정보를 단말기(10, 20)와 송수신하면서 모니터링할 수 있다.First, when the terminals 10, 20 execute the system of the present invention and access the management server 30, the terminals 10, 20 transmit the network address information assigned to the terminals 10, 20 to the management server 20. Registered in, the management server 30 may store the network address information assigned to the terminal (10, 20). Here, the management server 30 may monitor while transmitting and receiving identification information to confirm whether the terminal (10, 20) is running the system of the present invention with the terminal (10, 20).
관리서버(30)는 화면 공유 시스템을 이용한 화면공유서비스에 가입되어 있는 사용자에 대한 정보를 데이터베이스(DB : DataBase)화하여 저장할 수 있는 사용자정보저장부(310)를 포함하여 구성될 수 있다.The management server 30 may be configured to include a user information storage unit 310 that can be stored in a database (DB: DataBase) for information on the user subscribed to the screen sharing service using the screen sharing system.
사용자정보저장부(310)는 화면공유서비스에 가입되어 있는 사용자를 식별할 수 있는 아이디(ID),비번(Password) 및 e-mail주소 등의 사용자정보와, 본 발명의 시스템을 실행하고 있는 단말기에 할당된 네트워크주소정보를 저장한다. 여기서 화면공유서비스에 가입되어 있는 사용자끼리는 상기 사용자정보정부(310)에서 제공하는 다른 사용자 아이디(ID)정보를 이용하여 친구관계를 형성할 수 있으며, 이 경우 사용자정보저장부(310)는 사용자별 친구관계에 대한 친구관계정보를 저장할 수도 있다.The user information storage unit 310 is a terminal that executes the system of the present invention and user information such as an ID (ID), a password and an e-mail address for identifying a user subscribed to the screen sharing service. Stores network address information assigned to. Here, users who are subscribed to the screen sharing service may form a friend relationship by using other user ID information provided by the user information government 310. In this case, the user information storage unit 310 may be configured for each user. Friend relationship information about friend relationship can be stored.
여기서, 관리서버(30)는 제1 단말기(10)가 제2 단말기(20)에 공유요청신호(후술)를 송신하기 위하여 제1 단말기(10)로부터 제2 단말기(20)가 선택될 수 있도록, 제1 단말기(10)에 제1 단말기(10)의 사용자와 관련된 친구관계정보를 제공하거나 친구관계를 형성하고 있지 않은 다른 사용자의 아이디(ID)를 제공할 수도 있다.Herein, the management server 30 may select the second terminal 20 from the first terminal 10 so that the first terminal 10 transmits a sharing request signal (to be described later) to the second terminal 20. In addition, the first terminal 10 may provide friend relationship information related to the user of the first terminal 10 or provide an ID of another user who does not form a friend relationship.
아울러, 제2 단말기(20)는 공유요청신호를 수신한 후 공유허락신호(후술) 또는 공유거절신호(후술) 중 하나의 신호를 송신하게 되며, 공유허락신호를 송신하게 되면 제1 단말기(10) 및 제2 단말기(20)에서는 제1 단말기(10)에서의 표시내용 영역이 제2 단말기(20)에서 공유되도록 설정된다.In addition, after receiving the sharing request signal, the second terminal 20 transmits one of the sharing permission signal (described later) or the sharing rejection signal (described later), and when the sharing permission signal is transmitted, the first terminal 10. ) And the second terminal 20, the display content area of the first terminal 10 is set to be shared by the second terminal 20.
관리서버(30)는 제1 단말기(10)와 제2 단말기(20)가 상기 필요한 정보를 관리서버(30)를 경유하여 서로 송수신하는 경우, 주소정보수신부(320)와, 위치정보수신부(330)와, 전송부(340)를 더 포함하여 구성될 수도 있다.When the first terminal 10 and the second terminal 20 transmit and receive the necessary information to each other via the management server 30, the management server 30, the address information receiver 320 and the location information receiver 330 ), And the transmission unit 340 may be further included.
주소정보수신부(320)는 표시내용 영역(후술)을 제1 뷰포트(후술)에 출력하고 있는 제1 단말기로부터 상기 주소의 주소정보(후술)를 수신할 수 있다.The address information receiver 320 may receive the address information (described later) of the address from the first terminal outputting the display content area (described later) to the first viewport (described later).
위치정보수신부(330)는 제1 단말기로부터 상기 웹페이지의 전체 중 제1 뷰포트(후술)에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보(후술)를 수신할 수 있다.The location information receiver 330 may receive location information (described later) for specifying the location of the display content area output from the first terminal to the first viewport (described later) of the entire web page.
전송부(340)는 제2 단말기가 상기 주소정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트(후술)에 출력할 수 있도록, 상기 주소정보 및 상기 위치정보를 상기 제2 단말기에 전송할 수 있다.The transmitting unit 340 may output the screen including the same information as the display content area to the second viewport (described later) based on the address information and the location information. Information may be transmitted to the second terminal.
제1 단말기(10) 및 제2 단말기(20)에 본 발명의 시스템이 실행되고, 제1 단말기(10)에서의 표시내용 영역이 제2 단말기(20)에서 공유되도록 설정된 경우에 제1 단말기(10)가 오픈마켓으로 운영되고 있는 쇼핑몰 서버에 접속하여 소정의 주소에 상응하는 웹페이지를 브라우징하고, 제2 단말기(20)는 제1 단말기(10)에서 브라우징되고 있는 웹페이지를 브라우징하면, 제1 단말기(10)의 사용자와 제2 단말기(20)의 사용자는 상기 웹페이지에 포함된 상품정보 등을 공유할 수 있다. 더욱 상세하게는, 제1 단말기(10)에서 출력되고 있는 상기 웹페이지 중 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 단말기(20)에 출력할 수 있음으로써, 제1 단말기(10)의 사용자와 제2 단말기(20)의 사용자는 상기 웹페이지 중 표시내용 영역의 정보를 공유할 수 있다. 예를 들기 위해서, 표시내용 영역을 공유하기 위해 제1 단말기(10)가 접속한 서버를 오픈마켓으로 운영되고 있는 쇼핑몰 서버로 설명하였지만, 이에 한정되지 않으며 제1 단말기(10)가 접속할 수 있는 서버는 상품, 음악, 영상 등의 컨텐츠를 제공할 수 있는 서버라면 어떠한 서버든지 가능하다.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, the first terminal ( 10) accesses the shopping mall server operated as an open marketplace, browses a webpage corresponding to a predetermined address, and the second terminal 20 browses the webpage being browsed by the first terminal 10, The user of the first terminal 10 and the user of the second terminal 20 may share product information included in the web page. More specifically, the screen including the same information as the display content area of the web page output from the first terminal 10 can be output to the second terminal 20, thereby reducing the A user and a user of the second terminal 20 may share information of a display content area of the web page. For example, the server connected by the first terminal 10 to share the display content area has been described as a shopping mall server operating in an open market, but the present invention is not limited thereto, and the server to which the first terminal 10 can be connected. Any server can be any server that can provide content such as goods, music, and images.
여기서 제1 단말기(10) 및 제2 단말기(20)는, 퍼스널 컴퓨터(personal computer), 태블릿 퍼스널 컴퓨터(tablet personal computer), 이동 전화(mobile telephone), 스마트폰(smart phone), 스마트 TV(smart televison), 전화(telephone), 및 퍼스널 디지털 보조장치(personal digital assistant) 통신이 가능한 단말기일 수 있다.Here, the first terminal 10 and the second terminal 20 may include a personal computer, a tablet personal computer, a mobile telephone, a smart phone, and a smart TV. It may be a terminal capable of televison, telephone, and personal digital assistant communication.
한편, 도 3는 제1 단말기에 출력되는 웹페이지의 화면, 친구목록 화면 및 채팅화면을 도시한 도면이다. 제1 단말기는 제1 단말기에 입력된 소정의 주소에 상응하는 웹페이지를 브라우징하여 제1 뷰포트(viewport)(12)에 출력할 수 있다. 3 is a diagram illustrating a screen of a web page, a friend list screen, and a chat screen output to the first terminal. The first terminal may browse and output a web page corresponding to a predetermined address input to the first terminal to the first viewport 12.
여기서, 뷰포트(viewport)란 컴퓨터 그래픽스(CG)로 화상을 생성하는 렌더링(rendering) 과정에서 투영 변환한 웹페이지의 구성요소를 실제로 표시하는 직사각형의 영역을 의미한다.Here, the viewport refers to a rectangular area that actually displays the components of the web page that has been projected and converted in the rendering process of generating an image with computer graphics (CG).
제1 단말기는 웹페이지의 전체 크기가 제1 뷰포트(12)의 크기보다 크다면, 제1 뷰포트에는 웹페이지의 전체 중 일부만 제1 뷰포트(12) 상 화면에 출력할 수 있다. 이렇게 웹페이지의 전체 중 제1 뷰포트 상 화면에 출력되는 부분을 표시내용 영역(13)이라고 정의한다.If the overall size of the webpage is larger than the size of the first viewport 12, the first terminal may output only a part of the entirety of the webpage to the screen on the first viewport 12 in the first viewport. The portion of the web page that is output on the screen on the first viewport is defined as the display content area 13.
제1 뷰포트(12) 상 화면에는 상기 표시내용 영역(13) 중 소정의 지점을 가리키는 마우스 포인터(14)가 위치할 수 있다.A mouse pointer 14 pointing to a predetermined point of the display content area 13 may be positioned on the screen on the first viewport 12.
제1 단말기는 상기 관리서버(30)의 사용자정보저장부(310)에 저장된 제1 단말기의 사용자와 관련된 친구관계정보를 목록화한 친구목록창(15)을 마련할 수 있다. 아울러, 제1 단말기 및 제2 단말기에 제1 단말기에서의 표시내용 영역이 제2 단말기에서 공유되도록 설정된 경우, 제1 단말기는 제1 단말기의 사용자와 제2 단말기의 사용자가 채팅할 수 있도록 채팅창(16)을 마련할 수 있다.The first terminal may provide a friend list window 15 which lists friend relationship information related to a user of the first terminal stored in the user information storage 310 of the management server 30. In addition, when the display content area of the first terminal is set to be shared by the second terminal in the first terminal and the second terminal, the first terminal allows the user of the first terminal and the user of the second terminal to chat with each other. (16) can be provided.
제1 단말기 사용자와 제2 단말기 사용자 간의 채팅은 관리서버(30)를 경유하여 데이터가 전송되는 방식으로 실행이 가능하며, 종래의 메신저, 채팅서비스에서 수행되는 방법을 이용하여 실행이 가능하다.The chat between the first terminal user and the second terminal user can be executed in a manner in which data is transmitted via the management server 30, and can be executed using a method performed by a conventional messenger or a chat service.
도 4은 본 발명의 일 실시예에 따라 제2 단말기에 출력되는 웹페이지의 화면, 친구목록 화면 및 채팅 화면을 도시한 도면이다. 4 illustrates a screen of a web page, a friend list screen, and a chat screen output to a second terminal according to an embodiment of the present invention.
제2 단말기는 도 3에 도시된 제1 단말기의 제1 뷰포트(12) 상 화면에 출력되는 표시내용 영역(13)과 동일한 정보를 포함하는 화면(23)을 제2 뷰포트(22)에 출력하여 상기 표시내용 영역(13)을 제1 단말기와 공유할 수 있다. 더 상세하게는, 제1 단말기의 제1 뷰포트(12)의 크기와 제2 단말기의 제2 뷰포트(22)의 크기가 서로 상이하더라도, 도 3에 도시된 바와 같이, 제2 단말기의 사용자가 제1 뷰포트에 출력되는 표시내용 영역(13)과 동일한 정보를 시각적으로 인지할 수 있도록 제2 뷰포트(22)에 상기 표시내용 영역과 동일한 정보를 포함하는 화면(23)을 제2 뷰포트(22)에 출력할 수 있다.The second terminal outputs a screen 23 including the same information as the display content area 13 output on the screen on the first viewport 12 of the first terminal shown in FIG. 3 to the second viewport 22. The display content area 13 may be shared with the first terminal. More specifically, although 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. In order to visually recognize the same information as the display content area 13 output to the first viewport, the second viewport 22 includes a screen 23 including the same information as the display content area in the second viewport 22. You can print
제2 뷰포트(23) 상 화면에는, 상기 마우스 포인터가 가리키는 상기 표시내용 영역(13) 중 소정의 지점에 위치한 정보와 동일한 정보를 가리키는 지시 포인터(24)가 출력될 수 있다.In the screen on the second viewport 23, an instruction pointer 24 indicating the same information as the information located at a predetermined point of the display content area 13 indicated by the mouse pointer may be output.
제2 단말기는 제1 단말기에서와 같이, 표시내용 영역을 공유할 수 있는 단말기의 사용자를 목록화한 친구목록창(25)과, 표시내용 영역을 공유하고 있는 단말기의 사용자와 채팅할 수 있는 채팅창(26)을 마련할 수 있다.As in the first terminal, the second terminal chats with the user list window 25 which lists the users of the terminal that can share the display content area, and the user of the terminal sharing the display content area. The window 26 can be provided.
도 5는 제1 단말기의 화면 공유 시스템의 구성과, 제2 단말기의 본 발명에 따른 화면 공유 시스템의 구성을 도시한 블록선도이다.5 is a block diagram showing the configuration of the screen sharing system of the first terminal and the configuration of the screen sharing system according to the present invention of the second terminal.
본 발명의 시스템은 웹브라우저의 제작시 처음부터 포함되어 있는 기능으로 구현이 될 수도 있고, 플러그인 프로그램처럼 추가기능으로 사용이 되도록 구현이 될 수도 있다.The system of the present invention may be implemented as a function included from the beginning when the web browser is produced, or may be implemented to be used as an additional function like a plug-in program.
이하에서는 제1 단말기의 화면 공유 시스템(200)이 표시내용 영역을 공유하고자 하는 대상으로서 제2 단말기를 선정하였음을 전제로 한다.Hereinafter, it is assumed that the screen sharing system 200 of the first terminal selects the second terminal as a target to share the display content area.
여기서 표시내용 영역을 공유하고자 하는 대상 선정 방법은 다음과 같을 수 있다. Here, the method of selecting an object to share the display content area may be as follows.
단말기가 관리서버(30)를 이용하지 않는 경우에는 제1 단말기가 블루투스와 같은 근거리 무선 통신으로 제2 단말기와 연결되는 방법 또는 제1 단말기가 제2단말기와 유선케이블로 연결되는 방법일 수 있다.When the terminal does not use the management server 30 may be a method in which the first terminal is connected to the second terminal through short-range wireless communication such as Bluetooth or the first terminal is connected to the second terminal by a wired cable.
단말기가 관리서버(30)를 이용하는 경우에는 사용자정보저장부(310)에 저장된 정보를 이용하여 제1 단말기의 사용자와 친구관계로 등록되어 있는 사용자 목록 중에서 선택하거나, 제1 단말기의 사용자와 친구관계로 등록되어 있는 사용자 목록에 없는 사용자를 선택하고자 할 때는 사용자정보 중 아이디(ID) 등의 검색을 통하여 선택이 가능하다.When the terminal uses the management server 30, it selects from a list of users registered in a friend relationship with the user of the first terminal using the information stored in the user information storage unit 310, or a friend relationship with the user of the first terminal When you want to select a user who is not in the registered user list, you can select the user information by searching for ID.
이하에서 설명되는 제1 단말기와 제2 단말기가 서로 주고 받는 정보는 네트워크를 거쳐 직접 송수신될 수도 있고, 관리서버(30)를 경유하여 송수신될 수도 있다.Information exchanged between the first terminal and the second terminal described below may be directly transmitted and received via a network, or may be transmitted and received via the management server 30.
제1 단말기의 화면 공유 시스템(200)은 공유신호송수신부(210), 주소정보획득부(220), 위치정보획득부(230), 마우스정보획득부(240), 커뮤니케이션부(250)를 포함하여 구성된다.The screen sharing system 200 of the first terminal includes a shared signal transmission and reception unit 210, an address information acquisition unit 220, a location information acquisition unit 230, a mouse information acquisition unit 240, and a communication unit 250. It is configured by.
공유신호송수신부(210)는 제1 단말기의 사용자에 의하여 공유요청신호가 입력되면 상기 공유요청신호를 제2 단말기에 송신하고, 제2 단말기로부터 공유허락신호 또는 공유거절신호를 수신한다. 공유신호송수신부(210)가 제2 단말기로부터 공유허락신호를 수신하게 되면, 제1 단말기와 제2 단말기는 표시내용 영역을 공유할 수 있도록 설정된다.The shared signal transmission / reception unit 210 transmits the sharing request signal to the second terminal when the sharing request signal is input by the user of the first terminal, and receives the sharing permission signal or the sharing rejection signal from the second terminal. When the shared signal transmission / reception unit 210 receives the sharing permission signal from the second terminal, the first terminal and the second terminal are configured to share the display content area.
공유요청신호는 제1 단말기가 네트워크를 거쳐 직접 제2 단말기로 송신할 수도 있고, 관리서버(30)를 경유하여 제2 단말기로 송신할 수도 있다.The sharing request signal may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
공유허락신호 또는 공유거절신호 또한 제1 단말기가 제2 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고 관리서버를 경유하여 수신할 수도 있다. 예를 들어, 상기 관리서버(30)는 제1 단말기로부터 공유요청신호를 수신하고, 제2 단말기로부터 공유허락신호 또는 공유거절신호 중 적어도 하나를 수신하기 위하여 제2 단말기에 제1단말기에서 입력된 공유요청신호를 송신할 수 있다. 아울러, 상기 관리서버(30)는 제2 단말기로부터 공유허락신호 또는 공유거절신호 중 적어도 하나를 수신하여 제1 단말기에 그 신호를 전송할 수 있다.The sharing permission signal or the sharing rejection signal may also be directly received by the first terminal through the network from the second terminal or via the management server. For example, the management server 30 receives a sharing request signal from the first terminal and is input from the first terminal to the second terminal to receive at least one of a sharing permission signal or a sharing rejection signal from the second terminal. The share request signal can be transmitted. In addition, the management server 30 may receive at least one of a sharing permission signal or a sharing reject signal from the second terminal and transmit the signal to the first terminal.
주소정보획득부(220)는 제2 단말기로부터 공유허락신호를 수신하면 제1 뷰포트에 출력되고 있는 표시내용 영역을 포함하는 웹페이지에 상응하는 주소의 주소정보를 획득하여 그 주소 정보를 제2 단말기에 송신한다. 예를 들어, 도 3에 도시된 바와 같이, 쇼핑몰 서버에서 제공하는 웹페이지에 상응하는 주소의 주소정보(11)를 URL 형태로 획득할 수 있다. When the address information acquisition unit 220 receives the sharing permission signal from the second terminal, the address information acquisition unit 220 obtains address information of an address corresponding to a web page including a display content area that is output to the first viewport, and receives the address information from the second terminal. Send to For example, as illustrated 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.
주소정보는 제1 단말기가 네트워크를 거쳐 직접 제2 단말기로 송신할 수도 있고, 관리서버(30)를 경유하여 제2 단말기로 송신할 수도 있다.The address information may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
위치정보획득부(230)는 제2 단말기로부터 공유허락신호를 수신하면 웹페이지 전체 중 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 획득하여, 그 위치정보를 제2 단말기에 송신한다. When the location information acquisition unit 230 receives the sharing permission signal from the second terminal, the location information acquisition unit 230 obtains location information for specifying the location of the display content area output to the first viewport of the entire web page, and the location information is acquired by the second terminal. Send to
위치정보는 제1 단말기가 네트워크를 거쳐 직접 제2 단말기로 송신할 수도 있고, 관리서버(30)를 경유하여 제2 단말기로 송신할 수도 있다.The location information may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
더욱 상세하게는, 도 6에 도시된 바와 같이, 제1 뷰포트(51)의 크기가 웹페이지의 전체 영역(52) 크기보다 작다면 제1 뷰포트(51) 상 화면에는 웹페이지 전체 영역(52) 중 제1 뷰포트(51)의 모서리가 둘러싸고 있는 영역인 표시내용 영역(53)만 출력될 수 있으며, 위치정보는 웹페이지 전체 영역(52) 중 표시내용 영역(53)의 위치를 특정하기 위해 웹페이지 전체 영역(52) 중 제1 뷰포트(51)의 모서리가 둘러싸고 있는 영역의 위치와 관련된 정보일 수 있다.More specifically, as shown in FIG. 6, if the size of the first viewport 51 is smaller than the size of the entire area 52 of the webpage, the entire webpage area 52 is displayed on the screen on the first viewport 51. Only the display content area 53, which is an area surrounded by the corner of the first viewport 51, may be outputted, and the location information may be displayed in order to specify the location of the display content area 53 of the entire web page area 52. The information may be related to the position of an area of the entire page area 52 that is surrounded by the edge of the first viewport 51.
여기서 위치정보는 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 정보일 수 있다. 예를 들어, 도 7a 에 도시된 바와 같이, 웹페이지 전체(61)는 A 내지 Z의 구성요소를 포함하여 구성되어 있고, 제1 뷰포트(62) 상 화면은 G, H, I, L, M, N, Q, R, S를 포함하여 표시내용을 출력할 수 있으며, 이 경우 위치정보는, 제1 뷰포트의 좌측 상단 꼭지점에 G의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 우측 상단 꼭지점에 I의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 좌측 하단 꼭지점에 Q의 구성요소가 위치하고 있다는 정보 및 제1 뷰포트의 우측 하단 꼭지점에 S의 구성요소가 위치하고 있다는 정보를 포함할 수 있다.Here, the location information may be information generated by identifying a webpage component located in the display content area based on the webpage component constituting the entire webpage. For example, as shown in FIG. 7A, the entire web page 61 includes components A to Z, and the screen on the first viewport 62 is G, H, I, L, M. , N, Q, R, S can be displayed, and in this case, the location information, the information that the component of G is located at the upper left corner of the first viewport, the upper right corner of the first viewport It may include information that the component of I is located, information that the component of Q is located at the lower left corner of the first viewport, and information that the component of S is located at the lower right corner of the first viewport.
또한 위치정보는 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보를 포함하는 것일 수도 있다. The location information may also include relative coordinate information indicating the location of the display content area based on the entire area of the webpage.
여기서, 도 8a 에 도시된 바와 같이, 웹페이지의 전체 크기가 (200 * 200)일 경우 좌측 상단 꼭지점을 (0,0)에 대응, 우측 상단 꼭지점을 (200,0)에 대응, 좌측 하단 꼭지점을 (200,200)에 대응시키는 웹페이지 좌표(W)를 정의하고, 제1 뷰포트의 크기가 (50 *80)일 경우 좌측 상단 꼭지점을 (0,0)에 대응, 우측 상단 꼭지점을 (50,0)에 대응, 좌측 하단 꼭지점을 (0, 80)에 대응, 우측 하단 꼭지점을 (50, 80)에 대응시키는 제1 뷰포트 좌표(V1)를 정의할 수 있다. 이 경우 위치정보는, (0, 0)의 제1 뷰포트 좌표(V1)는 (30, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 0)의 제1 뷰포트 좌표(V1)는 (80, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (0, 80)의 제1 뷰포트 좌표(V1)는 (30, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 80)의 제1 뷰포트 좌표(V1)는 (80, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보를 포함할 수 있다. Here, as shown in FIG. 8A, when the total size of the web page is (200 * 200), the upper left corner vertex corresponds to (0,0), the upper right corner vertex corresponds to (200,0), and the lower left corner vertex Defines a web page coordinate (W) that corresponds to (200,200), and if the size of the first viewport is (50 * 80), corresponds to the upper left corner (0,0) and the upper right corner (50,0). ), A first viewport coordinate V1 that corresponds to the lower left vertex to (0, 80) and the lower right vertex to (50, 80). In this case, the position information includes information indicating that the first viewport coordinate V1 of (0, 0) is located at the webpage coordinate W of (30, 30), and the first viewport coordinate V1 of (50, 0). Is information located at the webpage coordinates W of (80, 30), information that the first viewport coordinates V1 of (0, 80) are located at the webpage coordinates W of (30, 110), ( The first viewport coordinates V1 of 50 and 80 may include information indicating that they are located at the webpage coordinates W of 80 and 110.
마우스정보획득부(240)는 상기 제1 뷰포트 상 화면에 마우스 포인터가 위치하면 상기 마우스 포인터가 가르키는 위치를 특정하기 위한 마우스정보를 획득하여, 그 마우스정보를 제2 단말기에 송신한다. When the mouse pointer is positioned on the screen on the first viewport, the mouse information acquisition unit 240 obtains mouse information for specifying a location indicated by the mouse pointer, and transmits the mouse information to the second terminal.
마우스정보는 제1 단말기가 네트워크를 거쳐 직접 제2 단말기로 송신할 수도 있고, 관리서버(30)를 경유하여 제2 단말기로 송신할 수도 있다.The mouse information may be directly transmitted to the second terminal through the network to the second terminal, or may be transmitted to the second terminal via the management server 30.
예를 들어, 도 7a에 도시된 바와 같이, 마우스 포인터(63)가 웹페이지 구성요소 중 M을 가리키고 있다면, 마우스 정보는 웹페이지 구성요소를 기준으로 마우스 포인터(63)가 M의 구성요소를 가리키고 있다는 정보를 포함할 수 있다.For example, as shown in FIG. 7A, if the mouse pointer 63 points to M of the webpage elements, the mouse information indicates that the mouse pointer 63 points to the elements of M based on the webpage elements. It may include information that is present.
또한, 도 8a에 도시된 바와 같이, 마우스 포인터가 (30, 30)의 제1 뷰포트 좌표(V1) 상에 (60, 60)의 웹페이지 좌표(W)를 가리키고 있다면, 마우스 정보는 웹페이지 좌표(W) 기준으로 마우스 포인터가 (60, 60)의 웹페이지 좌표(W)를 가리키고 있다는 정보를 포함할 수 있다.In addition, as shown in FIG. 8A, if the mouse pointer is pointing to the webpage coordinate W of (60, 60) on the first viewport coordinate V1 of (30, 30), the mouse information is the webpage coordinate. (W) As a reference, the mouse pointer may include information indicating the web page coordinates (W) of (60, 60).
커뮤니케이션부(250)는 제1 단말기의 사용자와 상기 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공할 수 있다. 예를 들어, 커뮤니케이션 수단은, 도 3에 도시된 바와 같이, 자전거 상품을 구매 여부에 대한 의사 교환을 텍스트(text)를 이용하여 실행되는 채팅창(16) 형태인 채팅부(미도시)으로 제공될 수 있으나, 본 예시에 한정되지 않으며, 제1 단말기 및 제2 단말기의 사용자 사이에 음성정보를 송수신할 수 있는 음성통화부(미도시) 또는 화상정보를 송수신할 수 있는 화상통화부(미도시)로도 제공될 수도 있다. The communication unit 250 may provide a communication means to exchange opinions between the user of the first terminal and the user of the terminal sharing the display content area. For example, as shown in FIG. 3, the communication means may provide a chat unit (not shown) in the form of a chat window 16 executed by using text to communicate whether or not to purchase a bicycle product. Although not limited to this example, a voice call unit (not shown) capable of transmitting and receiving voice information between a user of the first terminal and the second terminal or a video call unit (not shown) capable of transmitting and receiving image information may be provided. May also be provided.
제2 단말기의 본 발명에 따른 화면 공유 시스템(100)은 공유요청처리부(110), 주소정보수신부(120), 위치정보수신부(130), 화면출력부(140), 포인터출력부(150), 커뮤니케이션부(160)를 포함하여 구성된다.The screen sharing system 100 according to the present invention of the second terminal 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, It is configured to include a communication unit 160.
공유요청처리부(110)는 제1 단말기로부터 공유요청신호를 수신하면 공유요청메세지를 팝업알림 형태로 제2 단말기에 출력하며, 공유요청신호에 대응하여 입력되는 공유허락신호 또는 공유거절신호를 제2 단말기에 송신한다.When the share request processor 110 receives the share request signal from the first terminal, the share request message is output to the second terminal in the form of a pop-up notification, and the share permission signal or the share rejection signal is input in response to the share request signal. Send to the terminal.
공유요청신호는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다.The sharing request signal may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
공유허락신호 또는 공유거절신호 또한 제2 단말기가 네트워크를 거쳐 직접 제1 단말기로 송신할 수도 있고 관리서버를 경유하여 제1 단말기로 송신할 수도 있다. 예를 들어, 관리서버(30)가 제1 단말기로부터 공유요청신호를 수신한 경우, 공 유요청처리부(110)는 관리서버(30)로부터 공유요청신호를 수신할 수 있다.The sharing permission signal or the sharing rejection signal may also be transmitted by the second terminal directly to the first terminal through the network or via the management server to the first terminal. For example, when the management server 30 receives the share request signal from the first terminal, the share request processor 110 may receive the share request signal from the management server 30.
한편, 제2 단말기가 본 발명의 시스템을 실행하고 있는 경우에는 상기 공유요청처리부(110)는 공유요청메세지를 팝업알림 형태로 제2 단말기에 출력하지만, 제2 단말기가 본 발명의 시스템을 실행하고 있지 않은 경우에는 관리서버(30)가 제1 단말기로부터 공유요청신호를 수신한 후 사용자정보저장부에 저장되어 있는 제2 단말기의 사용자정보를 이용하여 공유요청메세지를 e-mail, sms메세지, mms메세지 중 적어도 하나의 형태로 제2단말기에 전송할 수 있다.On the other hand, 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. If not, the management server 30 receives the share request signal from the first terminal and then uses the user information of the second terminal stored in the user information storage unit to share the share request message by e-mail, sms message, mms. At least one of the messages may be transmitted to the second terminal.
주소정보수신부(120)는 상기 공유요청처리부(110)에 공유허락신호가 입력된 경우 상기 주소정보획득부(220)로부터 상기 제1 뷰포트에 출력되고 있는 표시내용 영역을 포함하는 웹페이지에 상응하는 주소의 주소정보를 수신한다. The address information receiver 120 corresponds to a web page including a display content area that is output from the address information acquirer 220 to the first viewport when a share permission signal is input to the share request processor 110. Receive address information of address.
주소정보는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다.The address information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
위치정보수신부(130)는 상기 위치정보획득부(230)로부터 상기 웹페이지 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신한다. The location information receiver 130 receives location information for specifying a location of a display content area output from the location information acquisition unit 230 to the first viewport of the entire web page.
위치정보는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다.The location information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30.
위치정보는 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 정보일 수 있으며, 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보일 수도 있다.The location information may be information generated by identifying a webpage element located in the display content area based on a webpage element constituting the entire webpage. The location information may be displayed based on the entire area of the webpage. It may also be relative coordinate information indicating the position of the content area.
화면출력부(140)는 상기 주소정보수신부(120)가 수신한 주소 정보와 상기 위치정보수신부(130)가 수신한 위치정보를 기초로, 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력한다. 더욱 상세하게는, 상기 주소 정보를 이용하여 주소를 제공하는 서버에 접속하여 상기 주소 정보에 상응하는 웹페이지 화면을 구성할 수 있는 정보를 수신하고, 상기 위치정보를 이용하여 상기 표시내용 영역이 포함하고 있는 웹페이지의 구성요소들이 제2 뷰포트에 출력될 수 있도록 한다.The screen output unit 140 displays a screen including the same information as the display content area based on the address information received by the address information receiver 120 and the location information received by the location information receiver 130. Output to the viewport. More specifically, by using the address information to access the server providing the address to receive information that can configure the web page screen corresponding to the address information, and using the location information includes the display content area Allows the web page's components to be displayed in the second viewport.
여기서 화면출력부(140)는 제2 뷰포트의 크기, 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 화면을 출력할 수 있다. 웹페이지 전체의 보기 배율은, 웹페이지의 가로 크기와 세로 크기가 각각 조절 가능한 속성이다.Here, the screen output unit 140 may output a screen by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page. The viewing magnification of the entire web page is an attribute in which the horizontal and vertical sizes of the web page are adjustable.
도 7b는 위치정보가 수신되기 전의 제2 뷰포트의 크기가 제1 뷰포트의 크기와 다르다고 가정했을 때, 위치정보가 수신됨에 따라 제2 뷰포트의 크기가 변경되는 과정을 설명하기 위한 도면이다.FIG. 7B is a view for explaining a process of changing the size of the second viewport when the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
더욱 상세하게는 도 7a에 도시된 제1 뷰포트(62)의 크기를 (60 * 60)으로 가정하고, 도 7b에 도시된 위치정보가 수신되기 전의 제2 뷰포트(64a)의 크기는 (30 * 30)으로 도 7a에 도시된 제1 뷰포트(62)의 크기보다 작다고 가정하였을 때, 위치정보가 수신된 후의 제2 뷰포트(64b)의 크기는 위치정보에 따라 (60 *60)으로 제1 뷰포트(62)의 크기와 같게 변경된다. 이 때, 도 7a에 도시된 웹페이지(61)의 크기와 도 7b에 도시된 위치정보가 수신되기 전의 웹페이지(65a)의 크기 및 위치정보가 수신된 후의 웹페이지(65b)의 크기는 (100 * 100)으로 서로 동일하다고 가정한다. More specifically, assuming that the size of the first viewport 62 shown in FIG. 7A is 60 * 60, the size of the second viewport 64a before the positional information shown in FIG. 7B is received is (30 * 60). Assuming that 30) is smaller than the size of the first viewport 62 shown in FIG. 7A, the size of the second viewport 64b after the location information is received is 60 * 60 according to the location information. It is changed to be equal to the size of 62. At this time, the size of the web page 61 shown in FIG. 7A and the size of the web page 65a before the position information shown in FIG. 7B and the size of the web page 65b after the position information are received ( 100 * 100)
여기서, 위치정보수신부(130)에 의하여 수신한 위치정보는, 제1 뷰포트의 좌측 상단 꼭지점에 G의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 우측 상단 꼭지점에 I의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 좌측 하단 꼭지점에 Q의 구성요소가 위치하고 있다는 정보 및 제1 뷰포트의 우측 하단 꼭지점에 S의 구성요소가 위치하고 있다는 정보를 포함하고 있다.Here, the location information received by the location information receiving unit 130, the information that the component of G is located at the upper left corner of the first viewport, the information that the component of I is located at the upper right corner of the first viewport, It includes information that the component of Q is located at the lower left corner of the first viewport and information that the component of S is located at the lower right corner of the first viewport.
여기서 화면출력부(140)는 위치정보수신부(130)가 위치정보를 수신하면, 제2 뷰포트(64b)의 좌측 상단 꼭지점에 G의 구성요소를 위치시키고, 제2 뷰포트(64b)의 우측 상단 꼭지점에 I의 구성요소를 위치시키며, 제2 뷰포트(64b)의 좌측 하단 꼭지점에 Q의 구성요소를 위치시키며, 제2 뷰포트(64b)의 우측 하단 꼭지점에 S의 구성요소가 위치시킬 수 있도록, 제2 뷰포트(64b)의 크기 속성을 제1 뷰포트의 크기와 같이 (60 * 60)으로 변경하게 되며, 웹페이지 (65a, 65b)의 크기에는 변화가 없이, 도 7a에 도시된 웹페이지 전체(61)의 크기와 같다.Here, when the location information receiver 130 receives the location information, the screen output unit 140 locates the G component at the upper left corner of the second viewport 64b and the upper right corner of the second viewport 64b. Position the component of I at the lower left corner of the second viewport 64b, and the component of S at the lower right corner of the second viewport 64b. 2 The size property of the viewport 64b is changed to (60 * 60) as the size of the first viewport, and the size of the webpages 65a and 65b is not changed, and the entire webpage 61 shown in FIG. 7A is changed. ) Is the same as the size.
도 7c는 위치정보가 수신되기 전의 제2 뷰포트의 크기가 제1 뷰포트의 크기와 다르다고 가정했을 때, 위치정보가 수신됨에 따라 웹페이지 전체의 보기 배율이 변경되는 과정을 설명하기 위한 도면이다. FIG. 7C is a diagram for describing a process of changing the view magnification of the entire web page as the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
더욱 상세하게는 도 7a에 도시된 제1 뷰포트(62)의 크기를 (60 * 60)으로 가정하고, 도 7c에 도시된 위치정보가 수신되기 전의 제2 뷰포트(67a)의 크기는 (30 * 30)으로 도 7a에 도시된 제1 뷰포트(62)의 크기보다 작다고 가정했을 때, 위치정보가 수신된 후의 제2 뷰포트(67b)의 크기는 위치정보가 수신되더라도 (30 * 30)으로 변함이 없다. 이 때, 도 7a에 도시된 웹페이지(61)의 크기와 도 7c에 도시된 위치정보가 수신되기 전의 웹페이지(68a)의 크기는 (100 * 100)으로 동일하며, 위치정보가 수신된 후의 웹페이지(68b)의 크기는 (50 * 50)으로 변경된다.More specifically, assuming that the size of the first viewport 62 shown in FIG. 7A is 60 * 60, the size of the second viewport 67a before the positional information shown in FIG. 7C is received is (30 * 60). 30), it is assumed that the size of the second viewport 67b after the positional information is received is changed to (30 * 30) even when the positional information is received. none. At this time, the size of the web page 61 shown in FIG. 7A and the size of the web page 68a before receiving the position information shown in FIG. 7C are equal to (100 * 100), and after the position information is received. The size of the web page 68b is changed to (50 * 50).
여기서, 위치정보수신부(130)에 의하여 수신한 위치정보는 제1 뷰포트의 좌측 상단 꼭지점에 G의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 우측 상단 꼭지점에 I의 구성요소가 위치하고 있다는 정보, 제1 뷰포트의 좌측 하단 꼭지점에 Q의 구성요소가 위치하고 있다는 정보 및 제1 뷰포트의 우측 하단 꼭지점에 S의 구성요소가 위치하고 있다는 정보를 포함하고 있다.Here, the position information received by the location information receiving unit 130 is information that the component of G is located at the upper left corner of the first viewport, information that the component of I is located at the upper right corner of the first viewport, It includes information that the component of Q is located at the lower left corner of the first viewport and information that the component of S is located at the lower right corner of the first viewport.
여기서 화면출력부(140)는, 제2 뷰포트(67b)의 좌측 상단 꼭지점에 G의 구성요소를 위치시키고, 제2 뷰포트(67b)의 우측 상단 꼭지점에 I의 구성요소를 위치시키며, 제2 뷰포트(67b)의 좌측 하단 꼭지점에 Q의 구성요소를 위치시키며, 제2 뷰포트(67b)의 우측 하단 꼭지점에 S의 구성요소가 위치시킬 수 있도록, 웹페이지 전체의 보기 배율을 위치정보가 수신되기 전의 50%로 변경하게 되며, 제2 뷰포트의 크기에는 변화가 없다. 예를 들어, 웹페이지 전체의 보기 배율 변경은, 가로, 세로 길이 중 적어도 하나의 길이를 기준으로 하여 제2 단말기의 디스플레이부가 제1 뷰포트보다 작을 때 이용될 수 있다. 즉, 제2 단말기의 디스플레이부에 제2 뷰포트를 제1 뷰포트의 크기만큼 변경시켜 표시할 수 없을 때 웹페이지 전체의 보기 배율을 변경하는 방식이 이용될 수 있다.Here, the screen output unit 140 positions the component of G at the upper left corner of the second viewport 67b, the component of the I at the upper right corner of the second viewport 67b, and the second viewport. Position the component of Q at the lower left vertex of 67b, and adjust the viewing magnification of the entire web page before the positional information is received so that the component of S can be positioned at the lower right vertex of the second viewport 67b. Change it to 50% and there is no change in the size of the second viewport. For example, the viewing magnification change of the entire webpage may be used when the display unit of the second terminal is smaller than the first viewport based on 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 cannot be displayed by changing the size of the second viewport by the size of the first viewport may be used.
도 8b는 위치정보가 수신되기 전의 제2 뷰포트의 크기가 제1 뷰포트의 크기와 다르다고 가정했을 때, 위치정보가 수신됨에 따라 제2 뷰포트의 크기가 변경되는 과정을 설명하기 위한 도면이다. FIG. 8B is a view for explaining a process of changing the size of the second viewport when the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
더욱 상세하게는 도 8a에 도시된 제1 뷰포트(72)의 크기를 (50 * 80)으로 가정하고, 도 8b에 도시된 위치정보가 수신되기 전의 제2 뷰포트(74a)의 크기는 (25 * 40)으로 도 7a에 도시된 제1 뷰포트(72)의 크기보다 작다고 가정하였을 때, 위치정보가 수신된 후의 제2 뷰포트(74b)의 크기는 위치정보에 따라 (50 * 80)으로 제1 뷰포트(62)의 크기와 같게 변경된다. 이 때, 도 8a에 도시된 웹페이지(71)의 크기와 도 8b에 도시된 위치정보가 수신되기 전의 웹페이지(75a)의 크기 및 위치정보가 수신된 후의 웹페이지(75b)의 크기는 (200 * 200)으로 서로 동일하다고 가정한다. More specifically, assuming that the size of the first viewport 72 shown in FIG. 8A is (50 * 80), the size of the second viewport 74a before the positional information shown in FIG. 8B is received is (25 *). Assuming that 40 is smaller than the size of the first viewport 72 shown in FIG. 7A, the size of the second viewport 74b after the location information is received is 50 * 80 according to the location information. It is changed to be equal to the size of 62. At this time, the size of the web page 71 shown in FIG. 8A and the size of the web page 75a before the position information shown in FIG. 8B and the size of the web page 75b after the position information are received ( 200 * 200) and assume that they are equal to each other.
위치정보가 수신되기 전의 제2 뷰포트(74a)를 기준으로 좌측 상단 꼭지점을 (0,0)에 대응, 우측 상단 꼭지점을 (25,0)에 대응, 좌측 하단 꼭지점을 (0, 40)에 대응, 우측 하단 꼭지점을 (25, 40)에 대응시키는 제2 뷰포트 좌표(V2)를 정의한다.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), based on the second viewport 74a before the location information is received. , Defines a second viewport coordinate (V2) that corresponds to the lower right corner vertex (25, 40).
여기서, 위치정보수신부(130)에 의하여 수신한 위치정보는 (0, 0)의 제1 뷰포트 좌표(V1)는 (30, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 0)의 제1 뷰포트 좌표(V1)는 (80, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (0, 80)의 제1 뷰포트 좌표(V1)는 (30, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 80)의 제1 뷰포트 좌표(V1)는 (80, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보를 포함하고 있다.Here, the position information received by the position information receiver 130 is information indicating that the first viewport coordinate V1 of (0, 0) is located at the web page coordinate (W) of (30, 30), (50, 0 Information that the first viewport coordinate (V1) of) is located at the webpage coordinate (W) of (80, 30), and the first viewport coordinate (V1) of (0,80) is the webpage coordinate of (30, 110). Information that it is located at (W), and the first viewport coordinate V1 at (50, 80) includes information that it is located at the web page coordinate (W) at (80, 110).
여기서 화면출력부(140)는 (0, 0)의 제2 뷰포트 좌표(V2)를 (30, 30)의 웹페이지 좌표(W)에 위치시키고, (25, 0)의 제2 뷰포트 좌표(V2)를 (80, 30)의 웹페이지 좌표(W)에 위치시키며, (0, 40)의 제2 뷰포트 좌표(V2)를 (0, 80)의 웹페이지 좌표(W)에 위치시키며, (25, 40)의 제2 뷰포트 좌표(V2)를 (80, 110)의 웹페이지 좌표(W)에 위치시킬 수 있도록, 제2 뷰포트(74b)의 크기 속성을 제1 뷰포트(72)의 크기와 같이 (50 * 80)으로 변경하게 되며, 웹페이지 (75a, 75b)의 크기에는 변화가 없이, 도 8a에 도시된 웹페이지 전체(71)의 크기와 같다.Here, the screen output unit 140 locates the second viewport coordinates V2 of (0, 0) at the webpage coordinates W of (30, 30), and the second viewport coordinates V2 of (25, 0). ) Is positioned at the webpage coordinates W of (80, 30), the second viewport coordinates V2 of (0, 40) are positioned at the webpage coordinates W of (0, 80), and (25 The size property of the second viewport 74b is equal to the size of the first viewport 72 so that the second viewport coordinate V2 of 40 can be positioned at the webpage coordinate W of 80 and 110. (50 * 80), the size of the web pages 75a and 75b is the same as that of the entire web page 71 shown in Fig. 8A.
도 8c는 위치정보가 수신되기 전의 제2 뷰포트의 크기가 제1 뷰포트의 크기와 다르다고 가정했을 때, 위치정보가 수신됨에 따라 웹페이지 전체의 보기 배율이 변경되는 과정을 설명하기 위한 도면이다.  FIG. 8C is a diagram for describing a process of changing the view magnification of the entire web page as the location information is received, assuming that the size of the second viewport before the location information is received is different from the size of the first viewport.
더욱 상세하게는 도 8a에 도시된 제1 뷰포트(72)의 크기를 (50 * 80)으로 가정하고, 도 8c에 도시된 위치정보가 수신되기 전의 제2 뷰포트(77a)의 크기는 (25 * 40)으로 도 7a에 도시된 제1 뷰포트(72)의 크기보다 작다고 가정했을 때, 위치정보가 수신된 후의 제2 뷰포트(77b)의 크기는 위치정보가 수신되더라도 (25 * 40)으로 변함이 없다. 이 때, 도 8a에 도시된 웹페이지(71)의 크기와 도 8c에 도시된 위치정보가 수신되기 전의 웹페이지(78a)의 크기는 (200 * 200)으로 동일하며, 위치정보가 수신된 후의 웹페이지(68a)의 크기는 (100 * 100)으로 변경된다.More specifically, assuming that the size of the first viewport 72 shown in FIG. 8A is (50 * 80), the size of the second viewport 77a before the positional information shown in FIG. 8C is received is (25 *). Assuming that 40 is smaller than the size of the first viewport 72 shown in FIG. 7A, the size of the second viewport 77b after the location information is received is changed to (25 * 40) even if the location information is received. none. At this time, the size of the web page 71 shown in FIG. 8A and the size of the web page 78a before receiving the position information shown in FIG. 8C are equal to (200 * 200), and after the position information is received. The size of the web page 68a is changed to (100 * 100).
위치정보가 수신되기 전의 제2 뷰포트(77a)를 기준으로 좌측 상단 꼭지점을 (0,0)에 대응, 우측 상단 꼭지점을 (25,0)에 대응, 좌측 하단 꼭지점을 (0, 40)에 대응, 우측 하단 꼭지점을 (25, 40)에 대응시키는 제2 뷰포트 좌표(V2)를 정의한다.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), based on the second viewport 77a before the location information is received. , Defines a second viewport coordinate (V2) that corresponds to the lower right corner vertex (25, 40).
여기서, 위치정보수신부(130)에 의하여 수신한 위치정보는 (0, 0)의 제1 뷰포트 좌표(V1)는 (30, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 0)의 제1 뷰포트 좌표(V1)는 (80, 30)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (0, 80)의 제1 뷰포트 좌표(V1)는 (30, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보, (50, 80)의 제1 뷰포트 좌표(V1)는 (80, 110)의 웹페이지 좌표(W)에 위치하고 있다는 정보를 포함하고 있다.Here, the position information received by the position information receiver 130 is information indicating that the first viewport coordinate V1 of (0, 0) is located at the web page coordinate (W) of (30, 30), (50, 0 Information that the first viewport coordinate (V1) of) is located at the webpage coordinate (W) of (80, 30), and the first viewport coordinate (V1) of (0,80) is the webpage coordinate of (30, 110). Information that it is located at (W), and the first viewport coordinate V1 at (50, 80) includes information that it is located at the web page coordinate (W) at (80, 110).
여기서 화면출력부(140)는 (0, 0)의 제2 뷰포트 좌표(V2)를 (30, 30)의 웹페이지 좌표(W)에 위치시키고, (25, 0)의 제2 뷰포트 좌표(V2)를 (80, 30)의 웹페이지 좌표(W)에 위치시키며, (0, 40)의 제2 뷰포트 좌표(V2)를 (0, 80)의 웹페이지 좌표(W)에 위치시키며, (25, 40)의 제2 뷰포트 좌표(V2)를 (80, 110)의 웹페이지 좌표(W)에 위치시킬 수 있도록, 웹페이지 전체의 보기 배율을 위치정보가 수신되기 전을 기준으로 가로 길이는 1/2배, 세로 길이는 1/2배로 변경하게 되며, 제2 뷰포트의 크기에는 변화가 없다. 예를 들어, 웹페이지 전체의 보기 배율 변경은, 가로, 세로 길이 중 적어도 하나의 길이를 기준으로 하여 제2 단말기의 디스플레이부가 제1 뷰포트보다 작을 때 이용될 수 있다. 즉, 제2 단말기의 디스플레이부에 제2 뷰포트를 제1 뷰포트의 크기만큼 변경시켜 표시할 수 없을 때 웹페이지 전체의 보기 배율을 변경하는 방식이 이용될 수 있다.Here, the screen output unit 140 locates the second viewport coordinates V2 of (0, 0) at the webpage coordinates W of (30, 30), and the second viewport coordinates V2 of (25, 0). ) Is positioned at the webpage coordinates W of (80, 30), the second viewport coordinates V2 of (0, 40) are positioned at the webpage coordinates W of (0, 80), and (25 , So that the second viewport coordinate (V2) of 40 may be located at the webpage coordinate (W) of (80, 110), the horizontal scale of the viewing magnification of the entire webpage is based on 1 before the location information is received. The 2x and the vertical length are changed to 1 / 2x, and the size of the second viewport does not change. For example, the viewing magnification change of the entire webpage may be used when the display unit of the second terminal is smaller than the first viewport based on 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 cannot be displayed by changing the size of the second viewport by the size of the first viewport may be used.
포인터출력부(150)는 상기 마우스정보획득부(240)로부터 마우스정보를 수신하여, 상기 마우스정보를 기초로, 상기 표시내용 영역 중 상기 제1 단말기의 마우스 포인터가 가리키는 위치의 정보와 동일한 정보를 가리키는 지시 포인터를 제2 뷰포트에 출력한다. 여기서, 관리서버(30)가 그 마우스정보를 제1 단말기로부터 수신하여 제2 단말기에 전송한 경우, 포인터출력부(150)는 관리서버(30)로부터 그 마우스정보를 수신할 수 있다.The pointer output unit 150 receives the mouse information from the mouse information acquisition unit 240, and based on the mouse information, the pointer output unit 150 receives the same information as the information of the position indicated by the mouse pointer of the first terminal in the display content area. Outputs the pointing 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 may receive the mouse information from the management server 30.
예를 들어, 마우스 정보가 웹페이지 구성요소를 기준으로 마우스 포인터가 M의 구성요소를 가리키고 있다는 정보를 포함하고 있다면, 포인터출력부(150)는, 그 마우스정보를 기초로 도 7b, 도 7c에 도시된 바와 같이 제2 뷰포트(64b, 67b) 상 화면에 M의 구성요소를 가리키는 지시 포인터(66, 69)를 출력하도록 할 수 있다. For example, if the mouse information includes the information that the mouse pointer is pointing to the element of M based on the web page element, the pointer output unit 150 is shown in FIGS. 7B and 7C based on the mouse information. As illustrated, the instruction pointers 66 and 69 indicating the elements of M may be output on the screen on the second viewports 64b and 67b.
또한, 마우스 정보가 웹페이지 좌표(W) 기준으로 마우스 포인터가 (60, 60)의 웹페이지 좌표(W)를 가리키고 있다는 정보를 포함하고 있다면, 포인터출력부(150)는, 그 마우스정보를 기초로 도 8b, 도 8c에 도시된 바와 같이 제2 뷰포트(74b, 77b) 상 화면에 (60, 60)의 웹페이지 좌표(W)를 가리키는 지시 포인터(76, 79)를 출력하도록 할 수 있다.In addition, if the mouse information includes the information that the mouse pointer points to the web page coordinates W of (60, 60) on the basis of the web page coordinates W, the pointer output unit 150 based on the mouse information. As illustrated in FIGS. 8B and 8C, the pointers 76 and 79 indicating the web page coordinates W of 60 and 60 may be output on the screen on the second viewports 74b and 77b.
커뮤니케이션부(160)는 제1 단말기의 화면 공유 시스템이 포함하고 있는 커뮤니케이션부(250)와 동일한 기능을 수행할 수 있다.The communicator 160 may perform the same function as the communicator 250 included in the screen sharing system of the first terminal.
한편, 제1 뷰포트의 크기와 제2 뷰포트의 크기가 다르다면, 특히 표시내용 영역의 크기가 제2 뷰포트의 크기보다 큰 경우, 스크롤바가 생성되어 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치가 제어될 수 있다.On the other hand, if the size of the first viewport and the size of the second viewport are different, in particular, 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 to generate the first viewport. 2 The position of the screen output to the viewport can be controlled.
도 9은 제1 뷰포트의 크기와 제2 뷰포트의 크기가 다르고, 위치정보를 수신하더라도 제2 뷰포트의 크기 또는 웹페이지 전체 보기 배율을 변경하지 않는 것을 가정하고, 위치정보가 수신됨에 따라 제2 뷰포트에 스크롤바를 생성되는 것을 나타낸다.FIG. 9 assumes that the size of the first viewport is different from the size of the second viewport, and does not change the size of the second viewport or the overall view of the webpage even when the location information is received, and the second viewport as the location information is received. Indicates that a scrollbar should be created.
예를 들어, 제1 뷰포트(81)의 크기가 (40 * 40)이고 제2 뷰포트(83)의 크기가 (20 * 30)이며, 표시내용 영역(82)의 크기도 제1 뷰포트의 크기에 따라 (40 * 40)으로 결정되므로 제2 뷰포트(83)의 크기 또는 웹페이지 전체 보기 배율이 변경되지 않는다면, A 내지 P의 구성요소를 포함하는 표시내용 영역을 제2 뷰포트에 전부 출력할 수 없게 된다. For example, 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 also equal to the size of the first viewport. If the size of the second viewport 83 or the overall webpage magnification does not change, the display content area including the components of A to P cannot be output to the second viewport. do.
이 경우, 제2 뷰포트(82)에는 A, B, E, F, I, J의 구성요소를 출력할 수 있으며, 상기 표시내용 영역 중 상기 제2 뷰포트(82) 상 화면에 출력되는 부분을 상기 표시내용 영역(82) 전체 내에서 위치 이동시켜 나머지 C, D, G, H, K, L, M 내지 P의 구성요소를 제2 뷰포트(82)에 출력하기 위해서, 제2 뷰포트(82) 상 화면에 출력되는 부분을 가로방향으로 이동시킬 수 있는 가로 스크롤바(84)와 세로방향으로 이동시킬 수 있는 세로 스크롤바(85)를 생성할 수 있다.In this case, components of A, B, E, F, I, and J may be output to the second viewport 82, and the portion of the display content area that is displayed on the screen on the second viewport 82 may be displayed. In order to output the remaining components of C, D, G, H, K, L, M to P to the second viewport 82 by shifting the position in the entire display content area 82, A horizontal scroll bar 84 that can move a portion output on the screen in a horizontal direction and a vertical scroll bar 85 that can move in a vertical direction can be generated.
한편, 상기 단말기는 전술한 제1 단말기가 될 수도 있고 제2 단말기가 될 수도 있으며, 제1 단말기의 화면공유시스템과 제2 단말기의 화면공유시스템을 모두 포함할 수도 있다.The terminal may be the first terminal or the second terminal, and 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는 본 발명의 일 실시예에 따른 화면 공유 방법을 도시한 흐름도이다.10 is a flowchart illustrating a screen sharing method according to an embodiment of the present invention.
도 10를 참조하면, 본 발명의 일 실시예에 따른 화면 공유 방법은, 공유요청처리단계(S910 단계), 주소정보수신단계(S920 단계), 위치정보수신단계(S930 단계), 화면출력단계(S940 단계), 주소정보변경단계(S950 단계), 위치정보변경단계(S960단계), 포인터출력단계(S970 단계) 및 커뮤니케이션제공단계(S980 단계)를 포함한다.10, the screen sharing method according to an embodiment of the present invention, the sharing request processing step (step S910), address information receiving step (step S920), location information receiving step (step S930), screen output step ( Step S940), address information changing step (step S950), location information changing step (step S960), pointer output step (step S970) and communication providing step (step S980).
먼저, 공유요청처리부(110)는 제1 단말기로부터 공유요청신호를 수신하면 공유요청메세지를 팝업알림 형태로 제2 단말기에 출력하며, 공유요청신호에 대응하여 입력되는 공유허락신호 또는 공유거절신호를 제1 단말기에 송신한다.(S910 단계)First, when the sharing request processing unit 110 receives the sharing request signal from the first terminal, the sharing request message is output to the second terminal in the form of a pop-up notification, and the sharing permission signal or the rejection signal is input in response to the sharing request signal. Transmit to the first terminal (step S910).
공유요청신호는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다는 점은 앞에서 살펴본 바와 같다.As described above, the sharing request signal may be directly received by the second terminal through the network from the first terminal or via the management server 30.
공유허락신호 또는 공유거절신호 또한 제2 단말기가 네트워크를 거쳐 직접 제1 단말기로 송신할 수도 있고 관리서버를 경유하여 제1 단말기로 송신할 수도 있다는 점은 앞에서 살펴본 바와 같다. 예를 들어, 관리서버(30)가 제1 단말기로부터 공유요청신호를 수신한 경우, 공유요청처리부(110)는 관리서버(30)로부터 공유요청신호를 수신할 수 있다. 아울러, 제2 단말기가 본 발명의 시스템을 실행하고 있는 경우에는 상기 공유요청처리부(110)는 공유요청메세지를 팝업알림 형태로 제2 단말기에 출력하지만, 제2 단말기가 본 발명의 시스템을 실행하고 있지 않은 경우에는 관리서버(30)가 제1 단말기로부터 공유요청신호를 수신한 후 사용자정보저장부에 저장되어 있는 제2 단말기의 사용자정보를 이용하여 공유요청메세지를 e-mail, sms 메세지, mms메세지 중 적어도 하나의 형태로 제2단말기에 전송할 수 있다.As described above, the sharing permission signal or the sharing rejection signal may also be transmitted to the first terminal through the network or directly to the first terminal through the management server. 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. In addition, 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. If not, the management server 30 receives the share request signal from the first terminal and then uses the user information of the second terminal stored in the user information storage unit to share the share request message by e-mail, sms message, mms. At least one of the messages may be transmitted to the second terminal.
그리고, 주소정보수신부(120)는 제1 단말기의 주소정보획득부(220)로부터 상기 제1 뷰포트에 출력되고 있는 표시내용 영역을 포함하는 웹페이지에 상응하는 주소의 주소정보를 수신한다.(S920단계) The address information receiver 120 receives address information of an address corresponding to a web page including a display content area output to the first viewport from the address information acquisition unit 220 of the first terminal. step)
주소정보는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다는 점은 앞에서 살펴본 바와 같다.The address information may be directly received by the second terminal via the network from the first terminal, or may be received via the management server 30 as described above.
그리고 위치정보수신부(130)가 제1 단말기의 위치정보획득부(230)로부터 상기 웹페이지 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신한다.(S930단계)The location information receiver 130 receives location information for specifying the location of the display content area output from the location information acquisition unit 230 of the first terminal to the first viewport of the entire web page (step S930). )
위치정보는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다는 점은 앞에서 살펴본 바와 같다.As described above, the location information may be directly received by the second terminal through the network from the first terminal or via the management server 30.
또한, 위치정보는 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 정보일 수 있으며, 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보일 수도 있다는 점은 앞에서 살펴본 바와 같다.In addition, the location information may be information generated by identifying a webpage component located in the display content area based on the webpage component constituting the entire webpage, and based on the entire area of the webpage. As described above, it may be relative coordinate information indicating the position of the display content area.
그리고 화면출력부(140)가 제1 단말기의 주소정보수신부(120)가 수신한 주소 정보와 상기 위치정보수신부(130)가 수신한 위치정보를 기초로, 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력한다.(S940 단계) The screen output unit 140 includes the same information as the display content area based on the address information received by the address information receiver 120 of the first terminal and the location information received by the location information receiver 130. Outputs the screen to the second viewport (step S940).
아울러, 화면출력부(140)가 제2 뷰포트의 크기, 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 도 7b, 도 7c, 도 8b 및 도 8c 등과 같이 화면을 출력할 수 있다는 점은 앞에서 살펴본 바와 같다.In addition, the screen output unit 140 may control one or more attributes of the size of the second viewport and the viewing magnification of the entire web page to output the screen as illustrated in FIGS. 7B, 7C, 8B and 8C. As we have seen.
또한, 제1 뷰포트의 크기와 제2 뷰포트의 크기가 다르다고 가정했을 때 특히 표시내용 영역의 크기가 제2 뷰포트의 크기보다 큰 경우, 상기 화면출력단계(S940 단계)처럼 제2 뷰포트의 크기, 웹페이지 전체의 보기 배율의 속성을 변경하지 않고, 스크롤바를 생성하여 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치를 제어할 수 있다는 점 앞에서 살펴본 바와 같다.In addition, assuming that the size of the first viewport and the size of the second viewport are different, in particular, when the size of the display content area is larger than the size of the second viewport, the size of the second viewport, the web, as in the screen output step (S940). 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.
그리고 만약, 제1 단말기의 주소정보획득부(220)가 변경된 주소 정보를 송신하여, 주소정보수신부(120)가 그 변경된 주소 정보를 수신한다면, 화면출력부(140)는 변경된 주소 정보의 주소에 상응하는 웹페이지 전체 중 제1 뷰포트에 출력되고 있는 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력한다.(S950 단계) If the address information acquisition unit 220 of the first terminal transmits the changed address information, and the address information receiver 120 receives the changed address information, the screen output unit 140 transmits the changed address information to the address of the changed address information. A screen including the same information as the display content area output to the first viewport among the corresponding web pages is output to the second viewport (step S950).
만약, 제1 단말기의 위치정보획득부(230)가 변경된 위치 정보를 송신하여, 위치정보수신부(130)가 그 변경된 위치정보를 수신한다면, 화면출력부(140)는 변경된 위치정보에 상응하는 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력한다. (S960단계)If the location information acquisition unit 230 of the first terminal transmits the changed location information, and the location information receiver 130 receives the changed location information, the screen output unit 140 displays a display corresponding to the changed location information. The screen including the same information as the content area is output to the second viewport. (Step S960)
그리고, 포인터출력부(150)가 제1 단말기의 마우스정보획득부(240)로부터 마우스정보를 수신하여, 그 마우스정보를 기초로, 표시내용 영역 중 상기 제1 단말기의 마우스 포인터가 가리키는 위치의 정보와 동일한 정보를 가리키는 지시 포인터를 제2 뷰포트에 출력한다.(S970단계)Then, the pointer output unit 150 receives the mouse information from the mouse information acquisition unit 240 of the first terminal, and based on the mouse information, information of the position indicated by the mouse pointer of the first terminal in the display content area The instruction pointer indicating the same information as is output to the second viewport (step S970).
한편, 마우스 정보는 제2 단말기가 제1 단말기로부터 네트워크를 거쳐 직접 수신할 수도 있고, 관리서버(30)를 경유하여 수신할 수도 있다는 점과, 지시 포인터가 도 7b, 도 7c, 도 8b 및 도 8c 등과 같이 제2 뷰포트에 출력될 수 있다는 점은 앞에서 살펴본 바와 같다. On the other hand, the mouse information may be directly received from the first terminal via the network from the first terminal, or may be received via the management server 30, and the indication pointer is shown in FIGS. 7B, 7C, 8B and FIG. As described above, it can be output to the second viewport such as 8c.
또한, 커뮤니케이션부(160)가 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공한다.(S980단계)In addition, the communication unit 160 provides a communication means to exchange opinions between users of the terminal sharing the display content area (step S980).
도 10에서 커뮤니케이션제공단계(S980단계)는 설명의 편의상 앞의 단계(S910단계 내지 S970단계) 뒤에 도시되었지만 상기 앞의 단계(S910단계 내지 S970단계)와 병렬적으로 실시될 수 있다.In FIG. 10, the communication providing step (step S980) is shown after the previous steps (steps S910 to S970) for convenience of description, but may be performed in parallel with the previous steps (steps S910 to S970).
한편, 커뮤니케이션 수단은 음성정보를 송수신할 수 있는 음성통화부, 화상정보를 송수신할 수 있는 화상통화부, 텍스트를 이용하여 실행되는 채팅부 중 하나 이상을 포함하는 것은 앞에서 살펴본 바와 같다.Meanwhile, as described above, the communication means includes at least one of a voice call unit capable of transmitting and receiving voice information, a video call unit capable of transmitting and receiving image information, and a chat unit executed using text.
본 발명의 상기 방법의 각 단계는 이해의 편의를 돕기 위하여 나열된 것이며, 각 단계의 순서는 변경될 수 있다.Each step of the method of the present invention is listed for ease of understanding, and the order of each step may be changed.
본 발명의 상기 방법은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광데이터 저장장치 등이 있으며, 또한 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.The method of the present invention can also be embodied as computer readable code on a computer readable recording medium. The computer-readable recording medium includes all kinds of recording devices in which data that can be read by a computer system is stored. Examples of computer-readable recording media include ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage, and the like, and may also be implemented in the form of a carrier wave (for example, transmission over the Internet). Include. The computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.
이와 같은 본 발명에 의하여, 복수의 단말기가 주소 정보를 이용하여 화면을 공유하는 경우, 단말기 간 뷰포트의 크기가 서로 상이하더라도 실질적으로 동일한 정보를 포함하는 화면을 실시간으로 공유할 수 있다. 따라서, 복수의 단말기 사용자들은 실질적으로 동일한 정보를 포함하는 화면을 시각적으로 인지하면서 그 정보에 대하여 의견 교환을 할 수 있는 효과를 얻을 수 있다. 또한 주소 정보를 이용하여 화면을 공유함으로써, 화면 전체 이미지를 정보화하여 화면을 공유하는 방법에 비해 과도한 데이터 전송 부담을 줄여주는 효과를 얻을 수 있다. According to the present invention, when a plurality of terminals share the screen by using the address information, even if the size of the viewport between the terminals are different from each other, it is possible to share in real time the screen including the same information. Accordingly, a plurality of terminal users can obtain an effect of exchanging opinions about the information while visually recognizing a screen including substantially the same information. In addition, by sharing the screen by using the address information, it is possible to reduce the burden of excessive data transmission compared to the method of sharing the screen by integrating the entire screen image.
본 명세서에서는 본 발명을 한정된 실시예를 중심으로 설명하였으나, 본 발명의 범위 내에서 다양한 실시예가 가능하다. 또한 설명되지는 않았으나, 균등한 수단도 또한 본 발명에 그대로 결합되는 것이라 할 것이다. 따라서 본 발명의 진정한 보호범위는 아래의 특허청구범위에 의하여 정해져야 할 것이다.In the present specification, the present invention has been described with reference to limited embodiments, but various embodiments are possible within the scope of the present invention. In addition, although not described, equivalent means will also be referred to as incorporated in the present invention. Therefore, the true scope of the present invention will be defined by the claims below.
전술한 본 발명의 실시 예들은, 네트워크를 기초로 동일한 화면을 공유하며 업무를 수행하기 위한 통신단말기를 구현하는 데에 적용될 수 있다.The above-described embodiments of the present invention can be applied to implementing a communication terminal for performing a task while sharing the same screen based on a network.

Claims (17)

  1. 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 시스템에 있어서,A first terminal outputting a display content area, which is a part of the entire web page corresponding to a predetermined address, to a first viewport and a screen including the same information as the display content area; In the screen sharing system for sharing the display content area,
    상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 주소정보수신부;An address information receiver configured to receive address information of the address from the first terminal;
    상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 위치정보수신부; 및A location information receiver configured to receive location information for specifying a location of a display content area output from the first terminal to the first viewport of the entire web page; And
    상기 주소 정보와 상기 위치정보를 기초로, 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 화면출력부;A screen output unit configured to output a screen including the same information as the display content area to a second viewport based on the address information and the location information;
    를 포함하는 것을 특징으로 하는 화면 공유 시스템.Screen sharing system comprising a.
  2. 제 1항에 있어서,The method of claim 1,
    상기 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공하는 커뮤니케이션부;A communication unit providing a communication means to exchange opinions between users of the terminal sharing the display content area;
    를 포함하며,Including;
    상기 커뮤니케이션 수단은 음성정보를 송수신할 수 있는 음성통화부, 화상정보를 송수신할 수 있는 화상통화부, 텍스트를 이용하여 실행되는 채팅부 중 하나 이상을 포함하는 것을 특징으로 하는 제2 단말기의 회면 공유 시스템.The communication means may include at least one of a voice call unit capable of transmitting and receiving voice information, a video call unit capable of transmitting and receiving image information, and a chat unit executed using text. system.
  3. 제 1항에 있어서,The method of claim 1,
    상기 제1 단말기로부터 상기 제1 뷰포트에 마우스 포인터가 위치하면 상기 마우스 포인터가 가르키는 위치를 특정하기 위한 마우스정보를 수신하는 마우스정보수신부; 및A mouse information receiver configured to receive mouse information for specifying a position indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And
    상기 마우스정보를 기초로 상기 마우스 포인터가 가르키는 위치의 정보를 가리키는 지시 포인터를 제2 뷰포트(viewport)에 출력하는 포인터출력부;A pointer output unit which outputs an instruction pointer indicating information on a position indicated by the mouse pointer to a second viewport based on the mouse information;
    를 포함하는 것을 특징으로 하는 화면 공유 시스템.Screen sharing system comprising a.
  4. 제 1항에 있어서,The method of claim 1,
    상기 위치정보는 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 것을 특징으로 하는 화면 공유 시스템.And the location information is generated by identifying a web page component located in the display content area based on a web page component constituting the entire web page.
  5. 제 1항에 있어서,The method of claim 1,
    상기 위치정보는 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보를 포함하는 것을 특징으로 하는 화면 공유 시스템.And the location information includes relative coordinate information indicating a location of the display content area based on the entire area of the web page.
  6. 제 1항에 있어서,The method of claim 1,
    상기 화면출력부는 상기 제2 뷰포트의 크기, 상기 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 화면을 출력하는 것을 특징으로 하는 화면 공유 시스템.And the screen output unit outputs a screen by controlling at least one of a size of the second viewport and a viewing magnification of the entire web page.
  7. 제 1항에 있어서,The method of claim 1,
    상기 표시내용 영역의 크기가 상기 제2 뷰포트의 크기보다 큰 경우, 스크롤바가 생성되어 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치가 제어될 수 있는 것을 특징으로 하는 화면 공유 시스템.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 so that the position of the screen output to the second viewport among the display content areas can be controlled. Screen sharing system.
  8. 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역을 제1 뷰포트(viewport)에 출력하고 있는 제1 단말기와 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 출력하여 상기 표시내용 영역을 공유하는 화면 공유 방법에 있어서,A first terminal outputting a display content area, which is a part of the entire web page corresponding to a predetermined address, to a first viewport and a screen including the same information as the display content area; In the screen sharing method for sharing the display content area,
    상기 제1 단말기로부터 상기 주소의 주소정보를 수신하는 단계;Receiving address information of the address from the first terminal;
    상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 단계; 및Receiving location information for specifying a location of a display content area output from the first terminal to the first viewport of the entire web page; And
    상기 주소 정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 단계;Outputting a screen including the same information as the display content area to a second viewport based on the address information and the location information;
    를 포함하는 것을 특징으로 하는 화면 공유 방법.Screen sharing method comprising a.
  9. 제 8항에 있어서,The method of claim 8,
    상기 표시내용 영역을 공유하는 단말기의 사용자 사이에 의견 교환이 이루어질 수 있도록 커뮤니케이션 수단을 제공하는 단계;Providing a communication means to exchange opinions between users of the terminal sharing the display content area;
    를 포함하며,Including;
    상기 커뮤니케이션 수단은 음성정보를 송수신할 수 있는 음성통화부, 화상정보를 송수신할 수 있는 화상통화부, 텍스트를 이용하여 실행되는 채팅부 중 하나 이상을 포함하는 것을 특징으로 하는 화면 공유 방법.And the communication means comprises at least one of a voice call unit capable of transmitting and receiving voice information, a video call unit capable of transmitting and receiving image information, and a chat unit executed using text.
  10. 제 8항에 있어서,The method of claim 8,
    상기 제1 단말기로부터 상기 제1 뷰포트에 마우스 포인터가 위치하면 상기 마우스 포인터가 가르키는 위치를 특정하기 위한 마우스정보를 수신하는 단계; 및Receiving mouse information for specifying a location indicated by the mouse pointer when the mouse pointer is positioned in the first viewport from the first terminal; And
    상기 마우스정보를 기초로 상기 마우스 포인터가 가르키는 위치의 정보를 가리키는 지시 포인터를 제2 뷰포트에 출력하는 단계;Outputting, to a second viewport, an instruction pointer indicating information of a location pointed to by the mouse pointer based on the mouse information;
    를 포함하는 것을 특징으로 하는 화면 공유 방법.Screen sharing method comprising a.
  11. 제 8항에 있어서,The method of claim 8,
    상기 위치정보는 상기 웹페이지 전체를 구성하는 웹페이지 구성요소를 기준으로 상기 표시내용 영역에 위치하는 웹페이지 구성요소를 식별하여 생성되는 것을 특징으로 하는 화면 공유 방법.And the location information is generated by identifying a webpage component located in the display content area based on the webpage component composing the entire webpage.
  12. 제 8항에 있어서,The method of claim 8,
    상기 위치정보는 상기 웹페이지의 전체 영역을 기준으로 하여 상기 표시내용 영역의 위치를 나타낸 상대좌표정보를 포함하는 것을 특징으로 하는 화면 공유 방법.And the location information includes relative coordinate information indicating a location of the display content area based on the entire area of the web page.
  13. 제 8항에 있어서,The method of claim 8,
    상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력하는 단계는, 상기 제2 뷰포트의 크기, 상기 웹페이지 전체의 보기 배율 중 하나 이상의 속성을 제어하여 화면을 출력하는 것을 특징으로 하는 화면 공유 방법.The outputting the screen including the same information as the display content area to the second viewport may include outputting the screen by controlling one or more attributes of the size of the second viewport and the viewing magnification of the entire web page. How to share your screen.
  14. 제 8항에 있어서,The method of claim 8,
    상기 표시내용 영역의 크기가 상기 제2 뷰포트의 크기보다 큰 경우, 스크롤바가 생성되어 상기 스크롤바를 이용함으로써, 상기 표시내용 영역 중 상기 제2 뷰포트에 출력되는 화면의 위치가 제어될 수 있는 단계;When the size of the display content area is larger than the size of the second viewport, generating a scroll bar and using the scroll bar to control the position of a screen output to the second viewport in the display content area;
    를 포함하는 것을 특징으로 하는 화면 공유 방법.Screen sharing method comprising a.
  15. 제 8항 내지 제 14항 중 어느 한 항에 따른 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체.A computer-readable recording medium for recording a computer program for executing the method according to any one of claims 8 to 14.
  16. 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역이 제1 단말기 및 제2 단말기에서 공유될 수 있도록 관리하는 관리서버로서,A management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be displayed on a screen, to be shared between a first terminal and a second terminal.
    상기 표시내용 영역을 제1 뷰포트에 출력하고 있는 제1 단말기로부터 상기 주소의 주소정보를 수신하는 주소정보수신부;An address information receiver configured to receive address information of the address from a first terminal outputting the display content area to a first viewport;
    상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 위치정보수신부; 및A location information receiver configured to receive location information for specifying a location of a display content area output from the first terminal to the first viewport of the entire web page; And
    상기 제2 단말기가 상기 주소정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정보를 포함하는 화면을 제2 뷰포트에 출력할 수 있도록, 상기 주소정보 및 상기 위치정보를 상기 제2 단말기에 전송하는 전송부;The address information and the location information are transmitted 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. A transmission unit;
    를 포함하는 것을 특징으로 하는 관리서버.Management server comprising a.
  17. 소정의 주소에 상응하는 웹페이지의 전체 중 화면에 출력되는 부분인 표시내용 영역이 제1 단말기 및 제2 단말기에서 공유될 수 있도록 관리하는 관리서버의 운영방법으로서,An operating method of a management server for managing a display content area, which is a part of an entire web page corresponding to a predetermined address, to be shared on a screen, so that the first and second terminals can be shared.
    상기 표시내용 영역을 제1 뷰포트에 출력하고 있는 제1 단말기로부터 상기 주소의 주소정보를 수신하는 단계;Receiving address information of the address from a first terminal outputting the display content area to a first viewport;
    상기 제1 단말기로부터 상기 웹페이지의 전체 중 상기 제1 뷰포트에 출력되는 표시내용 영역의 위치를 특정하기 위한 위치정보를 수신하는 단계; 및Receiving location information for specifying a location of a display content area output from the first terminal to the first viewport of the entire web page; And
    상기 제2 단말기가 상기 주소정보와 상기 위치정보를 기초로 상기 표시내용 영역과 동일한 정포를 포함하는 화면을 제2 뷰포트에 출력할 수 있도록, 상기 주소정보 및 상기 위치정보를 상기 제2 단말기에 전송하는 단계;The second terminal 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 to the second viewport based on the address information and the location information. Doing;
    를 포함하는 것을 특징으로 하는 관리서버의 운영방법.Operating method of the management server, characterized in that it comprises a.
PCT/KR2015/012574 2014-12-30 2015-11-23 Screen sharing system, screen sharing method and management server, and management server operation method WO2016108431A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020140193986A KR101670983B1 (en) 2014-12-30 2014-12-30 Screen sharing system and method thereof
KR10-2014-0193986 2014-12-30

Publications (1)

Publication Number Publication Date
WO2016108431A1 true WO2016108431A1 (en) 2016-07-07

Family

ID=56284540

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2015/012574 WO2016108431A1 (en) 2014-12-30 2015-11-23 Screen sharing system, screen sharing method and management server, and management server operation method

Country Status (2)

Country Link
KR (1) KR101670983B1 (en)
WO (1) WO2016108431A1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180135190A (en) * 2017-06-12 2018-12-20 모브리진 주식회사 Method and system for synchronized viewing between clients under web or cloud environment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110113246A (en) * 2010-04-09 2011-10-17 에스케이텔레콤 주식회사 System and method for providing user interface to synchronize the screen of terminal, and terminal thereof
KR20120028757A (en) * 2010-09-15 2012-03-23 엘지전자 주식회사 Terminal and contents sharing method for terminal
KR20130112040A (en) * 2010-11-01 2013-10-11 구글 인코포레이티드 Content sharing interface for sharing content in social networks
KR20140098321A (en) * 2013-01-30 2014-08-08 한국전자통신연구원 System for sharing contents and method for the same
KR20140113826A (en) * 2013-03-15 2014-09-25 에스케이플래닛 주식회사 apparatus and method for common of contents, communication service system

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2144253C (en) 1994-04-01 1999-09-21 Bruce F. Naylor System and method of generating compressed video graphics images

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110113246A (en) * 2010-04-09 2011-10-17 에스케이텔레콤 주식회사 System and method for providing user interface to synchronize the screen of terminal, and terminal thereof
KR20120028757A (en) * 2010-09-15 2012-03-23 엘지전자 주식회사 Terminal and contents sharing method for terminal
KR20130112040A (en) * 2010-11-01 2013-10-11 구글 인코포레이티드 Content sharing interface for sharing content in social networks
KR20140098321A (en) * 2013-01-30 2014-08-08 한국전자통신연구원 System for sharing contents and method for the same
KR20140113826A (en) * 2013-03-15 2014-09-25 에스케이플래닛 주식회사 apparatus and method for common of contents, communication service system

Also Published As

Publication number Publication date
KR20160081002A (en) 2016-07-08
KR101670983B1 (en) 2016-11-09

Similar Documents

Publication Publication Date Title
WO2014182112A1 (en) Display apparatus and control method thereof
WO2011099808A2 (en) Method and apparatus for providing a user interface
WO2015119480A1 (en) User terminal device and displaying method thereof
WO2017119664A1 (en) Display apparatus and control methods thereof
WO2014058250A1 (en) User terminal device, sns providing server, and contents providing method thereof
WO2014065551A1 (en) Device and method for displaying image in chatting area and server for managing chatting data
WO2014129822A1 (en) Apparatus and method for controlling a messenger service in a terminal
WO2017204507A1 (en) Electronic apparatus and control method therof
WO2011059243A2 (en) Server, user terminal, and service providing method, and control method thereof
EP3105657A1 (en) User terminal device and displaying method thereof
WO2018080180A1 (en) System and method for providing augmented reality service associated with broadcasting
WO2018155976A1 (en) Message sharing system and method for interactive application
WO2015046899A1 (en) Display apparatus and method of controlling display apparatus
WO2016208992A1 (en) Electronic device and method for controlling display of panorama image
WO2015147486A1 (en) Method of providing activity notification and device thereof
WO2020045795A1 (en) Electronic device and method for same controlling external device
WO2014035171A1 (en) Method and apparatus for transmitting file during video call in electronic device
WO2012128527A2 (en) Method and system for managing contact information in a universal plug and play home network environment
WO2014107027A1 (en) Display apparatus, input apparatus, and method for compensating coordinates using the same
WO2018128343A1 (en) Electronic apparatus and method of operating the same
WO2016108431A1 (en) Screen sharing system, screen sharing method and management server, and management server operation method
WO2020171558A1 (en) Method of providing augmented reality contents and electronic device therefor
WO2014038912A1 (en) Method and device for transmitting information related to event
WO2017026817A1 (en) Method for providing voice translation information, and customized translation server and system operating same
WO2021118267A1 (en) Electronic device and control method thereof

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15875525

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15875525

Country of ref document: EP

Kind code of ref document: A1