JP5919897B2 - Display control apparatus, display control method, and program - Google Patents

Description

  The present invention relates to a display control device, a display control method, and a program.

  A conventional web browser is mounted on a device having a different display screen size, such as a PC, a smartphone, or a tablet terminal, and displays a web page on the display screen of each device. The window size (screen size) of the web page displayed on the display screen of the PC by the web browser can be changed by a user operation. In addition, the font size of characters included in the Web page is set to various values according to the type of the Web browser, and the setting can be changed by a user operation.

  Thus, since the layout of the Web page is changed according to the display environment (display screen size), there is a possibility that a Web page having a layout not intended by the Web page creator is provided to the user. For this reason, it is desired to create a Web page so that a Web page having a layout intended by the Web page creator is displayed without depending on the display environment.

  As techniques for creating Web pages that look the same regardless of the display environment, layout methods such as “fixed width layout” and “liquid layout” are known. In addition, when displaying a web page created for a PC on a display screen having a relatively small screen size, such as a display screen of a smartphone or tablet terminal, the entire web page for the PC is reduced, and after the reduction A technique for displaying the Web page is known.

  However, in the fixed-width layout, when the screen size of the web page is smaller than the screen size assumed by the web page creator, the vertical and horizontal scroll bars are displayed, and the usability is remarkably deteriorated. there were.

  In the liquid layout, the size of the arrangement area for text, icons, etc. is changed according to the screen size. For this reason, there is a problem that a Web page having a layout intended by the Web page creator may not be displayed.

  In addition, when the entire page is reduced because it does not fit on the browser screen, characters, icons, and the like become small, and there is a problem that it is difficult for the user to read characters and to press buttons.

  In a portable device such as a smartphone, a web page with poor operability and visibility may be displayed, such as a web page generated by the layout method as described above or a web page in which the entire page is reduced. is there. In this case, it is common to display on the display screen the part that the user wants to see and the part that he / she wants to operate by an enlargement operation or a scrolling operation by the user.

  However, for example, when displaying a Web page on the operation display panel of a printer, it is not preferable to request a user operation similar to a smartphone or the like, and it is desirable to display a Web page with excellent operability and visibility. ing.

  On the other hand, for example, in Patent Document 1, when a Web page stored in a server outside the device is displayed on a Web browser of the operation display panel for the purpose of displaying a Web page for PC on the operation display panel. , HTML (HyperText Markup Language), CSS (Cascading Style Sheet), and JavaScript (registered trademark) are dynamically generated so that the web page can be analyzed and displayed on the operation display panel. Techniques to do this are disclosed.

  In an apparatus having a device configuration such as an MFP (Multifunction Peripheral) operation panel, an operation using a combination of a touch panel and hard keys is common. In the operation of such a device, an area for displaying information to the user (display area) and an area for performing an input operation by the user on the screen (operation area) are generally displayed in the Web browser. It is.

  However, the size and layout of the operation area are determined in advance according to the type of operation item arranged in the operation area, and the size and layout of the display area are determined according to this. For this reason, when there are many items to be displayed in the display area, there are problems that the display area is too small to display all items in the display area, and the item size is too small to be inferior in visibility.

  The present invention has been made in view of the above, and a display control device and a display control method capable of displaying display information excellent in operability and visibility on the display device regardless of the screen size of the display device And to provide a program.

In order to solve the above-described problems and achieve the object, the present invention is a display control apparatus, which is based on an acquisition unit that acquires a display request for display information related to a device on a display screen, and the type of the display information An operation item determining unit that determines a type of an operation item that receives a user operation during display of the display information, and an operation area that displays the operation item on the display screen based on the determined type of the operation item And an arrangement determining unit for determining an arrangement position of a display area for displaying the display information, and determining the sizes of the operation area and the display area based on the arrangement position and the screen size of the display screen , When the size of the display area is larger than the standard size, the size of the display area is reduced to the standard size, and the display area is reduced by the reduced amount. So as to extend the work area, and the size determination unit for changing the size of the display area and the operation area, and the operation area of the determined size and a display information generation unit for generating display information including the display area It is characterized by providing.

Further, the present invention is a display control method executed by a display control device, wherein the display information is acquired based on an acquisition step of acquiring a display request for display information related to a device on a display screen, and the type of the display information. An operation item determining step for determining a type of an operation item for accepting a user operation during display of the operation item, an operation area for displaying the operation item on the display screen based on the determined type of the operation item, and the display information Determining the arrangement position of the display area for displaying the display area, determining the size of the operation area and the display area based on the arrangement position and the screen size of the display screen, and the size of the display area is If larger than the standard size, reduce the size of the display area to the standard size, by the reduced amount of the display area, So as to extend the serial operation area, and size determination step of changing the size of the display area and the operation area, and the display information generating step of generating display information and the operation area of the determined size including the display area It is characterized by including.

