Storage medium, information processing apparatus, information processing method, and computer program product

Abstract

The invention provides a storage medium, an information processing apparatus, an information processing method, and a computer program product. The storage medium stores a program for causing a computer to: obtain information indicating a size of a display area whose size can be changed; and performing control based on the obtained information such that, in a case where the display area has a first size, display items corresponding to a first number of contents and classified into corresponding categories are displayed in areas respectively corresponding to categories in the display area, where the first number of contents is a plurality of contents, and the first size is a second size. And in a case where the display area has a second size smaller than the first size, displaying operation items respectively corresponding to categories in the display area, and in a case where a display item corresponding to content classified as a category corresponding to an unselected operation item is not displayed, displaying a display item corresponding to content classified as a category corresponding to the unselected operation item in a case where the display item corresponding to content classified as a category corresponding to the unselected operation item is not displayed. And displaying a display item corresponding to the content classified into the category corresponding to the selected operation item.

Description

Technical Field

[0001] The present disclosure relates to a technology for displaying content to users having various purposes in a manner that conforms to the size of a display area. Background Art

[0002] Conventionally, general WEB browsers have a function for displaying WEB pages in a layout suitable for various screen sizes, and there are many WEB pages that adopt this function. In addition, many WEB pages include descriptions of contents sorted by category in order to provide users with information customized according to various needs of users. In addition, such WEB pages display a list of contents (such as a theme, etc.) belonging to a category selected by the user.

[0003] Japanese Patent Laid-Open No. 2009-123020 (Patent Document 1) proposes a technique for displaying representative images by category among a plurality of images belonging to respective categories so that a user can easily understand information included in each category.

[0004] However, the display method as disclosed in Patent Document 1 has a problem that the user cannot easily understand the displayed content when the display area is small. In other words, when the image as the content is not reduced in a manner that fits the display area, the viewability is deteriorated, and when the image is reduced in a manner that fits the display area, the visibility of the image is reduced. Summary of the invention

[0005] A storage medium according to one aspect of the present disclosure provides a non-transitory computer-readable storage medium storing a program for causing a computer to: obtain information indicating the size of a display area whose size can be changed; and perform control based on the obtained information so that: when the size of the display area is a first size, display items corresponding to a first number of contents and classified into corresponding multiple categories are displayed in multiple areas in the display area respectively corresponding to the categories, wherein the first number of contents is multiple contents, and when the size of the display area is a second size smaller than the first size, multiple operation items respectively corresponding to the multiple categories are displayed in the display area, and when display items corresponding to contents classified into categories corresponding to unselected operation items among the operation items are not displayed, display items corresponding to contents classified into categories corresponding to selected operation items among the operation items are displayed.

[0006] Further features of the present invention will become apparent from the following description of exemplary embodiments with reference to the attached drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0007] Figure 1 is a diagram showing an example of a system configuration;

[0008] Figure 2 is a sequence diagram showing an example of information acquisition processing of a WEB browser;

[0009] Figure 3 is a diagram showing an example of a display screen (large layout) of a WEB page;

[0010] Figure 4 This is a diagram showing an example of a display screen of a WEB page (large layout, accordion opened);

[0011] Figure 5 is a diagram showing an example of a display screen (medium layout) of a WEB page;

[0012] Figure 6 is a diagram showing an example of a display screen (small layout) of a WEB page;

[0013] Figure 7 This is a diagram showing an example of a display screen of a WEB page (small layout, selection of another tab);

[0014] Figure 8 is a diagram showing an example of a display screen of a WEB page (details of a theme); and

[0015] Fig. 9 This is a flowchart showing an example of screen display processing of a WEB browser. DETAILED DESCRIPTION

[0016] The preferred embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings. Note that the following embodiments are not intended to limit the present disclosure, and all combinations of the features described in the following embodiments are not always necessary for the scheme of the present disclosure. In the following description, the same configuration will be represented by the same reference numerals.

[0017] Figure 1 1 is a diagram showing an example of a configuration of a system including an information processing device 100 and a server 110. Figure 1 The configuration of the system according to the present embodiment is described.

[0018] The information processing apparatus 100 includes a central processing unit (CPU) 101, a read-only memory (ROM) 102, and a random access memory (RAM) 103. The information processing apparatus 100 includes a display device 104, an input interface (hereinafter referred to as I / F (interface)) 105, and a network I / F 106. The CPU 101 is a central processing unit for reading a program 107 stored in the ROM 102 and executing the program 107. The ROM 102 is a non-volatile storage medium for storing the program 107 such as a WEB browser 201 to be described later. The RAM 103 is a system memory for the CPU 101, and is used as a storage area such as a work area. The display device 104 is a device for displaying image information output from the information processing apparatus 100. The input I / F 105 is an interface for inputting data and / or control information, etc. to the information processing apparatus 100. The network I / F 106 is an interface for establishing a connection between the information processing device 100 and a network via a network connector 121. The information processing device 100 can establish a connection with the Internet 122 via the network connector 121 by using an Ethernet (registered trademark) cable and / or Wi-Fi (registered trademark) or the like. The server 110 includes a CPU 111, a ROM 112, a RAM 113, an input I / F 114, and a network I / F 115. The CPU 111, the RAM 113, the input I / F 114, and the network I / F 115 have the same functions as the CPU 101, the RAM 103, the input I / F 105, and the network I / F 106, respectively, and descriptions thereof will be omitted. The ROM 112 stores, for example, a WEB page 116 and a program 117 such as JavaScript and CSS. Here, the program 117 includes a description related to the operation of the WEB browser 201 in the case where the WEB browser 201 detects the operation of the user on the screen displayed on the WEB browser 201, and a description related to the layout of the WEB page corresponding to the size of the display area to be described later. In other words, the program 117 is a program for realizing the desired view of the WEB page 116. The WEB page 116 has the URL of the program 117 corresponding to the WEB page 116. The server 110 can establish a connection to the Internet 122 via the network connector 123. The information processing device 100 and the server 110 can communicate with each other on the Internet 122.

