Prototyping graphical user interfaces

• US 7,594,181 B2
• Filed: 06/27/2002
• Issued: 09/22/2009
• Est. Priority Date: 06/27/2002
• Status: Active Grant

• Current Assignee: Oracle America, Inc. (Oracle Corporation)
• Original Assignee: Siebel Systems Inc. (Oracle Corporation)
• Inventors: Jindal, Bharat, Rothwein, Thomas M., Lei, Shu, Coker, John L., Hastings, Mark Curtis, Rashid, Fuad
• Primary Examiner(s): SAX, STEVEN PAUL
• Application Number:
  US10/185,401
• Publication Number:
  US 20040001092A1
• Time in Patent Office: 2,644 Days
• Field of Search: 715762-763, 715853-855, 715/745, 715/747, 715/744, 715966-967, 715/969
• US Class Current: 715/763
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

A method, system, and computer-readable medium is described for creating a prototype GUI for conversion into an actual GUI whose appearance when displayed matches the appearance of the prototype GUI. In some situations, multiple personnel may participate in the process, such as a non-technical GUI designer that specifies the prototype GUI appearance information and a technical GUI developer that specifies various non-appearance information for a corresponding actual GUI. A prototype GUI is first created based on layout and other appearance information specified for various GUI elements, and corresponding proxy GUI objects are generated that store appearance information but not various non-appearance information used as part of an actual GUI. Proxy GUI objects for a prototype GUI can then be converted into actual GUI objects for use with an actual GUI, and various non-appearance information can be specified for the actual GUI objects in various ways.

Claims

1. A method in a computing system, the method comprising:

displaying a visual representation of a prototype GUI;

generating the prototype GUI by,

receiving first information about a visual appearance of a first prototype GUI element;

creating a first proxy GUI object to represent the first prototype GUI element, the created first proxy GUI object comprising the first visual appearance information;

receiving second information about a visual appearance of a second prototype GUI element;

creating a second proxy GUI object to represent the second prototype GUI element, the created second proxy GUI object comprising the second visual appearance information;

updating the displayed visual representation of the prototype GUI to include;

a visual representation of the first prototype GUI element that is based on the first visual appearance information from the created first proxy GUI object and that includes one or more placeholders for data from a first of a plurality of data sources;

a visual representation of the second prototype GUI element that is based on the second visual appearance information from the created second proxy GUI object and that includes one or more placeholders for data from a second of the plurality of data sources, wherein the first and second data sources are distinct from each other;

generating first and second actual GUI objects that correspond to the first and second proxy GUI objects, respectively, wherein the first and second actual GUI objects comprise the first and second visual appearance information from the first and second proxy GUI objects, respectively;

modifying the first and second actual GUI objects to include first and second specifications, respectively, of the first and second data sources, respectively; and

displaying an actual GUI in such a manner as to include first and second actual GUI elements corresponding to the first and second actual GUI objects, respectively, wherein the first and second actual GUI elements are displayed based on the first and second visual appearance information, respectively, from the first and second actual GUI objects, respectively, and wherein the first and second actual GUI elements comprise first and second visual representations, respectively, of data from the first and second data sources, respectively, so that the displayed actual GUI has a visual appearance similar to the updated displayed visual representation of the prototype GUI in addition to visual representation of data from the first and second data sources.

2. The method of claim 1 further comprising:

receiving first and second layout information for the first and second prototype GUI elements, respectively, added to the prototype GUI; and

modifying the first and second proxy GUI objects representing the first and second prototype GUI elements, respectively, to include the first and second layout information, respectively, and wherein the first and second actual GUI objects are generated to include the first and second layout information, respectively, from the first and second proxy GUI objects, respectively.

3. The method of claim 2 further comprising an act of receiving information about a GUI template for the prototype GUI that includes first and second location placeholders for holding the first and second prototype GUI elements, respectively, and wherein the first and second layout information for the first and second prototype GUI elements, respectively, include assignments of the first and second prototype GUI elements, respectively, to the first and second location placeholders, respectively.

4. The method of claim 1 further comprising an act of modifying the first and second actual GUI objects to include first and second specifications, respectively of first and second software routines, respectively, to provide functionality to the first and second actual GUI elements in the actual GUI.

