• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
CDP Studio logo

CDP Studio

The no-code and full-code software development tool for distributed control systems and HMI

  • Doc
  • Why CDP
    • Software developers
    • Automation engineers
    • Managers
  • Products
    • Automation Designer
    • HMI Designer
    • Maritime HMIs
  • Services
  • Use cases
  • Pricing
  • Try CDP

CDP Studio Documentation

  • Examples and Tutorials
  • UI for industrial IO HW video tutorials

Using OpenCV for Color Tracking Using SQL Database in C++ Object

UI for industrial IO HW video tutorials

Introduction

The purpose of this example is to make available the user interface (GUI) used in several video tutorials showing how to use various industrial automation hardware from different vendors, e.g. PLCnext, Wago PFC... You may use the UI to test the hardware you wish to use in a project in a similar way as is shown in the HW video tutorials. To see how the UI is created, watch the video "User interface for various industrial HW video examples" or see how the UI is used for one of the industrial HW videos. The videos are in the Welcome mode, under the Tutorials tab.

This example demonstrates:

  • How to set up a simple I/O Test GUI that can later be connected to an arbitrary IOServer
  • How to use the UI vertical and horizontal layouts
  • How to multi-select and change common properties on many UI widgets
  • How to add an EventList to show alarm-events

How to Run the Example

To run the example from CDP Studio, open Welcome mode and find it under Examples. Next, in Configure mode right-click on the system project and select Run & Connect. See the Running the Example Project tutorial for more information.

Project Overview

The example shows how to set up a UI for a simple I/O test for industrial IO hardware. It has a slider to set an analog IO port (sets the voltage), and a slider that displays the value of an analog input port. There is also a Checkbox for setting a digital output on and off (typically a light), and also a Checkbox to indicate a button press. At the bottom there is an EventList to show active alarms.

Project Description

This user interface is intended to be used together with an IOServer, to visualize that/how an IOServer works. You typically connect the Analog Output Slider to an IOServer physical output, and connect the Analog Input Slider to an IOServer physical input. The Analog output Raw Value is connected to the IOServer output 'Value' (The signal value of the output after operators have been run). The Analog input Raw Value is connected to the IOServer input 'InternalValue' (The signal value of the input before operators have been run). See the detailed operator guide for more information about how operators work.

Using OpenCV for Color Tracking Using SQL Database in C++ Object

The content of this document is confidential information not to be published without the consent of CDP Technologies AS.

CDP Technologies AS, www.cdpstudio.com

Get started with CDP Studio today

Let us help you take your great ideas and turn them into the products your customer will love.

Try CDP Studio for free
Why CDP Studio?

CDP Technologies AS
Hundsværgata 8,
P.O. Box 144
6001 Ålesund, Norway

Tel: +47 990 80 900
E-mail: info@cdptech.com

Company

About CDP

Contact us

Services

Partners

Blog

Developers

Get started

User manuals

Support

Document download

Release notes

My account

Follow CDP

  • LinkedIn
  • YouTube
  • GitHub

© Copyright 2025 CDP Technologies. Privacy and cookie policy.

Return to top