JP2014197255A - Edition device, terminal equipment, edition method and program - Google Patents

Abstract

The display information is edited while viewing the display information after the application of the editing content, while eliminating the need for a visual menu and buttons.
An editing device changes a value of an item related to a layout of a display element, which is a constituent element of display information, based on a gesture input made on a touch panel of a terminal device 30-1 to 30-N, Each time the value of the item relating to the layout of the display element is changed, information indicating the change is output to the display device 10.
[Selection] Figure 1

Description

  The present invention relates to an editing device, a terminal device, an editing method, and a program for editing display information.

  When editing display information to be displayed on a display device such as a web page or a document file, there is a method of arranging display elements such as character strings and images in accordance with a predetermined template (for example, see Non-Patent Document 1). ). As another method for editing the display information, a method called WYSIWYG (What you see what you get) is a method of simultaneously editing and displaying the display information and applying the edited contents to the display immediately (for example, non-patented). There are methods for directly editing display information configuration information (for example, an HTML (HyperText Markup Language) document or a CSS (Cascading Style Sheets) file).

“Survey research on the actual state of blogs—estimating the amount of blog content and analyzing blog opening factors”, [online], Ministry of Internal Affairs and Communications, Information and Communication Policy Research Institute, [March 20, 2013 search], Internet <URL: http: // www. soumu. go. jp / iicp / chousakenyu / data / research / survey / telecom / 2009 / 2009-02. pdf> “Adobe InDesign CS6”, [online], Adobe Systems, [March 20, 2013 search], Internet <URL: http: // www. Adobe. com / jp / products / inddesign. html>

However, the method using a template as described in Non-Patent Document 1 has a problem that the layout cannot be changed flexibly. On the other hand, in the method by WYSIWYG as described in Non-Patent Document 2, the layout can be changed flexibly, but the number of visual menus and buttons becomes enormous and it is difficult to find the necessary functions. There is a problem that there is. Further, the method of directly editing configuration information such as an HTML document or a CSS file has a problem that advanced knowledge about the configuration information is required.
An object of the present invention is to provide an editing device, a terminal device, an editing method, and a program that solve the above-described problems.

  The present invention has been made to solve the above problems, and based on a gesture input made on a touchpad, a display element that is a component of display information and a plurality of items related to the layout of the display element. A selection unit that selects one display element from a display element storage unit that associates and stores a value, and the selection based on a gesture input made to the touchpad after the selection unit selects a display element. A change unit that changes a value of an item related to the layout associated with the display element selected by the unit, a display information generation unit that generates display information based on the display element stored in the display element storage unit, and the display information The display information generated by the generation unit is output to the display device, and whenever the value of the item related to the layout of the display element is changed by the change unit, Characterized in that it comprises a display control unit for outputting information indicating the change to the display device.

  In the present invention, it is preferable that the change unit determines which value of the items related to the layout to be changed, according to the type of gesture input made to the touchpad. .

  The present invention is also a display information editing method using an editing device, wherein the display information generation unit of the editing device includes a plurality of items relating to a display element that is a component of the display information and a layout of the display element. Generating display information based on display elements stored in a display element storage unit that stores the values of the display device in association with each other, and the display control unit of the editing device displays the display information generated by the display information generation unit as a display device. A selection unit of the editing device, a step of selecting one display element from the display element storage unit based on a gesture input made to the touch pad, and a changing unit of the editing device. After the selection unit selects a display element, based on a gesture input made to the touchpad, before the selection unit is associated with the selected display element. A step of changing a value of an item related to the layout; and a step of outputting information indicating the change to the display device each time the value of the item related to the layout is changed by the changing unit. It is characterized by that.

  The present invention also provides a display in which a computer stores a display element, which is a component of display information, and values of a plurality of items related to the layout of the display element in association with each other based on a gesture input made on the touch pad. A selection unit that selects one display element from an element storage unit, and after the selection unit selects a display element, the selection unit is associated with the selected display element based on a gesture input made to the touchpad. A display unit that generates display information based on a display element stored in the display element storage unit, and a display information generated by the display information generation unit. Whenever the value of the item related to the layout of the display element is changed by the changing unit, the change is indicated on the display device. Is a program for functioning as a display control unit for outputting a broadcast.

  In addition, the present invention is a terminal device including a touch pad, and based on the type of gesture input made on the touch pad, the gesture input is a display element that is a component of display information, and the display element The display element storage unit that associates and stores the values of a plurality of items related to the layout is an operation of selecting one display element from the display elements stored, or the item related to the layout associated with the display element An operation determination unit that determines whether the operation is a value change operation is provided.

  In the present invention, a candidate storage unit that stores information that can be the display element, and information stored in the candidate storage unit in response to a gesture input made on the touchpad is stored in the display element storage unit. It is preferable to provide a display element registration unit for registration.

  Further, according to the present invention, a computer of a terminal device including a touch pad is configured to display a display element that is a constituent element of display information and a display element based on a type of gesture input performed on the touch pad. The operation of selecting one display element from the display elements stored in the display element storage unit that stores the values of a plurality of items related to the layout in association with each other, or the value of the item related to the layout associated with the display element It is a program for functioning as an operation determination part which determines whether it is operation which changes.

  According to the present invention, the value of the item related to the layout of the display element is changed based on the gesture made on the touch pad. As a result, it is possible to edit the display information while viewing the display information after the editing content is applied, while eliminating the need for a visual menu and buttons.

