Back to results
US 11,231,909 B2Granted
Validation for graphical user interface
AssigneeAdobe Inc.
InventorsVickramaditya Dhawal, Swagatam Mitra, Rajnish Bharti
Life of this patent
Estimating the term…
Abstract
A selected location of a design view of a graphical user interface (GUI) generated using a design application may be received and used to identify a corresponding location for the selected location within an implementation view of the GUI. By mapping code of the GUI for the corresponding location to the selected location, using a validation language that relates the code to the design language, a difference between the selected location and the corresponding location may be identified. In this way, design validation may occur in a fast, automated, and reliable manner.
Claims16
A computer program product, the computer program product being tangibly embodied on a non-transitory computer-readable storage medium and
- comprising instructions that, when executed by at least one computing device, are configured to cause the at least one computing device to:
- receive a selected location of a design view of a graphical user interface (GUI), wherein the design view is based on an expression of a position of a shape in a design language, wherein the selected location is defined in terms of at least one pixel position of the design view;
- identify a corresponding location for the selected location within an implementation view of the GUI, wherein the implementation view is based on code of the GUI including an expression of a corresponding position of a corresponding shape in a development language;
- map the code of the GUI for the corresponding location from the development language into a validation language that relates the development language to the design language to obtain an expression of the position of the shape in the validation language;
- map the expression of the GUI from the design language into the validation language to obtain an expression of the corresponding position of a corresponding shape in the validation language;
- compare the expression of the position of the shape in the validation language to the expression of the corresponding position of the corresponding shape in the validation language;
- and
- identify a difference between the selected location in the design view and the corresponding location in the implementation view, based on the comparison.
5 more elements
A method comprising:
- receiving a selected location of a design view of a graphical user interface (GUI), wherein the design view is based on an expression of a property of text in a design language and an expression of a position of a text in a design language, wherein the selected location is defined in terms of at least one pixel position of the design view;
- identifying a corresponding location for the selected location within an implementation view of the GUI, wherein the implementation view is based on code of the GUI including an expression of a corresponding property of corresponding text implemented in a development language;
- mapping the code of the GUI for the corresponding location, from the development language into a validation language that relates the development language to the design language to obtain an expression of the property of the text and an expression of the position of the text in the validation language;
- mapping the expression of the GUI from the design language into the validation language to obtain an expression of the corresponding property of the corresponding text in the validation language;
- comparing the expression of the property and position of the text in the validation language to the expression of the corresponding property of the corresponding text in the validation language;
- and
- identifying a difference between the selected location in the design view and the corresponding location in the implementation view, based on the comparison.
4 more elements
A system for validating a graphical user interface (GUI) design, comprising:
- at least one processor and a non-transitory computer readable storage medium, the system configured to implement instructions stored in the non-transitory computer readable storage medium, wherein the at least one processor executes the instructions to perform the steps of:
- receive a selected location of a design view of a graphical user interface (GUI), wherein the design view is based on an expression of a position of a shape in a design language, wherein the selected location is defined in terms of at least one pixel position of the design view;
- identify a corresponding location for the selected location within an implementation view of the GUI, wherein the implementation view is based on code of the GUI including an expression of a corresponding position of a corresponding shape in a development language;
- map the code of the GUI for the corresponding location from the development language into a validation language that relates the development language to the design language to obtain an expression of the position of the shape in the validation language;
- map the expression of the GUI from the design language into the validation language to obtain an expression of the corresponding position of a corresponding shape in the validation language;
- compare the expression of the position of the shape in the validation language to the expression of the corresponding position of the corresponding shape in the validation language;
- and
- identify a difference between the selected location in the design view and the corresponding location in the implementation view, based on the comparison.
5 more elements
Dependencies are inferred from the claim text.