[0019] Now, the WEB browser 201 will be described. The WEB browser 201 is software for establishing a connection to the server 110. Meanwhile, the WEB browser 201 is a general browser for displaying WEB pages. In order to realize a desired view on a general browser, the server 110 stores a program 117 for the view. A user can browse WEB pages by using the WEB browser 201. The WEB browser 201 is realized by the CPU 101 by causing the CPU 101 to read the program code of the WEB browser 201 from the ROM 102 and load the program code onto the RAM 103. In order to display a desired page on the WEB browser 201, a storage area for holding a WEB page 116 and a program 117 such as JavaScript and CSS is ensured in the RAM 103. The WEB browser 201 can execute the operations to be described later by using the program held in the RAM 103. Fig. 9 The user can operate the WEB browser 201 through the input I / F 105. The RAM 103 ensures a storage area for holding information indicating the size of the display area of ​​the WEB browser 201 in the display device 104 (hereinafter referred to as the window size) in a manner separate from the storage area required for displaying a WEB page on the WEB browser 201.

[0020] Figure 2 is a sequence diagram showing an example of information acquisition processing to be performed by the WEB browser 201. Figure 2 The following describes the flow of information acquisition processing performed by the WEB browser 201. In the following description of each process, the symbol "S" represents Figure 2 Each process (step) in .

[0021] In S211, the user inputs a URL corresponding to a WEB page 116 on the server 110 through the input I / F 105. In S212, the WEB browser 201 requests the server 110 through the network I / F 106 for the WEB page 116 corresponding to the URL accepted in S211. After accepting the request in S212, in S213, the server 110 responds with the WEB page 116 to the WEB browser 201 through the network I / F 115. More specifically, the WEB browser 201 receives from the server 110 the URL of the program 117 for executing the processing in S217 to be described later and the content data (such as image data, etc.) for displaying the WEB page 116. After receiving the response from the server 110 in S213, in S214, the WEB browser 201 obtains the URL of the program 117 from the WEB page 116.

[0022] In S215, the WEB browser 201 requests the program 117 corresponding to the URL obtained in S214 from the server 110 through the network I / F 106. After accepting the request in S215, in S216, the server 110 responds the program 117 to the WEB browser 201 through the network I / F 115. As described above, in S213, the server 110 pre-embeds the program (more specifically, it includes the URL of the program 117) into the URL input by the user in S211, and responds to the WEB browser 201. Then, the WEB browser 201 obtains the program 117 through S215 and S216 according to its own specifications. After receiving the response from the server 110 in S216, in S217, the WEB browser 201 performs screen display processing. In other words, the WEB browser 201 performs screen display processing according to the obtained program 117. As described above, the WEB browser 201 obtains the URL of the program 117 from the WEB page 116 responded from the server 110 in S213, and then obtains the program 117 through S215 and S216. However, the present disclosure is not limited to this configuration. For example, the WEB browser 201 may obtain the program 117 in S213 and skip S215 and S216 thereafter. Figures 3 to 8 The display screen displayed on the WEB browser 201 based on the program 117 will be described.

[0023] Figures 3 to 8 2 is a diagram showing an example of a display screen of a WEB page to be displayed on the WEB browser 201. Figures 3 to 8 Describes the transition of the display screen of the WEB page.

[0024] Figure 3 1 is a diagram showing an example of a display screen of a WEB page displayed on a WEB browser when the window size is large (first size). Figure 3 Describes a web page displayed on a web browser. Hereinafter, this embodiment will describe an example in which the content displayed on the web page explains how to use a printer (printing device). However, the present disclosure is not limited to this example. For example, the content displayed on the web page may explain how to use a camera, a camera lens, a photo collection, or any other product and device. Here, a large window size means that the value of the window size is equal to or higher than the first threshold. Reference will be made to Fig. 9 Explain the judgment of the window size. On the other hand, the window size can be changed by the user's operation. For example, the user can freely change the window size by dragging one of the four corners or one of the four sides of the display area displayed on the WEB browser with a mouse, etc.

[0025] exist Figure 3In the embodiment, the items corresponding to four (first quantity) contents of each category area in the category area corresponding to multiple categories are respectively displayed, as a display screen of a WEB page according to one aspect of the present disclosure. Hereinafter, this embodiment will describe an example in which the first quantity is equal to four. However, the present disclosure is not limited to this configuration. For example, the first quantity can be any number equal to or higher than two. In other words, the first quantity can be any number that can allow a user to understand multiple categories and the contents of the display items classified into the corresponding categories. Figure 3 The display screen 300 in FIG. 1 includes a header 310 and a content display section 320. The header 310 includes an address bar 311 for displaying a URL corresponding to the WEB page 116. That is, the user Figure 2 The URL input in S211 is displayed in the address bar 311. The content display section 320 includes a category display section 330, a category display section 340, and a category display section 350.