It is the schematic which shows the structure of the edit system which concerns on one Embodiment of this invention. It is a schematic block diagram which shows the structure of the editing system which concerns on one Embodiment of this invention. It is an example of the screen which the display part of a terminal device displays on a touch panel. It is a flowchart which shows operation | movement of the terminal device which concerns on one Embodiment of this invention. It is a flowchart which shows operation | movement of the editing apparatus which concerns on one Embodiment of this invention. It is a flowchart which shows operation | movement of the display apparatus which concerns on one Embodiment of this invention.

Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.
FIG. 1 is a schematic diagram showing a configuration of an editing system according to an embodiment of the present invention.
The editing system is a system that allows a plurality of editors to simultaneously edit display information such as an HTML document or a PDF (Portable Document Format) document. In the present embodiment, a case where the editing system edits an HTML document will be described. The editing system includes a display device 10, an editing device 20, and terminal devices 30-1 to 30 -N (hereinafter, collectively referred to as terminal devices 30) owned by the editor. The display device 10, the editing device 20, and the terminal device 30 are connected to each other via a network.

The display device 10 is a device that has a display and displays an HTML document stored in the editing device 20 on the display. As the display device 10, for example, a PC (Personal Computer) monitor, TV (Television), or the like can be used.
The editing device 20 is a device that stores an HTML document and edits the HTML document based on information received from the terminal device 30. As the editing device 20, for example, a PC or a set top box can be used.
The terminal device 30 has a touch panel, and transmits information for editing an HTML document to the editing device 20 by a gesture input made on the touch panel. The touch panel is a user interface that includes a display and a touch pad provided on the surface of the display.
As the terminal device 30, a smart phone, a tablet terminal, etc. can be used, for example.

