JP2009031957A - Display panel, screen edition method and screen edition program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a display panel, a screen edition method and a screen edition program, for enabling a user to perform partial layout edition to a simple and arbitrary screen in a user level without having any special knowledge about data processing related with screen display. <P>SOLUTION: This display panel is provided with: an ROM 8 for storing data for display and layout data for display corresponding to a device function by associating those data with each other; a display part 10 for displaying a device function screen based on a fixed HTML sentence generated by a screen generation part 9 by using each data; an operation part 11 for operating the device function by using the device function screen and for editing the layout of the device function screen; and a display control part 12 for displaying the layout edition screen for editing the layout of the device function screen, and for replacing the layout data for display after layout edition with layout data for display before edition, and for generating an HTML sentence suitable for arbitrary display layout. <P>COPYRIGHT: (C)2009,JPO&INPIT

Description

  The present invention relates to a display panel, a screen editing method, and a screen editing program capable of editing a layout of an operation screen for operating a device function.

  2. Description of the Related Art Conventionally, for example, image forming apparatuses such as copiers and multifunction peripherals are well known in which a display panel having a touch panel display screen (display unit) is installed as an operation screen for operating device functions.

  In general, the display panel switches and displays a plurality of types of operation screens on the display screen according to the mode function (device function) of the image forming apparatus.

  Further, the display panel displays touch switch and function recognition figures and characters as screen elements corresponding to the image forming apparatus main body functions (device functions such as modes) on the display screen, and colors, shapes, etc. Is used to facilitate operator recognition.

  Thereby, when the operator operates the display portion as the touch switch function among these figures displayed on the display screen, the device function to be operated can be specified according to the operation.

  The display panel also displays display data corresponding to device function command signals, display screen switching signals, and the like when displaying the above-described touch switch and function recognition figures and characters on the display screen. Displayed using a fixed HTML sentence generated based on display layout data displayed in a predetermined layout on the display screen in a predetermined layout corresponding to the data for use.

  The display data and the display layout data are stored in a ROM (storage unit) together with a control program related to image forming processing in a state of being associated with each other.

  On the other hand, the display on the display screen switched by mode selection or the like is displayed based on, for example, the main screen displayed immediately after the main switch is turned on. Therefore, it depends on the amount of information displayed on the display screen. In general, switch buttons and the like are generally displayed at a certain size.

  Therefore, there has been a problem that it is difficult to operate the display when it is displayed with a small switch button or the like in spite of the small amount of information displayed on the display screen.

  Therefore, when the document data is laid out on the physical page, the minimum character size is detected as the specific data from the document data, the scaling factor for laying out the detected specific data is calculated, and the physical page for the document data is calculated. There is known a technique of displaying on a display screen in a state where conversion based on a scaling factor is performed so that a layout can be made (see, for example, Patent Document 1).

  Further, based on the access request from the user terminal, the basic format screen of the operation screen of the image forming apparatus is displayed on the user terminal, and the operation is performed based on the user input operation using the basic format screen. There is also known a technique capable of editing a screen layout of an image forming apparatus by performing a screen editing process and displaying an editing screen corresponding to a user editing content on a user terminal (see, for example, Patent Document 2).

