JP6161569B2 - How to create a mirroring screen - Google Patents

Description

  The present invention relates to a mirroring screen creation method for creating a normal screen and a mirroring screen that reverses the normal screen.

  In a line such as a factory, an ANDON screen for displaying an operation status screen and an operation screen for a plurality of devices arranged in the line is provided. In addition, the ANDON screen may be displayed on two monitors placed on both sides of the line, etc., with one ANDON screen mirroring the normal screen and the other ANDON screen mirroring the normal screen horizontally A screen (hereinafter referred to as a mirror screen) was displayed.

  In addition, when displaying a normal screen and a mirror screen separately, such as a screen in which one display object is horizontally reversed, characters and the like can be distinguished by simply reversing the entire screen symmetrically. Therefore, in the conventional method for creating a mirroring screen, a normal screen and a mirror screen are created separately and each is displayed on a separate monitor or the like.

Japanese Patent Laid-Open No. 10-207430 JP 2013-104856 A

However, in the conventional method for creating a mirroring screen, since the main screen and the mirror screen are created separately, there is a problem that the number of steps for creating the screen increases and it is not efficient.
An object of the present invention is to create a normal screen and a mirror screen efficiently and easily.

  In order to achieve the above object, a method for creating a mirroring screen according to the present invention creates a main screen to be displayed on a first browser and a mirroring screen to be displayed on a second browser and being a symmetric screen of the normal screen. A method for generating data for a normal screen expressing the normal screen with a markup language for browser representation, and relaying data for a mirroring screen for expressing the mirror screen with a markup language for browser representation A server automatically creating from the normal screen data; and a web server displaying the normal screen on the first browser and the relay server displaying the mirroring screen on the second browser. The mirroring screen is obtained by symmetrically moving the image content of the main screen, and the mirroring screen Character content is characterized in that is moved symmetrically only position of the positive screen.

  As described above, a normal screen is created with the markup language for browser expression, a mirror screen is automatically created from the normal screen by the proxy server, and the normal screen and the mirror screen are monitored via the web server and the proxy. By displaying on the top, the normal screen and the mirror screen can be created efficiently and easily.

The figure explaining the outline of the creation method of the mirroring screen of this invention Conceptual diagram explaining the ANDON screen in the line The figure which shows the flow of the creation method of the mirroring screen of this invention The figure explaining the calculation method of the arrangement position by the mirroring of this invention

First, an outline of a method for creating a mirroring screen according to the present invention will be described with reference to FIGS.
FIG. 1 is a diagram for explaining an outline of a method for creating a mirroring screen of the present invention, FIG. 2 is a conceptual diagram for explaining an ANDON screen in a line, and FIG. 3 is a diagram showing a flow of a method for creating a mirroring screen of the present invention.

First, the ANDON screen in line 6 will be described.
As shown in FIG. 2, the device A7, the device B8, and the device C9 are arranged in this order on the line 6. The ANDON screen displays the operating state of each device on the line 6 and displays an operation screen for each device. In addition, the ANDON screen may be displayed on both sides of the line 6. At this time, one ANDON screen displays information in the order of device A7, device B8, and device C9 from the left along the device arrangement order on the line 6. On the other ANDON screen, since the device arrangement seen on the line 6 is reversed, it is convenient to display information in the order of the device C9, the device B8, and the device A7 from the left. Here, one ANDON screen is defined as a normal screen 2 and the other ANDON screen is defined as a mirror screen 1. In this way, in the normal screen 2 and the mirror screen 1 displayed on both sides across the line 6, the arrangement of the devices seen from the monitor on which they are displayed is reversed, so that the positional relationship of the displayed devices is reversed. Become. In addition, the arrangement of characters displayed for each device is reversed in the positional relationship corresponding to the device. However, if all the screen displays are simply reversed, the characters themselves will be reversed, so the characters themselves cannot simply be reversed, and the characters must have the same orientation.

Therefore, as shown in FIGS. 1 and 3, in the mirroring screen creation method of the present invention, the mirror screen 1 for the main screen 2 is created as follows.
First, data 10 for displaying the normal screen 2 is created using HTML as an example of a markup language for browser expression (step 1). The data 10 is transferred to the web server 17 for display on a browser such as the monitor 5.

  Next, the relay server such as the proxy server 3 analyzes the data 10 of the main screen 2 transferred to the web server 17 and automatically creates the data 11 of the mirror screen 1 of the main screen 2 in HTML. The data 11 analyzes the HTML description of the data 10, the image data and the like are reversed by moving the position and display in line symmetry, and the characters and the like are moved only to positions symmetrical with respect to the central vertical line 12 of the screen. (Step 2).