FIG. 2 is a schematic block diagram showing the configuration of the editing system according to one embodiment of the present invention.
The display device 10 includes a communication unit 11, a browser unit 12, and a display unit 13.
The communication unit 11 communicates with the editing apparatus 20 and receives an HTML document, a cursor image display instruction, and an HTML document change instruction.
The browser unit 12 reads the HTML document received by the communication unit 11 and generates screen information to be displayed on the display. The browser unit 12 also establishes a connection path with the editing device 20 such as WebSocket based on the script embedded in the HTML document, and displays the cursor image received by the communication unit 11 via the connection path. And the change instruction of the HTML document is read, and the screen information is rewritten.
The display unit 13 displays the screen information generated by the browser unit 12 on the display.

  The editing device 20 includes a display element storage unit 21, a display information generation unit 22, a communication unit 23, a selection unit 24, a change unit 25, a display control unit 26, and an identification information display control unit 27.

  The display element storage unit 21 stores a display element, which is a component of the HTML document, and values of a plurality of items related to the layout of the display element in association with each other. Here, the items related to the layout include, for example, the X coordinate, Y coordinate, width, height, rotation angle, and the like of the display element. Specifically, the display element storage unit 21 stores a display element, an HTML document that refers to the display element, and a CSS file that stores values of a plurality of items relating to the layout of each display element of the HTML document. To do.

  The display information generation unit 22 generates an HTML document and a CSS file based on the information stored in the display element storage unit 21 and the change result by the change unit 25, and the generated HTML document and CSS file are displayed on the display element storage unit 21. To record. For example, the display information generation unit 22 specifies an absolute arrangement (position: absolute) in the CSS file, and sets values of a plurality of items (top, left, width, height, transform: rotate, etc.) regarding the layout of each display element. The rewriting is performed based on the change result by the changing unit 25. As described above, a script for establishing a connection path between the display device 10 and the editing device 20 such as WebSocket is embedded in the HTML document.

The communication unit 23 communicates with the terminal device 30 and receives operation information from the terminal device 30. The communication unit 23 transmits to the display device 10 an HTML document stored in the display element storage unit 21, a cursor image display instruction, and an HTML document change instruction.
The selection unit 24 selects a display element for each terminal device 30 from the editing element storage unit based on the operation information received from the terminal device 30 by the communication unit 11.
The changing unit 25 changes the value of the item related to the layout of the display element selected by the selection unit 24 based on the operation information received from the terminal device 30 by the communication unit 11.

  In response to a request from the display device 10, the display control unit 26 transmits the HTML document generated by the display information generation unit 22 to the display device 10 via the communication unit 23. The display control unit 26 transmits a cursor image display instruction specific to each terminal device 30 to the display device 10 via the communication unit 23 every time the display unit is selected by the selection unit 24. The display control unit 26 transmits an HTML document change instruction to the display device 10 via the communication unit 23 every time the value of the item related to the layout of the display element is changed by the changing unit 25.

  The identification information display control unit 27 outputs cursor identification information for identifying a cursor image unique to the terminal device 30 to the terminal device 30. In the present embodiment, since a cursor image in which a different color is used for each terminal device 30 is used as a cursor image specific to the terminal device 30, the identification information display control unit 27 has a color specific to the terminal device 30 as cursor identification information. The information indicating is output.

The terminal device 30 includes an operation determination unit 31, a data storage unit 32 (candidate storage unit), a display element input / output unit 33 (display element registration unit), a communication unit 34, and a display unit 35.
The operation determination unit 31 determines the type of operation based on the gesture input made on the touch panel, and generates operation information indicating the type of operation. Examples of the gesture input include single tap input, double tap input, hold input, flick input, swipe input, two-finger swipe input, pinch-in input, and pinch-out input.

  Single tap input refers to an operation in which the time from touching the touch panel to release is shorter than the hold determination time (for example, 1 second), and the touch coordinates and the release coordinates are substantially the same. Double tap input refers to an operation in which the time between two consecutive single tap inputs is within a double tap determination time (for example, 1 second). The hold input is an operation of touching the touch panel and holding the finger at the same touch coordinates for the hold determination time or longer. The flick input is an operation in which the touch coordinates and the release coordinates are different and the time that the finger stays at the release coordinates is shorter than the flick determination threshold (for example, 100 milliseconds). The swipe input is an operation in which the touch coordinates are different from the release coordinates, and the time that the finger stays at the release coordinates is longer than the flick determination threshold. Two-finger swipe input refers to an operation of performing swipe input in the same direction with two fingers substantially simultaneously. Pinch-in input refers to an operation of touching two points on the touch panel and bringing the two points close to each other. Pinch-out input refers to an operation of touching two points on the touch panel and separating the two points.

  In the present embodiment, an operation corresponding to the button displayed at the coordinates where the tap is detected is assigned as the type of operation for the single tap input. In addition, an operation for changing the display element to be selected is assigned as the type of operation for the double tap input. In addition, an operation for rotating the display element according to the inclination of the terminal device 30 during the hold input is assigned as the type of operation for the hold input. Further, as the type of operation for flick input / swipe input, an operation for moving the display element is assigned according to the speed of flick or the length of swipe. Further, an operation for reducing the display element is assigned as the type of operation for the pinch-in input. In addition, an operation for enlarging the display element is assigned as the type of operation for the pinch-out input. Further, when the display element is a web page, an operation for scrolling the web page is assigned as the type of operation for the two-finger swipe input.

