Patent Document

TECHNICAL FIELD  
       [0001]     The present invention generally concerns portlet-based graphical user interfaces, and more particularly concerns methods and apparatus for providing both graphical indicators which demonstrate the relationships between and among portlets visible in a graphical user interface, and controls inline to the graphical indicators for managing portlet operations.  
       BACKGROUND  
       [0002]     Portlet-based user interfaces are quickly becoming very common for use in web sites as well as in web-based administrative consoles. Problems have been encountered in the shift to portlet-based user interfaces. In particular, known methods and apparatus for implementing portlet capability in graphical user interfaces lack both means for graphically indicating relationships among related portlets, and controls for managing operations concerning related portlets.  
         [0003]     A common situation where this is encountered occurs when a graphical user interface displays multiple base (“parent”) portlets, where each of the parent portlets can launch multiple sub-portlets (“child”). In such situations, after having launched one or more child sub-portlets, it may be difficult for a user to preserve the relation in her mind between parent portlets and child sub-portlets. This is particularly true because no visual cues are provided to the user to indicate relations between or among multiple portlets and sub-portlets.  
         [0004]     An example of portlet management in accordance with the prior art is depicted in  FIG. 1 .  FIG. 1  depicts a page  100  containing two parent portlets  110  and  120 . After a child sub-portlet  112  is surfaced from parent portlet  110 , there is no cue provided indicating whether the child sub-portlet  112  is related to parent portlet  110  or  120 . The situation becomes even more confusing when a child sub-portlet  122  is surfaced from parent portlet  120 . The lack of visual cues becomes particularly bothersome when the user desires to simplify the page by submerging one of the child sub-portlets. Without careful examination of the surfaced child sub-portlets, the user might inadvertently submerge the wrong child sub-portlet.  
         [0005]     Accordingly, those skilled in the art desire methods and apparatus that provide visual cues which indicate the relationship among parent portlets and child sub-portlets. In particular, such methods and apparatus would enable a user to quickly perceive from visual cues provided by graphical features the relationships between and among parent portlets and child sub-portlets.  
         [0006]     In addition, those skilled in the art desire methods and apparatus that enable users to quickly expand and collapse peer sub-portlets. Such functionality would make long multi-portlet pages more manageable upon collapsing, and then allow a user to quickly and easily surface them for display later.  
       SUMMARY OF THE PREFERRED EMBODIMENTS  
       [0007]     The foregoing and other problems are overcome, and other advantages are realized, in accordance with the following embodiments of the present invention. The present invention comprises a computer system for displaying an interactive graphical user interface having portlet display capability, where the graphical user interface displays both graphical indicators for relating child sub-portlets to parent portlets, and portlet management controls inline to the graphical indicators.  
         [0008]     A first alternate embodiment of the present invention comprises a signal-bearing medium tangibly embodying a program of machine-readable instructions executable by a digital processing apparatus of a computer system to perform operations for controlling a graphical user interface system, where the graphical user interface system is capable of displaying multiple parent portlets in a single graphical user interface, the operations comprising: displaying a page comprised of at least one parent portlet; receiving a command to surface a child sub-portlet from the parent portlet; and surfacing the child sub-portlet into the page, whereby when the child sub-portlet is displayed, at least one graphical indicator is used to provide a visual cue indicating that the parent portlet and child sub-portlet are related.  
         [0009]     A second alternate embodiment of the present invention comprises a computer system for displaying an interactive graphical user interface, the computer system comprising: at least one memory to store at least one program of machine-readable instructions, where the at least one program performs operations to display the interactive graphical user interface when executed; and at least one processor coupled to the at least one memory, where the at least one processor performs at least the following operations when the at least one program is executed: displaying a page comprised of at least one parent portlet in the graphical user interface; receiving a command to surface a child sub-portlet from the parent portlet; and surfacing the child sub-portlet into the page, whereby when the child sub-portlet is displayed, at least one graphical indicator is used to provide a visual cue indicating that the parent portlet and child sub-portlet are related.  
         [0010]     A third alternate embodiment of the present invention comprises a user interface control system method comprising: displaying on a display device of a computer system an interactive graphical user interface having portlet display capability, wherein a page displayed in the interactive graphical user interface comprises at least one parent portlet; receiving a command to surface a child sub-portlet from the parent portlet; and surfacing the child sub-portlet into the page, whereby when the child sub-portlet is displayed, at least one graphical indicator is used to provide a visual cue indicating that the parent portlet and child sub-portlet are related.  
         [0011]     A fourth alternate embodiment of the present invention comprises a computer system for displaying an interactive graphical user interface, the computer system comprising: memory means for storing at least one program of machine-readable instructions, where the at least one program performs operations to display the interactive graphical user interface when executed; processor means coupled to the memory means for executing the at least one program of machine-readable instructions, where the processor means performs at least the following operations when the at least one program is executed: displaying a page comprised of at least one parent portlet; receiving a command to surface a child sub-portlet from the parent portlet; surfacing the child sub-portlet into the page; and displaying at least one graphical indicator means for providing a visual cue that the parent portlet and child sub-portlet are related.  
         [0012]     Thus it is seen that embodiments of the present invention overcome the limitations of the prior art. Known methods and apparatus for managing portlet-based graphical user interfaces suffer from a number of limitations. In particular, when child sub-portlets are surfaced in current portlet-based graphical user interfaces, the relationship between the parent portlet and child sub-portlets is not indicated in any way. Accordingly, a user of such a system can become confused concerning the relationships between or among displayed portlets.  
         [0013]     In contrast, the present invention provides methods and apparatus for indicating the relationship between or among parent portlets and child sub-portlets. A user of a system made in accordance with the present invention is provided with visual cues that tie parent portlets to child sub-portlets in such a way that it is easy to keep track of the relationships between displayed portlets.  
         [0014]     In addition, known methods and apparatus for managing portlet-based graphical user interfaces provide little or no functionality for controlling portlet surfacing and submerging operations in a way that provides cues to a user concerning the relationships between, for example, a child sub-portlet that is being submerged and a parent portlet that will continue to be displayed. Accordingly, in situations where many portlets are displayed, a user may inadvertently submerge a child sub-portlet when the relationship of the child sub-portlet to a parent portlet is not apparent.  
         [0015]     In contrast, methods and apparatus operating in accordance with the present invention provide in-line portlet-management tools that simplify the surfacing and submerging of child sub-portlets.  
         [0016]     In conclusion, the foregoing summary of the alternate embodiments of the present invention is exemplary and non-limiting. For example, one of ordinary skill in the art will understand that one or more aspects or steps from one alternate embodiment can be combined with one or more aspects or steps from another alternate embodiment to create a new embodiment within the scope of the present invention. 
     
    
     BRIEF DESCRIPTION OF THE DRAWINGS  
       [0017]     The foregoing and other aspects of these teachings are made more evident in the following Detailed Description of the Preferred Embodiments, when read in conjunction with the attached Drawing Figures, wherein:  
         [0018]      FIG. 1  depicts a graphical user interface surfacing child sub-portlets into a page in accordance with the prior art;  
         [0019]      FIG. 2  depicts a graphical user interface in accordance with the prior art displaying two parent portlets on a page before any child sub-portlets have been launched;  
         [0020]      FIG. 3  depicts the graphical user interface of  FIG. 2  after a child sub-portlet has been launched into the page in accordance with the prior art;  
         [0021]      FIG. 4  depicts the graphical user interface of  FIGS. 2 and 3  after a second child sub-portlet has been launched into the page in accordance with the prior art;  
         [0022]      FIG. 5  depicts a graphical user interface after two child sub-portlets have been launched into a page in accordance with an embodiment of the present invention;  
         [0023]      FIG. 6  depicts a graphical user interface after two child sub-portlets have been launched into a page in accordance with another embodiment of the present invention;  
         [0024]      FIG. 7  depicts a graphical user interface after two child sub-portlets have been launched into a page in accordance with a further embodiment of the present invention;  
         [0025]      FIG. 8  depicts a graphical user interface displaying multiple parent portlets and child sub-portlets in accordance with the prior art;  
         [0026]      FIG. 9  depicts a graphical user interface displaying multiple parent portlets and child sub-portlets in accordance with an embodiment of the present invention;  
         [0027]      FIG. 10  depicts a graphical user interface displaying multiple parent portlets and child sub-portlets in accordance with another embodiment of the present invention;  
         [0028]      FIG. 11  depicts a block diagram of a computer system suitable for practicing the methods and apparatus of the present invention;  
         [0029]      FIG. 12  depicts a graphical user interface displaying a portlet control inline to a graphical indicator demonstrating the relationship between a parent portlet and a child sub-portlet in accordance with the present invention;  
         [0030]      FIG. 13  depicts a zoomed-in view of a graphical user interface displaying a portlet control in accordance with another embodiment of the present invention;  
         [0031]      FIG. 14  depicts a zoomed-in view of a graphical user interface displaying a portlet control in accordance with a further embodiment of the present invention;  
         [0032]      FIG. 15  depicts a zoomed-in view of a graphical user interface displaying a portlet control in accordance with yet another embodiment of the present invention;  
         [0033]      FIG. 16  depicts a zoomed-in view of a graphical user interface displaying a portlet control in accordance with a still further embodiment of the present invention;  
         [0034]      FIG. 17  depicts a parent portlet in a page before a child sub-portlet has been launched in accordance with another embodiment of the present invention;  
         [0035]      FIG. 18  depicts the page of  FIG. 17  after a child sub-portlet and management portlet have been launched from the parent portlet all in accordance with another embodiment of the present invention;  
         [0036]      FIG. 19  depicts the page of  FIG. 18  after the child sub-portlet has been minimized in accordance with another embodiment of the present invention;  
         [0037]      FIG. 20  depicts an alternate way in comparison to  FIG. 19  for minimizing the child sub-portlet in accordance with another embodiment of the present invention;  
         [0038]      FIG. 21  depicts a page in which child sub-portlets have been launched from multiple parent portlets in accordance with another embodiment of the present invention;  
         [0039]      FIG. 22  depicts a zoomed-in view of a graphical user interface displaying a portlet control in accordance with an embodiment of the present invention; and  
         [0040]      FIG. 23  depicts a flowchart showing the steps of method operating in accordance with the present invention.  
     
    
     DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS  
       [0041]     A typical situation encountered in the prior art is depicted in  FIGS. 2-4 .  FIG. 2  depicts the initial state of a page  200  displaying two parent portlets  210  and  220 . The user then launches a child sub-portlet  222  from parent portlet  220 , and the result is depicted in  FIG. 3 . As is apparent from  FIG. 3 , there are no visual cues tying the parent portlet  220  to the child sub-portlet  222 . This is a source of confusion to users, and it is an object of the invention to provide methods and apparatus for overcoming this limitation of the prior art. The situation worsens when the user launches another child sub-portlet  224  from parent portlet  220  as depicted in  FIG. 4 . Again, a user is presented with a situation where there are no visual cues indicating to the user the relationships between the parent portlets  210 ,  220  and child sub-portlets  222 ,  224 .  
         [0042]     Another problem not immediately evident from this demonstration but appreciated by the applicants is the confusion encountered when seeking to manage the sub-portlets. Since there are no visual cues provided to the user, the user may inadvertently submerge the incorrect child sub-portlet when attempting to de-clutter the page  200 . Accordingly, those skilled in the art desire controls for managing portlet operations that are in some way integrated in graphical cues used to indicate relationships between parent portlets and child sub-portlets.  
         [0043]     A first aspect of the present invention is depicted in  FIG. 5  which shows that child sub-portlets  312 ,  322  launched from parent portlets  310 ,  320  remain in close proximity to the parent portlets  310 ,  320  from which they were launched. In addition, the child sub-portlets are associated with the parent portlets by indentation. If multiple child sub-portlets are launched from the same parent portlet, in embodiments of the present invention multiple indentation levels may be used. Other combinations of grouping and indentation may be used to indicate relationships between parent portlets and child sub-portlets.  
         [0044]     Another method of providing visual cues to a user to indicate relationships between parent portlets and child sub-portlets in accordance with embodiments of the present invention comprises providing a graphical connecting link that visually ties the parent portlet and child sub-portlet together. This is depicted in  FIG. 6 , where two child sub-portlets  412 ,  414  have been launched into a page  400  from a parent portlet  410 . As is apparent, the connecting link  416  provides a visual cue to a user indicating that child sub-portlets  412 ,  414  have been launched from parent portlet  410 .  
         [0045]     In another embodiment of the present invention, the methods depicted in  FIGS. 5 and 6  are combined, as shown in  FIG. 7 . Child sub-portlets  522 ,  524  launched into a page  500  from a parent portlet  520  are both indented as shown by the indentation  528  and tied to together by connecting links  526 . Thus, these embodiments of the present invention overcome the limitations of the prior art by providing visual cues that indicate the relationships between or among parent portlets and child sub-portlets.  
         [0046]     In various embodiments of the present invention, the connecting links may or may not cross. If connecting links connecting different groups of parent and child sub-portlets are permitted to cross, the links are preferably displayed in different colors. This will indicate that different-colored connecting links connect different groups of parent and child portlets.  
         [0047]     In situations where many parent portlets and child sub-portlets appear on a page, the methods depicted in  FIGS. 5-7  can become sub-optimal and contribute to an already busy page. In such situations, further embodiments of the present invention provide additional methods for indicating relationships between parent portlets and child sub-portlets. For example, as depicted in  FIG. 8 , many parent portlets  610 ,  620  and child sub-portlets  630 ,  640 ,  650  and  660  appear in a page  600 . The foregoing methods are less desirable in such situations.  
         [0048]     Another embodiment of the present invention overcomes the limitations of the prior art by providing graphical indicators which are incorporated within the primary rectangular area of the portlets, such as the title bar or content area of the parent portlets and child sub-portlets. In the embodiment depicted in  FIG. 9 , a unique hash mark pattern  726  is used in the title bar of the parent portlet  720  and all child sub-portlets  722 ,  724  launched from the parent portlet  720  into a page  700 . If a child sub-portlet were to be launched from a different parent portlet, a different hash mark pattern would be used to differentiate the first group of parent portlet and child sub-portlets from the second group of parent portlet and child sub-portlets. Thus, in this embodiment of the present invention, the graphical indicator serves to distinguish the group comprised of parent portlet  720  and child sub-portlets  722 ,  724  from the other portlets  710 ,  730 ,  740  appearing on the page. A user of a graphical user interface system having this ability would immediately recognize the relationships between parent portlets and child sub-portlets without extensive and time-consuming study.  
         [0049]     In another embodiment depicted in  FIG.10 , a unique background shading  826  is used to differentiate a group comprising a parent portlet  820  and related child sub-portlets  822 ,  824  from other portlets  810 ,  830 ,  840  appearing on the page  800 . If a child sub-portlet were to be launched from one of the other portlets  810 ,  830 ,  840  a background different from  826  would be used to differentiate the new group from the previous group comprising parent portlet  820  and child sub-portlets  822 ,  824 . Although shading is indicated in  FIG. 10 , different background colors or patterns could be used as well for differentiation purposes.  
         [0050]     A computer system suitable for practicing the methods of the present invention is depicted in simplified form in  FIG. 11 . The data processing system  900  includes at least one data processor  901  coupled to a bus  902  through which the data processor may address a memory sub-system  903 , also referred to herein simply as “memory”  903 . The memory  903  may include RAM, ROM and fixed and removable disks and/or tape. The memory  903  is assumed to store at least one program comprising instructions for causing the processor  901  to execute methods in accordance with the present invention. Also stored in memory  903  is at least one database  904  containing information that may be managed using the portlet graphical indicators and controls of the present invention.  
         [0051]     The data processor  901  is also coupled through the bus  902  to a user interface  905 , preferably comprising both a graphical user interface (“GUI”) that includes a user display device  906 , such as a high resolution graphical CRT display terminal, a LCD display terminal, or any suitable display device, and a user input device  907 , such as one or more of a keyboard, a mouse, a trackball, or a voice recognition interface. With these input/output devices and the methods and apparatus of the present invention, a user can easily manage portlet-based graphical user interfaces.  
         [0052]     The data processor  901  may also be coupled through the bus  902  to a network interface  908  that provides bi-directional access to a data communications network  909 , such as an intranet and/or the internet. In various embodiments of the present invention, a database  910  of information can be accessed over the internet and the methods and apparatus of the present invention can be used to more efficiently manage it.  
         [0053]     In general, these teachings may be implemented using at least one software program running on a personal computer, a server, a microcomputer, a mainframe computer, a portable computer, an embedded computer, or by any suitable type of programmable data processor  901 . Further, a program of machine-readable instructions capable of performing operations in accordance with the present invention may be tangibly embodied in a signal-bearing medium, such as a CD-ROM.  
         [0054]     Another aspect of the present invention is the incorporation of portlet management controls inline to the graphical indicators used for relating parent portlets to child sub-portlets. Such controls are depicted in  FIGS. 12-23 . In  FIG. 12 , selection of the collapser control (“−”)  1128  inline to the graphical indicator  1126  tying the parent portlet  1120  to the child sub-portlets  1122 ,  1124  will minimize or hide the child sub-portlets  1122 ,  1124 . Once the child sub-portlets are submerged, the collapser will be replaced by an expander control (“+”)  1128  as shown in the zoomed view of  FIG. 13 . By clicking the expander  1128 , the now-hidden child sub-portlets  1122 , 1124  will be shown. In a variant depicted in  FIG. 14 , a separate control  1130  is available to control each child sub-portlet  1122 ,  1124 , for example, to conveniently close all peer sub-portlets with a single click, even when they might currently be hidden from view.  
         [0055]     In situations where there are many parent portlets open on a page and graphical indicators tying parent portlets and child sub-portlets together are impractical, other control options are used in embodiments of the present invention. For example, as depicted in  FIG. 15 , controls  1230 ,  1240  for managing sub-portlets are incorporated in the title bar  1222  of a parent portlet  1220 . The child sub-portlets could be launched by selecting the mini-taskbar area  1231 ,  1241  outside of the “minimize”  1232 ,  1242  and “close” icons  1233 ,  1243 . In this embodiment, once opened, a child sub-portlet could be minimized or closed using the “minimize”  1232 ,  1242  or “close”  1233 ,  1243  icons in the mini task-bars  1230 ,  1240 .  
         [0056]     In a variant of the embodiment depicted in  FIG. 15 , the child sub-portlet controls  1330 ,  1340  are positioned at the bottom  1322  of the parent portlet  1320 , as shown in  FIG. 16 . The portlet controls operate otherwise like those depicted in  FIG. 15 . For example, if a user desired to launch the child sub-portlets, the user would select the areas of the mini task-bars  1331 ,  1341  outside of the “minimize”  1332 ,  1342  and “close”  1333 ,  1343  icons. Once visible, the user could minimize the child sub-portlets with the “minimize” icons  1332 ,  1342  or close the child sub-portlets with the “close” icons  1333 ,  1343 .  
         [0057]     Additional embodiments in accordance with the present invention for implementing portlet controls are depicted in  FIGS. 17-21 .  FIG. 17  depicts a beginning state of a page  1400  currently displaying a parent portlet  1410 .  FIG. 18  depicts the state of the page  1400  after a child sub-portlet  1414  has been surfaced from parent portlet  1410 . In addition to child sub-portlet  1414 , a management portlet  1412  for managing child sub-portlets has also been launched. As is apparent from  FIG. 18 , both the management portlet  1412  and child sub-portlet  1414  were surfaced in close proximity to parent portlet  1410  and are also indented in relation to the parent portlet  1410 . The physical proximity and indentation are graphical indicators showing that parent portlet  1410 , management portlet  1412  and child sub-portlet are all related. Management portlet  1412  also contains controls for managing portlet operations either singly or on a group basis. For example, if additional portlets were to be surfaced from parent portlet  1410 , then management portlet  1412  could be used to manage them as a group. For example, management portlet  1412  could be used to close or minimize the child sub-portlets. Once the child sub-portlets have been minimized, the management portlet  1412  could be used to surface the child sub-portlets. The management portlet  1412  itself can be closed or minimized through various controls.  
         [0058]      FIG. 19  depicts the appearance of the page  1400  after the child sub-portlet  1414  has been minimized. Another option in accordance with the present invention is depicted in  FIG. 20 , where the child sub-portlet  1412  is incorporated in a table-like structure within the management portlet  1414 .  
         [0059]      FIG. 21  depicts an embodiment where child sub-portlets  1526 ,  1530  and management portlet  1522  have been launched from parent portlet  1520 , and where child sub-portlets  1556 ,  1560  and management portlet  1552  have been launched parent portlet  1550 . As can be seen, the child sub-portlets and management sub-portlets have been surfaced in close proximity to the parent portlets, thus forming groups of related parent portlets, management portlets, and child-sub-portlets. The grouping and indentation serves as a graphical indicator relating the parent and child sub-portlets. As is apparent child sub-portlet  1526  is maximized, but can be minimized with control  1527  or closed with control  1528 . On the other hand, child sub-portlet  1530  is minimized, but can be maximized with control  1531  or closed with control  1532 .  
         [0060]     The foregoing embodiments of the present invention have started with the parent portlet as the base from which child sub-portlets operations are controlled. A further embodiment of the present situation depicted in  FIG. 22  handles situations where many portlets appear on a page like preceding embodiment of the present invention, but from the perspective of a child sub-portlet. In such situations, a user who has been focusing on a child sub-portlet may wish to turn her attention to the parent portlet related to the child sub-portlet. In order so that the transition to the parent portlet may occur as rapidly as possible, a toolbar  1600  is incorporated somewhere in the child sub-portlet. The toolbar  1600  has two icons  1602  and  1604 . Selection of icon  1602  would cause the parent portlet related to the child sub-portlet to become highlighted in some manner, so that the user&#39;s attention would be immediately drawn to the parent portlet. The highlighting could consist of momentary blinking of some feature of the parent portlet, or some other animation, including possibly scrolling the page so that the parent portlet is within view and prominently positioned. Selection of icon  1602  would cause the child sub-portlet to continue to be displayed. Selection of icon  1604 , on the other hand, would close the child sub-portlet while at the same time highlighting the parent portlet.  
         [0061]     In summary, the operation of a method in accordance with various embodiments of the present invention is depicted in  FIG. 23 , and is assumed to operate on a computer system like that depicted in  FIG. 11 . At step  1700 , a page is displayed on a display device  906 , where at least one parent portlet is displayed on the page. At step  1710 , the computer system  900  receives a command to surface a child sub-portlet from the parent portlet currently being displayed from a user who entered the command with input system  907 . By executing a program operable to perform the methods of the present invention, the data processor  901  at step  1720  surfaces the child sub-portlet into the page while using at least one graphical indicator to provide a visual cue indicating that the parent portlet and child sub-portlet are related.  
         [0062]     In variants of the method depicted in  FIG. 23  additional steps are performed. For example, the user could enter a command to minimize the child sub-portlet; in response, the data processor  901  would cause the child sub-portlet to be minimized. Alternatively, the user could enter a command to close the child sub-portlet; in response, the data processor would close the child sub-portlet.  
         [0063]     Thus it is seen that the foregoing description has provided by way of exemplary and non-limiting examples a full and informative description of the best method and apparatus presently contemplated by the inventors for implementing portlet control indicia in interactive graphical user interfaces. One skilled in the art will appreciate that the various embodiments described herein can be practiced individually; in combination with one or more other embodiments described herein; or in combination with interactive graphical user interfaces differing from those described herein. Further, one skilled in the art will appreciate that the present invention can be practiced by other than the described embodiments; that these described embodiments are presented for the purposes of illustration and not of limitation; and that the present invention is therefore limited only by the claims which follow.

Technology Category: g