In addition, the present invention provides an acquisition unit that acquires a display request for display information related to a device on a display screen, and an operation item that receives a user operation during display of the display information based on the type of the display information. Based on the operation item determination unit that determines the type, the operation item that displays the operation item on the display screen, and the arrangement position of the display area that displays the display information based on the determined type of the operation item Based on the arrangement determining unit, the arrangement position, and the screen size of the display screen, the size of the operation area and the display area is determined, and when the size of the display area is larger than the standard size, The display area is reduced so that the size is reduced to the standard size and the operation area is expanded by the reduction of the display area. A size determining section for changing the size of the fine the operation area, a program for functioning as the display information generation unit for generating display information and the operation area of the determined size including the display area.

  According to the present invention, it is possible to display display information excellent in operability and visibility on the display device regardless of the screen size of the display device.

FIG. 1 is a diagram illustrating an overall configuration of an image forming system according to the first embodiment. FIG. 2 is a diagram illustrating an independent scaling page. FIG. 3 is a diagram showing a document accumulation page. FIG. 4 is a diagram schematically illustrating the data configuration of the rule table stored in the storage unit. FIG. 5 is a diagram illustrating an area layout of “pattern 1”. FIG. 6 is a diagram illustrating an area layout of “pattern 2”. FIG. 7 is a sequence diagram illustrating processing of the image forming system. FIG. 8 is a sequence diagram illustrating processing of the image forming system. FIG. 9A is a diagram illustrating an HTTP request transmitted from the Web browser in step S100. FIG. 9-2 is a diagram showing a screen size confirmation page returned to the Web browser in step S104. FIG. 10 is a diagram illustrating the request transmitted from the Web browser in step S106. FIG. 11A is a diagram illustrating a request transmitted from the Web browser in step S117. FIG. 11B is a diagram illustrating an example of the CSS file data for the Web page returned to the Web browser in step S128. FIG. 12A is a diagram illustrating a request transmitted from the Web browser in step S129. FIG. 12B is a diagram illustrating the Web page JavaScript file returned to the Web browser in step S135. FIG. 13 is a flowchart showing detailed processing of the CSS file generation unit in the CSS file generation processing (step S126). FIG. 14A is a diagram illustrating an example of the layout of the CSS file generated in step S204. FIG. 14B is a diagram of an example of the CSS file layout after size recalculation. FIG. 15 is a diagram illustrating an example of the layout of the CSS file generated in step S204. FIG. 16 is a diagram illustrating an overall configuration of an image forming system according to the second embodiment. FIG. 17 is a diagram illustrating an example of HTML data generated by the copy page generation unit of the image forming apparatus.

  Embodiments of a display control device, a display control method, and a program will be described in detail below with reference to the accompanying drawings.