The data storage unit 32 stores data (for example, images and videos) collected by the editor by operating the terminal device 30. The data stored in the data storage unit 32 is information as display element candidates, and can be referred to by application software.
The display element input / output unit 33 outputs the data stored in the data storage unit 32 to the editing device 20 via the communication unit 34. Further, the display element input / output unit 33 acquires a display element from the editing apparatus 20 via the communication unit 34 and records the display element in the data storage unit 32.
The communication unit 34 transmits the operation instruction determined by the operation determination unit 31 and the display element candidates specified by the display element input / output unit 33 to the editing device 20. In addition, the communication unit 34 receives cursor identification information and display elements from the editing device 20.
The display unit 35 displays the color of the cursor assigned to the terminal itself on the touch panel according to the cursor identification information received from the editing device 20 via the communication unit 34.

Here, the example of the screen which the display part 35 displays on a touch panel is shown.
FIG. 3 is an example of a screen that the display unit 35 displays on the touch panel.
The display unit 35 displays a Get Data button, a Delete Data button, a Web button, a Camera button, a Gallery button, a Paint button, and a cursor color display area on the touch panel.

When a tap operation is performed on the Get Data button, the operation determination unit 31 determines that the operation indicates a display element download operation.
When a tap operation is performed on the Delete Data button, the operation determination unit 31 determines that the operation indicates a display element deletion operation.
When a tap operation is performed on the web button, the operation determination unit 31 determines that the operation indicates an addition operation of the web page, and the display unit 35 displays the input screen of the web page URI on the touch panel. The input URI is transmitted to the editing apparatus 20 as a display element. Note that the Web page addition operation is not limited to this. For example, a browser application may be activated when a web button is tapped, and the URI may be transmitted to the editing device 20 using the browser application. Specifically, the editor browses a Web page using a browser application, and performs a predetermined operation (for example, tapping a button) when a Web page to be added as a display element is displayed. As a result, the operation determination unit 31 specifies the URI of the Web page displayed by the browser application when the operation is accepted, and the communication unit 34 transmits the URI to the editing device 20. If the display element selected by the terminal device 30 is a Web page when the Web button is tapped, the communication unit 34 instructs the editing apparatus 20 to change the URI referred to by the display element. You may send it.
When a tap operation is performed on the Camera button, the operation determination unit 31 determines that the operation indicates an operation for adding a captured image, and the display unit 35 displays a camera application on the touch panel and performs imaging using the camera application. The processed image is transmitted to the editing apparatus 20 as a display element.
When a tap operation is performed on the Gallery button, the operation determination unit 31 determines that the operation indicates an image addition operation, and the display unit 35 displays data stored in the data storage unit 32 on the touch panel. The data selected from the images stored in the data storage unit 32 is transmitted to the editing apparatus 20 as a display element.
When a tap operation is performed on the Paint button, the operation determination unit 31 determines that the operation indicates an operation for adding a hand-drawn image, and the display unit 35 causes the paint application to be displayed on the touch panel, which is generated by the paint application. This is an area in which the processed image is transmitted to the editing apparatus 20 as a display element.
The cursor color display area displays the color indicated by the cursor identification information received by the communication unit 34.

