US 11,816,420 B2
Automatic template and logic generation from a codified user experience design
Patrick East, Arvada, CO (US); Sumedh Sathaye, Austin, TX (US); Jennifer Minarik, Zionsville, IN (US); Reut Kovetz, Tel Aviv (IL); and Kelly Lisai, Austin, TX (US)
Assigned to Dell Products, L.P., Hopkinton, MA (US)
Filed by Dell Products, L.P., Hopkinton, MA (US)
Filed on Apr. 13, 2022, as Appl. No. 17/719,633.
Prior Publication US 2023/0334227 A1, Oct. 19, 2023
Int. Cl. G06F 40/143 (2020.01); G06F 40/186 (2020.01); G06F 40/169 (2020.01)
CPC G06F 40/143 (2020.01) [G06F 40/169 (2020.01); G06F 40/186 (2020.01)] 14 Claims
OG exemplary drawing
 
1. A method of generating precompiled code from a codified user experience design, comprising:
retrieving a codified user experience design, the codified user experience design including HyperText Markup Language (HTML), JavaScript, and Cascading Style Sheets (CSS) describing graphical aspects of the user experience design, and metadata including persona metadata, outcome metadata, and finite state machine metadata of a finite state machine, the finite state machine metadata including code that encodes logic associated with states of the user experience design and transitions between the states of the user experience design;
walking the finite state machine in a breadth first or depth first manner to visit each of the states of the finite state machine, identifying objects in each of the visited states, and marking each of the visited states, until all end states of the finite state machine have been reached;
for each of the identified objects, selecting a corresponding component from a component library, determining an action performed by the corresponding component, and an Application Program Interface (API) call required to implement the action;
aggregating APIs associated with the API calls of each of the corresponding components into a back-end for front-end (BFF) layer, the BFF layer including all APIs required by the identified objects of the finite state machine; and
generating, based on the BFF layer, precompiled code for the codified user experience design by building the corresponding components to the objects of the codified user experience design.