[0026] The category display section 330 is formed by a set of a category name section 331 and a theme display section 332. The category name section 331 is an area for displaying a category name. A name indicating a category into which the content is classified is displayed in the category name section 331. Figure 3, the category "life" is displayed in the category name portion 331. In the case where the user wants to access the content related to "life", the user can search for the subject related to the category "life" by viewing the display of the category name portion 331. The subject display portion 332 includes subject items 333a to 333d belonging to the category "life" and a "view more" button 334 as an operator. The subject items 333a to 333d are display items representing each subject (content) belonging to the category "life". In each subject item, an image (illustration) for representing the subject is displayed at the upper part of each subject item, and the subject name is displayed at the lower part of each subject item. The user can search for a desired subject among the icons and names displayed in the subject items. On the other hand, the subject items 333a to 333d are displayed on the subject display portion 332 as representative subject items belonging to the category "life". As a display method of the subject items 333a to 333d, the representative subject items can be displayed in descending order of the number of times the user has selected the subject items in the past. For example, the WEB browser may display the subject item with the maximum statistical number selected by the user as subject item 333a. Next, the WEB browser may display the subject item with the second largest statistical number selected by the user as subject item 333b. In other words, the content to be displayed as the representative subject item is selected in descending order of the statistical number of the subject items selected by the user. The category display section 340 and the category display section 350 to be described later may also display the subject items in the same manner. In this way, the user can easily access highly concerned content. The "View More" button 334 is a button for opening a so-called folding panel display. In other words, the "View More" button 334 is a button for expanding an area for displaying subject items. In the event that the user presses the "View More" button 334, the subject display section 332 is displayed as will be described later. Figure 4 , and all topic items belonging to the category “Life” are displayed in the topic display section 332.

[0027] The category display section 340 is a display area related to the category "work". Hereinafter, the configuration of the category display section 340 that is different from the configuration of the category display section 330 will be described. The explanation of the configuration that is the same as the configuration of the category display section 330 will be omitted. Note that the same applies to the category display section 350 that will be described later. The category display section 340 is formed by a set of category name sections 341 and subject display sections 342. The category "work" is displayed in the category name section 341. The subject display section 342 includes subject items 343a to 343d and a "see more" button 344. The subject items 343a to 343d are display items representing individual subjects belonging to the category "work".

[0028] The category display section 350 is a display area related to the category "learning". The category display section 350 is formed by a set of a category name section 351 and a subject display section 352. The category "learning" is displayed in the category name section 351. The subject display section 352 includes subject items 353a to 353d and a "see more" button 354. The subject items 353a to 353d are display items representing individual subjects belonging to the category "learning".

[0029] As described above, the WEB browser according to the present embodiment displays the subject items corresponding to each category display section in each category display section. Thus, multiple category display sections are displayed together, so that the user can simply and intuitively understand the existence of multiple categories. At the same time, the user can simply and intuitively identify the contents of each category by viewing the subject items. In other words, the overview of the WEB page can be ensured. On the other hand, the reduction in visibility can be suppressed by limiting the display number of subject items corresponding to each category to as little as four. The WEB browser according to the present embodiment divides the mode of using the printer into multiple themes, and classifies (groups) these themes for display. By displaying the themes as described above, the user can easily search for the theme that represents the usage mode suitable for the user or the usage mode that is beneficial to the user. Thus, the user's willingness to purchase printers or consumables can be enhanced, resulting in an increase in the sales of printers or consumables.

[0030] Figure 4 3 is a diagram showing another example of a display screen 300 of a WEB page displayed on a WEB browser when the window size is large. More specifically, Figure 4 Shown in Figure 3 The display screen 300 to be displayed on the WEB browser 201 when the "View More" button 334 in is pressed by the user. Figure 4 Description and Figure 3 Configurations that differ from those in . Figure 3 The same configuration is explained in the configuration section. From now on, Figures 5 to 8 , explanations of configurations that are the same as those discussed previously will also be omitted.

[0031] Figure 4 The theme display section 332 in FIG. 3 includes theme items 333a to 333j and a "Close" button 335. Figure 4 In the example, the theme display section 332 is expanded and all theme items belonging to the category "Life" are displayed in the theme display section 332. That is, when the user presses Figure 3 In the case of a "View More" button 334 on the category display section 330 in the WEB browser 201, the WEB browser 201 displays the previously unavailable Figure 3333e to 333j displayed in the subject display. Thus, the user can visually recognize all the subjects belonging to the category "life". On the other hand, the WEB browser 201 displays a "CLOSE" button 335 for restoring the expanded subject display section 332 to its original state, instead of the "see more" button 334. The "close" button 335 is a button for closing the so-called folding panel display. In the case where the user presses the "close" button 335, the WEB browser 201 will Figure 4 The screen display in Figure 3 Along with the expansion of the subject display section 332, the category display sections 340 and 350 are displayed in a state of being shifted downward by an amount equal to the expansion of the subject display section 332. Figure 4 , even after the theme display section 332 is expanded, the category display sections 340 and 350 remain in a state visually recognizable to the user. However, the present disclosure is not limited to this configuration. For example, with the expansion of the theme display section 332, part or all of the category display section 340 or 350 may be displayed in a manner that is not visually recognizable to the user.

[0032] Figure 5 3 is a diagram showing an example of a display screen 300 of a WEB page displayed on a WEB browser when the window size is medium (third size). More specifically, Figure 5 Shown in due to Figure 3 The display screen 300 to be displayed on the WEB browser when the window size is reduced and the window size is set to "medium". Figure 5 Description and Figure 3 Here, the medium window size means that the value of the window size is lower than the first threshold and equal to or higher than the second threshold.