Further, a browser display data converting means for converting operation screen display data into browser display data in order to display the operation screen display on the host device as a browser, and a format for describing the converted browser display data are simply specified. Simple format conversion means for converting to a format, editing means for editing browser display data based on editing performed by the host device on the browser display data in the converted simple format, and a browser in a simple format after editing There is also known a technique including operation screen conversion means for displaying an operation screen using display data of an operation screen converted based on display data (see, for example, Patent Document 3).
JP 2002-91946 A JP 2003-150971 A JP-A-2005-228106

  However, in the display panel configured as described above, it is not easy to perform partial layout editing on an arbitrary screen at the user level, and the operability cannot be improved.

  In view of the above circumstances, the present invention provides a display panel and a screen that can easily perform partial layout editing on an arbitrary screen at the user level without having expertise in data processing related to screen display. An object is to provide an editing method and a screen editing program.

  The display panel of the present invention includes a storage unit that stores one or more display data and display layout data corresponding to a device function in association with each other, the display data and the display layout according to a device function. A screen generation unit that generates a fixed HTML sentence using the data, a display unit that displays a device function screen based on the fixed HTML sentence generated by the screen generation unit, and the display unit An operation unit for operating a device function using the device function screen and editing a layout of the device function screen, and data for layout editing for editing the layout of the device function screen using the operation unit Based on this, the layout editing screen is displayed on the device function screen and the layout data for display after layout editing is edited. Wherein the replacing of the display layout data includes a display control section for generating an HTML statements adapted to any display layout, the.

  At this time, the layout editing screen is preferably displayed in the immediate vicinity of the display group to be edited on the device function screen.

  In addition, the display control unit generates a dynamic HTML sentence from the layout data for display after layout editing created by the operation unit, and then actually uses the dynamic HTML sentence and the fixed HTML sentence. It is preferable to generate an HTML sentence to be displayed on the display unit.

  Further, the display control unit stores the generated HTML sentence or the dynamic HTML sentence in the storage unit in association with the creator who created the arbitrary display layout data in the operation unit. Is preferred.

  Further, the screen editing method of the present invention includes a fixed HTML statement generation step for generating a fixed HTML statement corresponding to a device function operated by a user, and a device function screen is displayed based on the generated fixed HTML statement. A display step for displaying, a layout edit screen display step for displaying a layout edit screen for editing the layout of the device function screen, a temporary storage step for temporarily storing layout data for display during layout editing, and after layout editing A storage step for storing the display layout data, a dynamic HTML statement generation step for generating a dynamic HTML statement using the display layout information after layout editing, and a dynamic HTML statement instead of a fixed HTML statement New device function screen after layout editing based on generation step Characterized in that it comprises a and edited display step of displaying.

  A screen editing program according to the present invention causes a computer to execute each step recited in claim 4.

  The display panel, the screen editing method, and the screen editing program of the present invention can easily and at the user level by displaying a layout editing screen for layout editing on the device function screen without having expertise in data processing related to screen display. The display area can be used to easily perform partial layout editing for an arbitrary screen, and during normal operation when no layout editing is performed, switch buttons and the like for unnecessary layout editing are not displayed. Can be used effectively.

  Next, a display panel according to an embodiment of the present invention will be described by applying it to an image forming apparatus.

  FIG. 1 is a front view of an image forming apparatus including a display panel according to an embodiment of the present invention, FIG. 2 is an explanatory diagram of a display example on the display panel according to an embodiment of the present invention, and FIG. 4 is an explanatory diagram of another display example in the display panel according to the embodiment, FIG. 4 is an explanatory diagram of still another display example in the display panel according to the embodiment of the present invention, and FIG. 5 is a display according to the embodiment of the present invention. FIG. 6 is an explanatory diagram of a display example during a layout editing operation on the display panel according to the embodiment of the present invention, and FIG. 7 is a display according to the embodiment of the present invention. FIG. 8 is an explanatory diagram of another display example during layout editing operation on the panel, FIG. 8 is an explanatory diagram of a display example immediately before determining layout editing on the display panel according to an embodiment of the present invention, and FIG. 9 is an embodiment of the present invention. Display panel FIG. 10 is an explanatory diagram of an example of a layout editing tag applied to a display panel according to an embodiment of the present invention, and FIG. 11 is an embodiment of the present invention. FIG. 12 is an explanatory diagram of an example of a layout file applied to a display panel according to an embodiment of the present invention, and FIG. 13 is a display according to an embodiment of the present invention. FIG. 14 is a flowchart of a layout editing control routine 1 applied to a display panel according to an embodiment of the present invention, and FIG. 15 is a flowchart of a layout editing control routine 1 applied to a panel. FIG. 16 is a flowchart of the layout editing control routine 3 applied to the display panel, and FIG. 16 shows the display state after layout applied to the display panel according to the embodiment of the invention. Is an explanatory view of a display is shown.

  Referring to FIG. 1, an image forming apparatus (multifunction machine) 1 includes paper cassettes 3 and 4 that can be pulled out from the front of the apparatus main body 2, and an automatic document used when reading a document as various functions of a copying machine, a facsimile, and a scanner. A feeding device (ADF) 5, a touch panel display panel 6, and an operation button group 7 such as a numeric keypad are provided.

  On the display panel 6, an application screen (device function screen) for operation / setting can be displayed.

  At this time, the application screen displayed on the display panel 6 can be subjected to layout editing for each group of function items (for example, type and PC) as one group.

  For example, as shown in FIG. 2, when there is a margin in the display size of the display panel 6 of the image forming apparatus 1 (see the upper part of FIG. 2), a part of the display size of the button switch group or the like is layout edited. (See the lower part of FIG. 2). In addition, as shown in FIG. 3, the application screen displayed on the display panel 6 has a button switch when the display size of the display panel 6 of the image forming apparatus 1 has a margin (see the upper part of FIG. 3). The layout of some display positions of the group or the like can be edited (see the lower part of FIG. 3). The display state shown in the lower part of FIG. 2 and the display state shown in the lower part of FIG. 3 can be combined to edit the display size and the display position. Similarly, as shown in FIG. 4, when the display size of the display panel 6 of the image forming apparatus 1 has a margin (see the upper part of FIG. 4), the display size of a part of the function item (PC) group is displayed. Can be edited (see the lower part of FIG. 4).

  FIG. 5 is a block diagram showing the display of the display panel 6 to which the display method according to the embodiment of the present invention is applied.

  The display panel 6 includes a ROM 8 serving as a storage unit that stores a plurality of display data and display layout data corresponding to a device function (application) in association with each other, display data and display layout corresponding to the device function. A screen generation unit 9 that generates a fixed HTML sentence using the data, a display unit 10 that displays a device function screen based on the fixed HTML sentence generated by the screen generation unit 9, and a display on the display unit 10 An operation unit 11 having a panel switch function for operating a device function by using the device function screen thus created and editing a layout of the device function screen, and for editing a layout of the device function screen by using the operation unit 11 Display layout edit screen on device function screen based on layout editing data and layout Replacing the display layout data after collecting the display layout data before editing a display control unit 12 to generate HTML statements adapted to any display layout, and a control circuit unit 13 for controlling them.

  The control circuit unit 13 generates a fixed HTML sentence corresponding to an operation signal from the operation unit 11 (or the operation button group 7) by the screen generation unit 9, and outputs the fixed HTML sentence to the display unit 10.

  The screen generator 9 generates a fixed HTML sentence by using the Servlet / JSP sentence as display data, and the Servlet / JSP sentence is stored in the ROM 8 for each device function (for each display screen). Further, the screen generation unit 9 generates a fixed HTML sentence with the display data described above using a style sheet as display layout data.

  The display control unit 12 calls the layout editing data stored in the HDD 14 (or the ROM 8), and associates the edited layout editing data with the user information as a layout file and stores it in the HDD 14; Based on the layout editing data acquired by the layout processing unit 15, the layout editing screen HTML statement for displaying the layout editing screen 10 a and the layout editing target screen 10 b shown in FIGS. 6 to 9 is used as a temporary dynamic HTML statement. A dynamic HTML processing unit 16 to be generated, a temporary dynamic HTML statement generated by the dynamic HTML processing unit 16, and an HTML that is actually displayed on the display unit 10 from a fixed HTML sentence using a dynamic HTML sentence to be described later And an HTML server 17 for generating a sentence. The HTML sentence displayed on the display unit 10 in the layout editing process is stored in the RAM 18 as temporary layout data. FIG. 10 shows an example of a layout editing tag for generating a layout editing screen HTML statement for displaying the layout editing target screen 10b. FIG. 11 shows a dynamic layout using the layout editing tag. An example of a dynamic HTML statement generated by the HTML processing unit 16 is shown. When the control circuit unit 13 cannot process the layout edit tag, the layout edit tag is processed as a comment.

  Specifically, the display control unit 12 uses only the fixed HTML sentence generated by the screen generation unit 9 on the display unit 10 as a display screen, and displays the device function screen shown in each upper part of FIGS. indicate. Further, the display control unit 12 uses the fixed HTML statement generated by the screen generation unit 9 and the dynamic HTML statement after layout editing generated by the dynamic HTML processing unit 16 on the display unit 10 as shown in FIG. The device function / selection screen after editing the layout shown in each lower row of FIG. 4 is displayed. Further, during the layout editing operation, the display control unit 12 displays a fixed HTML sentence generated by the screen generation unit 9 and a temporary dynamic HTML sentence for layout editing generated by the dynamic HTML processing unit 16 on the display unit 10. And the layout editing screen 10a shown in the upper part of FIGS. 6 and 7 is displayed on the display unit 10 and the layout editing target screen 10b is displayed to allow the user to perform layout editing. And the layout editing process screen as shown in FIG. 9 is displayed on the device function / selection screen.

  At this time, the ROM 8 stores display data and layout data for generating a fixed HTML sentence for each device function screen by the screen generation unit 9. The ROM 8 stores a control program related to the entire image forming process and a display control program including layout editing according to the present invention. Therefore, the ROM 8 forms a microcomputer with the control circuit unit 13 that executes these programs.

  The HDD 14 also functions as a database related to layout editing according to the present invention. In addition to storing layout editing data, the HDD 14 is a table of edited layout files and user information as owners of the layout files. Stored in association with each other in a format. Note that the layout editing data is not data to be directly edited, and therefore data for each device function screen may be stored in the ROM 8 in advance.

  For example, the RAM 18 stores the HTML sentence corresponding to the current display state on the display unit 10 in the layout editing process shown in FIGS. 8 and 9 as it is or temporarily stores only the dynamic THML sentence, and performs the editing operation. Each time is executed, only the HTML sentence or the dynamic THML sentence corresponding to the current display state is overwritten (stored). Therefore, when layout editing is completed, the HTML or dynamic HTML sentence at the time of confirmation is fed back to the layout processing unit 15 and stored in the HDD 14 as layout data (layout file, see FIG. 12) such as CSS.

  The layout file is represented by a tree structure as shown in FIG. For example, an XML file. The layout file holds the edited layout data for each user. The layout file manages form parts as table cells. As a result, when the installation package includes a layout file, the application copies the layout file to the designated storage device (HDD 14). If the layout file is not included in the installation package, the layout file is created in the designated storage device (HDD 14). The developer can include the created layout file in the product installation package.

  Next, a layout editing example of the present invention will be described with reference to the flowcharts of FIGS. In FIG. 13 to FIG. 15, the following steps are indicated by parenthesized numbers because of the display relationship. The application column in FIGS. 13 to 15 shows processing by the control circuit unit 13.

