Workflow Designer User Guide

Workflow Designer is a GUI-based utility which allows you to add AI logic to your web app, without actually modifying its source code. This makes your web app context-aware and therefore provides a better experience to your customers. For example, without updating the source code of your app, you can configure it to perform operations on voice instructions.

This functionality is provided by an ecosystem that includes Workflow Designer and Context Intent Manager (CIM). While Workflow Designer is used to define the workflow, CIM is used to execute the flow. The CIM component that is provided in the webOS image, interacts with the AI engine and the workflow to provide the required functionality. Check the video below for a basic walkthrough.

Some of the main benefits of Workflow Designer are:

  • Reduces time spent in developing AI logic in the web app.
  • Developer does not need in-depth understanding of AI engines.
  • Does not increase the code size and complexity.
Note
Workflow Designer and CIM are based on IBM's Node-RED framework. In this document, we only explain the aspects that are specific to the webOS implementation. For information on general usage of the Node-RED framework, see https://nodered.org/docs/.

Prerequisites

Workflow Designer provides voice AI logic (Google Assistant). To set up Google Assistant, see instructions in the Google Assistant Setup.

System Requirements

Workflow Designer can be run on systems that meet the following criteria:

Operating SystemSystem Requirements

Windows

  • Windows 7 and later

  • Intel Pentium 4 processor or later that's SSE2 capable

  • 512 MB of RAM

macOS

  • macOS 10.10 Yosemite and macOS 10.12 Sierra (64-bit)

  • Intel processor (64-bit)

  • 512 MB of RAM

Linux

  • Ubuntu 16.04 LTS

  • Intel Pentium 4 processor or later that's SSE2 capable

Installing Workflow Designer

Download the package from the SDK download page based on your operating system and then extract the archived package.

Using Workflow Designer

Start Workflow Designer by executing the .cmd or .sh file (depends on the operating system). The high-level steps for using Workflow Designer are explained in the following image:

High-level steps of Workflow Designer usage

Here are a few details about using Workflow Designer.

  1. Define the workflow.

    Workflow Designer provides an easy-to-use interface to define the workflow. All functionality is provided by nodes which have to be added based on your business logic.

    Note
    Application developer must ensure that the required launch parameters are handled in the web app.
  2. Package the workflow into the web app and create an updated IPK file.

  3. Deploy the app onto the target webOS device.

    Note
    Make sure the webOS image on the device includes the CIM component.

To learn more about Workflow Designer, see the application-level help provided in the user interface (click Help on the Menu bar). For help on individual nodes, click a node and see the corresponding documentation in the right pane.

Source Code Updates to Handle Data Sharing

If the workflow is defined to get data from the app (“data-inject” node) or to publish data to the app (“data-publish” node), minor updates must be made in the app source code.

  • To inject data from app to the workflow, invoke the method: com.webos.service.contextintentmgr/injectDataToWorkflow
  • For app to receive data from the workflow, invoke the method: com.webos.service.contextintentmgr/getDataFromWorkflow

For more information on the API, see com.webos.service.contextintentmgr.

Troubleshooting

  • Workflow Designer uses PORT 1881 for operation, so the port must be kept free. It must not be used for other purposes.

Contents