System for and method of developing a common user interface for mobile applications

• US 20040027326A1
• Filed: 08/06/2002
• Published: 02/12/2004
• Est. Priority Date: 08/06/2002
• Status: Abandoned Application

• Current Assignee: Hewlett-Packard Development Company, L.P. (HP Inc.)
• Original Assignee: Hewlett-Packard Development Company, L.P. (HP Inc.)
• Inventors: Pathak, Rabindra, Hays, Grace, Perot, Florence
• Application Number:
  US10/213,334
• Publication Number:
  US 20040027326A1
• Time in Patent Office: Days
• US Class Current: 345/106
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

A system and method for graphically generating a user interface using software, the software generating a user interface display having a first, second and third area, and including selecting an element to include in the user interface from the first area, determining if the selected element is a common element or a specific element, generating code based on the determination, wherein information associated with the generated code is displayed in the second area, and testing the generated code is performed in the third area.

Claims

1. A method of graphically generating a user interface using software, the software generating a user interface display having a first, second and third area comprising:

selecting an element to include in a user interface from the first area;

determining if the selected element is a common element or a specific element;

generating code based on the determination, wherein information associated with the generated code is displayed in the second area; and

testing the generated code in the third area.

2. The method of claim 1 wherein the generating code step further comprises:

locating code associated with the element in a database.

3. The method of claim 1 wherein the selecting an element step comprises:

receiving an indication that an element has been selected; and

displaying information associated with element in the second area.

4. The method of claim 1 wherein the step of determining if the selected element is a common element or a specific element further comprises:

locating information associated with the element in a database;

generating markup code, if it is determined that the element is a common element; and

generating markup code if it is determined that the element is a markup-specific element.

5. The method of claim 1 wherein the step of determining if the selected element is a common element or a specific element further comprises:

locating information associated with the element in a database; and

generating WML and CHTML code, if it is determined that the element is a common element.

6. The method of claim 5 further comprising:

generating WML code if it is determined that the element is a WML-specific element; and

generating CHTML code if it is determined that the element is a CHTML-specific element.

7. The method of claim 1 wherein the testing step further comprises:

displaying the generated code using a simulator.

8. The method of claim 7 wherein the simulator is an embedded simulator, an integrated simulator or an external simulator.

9. The method of claim 1 further comprising:

modifying the generated code in the second area based on information received from a user.

10. The method of claim 1 further comprising:

graphically generating a user interface associated with at least one mobile device, wherein the user interface includes the selected element;

testing the user interface with a simulator associated with the third area; and

updating the user interface based on results from testing the user interface in the simulator.

11. A method of creating a graphical user interface for at least one mobile device, comprising:

generating a first viewable area containing at least one selectable user interface element, wherein each user interface element is associated with code;

generating a second viewable area containing additional information associated with a selected user interface element;

generating a third viewable area for displaying a simulator that tests code associated with the selected user interface element; and

designing a graphical user interface for at least one mobile device using the first and second areas.

12. The method of claim 11 wherein the simulator is an embedded simulator, an integrated simulator or an external simulator.

13. The method of claim 11 wherein said designing a graphical user interface step further comprises:

dragging an element from the first area; and

dropping the element in the second area.

14. The method of claim 11 further comprising:

supplying code to a mobile device simulator;

specifying a simulator to simulate the code; and

simulating, with a specified mobile device simulator, a display of said mobile device, wherein said display includes a user interface based on said code.

15. A system for graphically generating a user interface, wherein the system generates a user interface display having at least first, second and third areas, the first area containing at least one selectable element, the system comprising:

receiving means for receiving a user'"'"'s selection of an element to include in a user interface;

logic means for determining if the selected element is a common element or a specific element;

generation means for generating code associated with the element, wherein information associated with the generated code is displayed in a second area; and

a simulator configured to display test results of the generated code in a third area.

16. The system of claim 15 wherein the generating means further locates, in a database, code associated with the selected element.

17. The system of claim 15 wherein the receiving means further receives an indication that said element has been selected and wherein the system further includes display means for displaying information associated with said selected element in the second area.