(Display on display screen)
When a predetermined initial operation such as turning on the main SW (step 1) is performed by the user, the control circuit unit 13 activates an application program related to the image forming process and simultaneously displays, for example, an initial screen on the display unit 10. Start the program to

  In addition, the control circuit unit 13 executes these activations, refers to the query information of the request from the existence of the layout editing tag described above, and is a fixed HTML that becomes a normal mode display screen for the screen generation unit 9. Request a sentence (step 2). If the layout editing tag cannot be identified, the subsequent mode is displayed and the normal mode screen (standard screen only for fixed HTML text) is displayed on the display unit (step 7).

  On the other hand, for example, the display control unit 12 acquires user information stored on an employee ID card or the like from a card reader (not shown) installed in the image forming apparatus 1 (step 3), and a layout whose layout has already been edited in the HDD 14. It is determined whether or not the file exists (step 4). If a layout file whose layout has already been edited exists, a dynamic HTML sentence is generated based on the layout file whose layout has been edited (step 5). An HTML sentence using the dynamic HTML sentence is generated, and a display screen unique to the user (for example, each lower part of FIGS. 2 and 3) is displayed on the display unit 10 (step 7). If there is not, a fixed HTML sentence is created by the screen generator 9 (step 6), and only the fixed HTML sentence is used for communication. Mode screen (standard screen) is displayed on the display unit 10 (step 7).

  Note that switching between the normal mode and the edit mode is performed by the control circuit unit 13 referring to the query information. For example, when the request is “XXXX.html? Mode = edit”, an edit mode screen is displayed. When the request is “XXXX.html? Mode = normal”, the normal mode screen is displayed.