[0033] exist Figure 5 , the theme display section 332 includes theme items 333a to 333c and a "see more" button 334. The theme display section 342 includes theme items 343a to 343c and a "see more" button 344. The theme display section 352 includes theme items 353a to 353c and a "see more" button 354. That is, in Figure 5 , the number of subject items displayed in each subject display section is equal to three (the second number). Figure 3 The number of topic items displayed in each topic display section in is equal to four (the first number). In other words, Figure 5 There are fewer than 100 topics in the topic display. Figure 3As described above, the second number is less than the first number. In the case where the window size is reduced, if the subject items are displayed without reducing the number of subject items to be displayed in each subject display portion, the visibility of each subject item may deteriorate. In other words, since the size of the subject items to be displayed therein is reduced, the visibility of the subject to the user may deteriorate. On the other hand, the visibility of the subject items can be ensured by displaying each subject item at a certain size or larger (equal to or higher than a predetermined size) by displaying less than the first number of subject items. At the same time, the WEB browser continues to display the subject items corresponding to each subject display portion on each subject display portion. This makes it possible to ensure the overview of the WEB page even when the window size is reduced. In the case where the window size is further reduced from this state to a "small" window size, the display state transitions to the "small" state described later. Figure 6 In the state of Figure 5 When the window size is increased to "Large" size, the display state changes to Figure 3 Display status in.

[0034] Figure 6 3 is a diagram showing an example of a display screen 300 of a WEB page displayed on a WEB browser when the window size is small (second size). More specifically, Figure 6 Shown in due to Figures 3 to 5 The display screen 300 to be displayed on the WEB browser 201 when the window size is reduced and the window size is set to "small" in any of the display states in the figure. Figure 6 Description and Figures 3 to 5 Here, the small window size means that the value of the window size is lower than the second threshold.

[0035] Figure 6 The display screen 300 in FIG. Figures 3 to 5 The layout in the is significantly different from the layout. Figure 6The content display unit 320 in the embodiment includes a tab display unit 600 and a theme display unit 610. The tab display unit 600 includes a tab 631, a tab 641, and a tab 651. Tab 631 is an operation item corresponding to the category "life". Tab 641 is an operation item corresponding to the category "work". Tab 651 is an operation item corresponding to the category "learning". As described above, a plurality of tabs corresponding to the respective categories are displayed in the tab display unit 600. However, the present disclosure is not limited to this configuration. For example, the WEB browser 201 may display an operator for displaying a drop-down menu (drop-down list) instead of the tab display in the tab display unit 600. In addition, the WEB browser 201 may display a drop-down menu in response to the user's operation of the operator, in which each menu item has the same function as the above-mentioned respective tabs. The theme display unit 610 is a display area for displaying the theme of the category of the tab selected in the tab display unit 600. Figure 6 The display screen 300 is shown in which the tab 631 corresponding to the category "Life" is selected. As shown here, in the display state before the transition, the WEB browser 201 displays the tab corresponding to the category displayed at the top. Figure 6 In other words, in Figure 6 The first selected tab in the Figures 3 to 5 However, the present disclosure is not limited to this configuration. For example, in a state where a tab corresponding to the category for which the "View More" button was last pressed is selected in the display state before the transition, the WEB browser 201 may display Figure 6 In other words, Figure 6 The tab to be selected first in the window corresponds to the category for which the "View More" button was last pressed before the change. More specifically, when the window size changes from Figure 4 When the user presses the "View More" button in the category "Life" the display state becomes smaller and the display state changes to Figure 6 Therefore, in the case of displaying while switching the display mode based on the window size, by displaying the topic according to the display state before the transition, the user can easily access the highly concerned topic, so that the comfort of browsing the WEB page can be improved. The topic display part 610 includes topic items 333a to 333j. That is, in Figure 6 All the subject items belonging to the category "Life" are displayed on the display screen 300 in FIG. Figure 6All topic items belonging to the category corresponding to the tab are displayed in the WEB browser 201, but the present disclosure is not limited to this configuration. For example, in the case where the vertical width of the window size is small, the WEB browser 201 may display a portion of the topic items instead of displaying all the topic items together. In this case, the WEB browser 201 may display such undisplayed topic items according to the user's scrolling operation. On the other hand, Figure 6 The subject items in Figures 3 to 5 The same size as the subject items represented by the same reference numerals as the related subject items is displayed. Therefore, the degradation of the visibility of each subject item can be suppressed. Here, the size of the display screen 300 can be reduced to a certain extent in response to the reduction of the size of the display screen 300. Figure 6 In this case, the lower limit size of each subject item is set so as to prevent each subject item from being displayed smaller than the lower limit size (predetermined size) even when the size of the display screen 300 is reduced. In other words, each subject item is displayed at a size equal to or larger than a certain size. Figure 6 In the display screen 300 in FIG. 6 , no subject items other than the category corresponding to the selected tab 631 are displayed. That is, in the case where the tab 631 corresponding to the category “life” is selected, all subject items belonging to the category “life” are displayed. On the other hand, subject items belonging to the category “work” or the category “study” are not displayed. For example, in the case where the user wants to select a category from Figure 6 In the case of accessing a topic belonging to the category "work" from the display screen 300 in FIG. 6, the user selects the tab 641. In the case of selecting the tab 641, as will be described later Figure 7 As in the example above, all subject items belonging to the category "work" are displayed. On the other hand, when the window size is increased by the user's operation, Figure 6 The display status changes to Figures 3 to 5 In this case, the WEB browser 201 can press the Figure 6 The display screen 300 is displayed in a state where a "see more" button corresponding to the category of the tab last selected in the display state is displayed. More specifically, when the window size is enlarged, Figure 6 The display status in the Figure 4 The display state after pressing "See more" of the category "Life" is shown. In this way, the display state before the transition of displaying all topics can be maintained while displaying while switching the display mode based on the window size, so that the degradation of the overview of the topics associated with the change of the window size can be suppressed. During this period, the WEB browser 201 can Figures 3 to 6 The same as in the display position in the predetermined range in any display area of ​​the Figure 6The display state in the corresponding category of the last selected tab. For example, when the window size changes from Figure 6 In the case where the display state in the image is enlarged, the category display section 330 of the category "Life" is placed in the image Figure 3 In the manner shown in the upper half of the display screen 300, the category display section 330 of the category "Life" is displayed. In this manner, when the display mode is switched based on the window size, the category corresponding to the tab last selected before the transition is displayed at a position that is easy for the user to see. Thus, the comfort of browsing the WEB page can be improved.

