Method and system for providing user interface objects in a mobile application that are scalable to mobile electronic device screens

• US 10,067,915 B1
• Filed: 10/21/2014
• Issued: 09/04/2018
• Est. Priority Date: 10/21/2014
• Status: Active Grant

• Current Assignee: Intuit, Inc.
• Original Assignee: Intuit, Inc.
• Inventors: Mishraky, Elhanan
• Primary Examiner(s): McIntosh, Andrew T
• Application Number:
  US14/519,440
• Time in Patent Office: 1,414 Days
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 8/30 Creation or generation of source code
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

A method and system includes generating a scalable application for mobile electronic devices, according to one embodiment. The method and system include determining a number of screen dimensions for the mobile electronic devices, according to one embodiment. The method and system include converting first display units into second display units for each of the number of screen dimensions, according to one embodiment. The method and system include generating the scalable application based at least partially on the second display units, according to one embodiment.

Claims

1. A computing system implemented method for generating a scalable application for mobile electronic devices, the method comprising:

determining, prior to generating a scalable application, a plurality of predetermined screen dimensions for prospective mobile electronic devices the scalable application is designed to accommodate;

converting, prior to generating a scalable application, first display units into second display units for each of the plurality of predetermined screen dimensions,

wherein converting the first display units into the second display units for each of the plurality of predetermined screen dimensions includes;

determining, prior to generating a scalable application, a ratio between a selected one of the number of screen dimensions and a smallest one of the plurality of predetermined screen dimensions;

iterating, prior to generating a scalable application, through an index of quantities of the second display units;

associating, prior to generating a scalable application, a quantity of first display units with an indexed quantity of the second display units,

wherein the quantity of the first display units is proportional to a product of the ratio and the indexed quantity of the second display units; and

writing, prior to generating a scalable application, the index of quantities of the second display units with the quantity of first display units to display unit conversion files,

wherein each display unit conversion file is associated with one of the plurality of predetermined screen dimensions; and

generating the scalable application based on the second display units,

wherein generating the scalable application includes incorporating the display unit conversion files into the scalable application,

wherein the scalable application is configured to convert the scalable display into a device-specific display by;

determine an approximate screen dimension for mobile electronic devices that execute the scalable application; and

apply the second display units to user interface objects to scale the user interface objects based at least partially on the determined approximate screen dimension,

wherein the second display units that are applied are associated with one of the number of screen dimensions that is similar to the approximate screen dimension.

2. The method of claim 1, wherein the first display units are density-independent pixels (dp) and the second display units are scalable-density-independent pixels (sdp).

3. The method of claim 2, wherein the density-independent pixels are inversely proportional to a screen density of the mobile electronic devices.

4. The method of claim 3, wherein measured units of the screen density are dots per inch.

5. The method of claim 1, wherein the first display units are pixels (px) and the second display units are scalable-density-independent pixels (sdp).

6. The method of claim 1, wherein the plurality of predetermined screen dimensions includes screen widths.

7. The method of claim 6, wherein the screen widths are in units of density-independent pixels (dp).

8. The method of claim 7, wherein the screen widths include 300 dp, 360 dp, 420 dp, 480 dp, 540 dp, 600 dp, 660 dp, and 720 dp.

9. The method of claim 1, wherein incorporating the display unit conversion files includes importing information from the display unit files into the scalable application while the scalable application is being compiled.

10. The method of claim 1, wherein the user interface objects include one or more picture objects, diagram objects, text objects, and user interface control objects.

11. The method of claim 1, wherein the predetermined screen dimensions are generalized into categories of small, medium, large, and extra-large mobile electronic device screens.

12. The method of claim 1, further including:

transmitting the scalable application to a distribution computing environment to enable the distribution computing environment to distribute the scalable application to the mobile electronic devices through one or more networks.

13. A system for generating a scalable application for mobile electronic devices, comprising:

one or more processors; and

at least one memory coupled to the at least one processor, the at least one memory having stored therein instructions which when executed by any set of the one or more processors, perform a process for generating a scalable application for mobile electronic devices, the process including;

determining, prior to generating a scalable application, a plurality of predetermined screen dimensions for prospective mobile electronic devices the scalable application is designed to accommodate;

converting, prior to generating a scalable application, first display units into second display units for each of the plurality of predetermined screen dimensions,

wherein converting the first display units into the second display units for each of the plurality of predetermined screen dimensions includes;

determining, prior to generating a scalable application, a ratio between a selected one of the plurality of predetermined screen dimensions and a smallest one of the plurality of predetermined screen dimensions;

iterating, prior to generating a scalable application, through an index of quantities of the second display units;

associating, prior to generating a scalable application, a quantity of first display units with an indexed quantity of the second display units,

wherein the quantity of the first display units is proportional to a product of the ratio and the indexed quantity of the second display units; and

writing, prior to generating a scalable application, the index of quantities of the second display units with the quantity of first display units to display unit conversion files,

wherein each display unit conversion file is associated with one of the plurality of predetermined screen dimensions; and

generating the scalable application based on the second display units,

wherein generating the scalable application includes incorporating the display unit conversion files into the scalable application,

wherein the scalable application is configured to convert the scalable display into a device-specific display by;

determine an approximate screen dimension for mobile electronic devices that execute the scalable application; and

apply the second display units to user interface objects to scale the user interface objects based at least partially on the determined approximate screen dimension,

wherein the second display units that are applied are associated with one of the number of screen dimensions that is similar to the approximate screen dimension.

14. The system of claim 13, wherein the first display units are density-independent pixels (dp) and the second display units are scalable-density-independent pixels (sdp).

15. The system of claim 14, wherein the density-independent pixels are inversely proportional to a screen density of the mobile electronic devices.

16. The system of claim 15, wherein measured units of the screen density are dots per inch.

17. The system of claim 13, wherein the first display units are pixels (px) and the second display units are scalable-density-independent pixels (sdp).

18. The system of claim 13, wherein the plurality of predetermined screen dimensions include screen widths.

19. The system of claim 18, wherein the screen widths are in units of density-independent pixels (dp).

20. The system of claim 19, wherein the screen widths include 300 dp, 360 dp, 420 dp, 480 dp, 540 dp, 600 dp, 660 dp, and 720 dp.

21. The system of claim 13, wherein incorporating the display unit conversion files includes importing information from the display unit files into the scalable application while the scalable application is being written and compiled.

22. The system of claim 13, wherein the user interface objects include one or more picture objects, diagram objects, text objects, and user interface control objects.

23. The system of claim 13, wherein the screen dimensions are generalized into categories of small, medium, large, and extra-large mobile electronic device screens.