Next, the operation of the editing system according to this embodiment will be described. First, operation | movement of the terminal device 30 which concerns on this embodiment is demonstrated.
FIG. 4 is a flowchart showing the operation of the terminal device 30 according to an embodiment of the present invention.
When the terminal device 30 starts editing an HTML document, the communication unit 34 first accesses the editing device 20 (step S101). When receiving the access from the terminal device 30, the editing device 20 assigns a unique color to the terminal device 30 and transmits cursor identification information indicating the color. When the communication unit 34 of the terminal device 30 receives the cursor identification information from the editing device 20 (step S102), the display unit 35 displays the color indicated by the cursor identification information in the cursor color display area of the touch panel (step S103). ).

Next, the operation determination part 31 determines whether the gesture input with respect to the touch panel was received (step S104). If it is determined that there is no gesture input (step S104: NO), the operation determination unit 31 repeats the determination in step S104 until a gesture input is detected.
On the other hand, if it is determined that the gesture input to the touch panel has been received (step S104: YES), the operation determination unit 31 specifies the type of the gesture input and generates operation information corresponding to the type (step S105). Next, the communication unit 34 transmits the operation information generated by the operation determination unit 31 to the editing device 20 (step S106).

  Here, the display element input / output unit 33 determines whether or not the operation information generated by the operation determination unit 31 indicates downloading of the display element (step S107). When the operation information indicates download (step S107: YES), the display element input / output unit 33 waits for reception of the display element from the editing device 20. When receiving the display element from the editing device 20 via the communication unit 34, the display element input / output unit 33 records the display element in the data storage unit 32 (step S108).

  On the other hand, when the operation information indicates an operation other than downloading (step S107: NO), or when the display element is received from the editing device 20 and recorded in the data storage unit 32, the terminal device 30 is operated by the editor. It is determined whether or not a processing end request has been received by interrupt processing (step S109). If the terminal device 30 determines that it has not received the process termination request (step S109: NO), the terminal device 30 returns to step S104 and continues to accept the gesture input. On the other hand, if the terminal device 30 determines that a processing end request has been received (step S109: YES), the terminal device 30 ends this processing.

Next, the operation of the editing apparatus 20 according to this embodiment will be described.
FIG. 5 is a flowchart showing the operation of the editing apparatus 20 according to an embodiment of the present invention.
First, the communication unit 23 of the editing device 20 is connected to the display device 10 and receives an HTML document request (step S201). Next, the display control unit 26 reads the HTML document and the data referred to by the HTML document from the display element storage unit 21, and transmits the data to the display device 10 via the communication unit 23 (step S202).

  In addition, the communication unit 23 receives access from the terminal device 30 and establishes a connection with the terminal device 30 (step S203). Next, the identification information display control unit 27 determines a color specific to the terminal device 30, and transmits cursor identification information indicating the color to the terminal device 30 via the communication unit 23 (step S204). The selection unit 24 selects one display element for the terminal device 30, and the display control unit 26 superimposes the cursor of the color determined by the identification information display control unit 27 on the display element selected by the selection unit 24. The cursor display instruction to be displayed is transmitted to the display device 10 (step S205).

Next, the communication unit 23 determines whether operation information has been received from the terminal device 30 (step S206). When determining that the operation information is not received (step S206: NO), the communication unit 23 repeats the determination in step S206 until the operation information is received.
On the other hand, when it determines with having received operation information (step S206: YES), the communication part 23 specifies the operation content which the said operation information shows (step S207).

When the communication unit 23 determines that the operation content indicates upload of the display element (step S207: upload), the communication unit 23 records the data received by the communication unit 23 together with the operation information in the display element storage unit 21 as a display element ( Step S208).
Further, when the communication unit 23 determines that the operation content indicates downloading of the display element (step S207: download), the communication unit 23 acquires the display element selected by the selection unit 24 from the display element storage unit 21, and the terminal device 30. (Step S209).