[0036] Figure 7 300 is a diagram showing an example of a display screen 300 of a WEB page. More specifically, when a user Figure 6 When tab 641 is selected in the display state in , the WEB browser displays the display screen 300. Figure 7 Description and Figure 6 The configurations in different configurations. Figure 7 The theme display section 710 in FIG. 6 includes theme items 343a to 343g belonging to the category "work" corresponding to the tab 641. That is, in FIG. Figure 6 , the WEB browser 201 displays the topic items 343a to 343g without displaying the topic items 333a to 333j. In this case, the user can visually recognize the topic items 343a to 343g belonging to the category "work" and access the topics related to "work". The same applies to the topics belonging to the category "learning".

[0037] As described above, the WEB browser displays topic items belonging to the category corresponding to the selected tab in the topic display section without displaying topic items belonging to all the categories. Thus, a plurality of topic items belonging to a plurality of categories can be efficiently displayed in a limited display area without deteriorating the visibility of the respective topic items.

[0038] Figure 8 is a diagram showing an example of a display screen of a WEB page. More specifically, Figure 8 Shown in Figures 3 to 6 The display screen 300 displayed on the WEB browser when the subject item 333a is selected in any of the figures. Figure 8 The display screen 300 is described. When the user selects the subject item 333a, the WEB browser 201 accesses the URL corresponding to the subject item 333a and displays a web page describing the details of the subject represented by the subject item 333a. Figure 8 As for the window size, the Figure 8Previous Figures 3 to 6 The display screen is displayed in the same size as any of the figures in the figure. When the user presses the back button 801 on the browser, the display screen returns to the transition to Figure 8 Previous Figures 3 to 6 The display screen 300 in any of the figures.

[0039] Fig. 9 2 is a flowchart showing an example of screen display processing of the WEB browser 201. More specifically, Fig. 9 This is a description of the function that the CPU 101 is to perform as a web browser. Figure 2 The details of the process in S217 are shown in the flowchart. Fig. 9 The details of the processing in S217 are described. Fig. 9 The processing of the web browser 201 in the embodiment is realized by causing the CPU 101 to load the program 107 stored in the ROM 102 onto the RAM 103 and execute the loaded program. The CPU 101 executes the respective steps described below based on the program of the web browser 201 and the obtained program 117. The processing is started by causing the web browser 201 to receive a response from the server 110 in S216. Fig. 9 Note that the symbol "S" in the explanation of each process described below means Fig. 9 Each process (step) in .

[0040] In S900, CPU 101 refers to the setting value of the operating system (OS) as a function of the WEB browser 201, thereby obtaining the window size. For example, the value of the window size represents pixels. However, the present disclosure is not limited to the above. For example, the value of the window size can be a value (inch) derived from the resolution. On the other hand, the user can freely change the window size by operating the mouse. Since changing the window size in response to the user's operation of the mouse is a function of the OS, the value for indicating the changed window size is maintained in RAM 103 as the setting value of the OS. In this case, in S900, CPU 101 obtains the value for indicating the changed window size.

[0041] In S901, CPU 101 determines whether the window size in RAM 103 obtained in S900 is large. More specifically, CPU 101 determines whether the value of the window size is equal to or higher than a first threshold value. For example, WEB browser 201 determines whether the horizontal width of the window size is equal to or higher than 1024 pixels. In the case where it is determined that the window size is large ("Yes"), CPU 101 proceeds to the processing in S902, or in the case where it is determined that the window size is not large ("No"), CPU 101 proceeds to the processing in S903.

[0042] In S902, the CPU 101 refers to the description about the layout of the WEB page described in the program 117 in the RAM 103 as the function of the WEB browser 201, and displays the WEB page on the display device 104. Figure 3 The WEB page (large layout) shown in FIG. 100 is displayed. Then, the CPU 101 proceeds to the process in S905.

[0043] In S903, CPU 101 determines whether the window size in RAM 103 obtained in S900 is medium. More specifically, CPU 101 determines whether the value of the window size is lower than a first threshold value and equal to or higher than a second threshold value. For example, CPU 101 determines whether the horizontal width of the window size is lower than 1024 pixels and equal to or higher than 640 pixels. In the case where it is determined that the window size is medium ("yes"), CPU 101 proceeds to the processing in S904, or in the case where it is determined that the window size is not medium ("no") (in the case where the window size is small), CPU 101 proceeds to the processing in S910.