(Layout editing)
At the time of layout editing, when the user performs a layout editing mode selection operation using the operation unit 11 (or the operation button group 7) by the user (step 11), the application relating to the layout editing control of the present invention. Simultaneously with starting the program (AP), the display control unit 12 is notified of switching to the edit mode (step 12).

  Upon receiving this notification, the display control unit 12 displays the layout editing screen 10a as the editing mode screen on the display unit 10 along with the latest editing target (step 13).

  Here, when the user performs a desired editing operation using the operation unit 11 (step 14), the control circuit unit 13 identifies the edited content and notifies the display control unit 12 of the edited content (step 15). .

  Upon receiving this notification, the display control unit 12 temporarily stores the edited content in the RAM 18 via the control circuit unit 13 (step 16), and then the layout editing screen 10a or the layout editing target screen corresponding to the edited content. 10b is displayed on the display unit 10 (step 17).

  Thereafter, the routine from step 14 to step 17 described above is repeated.

(Layout edit registration)
Next, the control circuit unit 13 uses the operation unit 11 (or the operation button group 7) by the user to perform a layout editing mode cancel operation or end operation (for example, pressing an end button on the layout editing screen 10a). Then (step 21), the display control unit 12 is notified of the end of the edit mode (step 22).

  Upon receiving this notification, the display control unit 12 displays a layout saving confirmation screen 10c on the display unit 10 as shown in FIG. 16 (step 23).

  When the save selection operation on the save confirmation screen 10c is performed by the user (step 24), the control circuit unit 13 determines whether the user who selected “Save” (the user who edited the layout) is an existing user. If the user is a new user, the user information is stored in the HDD 14 (step 26), and the existing user or the new user is associated with the user information and the layout is edited. The HTML sentence is stored in the HDD 14 (step 27).

  Further, after the layout editing, the control circuit unit 13 may display the display screen after the layout editing as it is or notify the display control unit 12 of the normal mode screen request to display the normal mode screen once. (Step 28).

  Upon receiving this notification, the display control unit 12 displays the normal mode screen on the display unit 10 (step 29), and ends the series of layout editing modes.

  Thus, according to the display panel 6 of the present invention, it is possible to easily change the usability at the user level by making it possible to arbitrarily edit only a part of an arbitrary device function screen.

  In the above-described embodiment, a switch that allows layout editing of the size of an arbitrary switch button or the like for each user is disclosed. However, for example, a switch that stores an operation history and has a large number of operations on the same display screen. The layout display (for example, size) of the button and the switch button with a small number of operations may be automatically edited, and the edited display layout data may be stored in the HDD 14 regardless of the user unit or the user.

  Thus, in the display panel 2 of the present invention, the layout editing screen 10a for layout editing and the layout editing target screen 10b are used as device function screens without having expertise in data processing relating to screen display. By displaying on the display unit 10 as described above, it is possible to easily perform partial layout editing on an arbitrary device function screen at the user level, and is unnecessary during normal operation without layout editing. Since switch buttons for layout editing are not displayed, the display area can be used effectively.

  In the above embodiment, the display panel, the screen editing method, and the screen editing program of the present invention are applied to the display panel 6 of the image forming apparatus 1. However, it is needless to say that the present invention can be applied to various display panels in general. It is.