Next, the main screen 2 corresponding to the data 10 is displayed on the browser such as the monitor 5, and at the same time, the mirror screen 1 corresponding to the data 11 is displayed on the browser such as the monitor 4 under the control of the proxy server 3 (step 3).
In this way, the main screen 2 is described in the markup language for browser representation, the mirror screen 1 is automatically created in the relay server with the markup language for browser representation, and the mirror screen 1 is displayed on the monitor by the relay server. Therefore, it is possible to automatically create the data of the mirror screen 1 from the data of the main screen 2, and it becomes unnecessary to create the main screen 2 and the mirror screen 1 separately, so that the main screen and the mirror screen can be efficiently and easily performed. And can be created.

  The mirror screen 1 may be a symmetric screen of the normal screen 2, and the screen centroid point and center may be used regardless of whether the screen is symmetric with respect to the central vertical line that is the center line in the vertical direction of the screen. The screen may be point-symmetric with respect to an arbitrary point such as a point.

Hereinafter, as an embodiment, a method of creating data for a mirror screen will be described using HTML as an example.
(Embodiment 1)
A method for creating data for a mirror screen in the first embodiment will be described with reference to FIGS.

FIG. 4 is a diagram for explaining a method for calculating an arrangement position by mirroring according to the present invention.
In the first embodiment, when the data 10 of the main screen 2 is created, an attribute for performing the symmetric movement is added to the HTML tag related to the symmetric movement content among the contents in the main screen 2, An attribute indicating that the symmetric movement is performed is not added to the HTML tag related to the content that is not subjected to the symmetric movement.

  As described above, since the proxy server 3 can automatically create the HTML data 11 of the mirror screen 1 depending on the presence / absence of the attribute indicating that the symmetrical movement added to the tag of the HTML data 10 of the main screen 2 is performed, A normal screen and a mirror screen can be easily created.

  Here, the screen content includes image content 13 and character content 14, and a tag indicating the arrangement position and a tag indicating the size are described in the HTML of each data. The attribute indicating that the symmetric movement is performed is added only to content that does not cause a problem even if the image content 13 or the like is reversed. The proxy server 3 automatically creates HTML for displaying content so that it is symmetrical with respect to the central vertical line 12 at the center of the screen for content to which an attribute indicating symmetric movement is added. . In addition, the proxy server 3 does not invert the display state for the content to which the symmetrical movement such as the character content 14 is not added, and the display position is not reversed, and only the arrangement position is set with respect to the central vertical line 12 at the center of the screen. The HTML for displaying the content is automatically created so as to be line symmetric. For content that is not subjected to symmetrical movement, an attribute indicating that symmetrical movement is not performed may be added.

For example, an attribute indicating that a symmetric movement is performed is added to the HTML data 10 in the image content 13 with the main screen 2 as follows.
<div style = "width: 900px; background:
url ('images / footer_m.jpg'): x-image-mirror: true; ">
Here, the attribute indicating that the symmetric movement is performed is a part of “x-image-mirror: true”. In this way, for the content in which the attribute “x-image-mirror: true” is added to the tag, mirroring is performed to change the display so that the content is symmetrical with respect to the central perpendicular line 12. For content that does not have the attribute "x-image-mirror: true" added to the tag, or content that has the attribute "x-image-mirror: false" added to the tag, perform symmetrical movement. Absent.

It should be noted that when moving to a line-symmetrical position of the symmetric movement and arrangement position, each content has the width of the display area, so the content arrangement position is determined in consideration of the width.
Specifically, as shown in FIG. 4, it is assumed that the main screen 2 is 1000 px in the x direction and 700 px in the y direction, and the image content 13 is arranged in a frame 15 having a size of 25 px and 100 px in the x direction and y direction. Suppose that At this time, the starting point P of the frame 15 is set as the upper left vertex, and its coordinates are set to (x, y) = (10, 10) (FIG. 4A). The frame 16 of the image content 13 on the mirror screen 1 similarly has the upper left vertex as the start point P ′, and the proxy server 3 calculates the x coordinate of P ′ as 1000−10−25 = 965. As a result, the coordinates of P ′ are (x, y) = (965, 10). Due to the mirroring, the shape and size of the frame 16 are the same as those of the frame 15. Further, since the image content 13 is an image, the image is also displayed by being reversed left and right (FIG. 4B). On the other hand, in the case of the character content 14, the frame is calculated in the same manner and only the arrangement position is moved in line symmetry, and the characters in the frame are displayed as they are.
(Embodiment 2)
Next, a method for creating data for a mirror screen in the second embodiment will be described with reference to FIGS.

  In the method for creating data for the mirror screen of the first embodiment, the proxy server 3 automatically sets the mirror screen 1 on the basis of the presence / absence of the attribute indicating that the symmetrical movement is added to the tag of the HTML data 10 on the main screen 2. Although the HTML data 11 has been created, in the mirror screen data creation method of the second embodiment, the proxy server 3 analyzes the tag of the HTML data 10 on the main screen 2 and moves the display position only in line symmetry. Or HTML data 11 of the mirror screen 1 is created by determining whether the content is a line-symmetrically moving screen display in addition to the display position.

  For example, among the contents in the main screen 2, tags of the HTML data 10 relating to contents that need to be moved symmetrically such as the image contents 13 include <img>, <div>, and the like. Here, <img> is a tag representing an image, and <div> is a tag representing an arrangement position of content. On the other hand, the tags of the HTML data 10 related to the content that needs to move only the arrangement position in line symmetry, not the symmetrical movement of the character content 14 or the like among the contents on the main screen 2, include <P>, < H> etc. Here, <P> and <H> are tags representing characters.

  The proxy server 3 analyzes the HTML data 10 of the main screen 2 and identifies whether it is a tag that needs to be moved symmetrically or a tag that needs to move only the arrangement position in line symmetry. . Then, only content related to a tag that needs to be moved symmetrically is subjected to mirroring processing that moves symmetrically in the same manner as in the first embodiment, and for content related to a tag that needs to move only the arrangement position in line symmetry, As in the first embodiment, the mirror screen 1 is created by performing a mirroring process in which only the arrangement position is moved line-symmetrically without performing symmetrical movement.