[0044] In S904, the CPU 101 refers to the description about the layout of the WEB page described in the program 117 in the RAM 103 as the function of the WEB browser 201, and displays the WEB page on the display device 104. Figure 5 The WEB page (medium layout) shown in FIG. 100 is displayed. Then, the CPU 101 proceeds to the process in S905.

[0045] In S910, the CPU 101 refers to the description about the layout of the WEB page described in the program 117 in the RAM 103 as the function of the WEB browser 201, and displays the WEB page on the display device 104. Figure 6 The WEB page (small layout) shown in FIG. 100 is displayed. Then, the CPU 101 proceeds to the process in S911.

[0046] In S905, the CPU 101 determines whether the "View More" button being displayed on the display device 104 is pressed by the user's operation as a function of the WEB browser 201. In the case of determining that the "View More" button is pressed ("Yes"), the CPU 101 proceeds to the processing in S906, or in the case of determining that the "View More" button is not pressed ("No"), the CPU 101 proceeds to the processing in S907.

[0047] In S906, the CPU 101 refers to the program 117 in the RAM 103 as the function of the WEB browser 201, and displays all topic items belonging to the category corresponding to the topic display section including the "View More" button pressed by the user. More specifically, in the display Figure 3When the user presses the "View More" button 334 under the condition of the display screen 300 in FIG. 1 , the WEB browser 201 displays the following on the display device 104: Figure 4 The display screen 300 is shown. Then, the CPU 101 proceeds to the process in S907.

[0048] In S907, the CPU 101 determines whether the “Close” button being displayed on the display device 104 is pressed by the user's operation as a function of the WEB browser 201. In the case where it is determined that the “Close” button is pressed (“Yes”), the CPU 101 proceeds to the processing in S908, or in the case where it is determined that the “Close” button is not pressed (“No”), the CPU 101 proceeds to the processing in S909.

[0049] In S908, the CPU 101 refers to the program 117 in the RAM 103 as a function of the WEB browser 201, and displays a predetermined number of subject items belonging to the category corresponding to the category display portion including the "Close" button pressed in S907. In other words, the WEB browser 201 closes the folding panel belonging to the category corresponding to the category display portion including the pressed "Close" button, and displays a predetermined number of subject items. Here, in the case where the WEB browser 201 executes S902 earlier than S908, the predetermined number is equal to four. On the other hand, in the case where the WEB browser 201 executes S904 earlier than S908, the predetermined number is equal to three. That is, after executing S908, in the case where S902 was executed earlier than S908, the WEB browser 201 displays Figure 3 The display screen 300 is shown. If S904 is executed before S908, the WEB browser 201 displays Figure 4 The display screen 300 is shown. Thereafter, the CPU 101 proceeds to the process in S909.

[0050] In S911, the CPU 101 determines whether the tab of the unselected category being displayed on the display device 104 is pressed by the user's operation as a function of the WEB browser 201. In the case where it is determined that the tab of the unselected category is pressed ("Yes"), the CPU 101 proceeds to the processing in S912, or in the case where it is determined that the tab of the unselected category is not pressed ("No"), the CPU 101 proceeds to the processing in S909.

[0051] In S912, the CPU 101 refers to the program 117 in the RAM 103 as the function of the WEB browser 201, and displays all the topic items corresponding to the tab of the category pressed by the user. More specifically, in displaying Figure 6When the user presses the tab 641 belonging to the category "work" under the condition of the display screen 300 in FIG. 1, the WEB browser 201 displays the following Figure 7 The display screen 300 is shown. Then, the CPU 101 proceeds to the process in S909.

[0052] In S909, the CPU 101 determines whether any of the subject items displayed in the subject display section being displayed on the display device 104 is selected by the user's operation as a function of the WEB browser 201. In the case where it is determined that any subject item is selected ("Yes"), the CPU 101 proceeds to the processing in S913, or in the case where it is determined that no subject item is selected ("No"), the CPU 101 proceeds to the processing in S915.

[0053] In S913, the CPU 101 requests the server 110 for a WEB page describing details of the theme corresponding to the theme display section as a function of the WEB browser 201. Here, the processing flow from the point where the WEB browser 201 makes a request to the server 110 for the relevant WEB page to the point where the relevant WEB page is received is the same as that of the CPU 101. Figure 2 The processing flow from S211 to S213 in FIG. 10 is the same as that in FIG. 10. The CPU 101 displays the WEB page received from the server 110 on the display device 104. Then, the CPU 101 proceeds to the processing in S914.

[0054] In S914, the CPU 101 determines whether the return button displayed on the display device 104 is pressed by the user's operation as a function of the WEB browser 201. More specifically, when the display device 104 is displayed, Figure 8 In the case of display screen 300 in , CPU 101 determines whether return button 801 is pressed. If it is determined that the return button is pressed ("Yes"), CPU 101 proceeds to the process in S900 again, or if it is determined that the return button is not pressed ("No"), CPU 101 proceeds to the process in S914 again.

