JP2014106757A - Display program and display device - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a display program and a display device which are capable of, in response to selection of one data item, displaying a plurality of data groups according to the selection.SOLUTION: The display program causes a computer to execute: a first display step of displaying a first master item group, a first slave item group different from the first master item group, and a second slave item group different from the first master item group and the first slave item group, in a screen; a selection step of setting one of items in the first master item group to a selected state in response to user's operation on an operation member; and a second display step of updating display contents of respective items included in the first slave item group and the second slave item group in the screen on the basis of the one item set to the selected state in the selection step.

Description

  The present invention relates to a display program and a display device.

  Conventionally, a display device that displays a list of a plurality of items on a display screen is known. For example, a data output instruction device described in Patent Document 1 includes an icon group indicating a plurality of data output devices and a print function in the currently selected data output device among the plurality of data output devices for each of a plurality of categories. And a button group indicating each print function included in the currently selected category among the plurality of categories.

JP 2009-288985 A

  In the prior art, since each data item has a multi-level hierarchy, it is necessary for the user to select a number of data items in order in order to finally reach the target data list. There was a problem.

The display program according to claim 1, wherein the computer includes a first main item group, a first subordinate item group different from the first main item group, the first main item group, and the first main item group. A first display step of displaying a second subordinate item group different from the subordinate item group on the screen, and in response to an operation performed by the user with respect to the operation member, the computer performs the operation from the first main item group. Based on the selection step of setting any one item to the selection state, and the one item selected by the selection step, the computer performs the first subordinate item group and the second subordinate item on the screen. And a second display step of updating the display contents of each item included in each item group.
The display device according to claim 4 includes an operation member, a first main item group, a first subordinate item group different from the first main item group, the first main item group, and the first main item group. A first display unit that displays a second sub-item group different from the first sub-item group on the screen, and the first main item group according to an operation performed by the user on the operation member. Based on the selection means for selecting any one item and the one item selected by the selection means, the first subordinate item group and the second subordinate item group on the screen Display updating means for updating the display contents of each item included in each item.

  According to the present invention, it is possible to display a plurality of data groups corresponding to the selection only by selecting one data item.

It is a block diagram which shows the structure of the project management system which concerns on the 1st Embodiment of this invention. 2 is a block diagram showing a configuration of a mobile terminal 30. FIG. It is a figure which shows an example of a login screen. It is a figure which shows an example of a main screen. It is a figure which shows an example of a main screen. It is a figure which shows an example of a main screen. It is a figure which shows an example of a main screen. It is a figure which shows an example of a main screen. 4 is a diagram schematically showing message information stored in a database 40. FIG. 4 is a flowchart of a control program executed in the server 10 and a control program executed by the CPU 31 of the mobile terminal 30. It is a figure which shows the modification of a main screen. It is a figure which shows the modification of a main screen.

