User interfaces, methods, and systems for developing computer applications using artwork

• US 8,417,728 B1
• Filed: 09/30/2008
• Issued: 04/09/2013
• Est. Priority Date: 08/03/2007
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Anders, Mark, Cath, Adam, Jaramillo, Narciso B., Padgett, Allan
• Primary Examiner(s): BURKE, JEFF A
• Application Number:
  US12/242,052
• Time in Patent Office: 1,652 Days
• Field of Search: 715762-763, 707/793, 707/899
• US Class Current: 707/793
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06F 8/38 for implementing user interfaces
• CPC Class Codes: G06Q 10/06 Resources, workflows, human or project management; Enterprise or organisation planning; Enterprise or organisation modelling

Abstract

Methods and systems for using artwork to develop computer applications in ways that preserve the artwork'"'"'s appearance and layout, including by importing the artwork and selectively replacing potions with functional components. One embodiment comprises a method for developing an application that involves displaying artwork in a design view area. The method may involve displaying artwork comprising a list representation comprising a plurality of list item representations and identifying each list item representation as a group of one or more subitem representations. The method may further comprise determining a list layout for list items using the list item representations of the artwork and inserting a list as a component in the design view area. This list may determine or otherwise be used to determine the positions of either the list item representations or list items replacing the list item representations. These positions may be determined based on the list layout that was determined.

Claims

1. A method of developing an application, the method comprising:

displaying artwork in an application development environment, the artwork comprising a list representation comprising a plurality of list item representations;

identifying, by a processor, each list item representation as a group of one or more subitem representations, the identifying performed at least in part automatically based on heuristics or an algorithm;

determining, by the processor, a list layout for list items using the list item representations of the artwork; and

creating, by the processor, a list for determining the positions of either the list item representations or list items replacing the list item representations, the positions determined based on the list layout.

2. The method of claim 1, further comprising determining a list item template, wherein the list item template defines a structure for each of the list items.

3. The method of claim 1, wherein identifying each list item representation as a group of one or more subitem representations is performed automatically based on heuristics.

4. The method of claim 1, wherein identifying each list item representation as a group of one or more subitem representations is based at least in part on receiving a selection identifying the list item representations comprising a first group.

5. The method of claim 1, wherein identifying each list item representation as a group of one or more subitem representations is based at least in part on receiving selections identifying the list item representations comprising the group for each list item representation.

6. The method of claim 1, wherein the list layout is selected from one of horizontal, vertical, grid, or diagonal.

7. The method of claim 1, wherein determining a list layout using the list item representations of the artwork comprises receiving a selection of a layout type.

8. The method of claim 1, wherein determining a list layout using the list item representations of the artwork comprises approximating the list layout using a function.

9. The method of claim 8, wherein each list item representation is approximated as a point location and a regression analysis is performed to identify a function.

10. The method of claim 9, wherein approximating the list layout using a function comprises determining an appropriate function by testing one or more potential functions against a threshold level of accuracy.

11. The method of claim 1, wherein determining a list layout using the list item representations of the artwork comprises determining a padding around list item edges using the list item representations of the artwork.

12. The method of claim 1, wherein determining a list layout using the list item representations of the artwork comprises determining a gap between list items using the list item representations of the artwork.

13. The method of claim 1, wherein determining a list layout using the list item representations of the artwork comprises determining a list background using the list item representations of the artwork.

14. The method claim 1, further comprising determining a list item state, wherein the list item state defines a structure for list items when in a first state.

15. The method of claim 1, wherein the artwork is imported into or created in the application development environment.

16. The method of claim 1, wherein the artwork comprises both visible and invisible objects.

17. A method of developing an application, the method comprising:

displaying artwork in an application development environment, the artwork comprising a list representation comprising a plurality of list item representations;

identifying, by a processor, each list item representation as a group of one or more subitem representations, the identifying performed at least in part automatically based on heuristics or an algorithm;

determining, by a processor, a list layout for list items using the list item representations of the artwork;

determining, by the processor, a list item template, wherein the list item template defines a structure for each of the list items;

creating, by the processor, a list for determining the positions of list items replacing the list item representations, the positions determined based on the list layout, the list items replacing the list item representations displayed according to the list item template.

18. The method of claim 17, wherein the list item template identifies parts of the list items, at least one subitem associated with one or more of the subitem representations.

19. The method of claim 17, wherein determining the list item template comprises receiving a selection of a subitem representation.

20. The method of claim 17, wherein determining the list item template comprises receiving selection of multiple subitem representations to be associated with a same list item template part.

21. The method of claim 17, wherein determining the list item template comprises comparing relative locations of one or more subitem representations.

22. The method of claim 17, further comprising extracting dummy data from the artwork, the dummy data made available during development but replaced by runtime data during execution of the application.

23. The method of claim 22, wherein the list in the design view area comprises the dummy data facilitate modeling of an appearance of an application being developed.

24. A system for developing an application, the system comprising:

a processor;

a non-transitory computer readable medium comprising instructions that, when executed by the processor, perform steps comprising;

providing a design view area for displaying artwork, the artwork comprising a list representation comprising a plurality of list item representations;

identifying each list item representation as a group of one or more subitem representations, the identifying performed at least in part automatically based on heuristics or an algorithm;

determining a list layout for list items using the list item representations; and

inserting a list in the design view area, the list determining the positions of either the list item representations or list items replacing the list item representations, the positions determined based on the list layout.

25. A computer-implemented method comprising:

displaying artwork in an application development environment, the artwork comprising a list representation comprising a plurality of list item representations,

identifying, by a processor, each list item representation as a group of one or more subitem representations, the identifying performed at least in part automatically based on heuristics or an algorithm; and

identifying, by the processor, a function for approximating a list layout, wherein the function can be used to provide positions for list items and wherein the function is identified by measuring the accuracy of one or more candidate functions with respect to positions of one or more of the plurality of list item representations.

26. The method of claim 25, wherein identifying the function further comprises using a regression analysis.

27. The method of claim 25, wherein measuring the accuracy of one or more candidate functions with respect to positions of one or more of the plurality of list item representations comprises comparing the accuracy of the one or more candidate functions against a threshold level of accuracy.

28. A non-transitory computer-readable medium on which is encoded program code for developing an application in an application development environment, the program code comprising:

program code for displaying artwork in an application development environment, the artwork comprising a list representation comprising a plurality of list item representations;

program code for identifying each list item representation as a group of one or more subitem representations, the identifying performed at least in part automatically based on heuristics or an algorithm;

program code for determining a list layout for list items using the list item representations of the artwork; and

program code for creating a list for determining the positions of either the list item representations or list items replacing the list item representations, the positions determined based on the list layout.