In this way, the proxy server 3 analyzes the tag of the HTML data 10 on the main screen 2 and is a tag that needs to be moved symmetrically, or a tag that needs to move only the arrangement position in line symmetry. Therefore, the HTML data 11 of the mirror screen 1 can be automatically created, so that the normal screen and the mirror screen can be created efficiently and easily.
(Embodiment 3)
Next, a method for creating data for a mirror screen in the third embodiment will be described with reference to FIGS.

  In the mirror screen data creation method according to the third embodiment, in order to define an exception of automatic discrimination in the mirror screen data creation method according to the second embodiment, as shown in the first embodiment. The attribute of whether or not to move symmetrically is added to some tags as necessary.

  Specifically, as shown in the first embodiment, an attribute indicating that processing is not performed is added to a content tag such as a screen title that does not require symmetrical movement or movement of the arrangement position. Such content can be displayed on the same position and in the same direction on both the main screen 2 and the mirror screen 1. However, in the method for creating data for the mirror screen of the second embodiment, it is recognized by the analysis of the proxy server 3 that only the arrangement position should be moved line-symmetrically as the character content 14. In the mirror screen data creation method according to the third embodiment, an attribute indicating that processing is not performed is added to such a content tag as an exception, as in the first embodiment. As a result, the attribute indicating that the processing is not performed is preferentially applied, and the proxy server 3 does not move the content.

For example, for a <div> tag of content that does not require symmetrical movement or movement of the arrangement position,
<div x-mirror = "false"></div>
And add.

  As a result, the proxy server 3 creates the HTML data 11 of the mirror screen 1 from the HTML data 10 of the main screen 2 without performing a symmetrical movement or a line-symmetrical movement of the arrangement position with respect to the target content.

  In this way, the proxy server 3 analyzes the tag of the HTML data 10 on the main screen 2 and is a tag that needs to be moved symmetrically, or a tag that needs to move only the arrangement position in line symmetry. At the same time, the attribute added to the tag is preferentially applied, and the normal screen and the mirror screen can be created efficiently and easily with higher accuracy.

1 Mirror screen 2 Main screen 3 Proxy server 4 Monitor 5 Monitor 6 Line 7 Device A
8 Device B
9 Device C
10 data 11 data 12 center perpendicular line 13 image content 14 character content 15 frame 16 frame 17 web server

Claims (3)

A method of creating a main screen to be displayed on a first browser and a mirroring screen that is displayed on a second browser and is a symmetric screen of the main screen,
Creating data for a normal screen expressing the normal screen with a markup language for browser expression;
And a step to automatically create a data mirroring screen from the relay server is the positive screen for the data that represents the mirror ring screen in a markup language for the browser representation,
A web server displaying the normal screen on the first browser and the relay server displaying the mirroring screen on the second browser, wherein the mirroring screen displays the image content of the normal screen. are those obtained by symmetrically moving, the character content of the mirroring screen all SANYO is moved symmetrically only position of the positive screen,
The relay server that automatically creates the mirroring screen data from the normal screen data displays each content on the main screen when the contents on the main screen are moved symmetrically or only in the arrangement position thereof. A method for creating a mirroring screen , wherein an arrangement position of each content on the mirroring screen is calculated in consideration of a width of an area . The append an attribute tag of a content to be symmetrical movement of the positive-screen data, the relay server, the attribute according to the mirroring-screen data to the contents of the content of the positive screen is symmetrically moved the mirrored screen The method for creating a mirroring screen according to claim 1, wherein the screen is automatically created.   The relay server analyzes the description of the normal screen data, identifies the content to be moved symmetrically and the content to be moved only symmetrically, and automatically creates mirrored screen data. 3. A method for creating a mirroring screen according to claim 1 or 2.

Images