(First embodiment)
FIG. 1 is a diagram illustrating an overall configuration of an image forming system 1 according to the first embodiment. The image forming system 1 includes an image forming apparatus 10 and three operation terminals 20 connected to the image forming apparatus 10 via a network 3. Examples of the operation terminal 20 include a PC, a smartphone, and a tablet terminal. Note that the number of operation terminals 20 provided in the image forming system 1 is not limited to the embodiment. The image forming system 1 may include one or two operation terminals, and may include four or more operation terminals.

  The image forming apparatus 10 includes a Web server 100, an operation display panel 120, a copy application 130, a scanner application 131, a system management unit 132, a memory management unit 133, an engine management unit 134, and a user management unit 135. A plotter 136, a scanner 137, and an API (Application Program Interface) 140.

  When the Web server 100 acquires a Web page display request from a device equipped with a Web browser function, the Web server 100 generates a Web page related to the display request, and transmits this to the requesting device. For example, the Web server 100 generates a Web page related to applications (copy application 130 and scanner application 131) installed in the image forming apparatus 10.

  In the image forming system 1, the operation terminal 20 and the operation display panel 120 have a web browser function. The operation terminal 20 and the operation display panel 120 transmit various Web page display requests to the Web server 100. The operation terminal 20 and the operation display panel 120 further receive a Web page from the Web server 100 as a response to the display request, and display it on the display screen.

  The operation display panel 120 includes an LCD (Liquid Crystal Display) for displaying a Web page, an LED and a buzzer for indicating the operation state of the image forming apparatus 10, and a plurality of hard keys for accepting user operations (all of which are disabled). (Shown). The operation display panel 120 is connected to the Web server 100 via the network 3 in the same manner as the operation terminal 20 inside the image forming apparatus 10.

  The copy application 130 and the scanner application 131 are applications installed in the image forming apparatus 10. The copy application 130 executes a copy job. The copy application 130 also provides the Web server 100 with information related to the copy application 130 such as setting information set in the copy application 130. The scanner application 131 executes a scan job. The scanner application 131 also provides the Web server 100 with information related to the scanner application 131 such as setting information set in the scanner application 131 such as application settings. In the present embodiment, an example in which the image forming apparatus 10 includes the copy application 130 and the scanner application 131 will be described. However, the number and types of applications installed in the image forming apparatus 10 are limited to the embodiment. It is not a thing.

  Here, a Web page provided by the Web server 100 will be described with reference to FIGS. 2 and 3. FIG. 2 is a diagram showing an independent scaling page 200 that is a Web page related to the scaling function. FIG. 3 is a diagram showing a document storage page 300 that is a Web page related to the document storage function. Any web page is a web page related to the copy application 130.

  In the independent scaling page 200 shown in FIG. 2, a message area 210, a display area 220, and an operation area 230 are arranged. Message area 210 is an area in which the title character string of the page is arranged. The display area 220 is an area for displaying information to be notified to the web page viewer. In the display area 220 shown in FIG. 2, a plurality of items (item group 221) for displaying the vertical size and horizontal size of the document are arranged. The operation area 230 is an area where operation buttons for accepting operations from the user are arranged. In the operation area 230 shown in FIG. 2, a numeric keypad 231 for inputting the vertical size of the document in the display area 220 is arranged.

  Also, in the document storage page 300 shown in FIG. 3, a message area 310, a display area 320, and an operation area 330 are arranged as in the independent scaling page 200. In the display area 320, a plurality of items (item group 321) for displaying document names and the like are arranged. A keyboard 331 for inputting a document name or the like in the display area 320 is disposed in the operation area 330.

  As described above, the independent scaling page 200 and the document storage page 300 both include the display area and the operation area, but the relative sizes and layouts of the display area and the operation area with respect to the entire page are different. In this way, the web server 100 according to the present embodiment can change the relative size and layout of each area in the Web page according to the type of the Web page.

  Returning to FIG. 1, the Web server 100 determines the size and layout of each area included in the Web page according to the screen size of the device that requested the Web page, and generates a Web page suitable for the screen size.

  For this purpose, the Web server 100 includes a request processing unit 101, a copy page generation unit 102, a scanner page generation unit 103, a screen size confirmation unit 104, an operation area generation unit 105, and a CSS (Cascading Style Sheet). ) A file generation unit 106 and a storage unit 111 are included.

  The request processing unit 101 acquires from the operation terminal 20 or the operation display panel 120 a request such as a display request input by the user on the operation terminal 20 or the operation display panel 120 as a Web browser. That is, the request processing unit 101 functions as an acquisition unit. The request processing unit 101 further refers to the URL (Uniform Resource Locator) of the request, and performs processing according to the request in accordance with the URL, a copy page generation unit 102, a scanner page generation unit 103, and a screen size confirmation unit 104, which are lower modules. The operation area generation unit 105 and the CSS file generation unit 106 are instructed.

  The copy page generation unit 102 generates HTML (HyperText Markup Language) data as a Web page of the copy application 130, and returns the data to the Web browser (the operation terminal 20 or the operation display panel 120) via the request processing unit 101. The copy page generation unit 102 also issues an instruction corresponding to the operation result to the copy application 130 when an operation is performed on the Web page by the user, and updates the display content of the Web page according to the operation result. The copy page generation unit 102 further includes CSS file source data that is a CSS file template that defines the layout of a Web page for copying.

  Similar to the copy page generation unit 102, the scanner page generation unit 103 generates HTML data as a Web page of the scanner application 131 and sends it back to the Web browser via the request processing unit 101. The scanner page generation unit 103 also instructs the scanner application 131 according to the operation result when an operation is performed on the Web page by the user, and updates the display content of the Web page according to the operation result. The scanner page generation unit 103 further includes CSS file source data that is a CSS file template that defines the layout of a Web page for scanning.

  When the request processing unit 101 obtains a Web page display request, the screen size confirmation unit 104 confirms the screen size of the device that requested the display request. The screen size confirmation unit 104 sets the specified screen size in the cookie of the request source device via the request processing unit 101.

  The operation area generation unit 105 has CSS file source data that is a CSS file template that defines the layout of the operation area. The CSS file generation unit 106 acquires HTML data as a Web page from the copy page generation unit 102 or the scanner page generation unit 103. The CSS file generation unit 106 further refers to the screen size set in the cookie, and generates a CSS file suitable for the screen size based on a later-described rule table stored in the storage unit 111 and HTML data. . The CSS file generation unit 106 transmits the generated CSS file to the requesting Web browser via the request processing unit 101.

  The CSS file generation unit 106 includes an operation item determination unit 107, a layout determination unit 108, a size determination unit 109, and a Web page generation unit 110. The operation item determination unit 107 refers to the rule table stored in the storage unit 111 and identifies an operation item necessary for the Web page related to the display request based on the type of the Web page indicated in the display request. Here, the operation item is an operation icon for accepting a user operation. In the present embodiment, either the numeric keypad 231 as shown in FIG. 2 or the keyboard 331 as shown in FIG. 3 is specified as the operation item.

  The layout determining unit 108 refers to the rule table and determines the arrangement positions of the display area and the operation area included in the Web page, that is, the area layout. The size determination unit 109 refers to the rule table and determines the sizes of the display area and the operation area based on the screen size and the area layout determined by the layout determination unit 108. The web page generation unit 110 generates a web page based on the information determined by the operation item determination unit 107, the layout determination unit 108, and the size determination unit 109.

  FIG. 4 is a diagram schematically illustrating a data configuration of the rule table 112 stored in the storage unit 111. The rule table 112 stores information for determining the operation item, area layout, display area size, and operation area size based on the type of Web page. Specifically, the rule table 112 stores the types of Web pages, operation items, area layout, display area size, display area standard size, operation area size, and minimum operation area size in association with each other. doing.

  The operation item is an operation item necessary for user operation on the corresponding Web page. That is, the type of operation item is defined according to the type of Web page. The area layout is defined according to the type of operation item. In the rule table 112 shown in FIG. 4, an area layout of “pattern 1” is defined for the numeric keypad, and an area layout of “pattern 2” is defined for the keyboard.

  FIG. 5 is a diagram illustrating an area layout of “pattern 1”. As described above, the area layout of “pattern 1” is a layout in which the display area 401 and the operation area 402 are arranged in the horizontal direction below the message area 400.

  FIG. 6 is a diagram illustrating an area layout of “pattern 2”. As described above, the area layout of “pattern 2” is a layout in which the display area 411 and the operation area 412 are arranged in the vertical direction below the message area 410.

  The numeric keypad buttons are generally arranged in a vertically long rectangular area. Therefore, in order to allow the user to operate the numeric keypad without a sense of incongruity, the area layout of “Pattern 1” is assigned to the numeric keypad operation items, and the display area and the operation area are arranged side by side in the horizontal direction of the display screen. .

  On the other hand, the keyboard is generally arranged in a horizontally long rectangular area. Therefore, in order to allow the user to operate the keyboard without a sense of incongruity, an area layout of “Pattern 2” is assigned to the keyboard operation items, and the display area and the operation area are arranged side by side in the vertical direction of the display screen. .

  In this way, by defining the area layout according to the type of operation item, by operating the operation item arranged in the operation area, the user can operate the numeric keypad or the keyboard without a sense of incongruity as if operating the physical key. It can be carried out.

  Returning to FIG. 4, the display area standard size is the standard size of the display area. The display area standard size is not a relative size to the screen size but an absolute value. The operation area minimum size is the minimum size of the operation area. The minimum operation area size is also an absolute value, similar to the standard display area size.

  In the present embodiment, for example, the width of one numeric keypad is associated with the Web page for document size setting as the minimum operation area size, and the document storage Web page has a keyboard. The vertical width for one column is associated as the minimum operation area size.

  For example, when the numeric keypad of pattern 1 is displayed with the minimum operation area size, numeric keypad buttons arranged in a row are displayed, and the remaining numeric keypad buttons are displayed by a scroll operation. On the keyboard of pattern 2, when the operation area is displayed in the minimum size, the keys arranged in one line are displayed, and the remaining keys are displayed by a scroll operation.

  Thus, in the present embodiment, only the size in either the vertical or horizontal direction is determined as the minimum operation area size. Here, it is assumed that absolute values are set in advance for the size of one numeric keypad and the size of one row of the keyboard array.

  Returning to FIG. 1, the system management unit 132 manages the overall state of the image forming apparatus 10. The memory management unit 133 performs memory management and creation of file data scanned by a scanner 137 described later. The engine management unit 134 controls document reading and printing. The user management unit 135 manages user authentication and scanner transmission destinations. The plotter 136 is a device that performs printing. The scanner 137 is a device that performs reading. The API 140 is an interface between the copy application 130 and the scanner application 131, the system management unit 132, the memory management unit 133, the engine management unit 134, and the user management unit 135.

  7 and 8 are sequence diagrams illustrating processing of the image forming system 1 when a web page display request is transmitted to the web server 100 from the operation terminal 20 or the operation display panel 120 as a web browser. 7 and 8 show processing of the image forming system 1 by taking as an example a case where a Web page display request relating to an application is transmitted.

  As shown in FIG. 7, a web page request (display request) is transmitted from the operation terminal 20 or the operation display panel 120 as a web browser (step S100), and the request processing unit 101 of the web server 100 acquires this request. .

  FIG. 9A is a diagram illustrating an HTTP request transmitted from the Web browser in step S100. The Cookie field of the request header of this HTTP request does not include information on the screen size of the request source device.

  Upon obtaining the HTTP request shown in FIG. 9A, the request processing unit 101 makes an inquiry about screen size confirmation to the screen size confirmation unit 104 (step S101). When the screen size confirmation unit 104 confirms that the cookie field of the HTTP request does not include screen size information (step S102), the screen size confirmation unit 104 receives Web page data (screen size confirmation page) for confirming the screen size. Return to 101 (step S103). The request processing unit 101 returns the screen size confirmation page acquired in step S103 as a response to the document accumulation page request to the Web browser that requested the display request (step S104).

  FIG. 9-2 is a diagram showing a screen size confirmation page returned to the Web browser in step S104. On the screen size confirmation page, as shown in FIG. 9B, the screen size of Cookie is blank. Further, the screen size confirmation page includes a JavaScript part. The JavaScript part describes a process for calculating the screen size and setting the screen size in the Cookie field.

  Returning to FIG. 7, when the web browser acquires the screen size confirmation page, the web browser interprets the screen size confirmation page and executes the JavaScript part (see FIG. 9-2) described in the screen size confirmation page (step S <b> 105). . By executing the JavaScript section, the screen size information of the display screen is set in Cookie, and the Web page request is transmitted again from the Web browser to the Web server 100 (step S106). The Web page request transmitted in step S106 includes screen size information.

  FIG. 10 is a diagram illustrating the request transmitted from the Web browser in step S106. As described above, in the Web page request transmitted in step S106, the screen size information is set in the Cookie field.

  Returning to FIG. 7, when the request processing unit 101 obtains a Web page request (step S106), the request processing unit 101 inquires the screen size confirmation unit 104 again about screen size confirmation (step S107). The screen size confirmation unit 104 confirms that the screen size information is included in the Cookie field of the request (Step S108), and returns the screen size information included in the Cookie field to the request processing unit 101 (Step S108). S109). Upon obtaining the screen size information, the request processing unit 101 sends a web page generation request to the copy page generation unit 102 (step S110).

  The copy page generation unit 102 inquires of the copy application 130 to acquire the current state (application state) of the copy application 130 (step S111). Here, the application status includes information such as whether or not copying is possible and which tray is selected as the paper feed tray, and the information relating to the inquiry is the application to be displayed on the web page in the application status. It is state information. When the copy page generation unit 102 acquires the application status information from the copy application 130 (step S112), the copy page generation unit 102 generates HTML data of the Web page with reference to the application status (step S113). Then, the copy page generation unit 102 returns the generated HTML data of the Web page to the request processing unit 101 (step S114).

  Upon acquiring the HTML data of the Web page, the request processing unit 101 returns this to the Web browser as a response to the request from the Web browser acquired in Step S106 (Step S115).

  The HTML data returned in step S115 describes the CSS file reading process and JavaScript script reading instruction, which will be described later, the display areas included in the Web page, the items to be placed in the display areas, and the like. Yes. In the HTML data, information such as the presence / absence of the operation area, the size of the display area and the operation area, and the area layout is not defined.

  When the Web browser acquires the HTML data of the Web page (step S115) (see FIG. 7), subsequently, as shown in FIG. 8, the HTML data acquired from the Web browser is interpreted (step S116), and the HTML data is converted into HTML data. Based on the described CSS file reading instruction, the Web server 100 is requested for a Web page CSS file for a display request (step S117).

  FIG. 11A is a diagram illustrating a request transmitted from the Web browser in step S117. Thus, in the request transmitted in step S117, screen size information is set in the Cookie field.

  Returning to FIG. 8, the request processing unit 101 makes an inquiry about the screen size confirmation to the screen size confirmation unit 104 (step S118). The screen size confirmation unit 104 confirms that screen size information is included in the Cookie field (step S119), and returns the screen size information to the request processing unit 101 (step S120).

  Upon obtaining the screen size information, the request processing unit 101 sends a web page CSS file generation request to the CSS file generation unit 106 (step S121). The CSS file generation unit 106 sends out an acquisition request for the CSS file source data for the Web page to the page generation unit corresponding to the Web page related to the generation request among the copy page generation unit 102 and the scanner page generation unit 103 ( Step S122). In the example of FIG. 8, since the Web page related to the display request is related to the copy application 130, the CSS file source data acquisition request is sent to the copy page generation unit 102. In response to the acquisition request, the copy page generation unit 102 returns the web page CSS file source data to the CSS file generation unit 106 (step S123).

  The CSS file generation unit 106 further sends an acquisition request for the CSS file source data of the operation area to the operation area generation unit 105 (step S124). In response to the acquisition request, the operation area generation unit 105 returns the CSS file source data of the operation area corresponding to the Web page related to the display request to the CSS file generation unit 106 (step S125).

  Next, the CSS file generation unit 106 refers to the rule table 112 based on the CSS file source data for the Web page, the CSS file source data of the operation area, and the screen size, and generates a CSS file for the Web page ( Step S126). The processing for generating CSS file data will be described in detail later.

  The CSS file generation unit 106 returns the web page CSS file data to the request processing unit 101 (step S127). The request processing unit 101 returns the web page CSS file data to the web browser as a response to the request from the web browser in step S117 (step S128).

  FIG. 11B is a diagram illustrating an example of the CSS file data for the Web page returned to the Web browser in step S128. In the CSS file data for Web page shown in FIG. 11B, information such as the presence / absence of an operation area, the size of the display area and the operation area, and area layout is defined.

  Returning to FIG. 8, the Web browser requests the Web server 100 for the JavaScript script file for the Web page 100 based on the instruction to read the JavaScript file described in the HTML data acquired in Step S116 (Step S129).

  FIG. 12A is a diagram illustrating a request transmitted from the Web browser in step S129. Thus, the screen size information is set in the Cookie field of the request transmitted in step S127.

  Returning to FIG. 8, the request processing unit 101 inquires of the screen size confirmation unit 104 about confirmation of the screen size (step S130). The screen size confirmation unit 104 confirms that the screen size information is included in the Cookie field (step S131), and returns the screen size information to the request processing unit 101 (step S132).

  When the request processing unit 101 acquires the screen size information, the request processing unit 101 sends a Web page JavaScript file generation request to the copy page generation unit 102 (step S133). In response to the generation request, the copy page generation unit 102 returns the Web page JavaScript file data stored in advance to the request processing unit 101 (step S134). It is assumed that the JavaScript file for each Web page is created by the Web page creator and stored in advance in the copy page generation unit 102.

  The request processing unit 101 returns the JavaScript script for the Web page to the Web browser as a response to the request from the Web browser in Step S129 (Step S135). FIG. 12B is a diagram illustrating the Web page JavaScript file returned to the Web browser in step S135.

  The Web browser displays the JavaScript file for Web page acquired in step S135 on the display screen (step S136). Thus, the processing of the image forming system 1 is completed.

  As another example, Web page requests transmitted from the operation display panel 120 may be set in advance so that the screen size is always included. In this case, when the web browser is the operation display panel 120, the processing of steps S100 to S105 described with reference to FIG. 7 may be omitted, and the web page may be displayed by the processing after step S106. it can.

  The Web server 100 according to the present embodiment generates HTML data that defines the display content of the Web page, and further generates a CSS file that defines the layout of the HTML data. The data format for defining the layout and the like is not limited to the embodiment, and the display content and layout of the Web page may be defined using other data formats.

  FIG. 13 is a flowchart showing detailed processing of the CSS file generation unit 106 in the CSS file generation processing (step S126). In the CSS file generation process (step S126), the operation item determination unit 107 of the CSS file generation unit 106 refers to the rule table 112 and determines whether or not there is an operation item associated with the type of Web page related to the display request. Check. If the operation item is associated (step S200, Yes), the operation item determination unit 107 determines the associated operation item as an operation item to be displayed on the Web page (step S201).

  Next, the layout determining unit 108 refers to the rule table 112 and determines the area layout associated with the type of Web page as the area layout of the Web page to be generated (step S202).

  Next, the size determining unit 109 assigns the minimum size stored in the rule table 112 to the operation area (step S203), and sets the remaining area of the screen as the display area based on the screen size. A CSS file is generated (step S204).

  Next, when the size of the display area is larger than the display area standard size stored in the rule table 112 in the layout of the CSS file generated in step S203, the size determination unit 109 (step S205, Yes). ) Reduce the size of the display area to the standard size, change the size of the display area and the operation area so that the operation area is expanded by the reduction of the display area (step S206), and generate a CSS file after the size change (Step S207).

  FIG. 14A is a diagram illustrating an example of the layout of the CSS file generated in step S204. If a free area exists in the display area as shown in FIG. 14A, as shown in FIG. 14B, the size of the operation area and the display area is changed so as to expand the operation area in step S206.

  As a result, in the screen layout, it is possible to secure an area having a size as close to the standard size as possible to the display area while securing a minimum size area to the operation area.

  In this embodiment, the display area size is determined after securing the minimum size of the operation area. However, as another example, the minimum size of the display area is set in the rule table 112 in advance. Alternatively, the operation area size may be determined after ensuring the minimum size of the display area. As described above, the size of each area and which size is preferentially determined can be arbitrarily set in the rule table 112 in advance.

  If there is no operation item associated with the type of Web page in the rule table 112 in Step S200 (No in Step S200), the layout determining unit 108 displays only the message area and the display area on the Web page. The size determination unit 109 calculates the size of the display area according to the screen size (step S210).

  FIG. 15 is a diagram illustrating an example of the layout of the CSS file generated in step S204. As shown in FIG. 15, when there is no empty area in the display layout, the sizes of the display area and the operation area are determined in the CSS file generated in step S204, and the size is not recalculated in step S206. .

  In step S205, if the display area size is equal to or smaller than the standard size (step S205, Yes), the process ends. This completes the CSS file generation process (step S126).

  For example, when the Web page related to the display request is the document accumulation page 300, the operation item is determined as the keyboard 331, and the area layout is determined as the pattern 2. Thereby, as shown in FIG. 3, the layout in which the display area and the operation area are arranged in the vertical direction of the display screen is determined.

  Regarding the display area size of the document storage page, the horizontal width is determined to be the same as the screen size from the definition of the rule table 112, and the vertical width is determined from the screen size to the message area size from the definition of the rule table 112. It is determined to be 1/4 of the value obtained by subtracting. Regarding the operation area size of the document storage page, the horizontal width is determined to be the same as the screen size from the definition of the rule table 112, and the vertical width is determined from the screen size to the message area size from the definition of the rule table 112. Is determined to be 3/4 of the value obtained by subtracting.

  As described above, in the image forming system 1 according to the present embodiment, the arrangement position and size of the operation area for displaying the operation item are defined for each type of Web page. It is possible to generate a Web page in which an operation area having a size corresponding to the size of the Web page is arranged at a position suitable for the page.

