AUTOMATED GRAPHICAL USER INTERFACE DESIGN AND DEVELOPMENT SYSTEMS AND METHODS

• US 20120174000A1
• Filed: 12/31/2010
• Published: 07/05/2012
• Est. Priority Date: 12/31/2010
• Status: Active Grant

• Current Assignee: Verizon Patent and Licensing Incorporated (Verizon Communications Inc.)
• Original Assignee: Verizon Patent and Licensing Incorporated (Verizon Communications Inc.)
• Inventors: Zavatone, Alex
• Granted Patent: US 8,938,685 B2
• Time in Patent Office: Days
• US Class Current: 715/763
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

of a graphical user interface screen design, generating, based on the data representative of the graphical user interface screen design, abstraction data representative of the graphical user interface screen design, and generating, based on the abstraction data, computing code configured to be processed by target computing devices having different computing platforms to render graphical user interface screens in accordance with the graphical user interface screen design. In certain examples, the method may further include exporting the computing code to a distribution subsystem for access by a developer. Corresponding methods and systems are also disclosed.

Claims

1. A method comprising:

interfacing, by a graphics export subsystem, with a graphical user interface design subsystem to access data representative of a graphical user interface screen design;

generating, by the graphics export subsystem based on the data representative of the graphical user interface screen design, abstraction data representative of the graphical user interface screen design; and

generating, by the graphics export subsystem based on the abstraction data, computing code configured to be processed by target computing devices having different computing platforms to render graphical user interface screens in accordance with the graphical user interface screen design.

2. The method of claim 1, wherein:

the data representative of the graphical user interface screen design includes data representative of one or more graphical elements included in the graphical user interface screen design; and

the method further comprises generating, by the graphics export subsystem based on the data representative of the one or more graphical elements included in the graphical user interface screen design, data representative of one or more streamlined graphical elements representative of the one or more graphical elements included in the graphical user interface screen design.

3. The method of claim 2, wherein the one or more streamlined graphical elements are configured for reference by the computing code when the computing code is processed by the target computing devices to render the one or more streamlined graphical elements in the graphical user interface screens in accordance with the graphical user interface screen design.

4. The method of claim 2, wherein the generating of the data representative of the one or more streamlined graphical elements includes removing extraneous data from the data representative of the one or more graphical elements to form the one or more streamlined graphical elements.

5. The method of claim 4, wherein the extraneous data comprises data associated with one or more transparent pixels of the one or more graphical elements.

6. The method of claim 4, wherein the extraneous data comprises data associated with one or more pixels positioned outside of dimensions of the graphical user interface screens.

7. The method of claim 4, wherein the extraneous data comprises data associated with one or more pixels positioned outside of dimensions of the one or more graphical elements.

8. The method of claim 2, wherein:

the one or more graphical elements comprise one or more vector graphics;

the method further comprises rasterizing the one or more vector graphics to one or more bitmap graphics; and

the generating of the data representative of the one or more streamlined graphical elements comprises utilizing the one or more bitmap graphics to generate one or more streamlined bitmap graphics representative of the one or more graphical elements included in the graphical user interface screen design.

9. The method of claim 2, further comprising exporting, by the graphics export subsystem, at least one of the computing code and the one or more streamlined graphical elements to a distribution subsystem for access by a developer.

10. The method of claim 1, wherein the computing code comprises at least one of programming code and a data structure.

11. The method of claim 1, wherein the computing code is generated in different languages for the different computing platforms.

12. The method of claim 1, wherein:

the data representative of the graphical user interface screen design includes data representative of one or more graphical elements included in the graphical user interface screen design; and

the generating of the abstraction data includes normalizing graphical element position data included in the data representative of the one or more graphical elements included in the graphical user interface screen design for inclusion in the abstraction data.

13. The method of claim 12, wherein the normalized graphical element position data in the abstraction data specifies a left bound, a right bound, a top bound, and a bottom bound for each of the one or more graphical elements included in the graphical user interface screen design.

14. The method of claim 12, wherein the normalized graphical element position data in the abstraction data specifies a first reference position offset along a first dimension and a second reference position offset along a second dimension.

15. The method of claim 14, wherein the first and second reference position offsets specify offsets from a normalized reference position.

16. The method of claim 1, embodied as computer-executable instructions on at least one non-transitory computer-readable medium.

17. A method comprising:

interfacing, by a graphics export subsystem, with a graphical user interface design subsystem to access data representative of one or more graphical elements included in a graphical user interface screen design; and

generating, by the graphics export subsystem based on the data representative of the one or more graphical elements included in the graphical user interface screen design, data representative of one or more streamlined graphical elements representative of the one or more graphical elements included in the graphical user interface screen design.

18. The method of claim 17, wherein the generating of the data representative of the one or more streamlined graphical elements includes removing extraneous data from the data representative of the one or more graphical elements to form the one or more streamlined graphical elements.

19. The method of claim 18, wherein the extraneous data comprises data associated with at least one of transparent pixels of the one or more graphical elements, pixels positioned outside of dimensions of a graphical user interface screen, and pixels positioned outside of dimensions of the one or more graphical elements.

20. The method of claim 17, wherein:

the one or more graphical elements comprise one or more vector graphics;

the method further comprises rasterizing the one or more vector graphics to one or more bitmap graphics; and

the generating of the data representative of the one or more streamlined graphical elements comprises utilizing the one or more bitmap graphics to generate one or more streamlined bitmap graphics representative of the one or more graphical elements included in the graphical user interface screen design.

21. The method of claim 17, further comprising:

generating, by the graphics export subsystem based on the data representative of the graphical user interface screen design, abstraction data representative of the graphical user interface screen design; and

generating, by the graphics export subsystem based on the abstraction data, computing code configured to be processed by target computing devices having different computing platforms to render graphical user interface screens in accordance with the graphical user interface screen design.

22. The method of claim 21, wherein the one or more streamlined graphical elements are configured for reference by the computing code when the computing code is processed by the target computing devices to render the one or more streamlined graphical elements in the graphical user interface screens in accordance with the graphical user interface screen design.

23. The method of claim 17, embodied as computer-executable instructions on at least one non-transitory computer-readable medium.

24. A system comprising:

an interface facility configured to interface with a graphical user interface design subsystem to access data representative of a graphical user interface screen design;

an abstraction facility communicatively coupled to the interface facility and configured to generate, based on the data representative of the graphical user interface screen design, abstraction data representative of the graphical user interface screen design; and

an exporter facility communicatively coupled to the interface facility and the abstraction facility and configured to generate, based on the abstraction data, computing code configured to be processed by target computing devices having different computing platforms to render graphical user interface screens in accordance with the graphical user interface screen design.

25. The system of claim 24, wherein:

the data representative of the graphical user interface screen design includes data representative of one or more graphical elements included in the graphical user interface screen design;

the exporter facility is further configured to generate, based on the data representative of the one or more graphical elements included in the graphical user interface screen design, data representative of one or more streamlined graphical elements representative of the one or more graphical elements included in the graphical user interface screen design; and

the one or more streamlined graphical elements are configured for reference by the computing code when the computing code is processed by the target computing devices to render the one or more streamlined graphical elements in the graphical user interface screens in accordance with the graphical user interface screen design.