1 is a front view of an image forming apparatus including a display panel according to an embodiment of the present invention. It is explanatory drawing of the example of a display in the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the other example of a display in the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the other example of a display in the display panel which concerns on one Embodiment of this invention. It is a block block diagram regarding the display of the display panel to which the display method which concerns on one Embodiment of this invention is applied. FIG. 11 is an explanatory diagram of a display example during a layout editing operation on the display panel according to an embodiment of the present invention. FIG. 32 is an explanatory diagram of another display example during the layout editing operation on the display panel according to the embodiment of the present invention; It is explanatory drawing of the example of a display just before the layout edit decision in the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the other example of a display just before the layout edit decision in the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the example of a layout edit tag applied to the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the example of the dynamic HTML sentence applied to the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the example of a layout file applied to the display panel which concerns on one Embodiment of this invention. It is a flowchart of the layout edit control routine 1 applied to the display panel which concerns on one Embodiment of this invention. It is a flowchart of the layout edit control routine 2 applied to the display panel which concerns on one Embodiment of this invention. It is a flowchart of the layout edit control routine 3 applied to the display panel which concerns on one Embodiment of this invention. It is explanatory drawing of the preservation | save selection screen of the display state after the layout applied to the display panel which concerns on one Embodiment of this invention.

Explanation of symbols