(Second Embodiment)
FIG. 16 is a diagram illustrating an overall configuration of an image forming system 2 according to the second embodiment. The image forming system 2 includes an image forming apparatus 11, an operation terminal 20, and an external Web server 60 connected thereto via the network 3. The copy page generation unit 151 and the scanner page generation unit 152 of the Web server 150 of the image forming apparatus 11 generate HTML data of the Web page.

  The external Web server 60 includes a request processing unit 601, a copy page generation unit 602, a scanner page generation unit 603, an operation area generation unit 604, a CSS file generation unit 606, and a storage unit 611. The CSS file generation unit 605 includes an operation item determination unit 607, a layout determination unit 608, a size determination unit 609, and a web page generation unit 610.

  The request processing unit 601 acquires from the operation terminal 20 or the operation display panel 120 a request such as a display request corresponding to information input from the user on the operation terminal 20 or the operation display panel 120. The request processing unit 601 further refers to the URL of the request, and performs processing according to the request according to the URL, a copy page generation unit 602, a scanner page generation unit 603, an operation area generation unit 604, and CSS file generation of the external Web server 60. An instruction is given to one of the units 606.

  Each of the copy page generation unit 602 and the scanner page generation unit 603 has CSS file source data. The copy page generation unit 602 and the scanner page generation unit 603 generate a CSS file and send a JavaScript file.

  That is, in the image forming system 2 according to the second embodiment, in the processing described with reference to FIGS. 7 and 8 in the first embodiment, the processing from step S100 to step S115 is performed by the Web server 150. The external Web server 60 performs the processing from step S117 to step S135.

  FIG. 17 is a diagram illustrating an example of HTML data generated by the copy page generation unit 151 of the image forming apparatus 11. In this way, the HTML data includes a file reference instruction of the external Web server 60. Thereby, the web browser can transmit a request to the external web server 60 in steps S117 and S129 shown in FIG.

  As described above, according to the image forming system 2 according to the second embodiment, the image forming apparatus 11 only generates HTML data, and the CSS file generation related to the layout of the Web page and the JavaScript are externally generated. Since it is generated in the Web server 60, for example, even when it is necessary to generate a Web page corresponding to a new screen size, the external Web server is not changed without changing the software of the Web server 150 of the image forming apparatus 11. Only 60 software needs to be changed.

  The remaining configuration and processing of the image forming system 2 according to the second embodiment are the same as the configuration and processing of the image forming system 1 according to the first embodiment.

  The program executed by the image forming apparatus according to the present embodiment is provided by being incorporated in advance in a ROM or the like. A program executed in the image forming apparatus according to the present embodiment is a file in an installable format or an executable format, and is a computer such as a CD-ROM, a flexible disk (FD), a CD-R, or a DVD (Digital Versatile Disk). It may be configured to be recorded on a recording medium that can be read by the user.

  Furthermore, the program executed by the image forming apparatus according to the present embodiment may be stored on a computer connected to a network such as the Internet and provided by being downloaded via the network. Further, the program executed by the image forming apparatus of the present embodiment may be provided or distributed via a network such as the Internet.

  The program executed by the image forming apparatus according to the present embodiment includes the above-described units (request processing unit, copy page generation unit, scanner page generation unit, screen size confirmation unit, operation area generation unit, CSS file generation unit). It has a module configuration, and as actual hardware, a CPU (processor) reads the program from the ROM and executes it, so that the above-described units are loaded onto the main storage device, and the respective units are generated on the main storage device. It is like that.

  The image forming apparatus of the present invention is an image forming apparatus such as a multi-function machine, a copier, a printer, a scanner apparatus, or a facsimile apparatus having at least two functions among a copy function, a printer function, a scanner function, and a facsimile function. It can be applied to both.