(First embodiment)
FIG. 1 is a block diagram showing a configuration of a project management system according to the first embodiment of the present invention. The project management system 1 is a system for sharing various information among members at a site where a plurality of members collaborate such as software development.

  The project management system includes a server 10 and a plurality of portable terminals 30 connected to the server 10 via a network 20. Although three mobile terminals 30 are illustrated in FIG. 1, the number of mobile terminals 30 may be any number.

  The network 20 is a telecommunication line such as the Internet or a LAN. The server 10 and the portable terminal 30 and the network 20 are connected by, for example, wired or wireless. The server 10 exchanges data with the portable terminal 30 by data communication according to a predetermined protocol (for example, TCP / IP).

  A database 40 is connected to the server 10. The database 40 stores various data input to the project management system. The database 40 may be connected to the server 10 via the network 20 or may be built in the server 10.

  FIG. 2 is a block diagram illustrating a configuration of the mobile terminal 30. The portable terminal 30 is a portable computer terminal having a plate-like casing, called a tablet type, a slate type, or the like. The portable terminal 30 includes a CPU 31, a DRAM 32, a flash memory 33, and a communication module 34 inside the casing.

  The CPU 31 controls each unit of the portable terminal 30 by reading and executing a predetermined control program from the flash memory 33 or the like. This control program uses the DRAM 32, which is a temporary storage medium, as a work area. The flash memory 33 is a non-volatile storage medium, and stores, for example, the above-described control program, various information about the user, and the like.

  The communication module 34 is a module that performs data communication with the server 10 via the network 20. The communication module 34 transmits data to the server 10 or receives data from the server 10 by, for example, wireless communication using radio waves.

  A liquid crystal panel 35 that occupies most of the entire display surface is disposed on one of the wide surfaces (hereinafter referred to as a display surface) of the plate-shaped housing. In addition, for example, a capacitive touch panel is provided on the surface of the liquid crystal panel 35. When the user of the portable terminal 30 brings a finger into contact with the surface of the liquid crystal panel 35, the touch panel 36 outputs an operation signal indicating the contact position of the finger to the CPU 31.

  The casing of the mobile terminal 30 is further provided with an operation member 37 such as a push button. When the user operates the operation member 37, an operation signal corresponding to the operation is output from the operation member 37 to the CPU 31.

  Next, the use procedure of the project management system 1 using the portable terminal 30 will be described with reference to FIGS.

  When the use of the project management system 1 is started, a login screen shown in FIG. 3 is displayed on the liquid crystal panel 35 of the portable terminal 30. On the login screen, the user inputs a user ID and password issued in advance for each user, and presses the login button 40.

  The control program executed by the CPU 31 transmits the input user ID and password to the server 10. Information regarding the user ID and password is stored in the database 40 in advance. The server 10 executes user authentication processing based on the received user ID and password and the above-described information stored in the database 40, and determines success or failure of login. If the login is successful, the main screen shown in FIG. 4 is displayed on the liquid crystal panel 35 of the portable terminal 30. The user uses this main screen to share various information with each user belonging to the same project.

  Hereinafter, the main screen of FIG. 4 will be described in detail.

  In the main screen, a menu area 41, a first list area 42, and a second list area 43 are provided. The menu area 41 is provided in the upper part of the main screen, and four menu items 41a to 41d are listed in the horizontal direction of the page. The first list area 42 is provided on the left side of the main screen, and a plurality of list items 42a to 42e are listed in the vertical direction of the page.

  In FIG. 4, only five list items 42 a to 42 e are displayed in the first list area 42. There are actually more list items. The user scrolls the display content of the first list area 42 by performing a predetermined scroll operation (for example, a touch operation for moving the scroll bar 44 up and down with a finger), and the list item is different from that shown in FIG. Can be displayed on the screen.

  The second list area 43 is provided on the right side of the main screen, and similarly to the first list area, a plurality of list items are listed in the vertical direction on the page. In FIG. 4, no list items are displayed in the second list area 43. Further, since scrolling is the same as that of the first list area 42, description thereof is omitted.

  The user can select any one of the menu items 41a to 41d by performing a predetermined selection operation (for example, an operation of touching any of the menu items 41a to 41d with a finger). The selection state of the menu items 41a to 41d can be visually recognized from the menu area 41 displayed on the screen. For example, in FIG. 4, the menu item 41a of “Message” is highlighted, and it can be read from the display content that it is in the selected state.

  The user can also select any number of list items from the list items 42a to 42e by performing a predetermined predetermined selection operation (for example, an operation of touching any of the list items 42a to 42e with a finger). Can do. When the user changes the selection state of the menu items 41a to 41d and the selection state of the list items 42a to 42e, the display contents of the menu area 41, the first list area 42, and the second list area 43 change. At this time, not only the display contents of the area operated by the user are changed, but also the display contents of other areas may be changed according to the operation (detailed later).

  The project management system 1 has a message function, a schedule management function, a task management function, and a file sharing function as main functions.

  The message function is a function for sharing an arbitrary text document posted by a user with other users. A user can post a message composed of a text document to the server 10 by performing a predetermined operation (for example, an operation of pressing a button not shown) during login. The posted message is transmitted from the portable terminal 30 to the server 10, and the server 10 stores the message in the database 40 together with the user who posted the message and the date and time when the message was posted.

  FIG. 9 is a diagram schematically showing message information stored in the database 40. The database 40 stores message contributors, message posting date and time, and message contents (text documents) in a table format.

  The schedule management function is a function corresponding to the menu item 41b displayed on the main screen, and is a function that allows a user to register a schedule in association with a predetermined date, a predetermined date and time, a predetermined period, or the like. A user can register a schedule associated with a predetermined date, a predetermined date and time, a predetermined period, or the like in the server 10 by performing a predetermined operation (for example, an operation of pressing a button not shown) during login. Information such as a predetermined date, a predetermined date and time, a predetermined period, and the like input by the user, and information such as a title of a schedule associated therewith are transmitted from the mobile terminal 30 to the server 10, and the server 10 The information is stored in the database 40 together with information of the registered user (for example, a user ID and a user name).

  The task management function is a function that assigns a task (task) that needs to be completed for each user and manages the progress status of the task (for example, information about completion or incomplete or 50% completion). is there. As with the message function and schedule function, the user can input information using the portable terminal 30 and register the information in the server 10 for the task management function.

  The file sharing function is a function for sharing various files such as image files and document files with other users. Since this function is the same as the message function except that it is not a text document but an arbitrary data file to be registered, a description thereof will be omitted.

  Next, a method for using each function using the mobile terminal 30 will be described in detail. As shown in FIG. 4, the four menu items 41a to 41d displayed in the menu area 41 correspond to the four functions described above.

  In FIG. 4, the menu item 41a corresponding to the message function is in a selected state. At this time, the first list area 42 and the second list area 43 handle information on the message function among the four functions described above.

  Each list item 42a to 42e of the first list area 42 corresponds to a different user. When the user selects any one of the plurality of list items 42 a to 42 e displayed in the first list area 42, the second list area 43 displays each list item currently selected in the second list area 43. A list of messages posted by the corresponding user is displayed.

  For example, in the scene shown in FIG. 4, when the user selects the list item 42 a corresponding to “user 1”, the CPU 31 transmits information related to the currently selected list item to the server 10. Based on the information received from the mobile terminal 30, the server 10 reads information on a message corresponding to the information from the database 40 and sends it back to the mobile terminal 30. Then, the mobile terminal 30 displays a list of messages in the second list area 43 based on the received message information. As a result, the main screen shown in FIG. 4 changes to the contents shown in FIG.

  In FIG. 5, each message posted by “user 1” is displayed in a list in the second list area 43. At this time, in each of the list items 43a to 43c, the name of the message poster, the date and time of posting the message, and the content of the message are displayed. In FIG. 5, each message is displayed in the order of posting date (ascending order) of the message.

  As described above, a plurality of list items 42a to 42e included in the first list area 42 can be selected. When a plurality of list items are selected from the list items 42a to 42e, messages of each user respectively corresponding to the plurality of list items in the selected state are displayed in a list in the second list area 43.

  For example, in FIG. 5, the list item 42a corresponding to “user 1” is in a selected state. At this time, a list of messages posted by “user 1” is displayed in the second list area 43. That is, when “user 1” is selected in FIG. 4, a list of messages posted by “user 1” is displayed in the second list item 43 accordingly.

  At this time, if “user 3” is further selected, the content of the main screen further changes to the content shown in FIG. In FIG. 6, messages posted by “user 1” and messages posted by “user 3” are listed in the second list area 43 in order of posting date and time (ascending order).

  As described above, in the project management system 1, when the selection state of the first list area 42 is changed on the main screen displayed on the mobile terminal 30, the display content of the second list area 43 changes accordingly. To do.

  5 and 6, when a predetermined selection operation (for example, a touch operation that touches the list item) is performed on each of the list items 43 a to 43 c included in the second list area 43, the CPU 31 causes the liquid crystal panel 35 to be displayed. Detailed message information (for example, the full text of the message) corresponding to the selected list item, operation buttons for deleting the message, and the like are displayed.

  Next, the schedule management function will be described. When the user selects the menu item 41b by touching the liquid crystal panel 35 or the like, the display contents of the menu area 41 and the second list area 43 change accordingly. For example, when the menu item 41b is selected in FIG. 6, the content displayed on the main screen changes to the content shown in FIG.

  Specifically, the menu area 41 is in a display (for example, highlighting the menu item 41b over other menu items) indicating that the menu item 41b is in a selected state. The first list area 42 displays a list of dates instead of the user list displayed at the time of FIG. 6, and the second list area 43 displays the date at the time of FIG. Instead of the previously displayed message list, the schedule list of the selected user is displayed.

  In FIG. 7, the operation when the selection state of each list item 42 a to 42 e displayed in the first list area 42 is changed is narrowed down by the date associated with the schedule, not the poster of the message. Is the same as that described with reference to FIGS.

  That is, when the selection state of the list items 42 a to 42 e is changed, the CPU 31 transmits information regarding each list item currently selected to the server 10. In response to this received information, the server 10 reads the schedule information of the date corresponding to the information from the database 40 and transmits it to the portable terminal 30. The CPU 31 displays a schedule list in the second list area 43 based on the received schedule information.

  The task management function and the file sharing function are the same as the message function and schedule management function described above. For example, the task management function will be described. When the user selects the menu item 41c corresponding to the task management function by a touch operation on the liquid crystal panel 35 or the like, the menu area 41 and the second list area 43 are displayed accordingly. The display content changes to display content that matches the task management function.

  Specifically, the menu area 41 is in a display state indicating that the menu item 41c is in a selected state. In addition, in the second list area 43, the task list of the selected user is displayed instead of the message list displayed at the time of FIG. 6 and the schedule list displayed at the time of FIG. become. The file sharing function is the same, and a list of data files registered by the selected user is displayed in the second list area 43.

  As described above, in the project management system 1, on the main screen displayed on the mobile terminal 30, the contents corresponding to the selection state of the menu area 41 are displayed in the first list area 42. In the second list area 43, contents corresponding to the selection state of the menu area 41 and the selection state of the first list area 42 are displayed. When the selection state of the menu area 41 is changed, the display contents of the first list area 42 and the second list area 43 are changed accordingly. Further, when the selection state of the first list area 42 is changed, the display content of the second list area 43 is changed accordingly.

  FIG. 10 is a flowchart of the control program executed in the server 10 and the control program executed by the CPU 31 of the mobile terminal 30. A flowchart of a control program executed on the mobile terminal 30 side is shown on the left side of FIG. 10, and a control program executed on the server 10 side is shown on the right side of FIG.

  First, the control program executed on the mobile terminal 30 side will be described. In step S300, the CPU 31 performs authentication information (login ID and password) based on a user operation (based on an operation signal from the touch panel 36 or the operation member 37). Accept. In subsequent step S <b> 310, the CPU 31 transmits authentication information to the server 10. In step S320, authentication success information indicating that the user authentication is successful is received from the server 10. In addition, when the information showing that user authentication failed in step S320, that is displayed on the liquid crystal panel 35, and it returns to step S300.

  In step S330, the CPU 31 receives from the server 10 user information that is information (user name, etc.) regarding registered users. In step S340, a main screen (eg, FIG. 4) is displayed on the liquid crystal panel 35. At this time, a list of user names of registered users is displayed in the first list area 42 based on the user information received in step S330.

  In step S350, the CPU 31 determines whether or not a selection operation for the menu area 41 using the touch panel 36 or the like has been performed. If the selection operation has been performed, the process proceeds to step S370, and if not, the process proceeds to step S360. Similarly, in step S360, it is determined whether or not a selection operation has been performed on the first list area 42 using the touch panel 36 or the like. If the selection operation has not been performed, the process proceeds to step S400, and if it has been performed, the process proceeds to step S370.

  In step S <b> 370, the CPU 31 transmits the latest selection state of the menu area 41 and the first list area 42 to the server 10. In step S380, the display information transmitted from the server 10 is received accordingly. For example, if the menu item 41a is selected, the display information is message information to be displayed in the second list area 43. If the menu item 41b is selected, the display information is displayed in the second list area 43. This is schedule information for display.

  In step S390, the CPU 31 updates the main screen to the latest state. That is, the display contents of the menu area 41 and the first list area 42 are updated according to the latest selection state, and the display contents of the second list area 43 are updated based on the display information received in step S380.

  In step S400, the CPU 31 determines whether or not a predetermined logout operation (for example, an operation of pressing a logout button not shown) is performed by the user. If the logout operation has not been performed, the process returns to step S350. On the other hand, if a logout operation has been performed, the process proceeds to step S410, a logout instruction is transmitted to the server 10, and the process is terminated.

  Next, processing on the server 10 side will be described. First, in step S100, authentication information is received from the portable terminal 30. In a succeeding step S110, a predetermined authentication process for comparing the received authentication information with the authentication information stored in the database 40 is executed. If the authentication is successful, authentication success information is transmitted to the portable terminal 30 in step S120. In step S130, the user information stored in the database 40 is read out and transmitted to the portable terminal 30.

  In step S140, it is determined whether or not the latest selection state has been received from the portable terminal 30. If received, the process proceeds to step S350, and the display information based on the received latest selected state is transmitted to the portable terminal 30. On the other hand, if the latest selection information has not been received, the process proceeds to step S160.

  In step S160, it is determined whether or not a logout instruction has been received from the portable terminal 30. If it has not been received, the process returns to step S140. If it has been received, the process of FIG. 10 is terminated.