[0055] In S915, the CPU 101 determines whether the WEB page 116 is cancelled as a function of the WEB browser 201. Here, the cancellation of the WEB page 116 means inputting the URL of an external WEB page (in this embodiment, a WEB page not included) into the WEB browser 201, or terminating the action of the WEB browser 201 by pressing an end button (not shown) by the user. In the case where it is determined that the WEB page 116 is cancelled ("Yes"), the CPU 101 terminates the processing, or in the case where it is determined that the WEB page 116 is not cancelled ("No"), the CPU 101 proceeds to the processing in S900 again.

[0056] Now, a description will be given of the processing of the WEB browser 201 in the case where the user changes the window size. The detection of the change in the window size is performed by the operating system (OS: not shown), and therefore not by the program of the WEB browser 201. However, as Fig. 9 As shown in the flowchart in, the WEB browser 201 obtains the window size regularly as the process continues, and displays the WEB page while judging the obtained window size as described above. More specifically, in S915, when the WEB browser 201 determines that the WEB page 116 is not cancelled, and in S914, when the WEB browser 201 determines that the return button is pressed, the window size is obtained again in S900. Thereafter, in the case where the window size is changed, the WEB browser 201 displays the WEB page 116 based on the window size. In other words, in the case where the window size is changed by the control of the OS, the processing based on the changed window size is performed by the WEB browser 201. As a result, in the WEB browser 201, the display of the layout of the WEB page is switched according to the change of the window size (the display processing in S902, S904 and S910).

[0057] As described above, according to this embodiment, when the window size is large or medium, Figure 3 or Figure 5 As shown in FIG. 1 , the WEB browser displays representative subject items among subject items corresponding to each category on each subject display section. Thus, the overview of the WEB page can be ensured. According to this embodiment, when the window size is small, such as Figure 6 and Figure 7 As shown, the subject items belonging to the category corresponding to the selected category tab can be displayed in a predetermined size or larger. In this way, even in the case where the display area is small, the user can easily find the subject classified into the category that meets the user's needs without deteriorating the visibility. On the other hand, according to the present embodiment, in the case where the window size is changed, the WEB browser displays the WEB page according to the window size. For example, in the case where the window size is changed from Figure 3 When the display status is reduced, the web browser displays Figure 5 The display screen shown. When the window size is further reduced, the WEB browser displays Figure 6 Even in the case where the window size is changed as described above, the WEB browser can display the WEB page so that the user can easily understand the category and subject to easily access the desired subject.

[0058] A storage medium storing the program code of the software for realizing the functions of the above-mentioned embodiments is supplied to the system and / or the device. Thereafter, needless to say, the purpose of the present disclosure is also realized by making the computer (or any one of the CPU and the microprocessing unit (MPU)) of the system and / or the device read the program code stored in the storage medium and execute the program code. In this case, the program code itself read out from the storage medium realizes the functions of the above-mentioned embodiments, and the storage medium storing the program code constitutes the present disclosure. For example, a floppy disk, a hard disk, an optical disk, a magneto-optical disk, a compact disk (CD)-ROM and a CD-R etc. can be used as a storage medium for supplying program code. On the other hand, a magnetic tape, a non-volatile memory card, a ROM and a digital versatile disk (DVD) etc. can be used as a storage medium for supplying program code.

[0059] On the other hand, the functions of the above-mentioned embodiments are realized by executing the program code read out by the computer. Based on the instructions of the program code, the OS etc. operating on the computer performs part or all of the actual processing. Needless to say, the present disclosure also includes the case where the functions of the above-mentioned embodiments are realized by processing.

[0060] In addition, the program code read out from the storage medium is written into the function expansion board inserted into the computer and / or the memory included in the function expansion unit connected to the computer. Thereafter, based on the instructions of the program code, the CPU or the like included in any one of the function expansion board and the function expansion unit performs part or all of the actual processing. Needless to say, the present disclosure also includes the case where the functions of the above-mentioned embodiments are realized by processing.

[0061] In addition, supplying the program code to the information processing apparatus can also be achieved by using communication means other than the Internet such as a local area network (LAN) and / or a dedicated line.

[0062] (Other embodiments)

[0063] The (one or more) embodiments of the present invention may also be implemented by a computer of a system or device and the following method, wherein the computer of the system or device reads and executes computer executable instructions (e.g., one or more programs) recorded on a storage medium (which may also be more comprehensively referred to as a "non-transitory computer-readable storage medium") to perform one or more functions in the above (one or more) embodiments, and / or includes one or more circuits (e.g., application specific integrated circuits (ASICs)) for performing one or more functions in the above (one or more) embodiments, and the method is performed by the computer of the system or device by, for example, reading and executing computer executable instructions from a storage medium to perform one or more functions in the above (one or more) embodiments, and / or controlling one or more circuits to perform one or more functions in the above (one or more) embodiments. The computer may include one or more processors (e.g., a central processing unit (CPU), a microprocessing unit (MPU)), and may include a network of separate computers or separate processors to read and execute computer executable instructions. For example, the computer executable instructions may be provided to the computer from a network or a storage medium. The storage medium may include, for example, a hard disk, a random access memory (RAM), a read-only memory (ROM), a storage device of a distributed computing system, an optical disk (such as a compact disk (CD), a digital versatile disk (DVD), or a Blu-ray Disc (BD)). TM (Blu-ray Disc), etc.), one or more of a flash memory device and a memory card, etc.

[0064] According to the present disclosure, contents classified into a plurality of categories can be more preferably and visually displayed according to the size of a display area.

[0065] While the present invention has been described with reference to exemplary embodiments, it is to be understood that the invention is not limited to the disclosed exemplary embodiments.The scope of the following claims is to be accorded the broadest interpretation so as to encompass all such modifications and equivalent structures and functions.