DESCRIPTION OF SYMBOLS 1 Image forming system 10 Image forming apparatus 20 Operation terminal 100 Web server 101 Request processing part 102 Copy page production | generation part 103 Scanner page production | generation part 104 Screen size confirmation part 105 Operation area production | generation part 106 CSS file production | generation part 107 Operation item determination part 108 Layout Determination unit 109 Size determination unit 110 Web page generation unit 111 Storage unit 112 Rule table 130 Copy application 131 Scanner application

JP 2010-277120 A

Claims (6)

An acquisition unit for acquiring a display request on the display screen of display information related to the device;
An operation item determination unit that determines a type of an operation item that receives a user operation during display of the display information based on the type of the display information;
Based on the determined type of the operation item, an operation area for displaying the operation item on the display screen, an arrangement determining unit for determining an arrangement position of the display area for displaying the display information,
Based on the arrangement position and the screen size of the display screen, the size of the operation area and the display area is determined. When the size of the display area is larger than the standard size, the size of the display area is set to the standard size. A size determination unit that changes the size of the display area and the operation area so that the operation area is expanded by the reduction of the display area .
A display control apparatus comprising: a display information generation unit configured to generate display information including the operation area having the determined size and the display area. The acquisition unit further acquires the screen size of the display screen,
The display control apparatus according to claim 1, wherein the size determination unit determines the sizes of the operation area and the display area based on the arrangement position and the screen size acquired by the acquisition unit. . A first storage unit that stores the type of the operation item and the arrangement position in association with each other;
The display control apparatus according to claim 1, wherein the arrangement position determination unit determines the arrangement positions of the operation area and the display area with reference to the first storage unit. A second storage unit that stores the type of the operation item and size determination information for determining the size of the operation area and the display area from the screen size in association with each other;
The size determining unit refers to the second storage unit, and determines the size of the operation area and the size of the display area based on the screen size. The display control device according to item. A display control method executed by a display control device,
An acquisition step of acquiring a display request on the display screen of display information about the device;
An operation item determination step for determining a type of an operation item for receiving a user operation during display of the display information based on the type of the display information;
Based on the determined type of the operation item, an operation area for displaying the operation item on the display screen, and an arrangement determining step for determining an arrangement position of the display area for displaying the display information;
Based on the arrangement position and the screen size of the display screen, the size of the operation area and the display area is determined. When the size of the display area is larger than the standard size, the size of the display area is set to the standard size. A size determining step of changing the size of the display area and the operation area so that the operation area is expanded by the reduction of the display area .
A display control method, comprising: a display information generation step of generating display information including the operation area having the determined size and the display area. Computer
An acquisition unit for acquiring a display request on the display screen of display information related to the device;
An operation item determination unit that determines a type of an operation item that receives a user operation during display of the display information based on the type of the display information;
Based on the determined type of the operation item, an operation area for displaying the operation item on the display screen, an arrangement determining unit for determining an arrangement position of the display area for displaying the display information,
Based on the arrangement position and the screen size of the display screen, the size of the operation area and the display area is determined. When the size of the display area is larger than the standard size, the size of the display area is set to the standard size. A size determination unit that changes the size of the display area and the operation area so that the operation area is expanded by the reduction of the display area .
A program for causing a display information generation unit to generate display information including the operation area and the display area of the determined size.

Images