Composable Designer

The Composable Designer is where users can compose, or author, their DataFlow Applications. The Composable Designer consists of a rich, modern and web-based user interface design tool for flow-based programming. This design tool is where users in Composable can compose, or author, their DataFlow Applications.

To create a new DataFlow, click on DataFlow or select DataFlow > Create New from the side menu.

The Composable Designer user interface is made up of five primary areas: the canvas, the module library, the toolbar, the properties panel, and the output and progress panel.

Composable DataFlow Application

Designer Canvas

The canvas area is the main working area for the Composable Designer, where modules are placed and connected to form full DataFlow Applications. Once Modules are placed on the canvas, they can be moved around, resized, and connected with other modules. While the execution order of the modules are determined by the underlying graph structure of the DataFlow, it is recommeded to take a left-to-right or top-to-bottom layout for optimal human-readability.

The canvas is dynamic and large enough for even the most complex DataFlows, but if you find that you need more room, consider encapsulating your DataFlows.

Module Library

The Module Library is available on the left side of the canvas, and lists all of the available Composable Modules. Users can explore the Module Library by clicking on individual categories or by searching for a specific module name. To add a new module to the canvas, simply drag and drop it onto the canvas.

Note that modules may also be added onto the canvas by right-clicking an input or output of an already placed module and selecting a module from the suggestion list.

The Module Library may be collapsed, and expanded, by clicking on the collapse/expand buttons. This is a useful feature when users require a larger working area on the canvas and/or when working on a small laptop screen.

Designer Toolbar

The Composable Designer Toolbar is a group of icons in the top-center of the canvas for commonly-performed DataFlow authoring functions.

From left to right:

Properties Panel

The Properties Panel, on the right-hand side of the canvas, includes:

The Properties Panel may be collapsed, and expanded, by clicking on the collapse/expand buttons. This is a useful feature when users require a larger working area on the canvas and/or when working on a small laptop screen.

Output and Progress Panel

The Output and Progress Panel is located at the bottom right of the canvas, and is usually initially in a collapsed position labelled Trace Log. Once expanded, three tabs are available: