IP Library Granted Patent US 10,754,626
Granted Patent B2
US 10,754,626 · App. 16/205,967 · Granted Aug 25, 2020

Visual and code views in a process workflow user interface

Inventors: Katherine L. Cerar (Kitchener, CA); Phillip James McClelland (Waterloo, CA); Nicholas Mulder (Waterloo, CA); Alexander Blaise (Kitchener, CA); Jeffery A. Bertrand (Waterloo, CA); Joseph Lomanto (Dundas, CA); Thiago Tonelli Bartolomei (Waterloo, CA); Jack P. D. Read (Guelph, CA); Dustin John Malik (Waterloo, CA); Stanislav Korsei (Vancouver, CA); Michael E. Rybka (Bolton, CA); Praneethi Komatreddy (Brampton, CA); Saad Bin Asif (Waterloo, CA)
Assignee: Shopify Inc.
G06F8/35G06F8/20G06F8/34G06F8/38G06F8/75
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 10,754,626
App. No.
16/205,967
Granted
Aug 25, 2020
Kind
B2
Abstract

In embodiments of the present invention improved capabilities are described for modifying a workflow condition including displaying a workflow component through a graphical user interface, where the workflow component includes at least one visual depiction of a function associated with the workflow component; and changing a representational view of the workflow component from a first representational level to a second representational level when a detail level selector is changed.

Claims (53)

1. A computer-implemented method for modifying a workflow condition, comprising:

displaying a workflow component through a graphical user interface, wherein the workflow component comprises at least one visual depiction of a function associated with the workflow component, wherein the function is associated with an underlying software programming code that can execute the function;

displaying, within a boundary of the at least one visual depiction, a view of the underlying software programming code at a first representational level; and

displaying, in response to changing a representational view of the underlying software programming code from a first representational level to a second representational level when a detail level selector is changed, the workflow component through the graphical user interface, wherein the view of the underlying software programming code is displayed at the second representational level within the boundary of the at least one visual depiction.

2. The computer-implemented method of claim 1 wherein the first representational level is a constrained representation and the second representational level of detail is a programming code representation.

3. The computer-implemented method of claim 1 wherein the representational view is switched back and forth between the first representational level and the second representational level through the detail level selector.

4. The computer-implemented method of claim 1 wherein the detail level selector provides for selection of one of at least three levels of detail.

5. The computer-implemented method of claim 4 wherein the at least three levels of detail are selected from a visual representation level, a constrained representation level, a stylized representation level and a programming code representation.

6. The computer-implemented method of claim 1 , further comprising modifying a functionality associated with the workflow component at the second representational level.

7. The computer-implemented method of claim 6 wherein the modifying is made through a template selection from a plurality of pre-existing workflow component templates.

8. The computer-implemented method of claim 6 wherein the modifying is made through modification of an underlying code representing the functionality.

9. The method of claim 1 , wherein changing the representational view of the workflow component changes the view of the underlying software programming code of a selected workflow component to the detail level of representation according to the detail level selector.

10. A computer-implemented method for modifying a workflow condition, comprising:

displaying a workflow component through a graphical user interface, wherein the workflow component comprises at least one visual depiction of a function associated with the workflow component, wherein the function is associated with an underlying software programming code that can execute the function;

selecting a detail level for display of the underlying software programming code;

displaying, within the at least one visual depiction, a view of the underlying software programming code;

modifying the underlying software programming code at the selected detail level; and

altering the displaying of the at least one visual depiction based on the modifying of the underlying software programming code at the selected detail level.

11. The computer-implemented method of claim 10 , wherein altering the displaying of the at least one visual depiction comprises a visual representation of the function.

12. The computer-implemented method of claim 11 , wherein the at least one visual depiction is one of a visual representation of a functional input, a visual representation of a functional output, and a visual representation of a functional constraint.

13. The computer-implemented method of claim 10 , wherein altering the displaying of the at least one visual depiction comprises displaying at least a portion of the underlying software programming code in displaying the workflow component.