According to the project management system according to the first embodiment described above, the following operational effects can be obtained.
(1) The CPU 31 displays a menu area 41, a first list area 42, and a second list area 43 on the liquid crystal panel 35. The CPU 31 selects any one menu item from the plurality of menu items 41 a to 41 d displayed in the menu area 41 in accordance with an operation performed by the user on the touch panel 36. Then, the display contents of the first list area 42 and the second list area 43 on the liquid crystal panel 35 are updated based on one menu item in the selected state. As described above, only one data item (menu item) is selected, and a plurality of data groups corresponding to the selection (list items displayed in the first list area 42 and displayed in the second list area 43). List item) can be displayed.

  The following modifications are also within the scope of the present invention, and one or a plurality of modifications can be combined with the above-described embodiment.

(Modification 1)
The present invention can also be applied to a system other than the project management system as in the first embodiment described above. For example, the present invention can be applied to software such as so-called groupware.

(Modification 2)
In the first embodiment described above, the display contents of the second list area 43 are changed according to the change in the selection state of the menu area 41, but the display contents of the first list area 42 are not changed. It was. The present invention is not limited to such an embodiment. For example, when the list item 41a (corresponding to the message function) is selected, a list of users is displayed in the first list area 42, and when the list item 42b (corresponding to the schedule management function) is selected, the first list area 42 is displayed. A list of dates may be displayed in the list area 42. In this case, when using the schedule management function, it is possible to narrow down by the date of the schedule instead of the user. That is, the display contents of the first list area 42 and the display contents of the second list area 43 may be changed according to the selection state of the menu area 41.