18. The system of claim 15 wherein the logic means further locates information associated with the element in a database, wherein the generation means further generates markup code if it is determined that the element is a common element, and wherein the generation means further generates markup code if it is determined that the element is a specific element.

19. The system of claim 15 wherein the logic means further locates information associated with the element in a database, wherein the generation means further generates WML and CHTML code if it is determined that the element is a common element, and wherein the generation means further generates one of WML and CHTML code if it is determined that the element is a specific element.

20. The system of claim 19 wherein the generation means further generates WML code if it is determined that the element is a WML element, generates CHTML code if it is determined that the element is a CHTML element.

21. The system of claim 15 wherein the simulator further includes a simulator.

22. The system of claim 15 further comprising:

display means for displaying a user interface associated with at least one mobile device, wherein the user interface includes the selected elements; and

update means for updating the user interface based on results from testing the user interface in the simulator.

23. The system of claim 15 wherein the simulator is an embedded simulator, an integrated simulator or an external simulator.

24. A computer for creating a graphical user interface for at least one mobile device, the computer having at least one processor, at least one memory unit and at least one display unit, the computer further comprising:

means for generating and transforming code associated with elements in at least one markup language,

means for displaying information in a first area containing at least one selectable user interface element, wherein each user interface element is associated with code, that displays information in a second area including additional information associated with a selected user interface element, wherein the first and second area are used to design a graphical user interface; and

means for displaying in a third area output of an embedded simulator.

25. The computer of claim 24 further comprising:

means for dragging an element from the first area and dropping the element in the second area.

26. The computer of claim 24 further comprising:

means for testing the generated code using a mobile phone simulator.

27. The computer of claim 26 wherein the mobile phone simulator is an embedded simulator, an integrated simulator or an external simulator.

28. A markup language system, comprising:

a computer comprising;

a database including code associated with a first markup language and code transformations associated with a second markup language;

memory that contains instructions for;

receiving an element selection selected by a user;

determining if the element is a common element or a specific element;

if the element is a common element, generating code and code transformations in the first and second markup languages; and

if the element is a specific element, generating code in the first or second markup language; and

a processor connected to said memory and said database.

29. The system of claim 28 wherein the memory further contains instructions for:

generating a user interface having a first, second and third viewable area, wherein the first viewable area contains common and specific elements; and

determines if the element is common or specific by querying a database.

30. The system of claim 28 wherein the memory further contains instructions for:

displaying, in the second viewable area, the generated code.

31. A computer program product comprising computer-readable code stored on computer-readable medium, said computer program comprising:

code for generating a display having a first, second and third area;

code for selecting an element to include in a user interface from the first area;

code for determining if the selected element is a common element or a specific element;

code for generating code based on the determination, wherein information associated with the generated code is displayed in the second area; and

code for testing the generated code in the third area.

32. The computer program product of claim 31 wherein said code for generating computer code further comprises:

code for locating code associated with the element in a database.

33. The computer program product of claim 31 wherein the code for selecting an element step comprises:

code for receiving an indication that an element has been selected; and

code for displaying information associated with element in the second area.

34. The computer program product of claim 31 wherein the code for determining if the selected element is a common element or a specific element further comprises:

code for locating information associated with the element in a database;

code for generating markup code, if it is determined that the element is a common element; and

code for generating markup code if it is determined that the element is a markup-specific element.

35. The computer program product of claim 31 wherein the code for determining if the selected element is a common element or a specific element further comprises:

code for locating information associated with the element in a database; and

code for generating WML and CHTML code, if it is determined that the element is a common element.

36. The computer program product of claim 31 further comprising:

code for generating WML code if it is determined that the element is a WML-specific element; and

code for generating CHTML code if it is determined that the element is a CHTML-specific element.

37. The computer program product of claim 31 wherein the testing step further comprises:

code for displaying the generated code using a simulator.

38. The computer program product of claim 31 further comprising:

code for graphically generating a user interface associated with at least one mobile device, wherein the user interface includes the selected element;

code for testing the user interface with a simulator associated with the third area; and

code for updating the user interface based on results from testing the user interface in the simulator.

39. The computer program of claim 38 wherein the simulator is an embedded simulator, an integrated simulator or an external simulator.