14. A system for modifying a workflow condition, comprising:

a graphical user interface for:

displaying a workflow component comprising at least one visual depiction of a function associated with the workflow component, wherein the function is associated with an underlying software programming code that can execute the function; and

displaying, within the at least one visual depiction, a view of the underlying software programming code;

a memory for storing the underlying software programming code; and

one or more processors for: changing a representational view of the workflow component from a first representational level to a second representational level when a detail level selector coupled to the graphical user interface is changed; and

updating the display, in response to changing the representational view, of the workflow component through the graphical user interface, wherein the view of the underlying software programming code is updated to display at the second representational level within the at least one visual depiction.

15. The system of claim 14 wherein the first representational level is a constrained representation and the second representational level of detail is a programming code representation.

16. The system of claim 14 wherein the representational view is switched back and forth between the first representational level and the second representational level through the detail level selector.

17. The system of claim 14 wherein the detail level selector provides for selection of at least three levels of detail.

18. The system of claim 17 wherein the at least three levels of detail are selected from a visual representation level, a constrained representation level, a stylized representation level and a programming code representation.

19. The system of claim 14 , further comprising a functionality coupled with the workflow component is modified at the second representational level.

20. The system of claim 19 wherein the workflow component is modified through a template selection from a plurality of pre-existing workflow component templates.

21. The system of claim 20 wherein the workflow component is modified through modification of an underlying code representing the functionality.

22. A system for modifying a workflow condition, comprising:

a graphical user interface for:

displaying a workflow component comprising at least one visual depiction of a function associated with the workflow component, wherein the function is associated with an underlying software programming code that can execute the function; and

displaying, within the at least one visual depiction, a view of the underlying software programming code;

a memory for storing the underlying software programming code;

one or more processors for:

selecting a detail level for display of the underlying software programming code;

modifying the underlying software programming code at the selected detail level; and

altering the displaying of the at least one visual depiction based on the modifying of the underlying software programming code at the selected detail level.

23. The system of claim 22 , wherein altering the displaying of the at least one visual depiction comprises a visual representation of the function.

24. The system of claim 23 , wherein the at least one visual depiction is one of a visual representation of a functional input, a visual representation of a functional output, and a visual representation of a functional constraint.

25. The system of claim 22 , wherein altering the displaying of the at least one visual depiction comprises displaying at least a portion of the underlying software programming code in displaying the workflow component.

26. A computer-implemented method comprising:

displaying a visual representation of a workflow with a set of workflow components on a graphical user interface, wherein each workflow component of the set of workflow components has a boundary of functionality represented visually as a shape on the graphical user interface,

displaying, within the boundary of functionality of each workflow component, a view of an underlying code associated with each workflow component, wherein the view of the underlying code is displayed at a first level of representation;

receiving a selection of at least one workflow component from the set of workflow components;

receiving a change in a detail level selector of the graphical user interface; and

displaying, in response to the change in the detail level selector, the visual representation of the workflow with the set of workflow components on the graphical user interface, wherein the view of the underlying code is displayed at a second level of representation within the boundary of functionality of each of the selected at least one workflow component.

Assignments (2)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jan 22, 2020
From: CERAR, KATHERINE L.; MCCLELLAND, PHILLIP JAMES; BLAISE, ALEXANDER; BERTRAND, JEFFERY A.; LOMANTO, JOSEPH; BARTOLOMEI, THIAGO TONELLI; READ, JACK P. D.; MALIK, DUSTIN JOHN; KORSEI, STANISLAV; RYBKA, MICHAEL E.; KOMATREDDY, PRANEETHI; ASIF, SAAD BIN
To: SHOPIFY INC.
Reel/Frame 051585/0558 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jan 22, 2020
From: MULDER, NICHOLAS
To: SHOPIFY INC.
Reel/Frame 051666/0325 →
Continuity (1)
Related Publication 20200174756A1 · Jun 4, 2020
Cited By (1)
US 12,210,853