5. The method of claim 1 wherein the first and second actual GUI objects are distinct from the first and second proxy GUI objects, respectively, and wherein the generating of the first and second actual GUI objects includes copying information from the first and second proxy GUI objects, respectively.

6. The method of claim 1 further comprising, after the displaying of the actual GUI, modifying the actual GUI by:

receiving information to modify the first prototype GUI element modifying the proxy GUI object that represent the first prototype GUI element to reflect the received modification information;

modifying the first actual GUI object to reflect the modification to the first proxy GUI object; and

displaying an updated version of the actual GUI that includes a modified first actual GUI element, the modified first actual GUI element reflecting the received modification information.

7. A computer readable memory that stores instructions executable by a computer system, wherein the computer system implements a method in response to executing the instructions, the method comprising:

displaying a visual representation of a prototype GUI;

generating the prototype GUI by,

receiving first information about a visual appearance of a first prototype GUI element;

creating a first proxy GUI object to represent the first prototype GUI element, the created first proxy GUI object comprising the first visual appearance information;

receiving second information about a visual appearance of a second prototype GUI element;

creating a second proxy GUI object to represent the second prototype GUI element, the created second proxy GUI object comprising the second visual appearance information;

updating the displayed visual representation of the prototype GUI to include;

a visual representation of the first prototype GUI element that is based on the first visual appearance information from the created first proxy GUI object and that includes one or more placeholders for data from a first of a plurality of data sources;

a visual representation of the second prototype GUI element that is based on the second visual appearance information from the created second proxy GUI object and that includes one or more placeholders for data from a second of the plurality of data sources, wherein the first and second data sources are distinct from each other;

generating first and second actual GUI objects that correspond to the first and second proxy GUI objects, respectively, wherein the first and second actual GUI objects comprise the first and second visual appearance information from the first and second proxy GUI objects, respectively;

modifying the first and second actual GUI objects to include first and second specifications, respectively, of the first and second data sources, respectively; and

displaying an actual GUI in such a manner as to include first and second actual GUI elements corresponding to the first and second actual GUI objects, respectively, wherein the first and second actual GUI elements are displayed based on the first and second visual appearance information, respectively, from the first and second actual GUI objects, respectively, and wherein the first and second actual GUI elements comprise first and second visual representations, respectively, of data from the first and second data sources, respectively, so that the displayed actual GUI has a visual appearance similar to the updated displayed visual representation of the prototype GUI in addition to visual representation of data from the first and second data sources.

8. The computer readable memory of claim 7, wherein the method further comprises:

receiving first and second layout information for the first and second prototype GUI elements, respectively, added to the prototype GUI; and

modifying the first and second proxy GUI objects representing the first and second prototype GUI elements, respectively, to include the first and second layout information, respectively, and wherein the first and second actual GUI objects are generated to include the first and second layout information, respectively, from the first and second proxy GUI objects, respectively.

9. The computer readable memory of claim 8, wherein the method further comprises an act of receiving information about a GUI template for the prototype GUI that includes first and second location placeholders for holding the first and second prototype GUI elements, respectively, and wherein the first and second layout information for the first and second prototype GUI elements, respectively, include assignments of the first and second prototype GUI elements, respectively, to the first and second location placeholders, respectively.

10. The computer readable memory of claim 7, wherein the method further comprises an act of modifying the first and second actual GUI objects to include first and second specifications, respectively of first and second software routines, respectively, to provide functionality to the first and second actual GUI elements in the actual GUI.

11. The computer readable memory of claim 7 wherein the first and second actual GUI objects are distinct from the first and second proxy GUI objects, respectively, and wherein the generating of the first and second actual GUI objects includes copying information from the first and second proxy GUI objects, respectively.

12. The computer readable memory of claim 7, wherein the method further comprises:

after the displaying of the actual GUI, modifying the actual GUI by;

receiving information to modify the first prototype GUI element modifying the proxy GUI object that represent the first prototype GUI element to reflect the received modification information;

modifying the first actual GUI object to reflect the modification to the first proxy GUI object; and

displaying an updated version of the actual GUI that includes a modified first actual GUI element, the modified first actual GUI element reflecting the received modification information.