(Modification 3)
The layout of the display screen (the screen referred to as the main screen in the first embodiment) is not limited to the contents shown in FIGS. For example, as shown in FIG. 11, the menu area 41 may have a display form in which menu items are listed in the vertical direction, like the first list area 42 and the second list area 43. Alternatively, one or both of the first list area 42 and the second list area 43 may have a display form in which list items are listed in a horizontal direction like the menu area 41 in FIG. Further, instead of the display form in which the items are arranged in the vertical direction or the horizontal direction, for example, a display form in which the items are arranged in a tile shape may be used.

(Modification 4)
The number of menu areas and list areas displayed on the screen is not limited to that described in the first embodiment. For example, a third list area 44 may be further provided as shown in FIG. The third list area 44 in FIG. 11A is a list for narrowing down the items displayed in the second list area 43, like the first list area 42, and the list item is a date. The CPU 31 narrows down the messages displayed in the second list area 43 based on the user selected in the first list area 42 and the date selected in the third list area 44. . That is, FIG. 11A shows the display contents of the second list area 43 according to the selection state of the menu area 41, the selection state of the first list area 42, and the selection state of the third list area 44. A configuration in which is changed is shown.

  In FIG. 11B, a fourth list area 45 is further provided as an example different from FIG. Similar to the second list area 43 in FIG. 7, the fourth list area 45 displays a list of schedules narrowed down based on the users selected in the first list area 42. That is, FIG. 11B shows a configuration in which the selection state of the second list region 43 and the fourth list region 45 changes according to the selection state of the first list region 42.

  As described above with an example, various combinations of the number of main menu areas or list areas and the number of subordinate menu areas or list areas are possible. The present invention can be applied to any combination as long as it has at least one main menu area or list area and at least two main menu areas or list areas.