When the communication unit 23 determines that the operation content indicates selection of a display element (step S207: selection), the selection unit 24 refers to the display element storage unit 21 and follows the display element selected in step S205. Specify the display element of. Here, the next display element is, for example, the display element indicated by the tag next to the tag that refers to the display element currently selected in the HTML document. At this time, the selection unit 24 may select the same display element for different terminal devices 30.
Then, the selection unit 24 selects the specified display element (step S210), and the display control unit 26 displays a display instruction for moving the cursor displayed in step S205 to the display element selected by the selection unit 24. It transmits to the apparatus 10 (step S211). As a result, the cursor can be placed on the newly selected display element on the display device 10. At this time, if the selection unit 24 selects the same display element for the different terminal devices 30 in step S210, the display control unit 26 superimposes the display elements on the display elements and displays the cursor image specific to each terminal device 30 in a rotation number. An instruction to display (for example, every second) is transmitted to the display device 10.

  Further, when the communication unit 23 determines that the operation content indicates a change in the value of the item relating to the layout of the display element (step S207: change), the change unit 25 changes the item to be changed and the amount to be changed from the operation information. Are identified (step S212). Next, the display control unit 26 gives a change instruction for changing the value of the item specified by the changing unit 25 by the specified amount to the display device 10 via the communication unit 23 for the display element selected by the selecting unit 24. Transmit (step S213). Thereby, the display device 10 can display the HTML document in which the values of the items related to the layout are changed. The display information generation unit 22 generates an HTML document and a CSS file in which the value of the item specified by the change unit 25 is changed by the specified amount for the display element selected by the selection unit 24, and the display element storage unit 21 is overwritten and recorded (step S214). At this time, when the operation information received by the communication unit 23 indicates the deletion of the display element, the display information generation unit 22 records the HTML document and the CSS file and displays the display element selected by the selection unit 24 as the display element. Delete from the storage unit 21.

  When the processing of step S208, step S209, step S211 or step S214 is completed, the editing apparatus 20 determines whether or not a processing end request has been received by the editor's operation or interruption processing (step S215). If the editing device 20 determines that it has not received a processing end request (step S215: NO), the editing device 20 returns to step S206 and continues to receive operation information. On the other hand, if the editing device 20 determines that a processing end request has been received (step S215: YES), the editing device 20 ends this processing.

Next, the operation of the display device 10 according to the present embodiment will be described.
FIG. 6 is a flowchart showing the operation of the display device 10 according to an embodiment of the present invention.
First, the communication unit 11 of the display device 10 receives an input of a URL from the editor and transmits an HTML document request to the editing device 20 (step S301). Next, the communication unit 11 receives an HTML document and data referred to by the HTML document from the editing device 20 (step S302). Next, the browser unit 12 generates screen information by analyzing the HTML document and the CSS file, and the display unit 13 displays the screen information on a display. At this time, since the script for establishing the connection path with the editing apparatus 20 such as WebSocket is embedded in the HTML document as described above, the browser unit 12 communicates with the editing apparatus 20 based on the script. Establish a connection path.

  Next, the communication unit 11 determines whether or not a cursor display instruction or a display element change instruction is received from the editing apparatus 20 via the connection path (step S303). If no display instruction or change instruction is received (step S303: NO), the communication unit 11 repeatedly executes the determination in step S303. On the other hand, when the communication unit 11 receives a display instruction or a change instruction (step S303: YES), the browser unit 12 updates the HTML document according to the received instruction, analyzes the HTML document, and generates screen information. (Step S304). The display unit 13 displays the screen information on the display. Thereby, when the display element to be selected is changed, when the layout of the display element is changed, or when a new terminal device 30 is added to the editing, the screen information displayed on the display can be updated. .

  Next, the display device 10 determines whether or not a processing end request has been received by an editor's operation or interruption processing (step S305). If the display device 10 determines that it has not accepted the processing termination request (step S305: NO), the display device 10 returns to step S303 and continues to receive the display instruction or the change instruction. On the other hand, if the display device 10 determines that a processing end request has been received (step S305: YES), this processing ends.

  As described above, according to the present embodiment, the editing device 20 changes the value of the item related to the layout of the display element based on the gesture input made on the touch panel of the terminal device 30, and sets the item related to the layout of the display element. Each time the value is changed, information indicating the change is output to the display device 10. As a result, it is possible to edit the display information while viewing the display information after the editing content is applied, while eliminating the need for a visual menu and buttons.

  Further, according to the present embodiment, the editing apparatus 20 determines which of the items related to the layout to change according to the type of gesture input made on the touch panel of the terminal device 30. . Thereby, the editor can change the value of the item regarding the layout of a display element, without confirming the screen of a touch panel.

  Further, according to the present embodiment, when the editing device 20 accepts editing from a plurality of terminal devices 30, the editing device 20 superimposes a cursor image unique to the terminal device 30 on a display element selected in association with the terminal device 30. To display. Thereby, even when there are a plurality of editors, each editor can specify which cursor indicates his / her terminal device 30.

  Also, according to the present embodiment, when the same display element is selected for different terminal devices 30, the editing device 20 causes the terminal device 30 to display a cursor image that is unique to the terminal device 30 by being superimposed on the display element. Thereby, even when a plurality of terminal devices 30 edit the same display element, each editor can specify which cursor indicates his / her terminal device 30.

  In addition, according to the present embodiment, the editing device 20 displays information for identifying a cursor image unique to the terminal device 30 on the touch panel of the terminal device 30. Thereby, each editor can specify which cursor indicates his / her terminal device 30.

