Builder

Builder

Introduction

The VisionAppster Builder is an IDE for building vision apps that run on the VisionAppster Engine.

The current version (2.8) is limited to projects that contain one analysis app and an arbitrary number of user interface apps. This will change in version 3.0.

First steps

Start the VisionAppster Builder from the start menu of your desktop environment. The Builder will open with an new project that contains an empty processing graph.

The Builder opens with an empty workspace.

The Builder opens with an empty workspace.

To create a functional processing graph you need to add some tools. The Tools ribbon at the top lists installed tools. Type in a search term to find tools by their name. To add a tool, drag and drop it on the workspace.

Drag and drop tools from the tool ribbon to the processing graph.

Drag and drop tools from the tool ribbon to the processing graph.

Now, find a tool called "Image Source" and drop it on the workspace. Click the tool to reveal its parameters. The parameters listed above the tool are inputs and those below it are outputs. The parameters with a colored circle are connectable. The color codes are as follows:

Gray
Optionally connectable, currently not connected.
Green
Connected
Red
Required, but not connected.

Click the circles to add and delete connections.

The workspace after dropping and clicking on an image source

The workspace after dropping and clicking on an image source

The image source must be configured to receive images from a (virtual) camera. Click on the Camera Id input parameter and pick a camera as the image source.

Auto-detected cameras are shown in a drop-down list.

Auto-detected cameras are shown in a drop-down list.

The image source will automatically take a picture, which you can see by dragging the Image output parameter on the workspace.

Image parameters are displayed using a powerful image display.

Image parameters are displayed using a powerful image display.

Input and output parameters can be dragged on the workspace. The Builder will use a suitable user interface component to display the value of the parameter. The type of the UI component can be changed in the window menu.

Now open the Tool ribbon, drag "Edge Detection" and drop it on top of the Image Source on the workspace.

Tools dropped on top of each other are automatically connected.

Tools dropped on top of each other are automatically connected.

To feed a new image to the analysis pipeline, click the "next" button at the bottom.

The buttons on the status bar are used to step execution.

The buttons on the status bar are used to step execution.

Click the Edge Detection tool and drag its Image output on top of the image display. This will add another layer on the display. Use the layers tab on the image display to adjust the properties of the topmost layer as shown in the picture below.

Source image and analysis result shown on top of each other

Source image and analysis result shown on top of each other

Your first app is ready. Click File, Save As and give your project a name.

Saving a project with an innovative name

Saving a project with an innovative name

To run the app you just created in the VisionAppster Engine you need to export the app.