(Modification 5)
A part of the processing executed by the server 10 in the first embodiment may be executed on the mobile terminal 30 side. On the contrary, a part of the processing executed on the mobile terminal 30 side may be executed on the server 10 side.

  As long as the characteristics of the present invention are not impaired, the present invention is not limited to the above-described embodiments, and other forms conceivable within the scope of the technical idea of the present invention are also included in the scope of the present invention. .

DESCRIPTION OF SYMBOLS 1 ... Project management system, 10 ... Server, 20 ... Network, 30 ... Portable terminal, 40 ... Database

Claims (4)

The computer has a first master item group, a first slave item group different from the first master item group, and a second slave item different from the first master item group and the first slave item group. A first display step of displaying an item group on the screen;
In accordance with the operation performed by the user on the operation member, the computer makes a selection step for selecting any one item from the first main item group,
Based on the one item selected by the selection step, the computer updates display contents of each item included in each of the first subordinate item group and the second subordinate item group on the screen. A second display step,
A display program characterized by causing a computer to execute. The display program according to claim 1,
In the selection step, in accordance with an operation performed by the user on the operation member, the computer selects a plurality of items from the first main item group,
In the second display step, a computer is included in each of the first subordinate item group and the second subordinate item group on the screen based on the plurality of items selected in the selection step. A display program for updating display contents of each item to contents corresponding to the plurality of items. In the display program according to claim 1 or 2,
In the first display step, in addition to the first main item group, the first subordinate item group, and the second subordinate item group, the computer further includes the first main item group. A second main item group different from the first and second subordinate item groups is displayed on the screen;
In the selection step, the computer further selects any one item from the second main item group according to an operation performed by the user on the operation member,
In the second display step, the computer selects the first subordinate item group and the first subordinate item on the screen based on a selection state of each item included in the first main item group and the second main item group. The display content of each item included in the second sub-item group is updated to the content corresponding to each item of the first main item group and the second main item group in the selected state. Display program. An operation member;
A first subordinate item group, a first subordinate item group different from the first main item group, and a second subordinate item group different from the first main item group and the first subordinate item group And first display means for displaying on the screen,
Selection means for selecting any one item from the first main item group in response to an operation performed by the user on the operation member;
Display update for updating the display content of each item included in each of the first subordinate item group and the second subordinate item group on the screen based on the one item selected by the selection means Means,
A display device comprising:

Images