6 ... Display panel 8 ... ROM
DESCRIPTION OF SYMBOLS 9 ... Screen generation part 10 ... Display part 11 ... Operation part 12 ... Display control part

Claims (6)

  Fixed using one or more display data corresponding to the device function and display layout data in association with each other, and the display data and the display layout data corresponding to the device function. A screen generation unit for generating a static HTML sentence, a display unit for displaying a device function screen based on the fixed HTML sentence generated by the screen generation unit, and the device function screen displayed on the display unit Operating the device function and editing the layout of the device function screen, and editing the layout editing screen based on the layout editing data for editing the layout of the device function screen using the operation unit. Display on the device function screen and display layout data after layout editing for the display layout data before editing. Display panel characterized by comprising a display control unit that generates HTML statements adapted to any display layout by replacing the data.   The display panel according to claim 1, wherein the layout editing screen is displayed immediately near a display group to be edited on the device function screen.   The display control unit generates a dynamic HTML sentence from display layout data after layout editing created by the operation unit, and then the display unit actually uses the dynamic HTML sentence and the fixed HTML sentence. The display panel according to claim 1, wherein an HTML sentence to be displayed is generated.   The display control unit stores the generated HTML sentence or the dynamic HTML sentence in the storage unit in association with the creator who created the arbitrary display layout data in the operation unit. The display panel according to any one of claims 1 to 3.   Fixed HTML statement generation step for generating a fixed HTML statement corresponding to a device function operated by the user, a display step for displaying a device function screen based on the generated fixed HTML statement, and a layout of the device function screen Layout editing screen display step for displaying a layout editing screen for editing, temporary storage step for temporarily storing display layout data during layout editing, and storage step for storing layout data for display after layout editing And a dynamic HTML sentence generation step for generating a dynamic HTML sentence using the layout information for display after layout editing, and a new after the layout editing based on the dynamic HTML sentence generation step instead of the fixed HTML sentence A post-editing display step that displays the device function screen, Screen editing method, characterized in that it comprises.   A screen editing program for causing a computer to execute each step according to claim 5.

Images