As described above, the embodiment of the present invention has been described in detail with reference to the drawings. However, the specific configuration is not limited to the above, and various design changes and the like can be made without departing from the scope of the present invention. It is possible to
For example, in the present embodiment, the case where the color of the cursor image is used as the cursor identification information has been described, but the present invention is not limited to this. For example, when the editing device 20 can acquire SNS (Social Networking Service) login information recorded in the terminal device 30, the editing device 20 may acquire the editor's icon from the SNS and use the icon for the cursor image. good. In this case, since the editor knows his / her icon in advance, the cursor operated by the editor can be specified without depending on the display on the touch panel. Therefore, when using an icon or the like acquired from SNS as a cursor image, the editing device 20 does not have to send cursor identification information to the terminal device 30.

  Moreover, although this embodiment demonstrated the case where the terminal device 30 was provided with the touch panel, it is not restricted to this, The terminal device 30 is provided with a touchpad and may not be provided with a display. Moreover, the terminal device 30 may be provided with a physical button instead of the button displayed on the touch panel shown in FIG.

  In this embodiment, an operation corresponding to a button is assigned to a single tap input, an operation to change a display element is assigned to a double tap input, an operation to rotate the display element is assigned to a hold input, and a flick input / swipe input is assigned. In the above description, the operation of moving the display element is assigned, the enlargement / reduction operation is assigned to the pinch-in input / pinch-out input, and the scroll operation of the web page is assigned to the two-finger swipe input. A combination of gesture input and operation content may be used.

  In the present embodiment, the case where an HTML document is used as display information has been described. However, the present invention is not limited to this, and a PDF file or other display information may be used.

  Moreover, although this embodiment demonstrated the case where the display apparatus 10 and the editing apparatus 20 were provided separately, it is not restricted to this, You may provide these as an integrated apparatus.

  Moreover, although this embodiment demonstrated the case where the editing apparatus 20 received the edit from the several terminal device 30, it is not restricted to this, Even if the editing apparatus 20 connects with only one terminal device 30. good. In this case, since there is only one cursor, the editor can specify the cursor that he / she operates regardless of the color of the cursor. Therefore, when the editing device 20 is connected to only one terminal device 30, the editing device 20 does not have to send cursor identification information to the terminal device 30.

  The display device 10, the editing device 20, and the terminal device 30 described above have a computer system inside. The operation of each processing unit described above is stored in a computer-readable recording medium in the form of a program, and the above processing is performed by the computer reading and executing this program. Here, the computer-readable recording medium means a magnetic disk, a magneto-optical disk, a CD-ROM, a DVD-ROM, a semiconductor memory, or the like. Alternatively, the computer program may be distributed to the computer via a communication line, and the computer that has received the distribution may execute the program.

  The program may be for realizing a part of the functions described above. Furthermore, what can implement | achieve the function mentioned above in combination with the program already recorded on the computer system, and what is called a difference file (difference program) may be sufficient.

  DESCRIPTION OF SYMBOLS 10 ... Display apparatus 11 ... Communication part 12 ... Browser part 13 ... Display part 20 ... Editing apparatus 21 ... Display element memory | storage part 22 ... Display information generation part 23 ... Communication part 24 ... Selection part 25 ... Change part 26 ... Display control part 27 ... Identification information display control unit 30 ... Terminal device 31 ... Operation determination unit 32 ... Data storage unit 33 ... Display element input / output unit 34 ... Communication unit 35 ... Display unit