Claims

1. A non-transitory computer-readable storage medium storing a program for causing a computer to: obtaining information indicating a size of a display area whose size can be changed; and Based on the information obtained, control is performed so that: displaying display items corresponding to a first number of contents and classified into a corresponding plurality of categories in a plurality of regions in the display area respectively corresponding to the categories when the size of the display area is a first size, wherein the first number of contents is a plurality of contents, and In a case where the size of the display area is a second size smaller than the first size, a plurality of operation items respectively corresponding to the plurality of categories are displayed in the display area, and in a case where display items corresponding to content classified into categories corresponding to unselected operation items among the operation items are not displayed, display items corresponding to content classified into categories corresponding to selected operation items among the operation items are displayed.

2. The non-transitory computer-readable storage medium of claim 1, wherein: The first number is equal to or higher than 2.

3. The non-transitory computer-readable storage medium of claim 1, wherein: Control is performed so that, when the size of the display area is a third size, display items corresponding to a second number of contents and classified into corresponding categories are displayed in a plurality of areas respectively corresponding to the plurality of categories, wherein the third size is smaller than the first size and larger than the second size, and the second number is smaller than the first number.

4. The non-transitory computer-readable storage medium of claim 1, wherein: Control is performed so that each of the display items is displayed in a predetermined size or larger even when the size of the display area is reduced from the first size to the second size.

5. The non-transitory computer-readable storage medium of claim 1, wherein: Each of the contents classified into the plurality of categories is content related to a usage pattern of a device.

6. The non-transitory computer-readable storage medium of claim 5, wherein: The device is a printing device.

7. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: The multiple categories include at least one of the categories each related to any one of life, work and study.

8. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: The first number of contents is selected in descending order of a counted number of times that the display items are selected by users.

9. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: The tab that is first selected when the size of the display area is changed from the first size to the second size corresponds to the category displayed at the uppermost portion in the display area before the change.

10. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: The operation item that is first selected among the plurality of operation items when the size of the display area is changed from the first size to the second size corresponds to the category of the operator that was last operated for expanding the display area of ​​the display item before the change.

11. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: When the size of the display area changes from the second size to the first size, control is performed so that display items of a category corresponding to the operation items selected before the change among the multiple operation items are displayed in a display state equivalent to the display state when an operator is operated to expand the display area of ​​the display item.

12. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: When the size of the display area changes from the second size to the first size, control is performed so that a display item corresponding to content classified as a category corresponding to an operation item selected among the multiple operation items before the change is displayed at a display position within a predetermined range within the display area.

13. The non-transitory computer-readable storage medium according to any one of claims 1 to 6, wherein: The plurality of operation items are any one of: a plurality of tabs; and individual items in a pull-down menu.

14. A non-transitory computer-readable storage medium storing a program for causing a computer to: obtaining information indicating a size of a display area whose size can be changed; and Based on the obtained information, control is performed so that, when the size of the display area is a first size, display items corresponding to a first number of contents and classified into corresponding multiple categories are displayed in multiple areas in the display area respectively corresponding to the categories, wherein the first number of contents is a plurality of contents, in, Each of the contents classified into the plurality of categories is content related to a usage pattern of a device, and The multiple categories include at least one of the categories each related to any one of life, work and study.

15. An information processing device, comprising: an obtaining unit, configured to obtain information indicating a size of a display area whose size can be changed; as well as The display control unit is used to control based on the obtained information so that: displaying display items corresponding to a first number of contents and classified into a corresponding plurality of categories in a plurality of regions in the display area respectively corresponding to the categories when the size of the display area is a first size, wherein the first number of contents is a plurality of contents, and In a case where the size of the display area is a second size smaller than the first size, a plurality of operation items respectively corresponding to the plurality of categories are displayed in the display area, and in a case where display items corresponding to content classified into categories corresponding to unselected operation items among the operation items are not displayed, display items corresponding to content classified into categories corresponding to selected operation items among the operation items are displayed.

16. An information processing method comprising the following steps: obtaining information indicating a size of a display area whose size can be changed; as well as Based on the information obtained, control is performed so that: displaying display items corresponding to a first number of contents and classified into a corresponding plurality of categories in a plurality of regions in the display area respectively corresponding to the categories when the size of the display area is a first size, wherein the first number of contents is a plurality of contents, and In a case where the size of the display area is a second size smaller than the first size, a plurality of operation items respectively corresponding to the plurality of categories are displayed in the display area, and in a case where display items corresponding to content classified into categories corresponding to unselected operation items among the operation items are not displayed, display items corresponding to content classified into categories corresponding to selected operation items among the operation items are displayed.

17. A computer program product comprising a program for causing a computer to execute an information processing method, the information processing method comprising the following steps: obtaining information indicating a size of a display area whose size can be changed; as well as Based on the information obtained, control is performed so that: displaying display items corresponding to a first number of contents and classified into a corresponding plurality of categories in a plurality of regions in the display area respectively corresponding to the categories when the size of the display area is a first size, wherein the first number of contents is a plurality of contents, and In a case where the size of the display area is a second size smaller than the first size, a plurality of operation items respectively corresponding to the plurality of categories are displayed in the display area, and in a case where display items corresponding to content classified into categories corresponding to unselected operation items among the operation items are not displayed, display items corresponding to content classified into categories corresponding to selected operation items among the operation items are displayed.

Images