Claims (7)

Based on the gesture input made on the touchpad, one display element is stored from the display element storage unit that stores the display element that is a component of the display information and the values of a plurality of items related to the layout of the display element in association with each other. A selection section to select;
A change unit that changes a value of an item related to the layout associated with the display element selected by the selection unit based on a gesture input made to the touch pad after the selection unit selects a display element;
A display information generation unit that generates display information based on display elements stored in the display element storage unit;
Display that outputs the display information generated by the display information generation unit to a display device, and outputs information indicating the change to the display device each time the value of an item related to the layout of the display element is changed by the change unit An editing device comprising: a control unit. The said change part determines which value of the item among the items regarding the said layout is changed according to the kind of gesture input made with respect to the said touchpad. Editing device. A display information editing method using an editing device,
The display information generation unit of the editing device is based on display elements stored in a display element storage unit that stores display elements that are constituent elements of the display information in association with values of a plurality of items related to the layout of the display elements. Generating display information;
The display control unit of the editing device outputs the display information generated by the display information generation unit to a display device;
The selection unit of the editing device selects one display element from the display element storage unit based on a gesture input made on the touchpad;
The change unit of the editing device is configured to display items related to the layout associated with the display element selected by the selection unit based on a gesture input made to the touch pad after the selection unit selects a display element. Changing the value;
The display control unit includes a step of outputting information indicating the change to the display device each time the value of the item related to the layout is changed by the change unit. Computer
Based on the gesture input made on the touchpad, one display element is stored from the display element storage unit that stores the display element that is a component of the display information and the values of a plurality of items related to the layout of the display element in association with each other. Selection part to select,
A change unit that changes a value of an item related to the layout associated with the display element selected by the selection unit based on a gesture input made to the touch pad after the selection unit selects a display element;
A display information generation unit that generates display information based on display elements stored in the display element storage unit;
Display that outputs the display information generated by the display information generation unit to a display device, and outputs information indicating the change to the display device each time the value of an item related to the layout of the display element is changed by the change unit Program to function as a control unit. A terminal device comprising a touchpad,
Based on the type of gesture input made on the touchpad, the gesture input stores a display element that is a constituent element of display information in association with values of a plurality of items related to the layout of the display element. An operation determination unit that determines whether the operation is to select one display element from the display elements stored in the storage unit or to change the value of the item related to the layout associated with the display element. A terminal device characterized by that. A candidate storage unit that stores information that can be the display element;
The terminal according to claim 5, further comprising: a display element registration unit that registers information stored in the candidate storage unit in the display element storage unit in response to a gesture input made on the touch pad. apparatus. A terminal computer equipped with a touchpad,
Based on the type of gesture input made to the touchpad, the display element storage stores the display element, which is a constituent element of the display information, and the values of a plurality of items related to the layout of the display element in association with each other. Function as an operation determination unit that determines whether the operation is to select one display element from the display elements stored in the unit or to change the value of the item related to the layout associated with the display element. Program for.

Images