• 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

Examples and Tutorials

CDP Studio comes with several examples, tutorials and videos and these are easily accessible from the Welcome mode.

The example includes the actual project code and a short explanation of key concepts that you need to be aware of to understand the project. The tutorials are step-by-step guides on how a project is made and cover key CDP concepts. The videos are a combination of tutorials, demonstrations of different features and how-to guides for a range of topics. See also our YouTube channel for the videos. In https://github.com/CDPTechnologies you will find a variety of repositories that contain projects you can 'git clone' and open in CDP Studio.

If you are new to CDP Studio, it is recommended to read the Getting Started with CDP Studio. Here you find the recommendations of which examples and tutorials to check out.

The examples and tutorial are grouped into different main categories. However, some bridge multiple domains and looking at many examples will give you a better understanding. Especially when it comes to user interfaces (GUI), e.g. the Using NMEA GPS Data in Web Map example demonstrates use of the NMEA protocol and how to use a web/HTML5 user interface.

Getting Started and Important Concepts

Examples:

  • Intro 1: Connect Variables to HMI GUI
  • Intro 2: Setting Up IO for REST
  • Intro 3: Make Reusable Objects in C++
  • Intro 4: Using Messages and States
  • Making an Automation System with HMI GUI

Tutorials:

  • Intro 1: Tutorial of Connecting Variables to HMI GUI
  • Intro 2: Tutorial of Using REST IO
  • Intro 3: Tutorial of Making Reusable Objects in C++
  • How to Create a System
  • How to Create a Library

User Interface, GUI and Web/HTML5

Note that most examples have a GUI and may have useful hints and examples of use

Examples:

  • Creating a Professional HMI GUI
  • Adding a Vue.js Web GUI to Automation System
  • Adding a Drag and Drop Web UI to Automation System
  • Adding a Plain JS Web GUI to Automation System
  • Adding an Open Bridge Styled GUI to Automation System
  • Creating an Open Bridge Styled Conning GUI Using Drag and Drop
  • Creating an Animated SCADA GUI
  • Creating GUI with Custom Graphics
  • Creating a Reusable GUI Element
  • Creating a Reusable GUI Dialog
  • Creating a Dynamic GUI for Showing Dialogs
  • Creating a Dynamic GUI
  • Creating a Dynamic Map GUI
  • Creating a Database GUI
  • Grouping Widgets with Container in HMI GUI
  • Using QML in HMI GUI

Tutorials:

  • How to Use Button and Slider widgets in HMI GUI
  • How to Use Meter Widgets in HMI GUI
  • How to Create Adaptive GUI
  • How to Create a Custom Lamp Using SVG Styling
  • How to Use JavaScript in Web HMI GUI

Industrial Protocols

Examples:

  • Using NMEA GPS Data in Web Map
  • Showing Alarms and Events in HMI GUI
  • Using Modbus RTU on Adam-4150
  • Implementing a Custom Protocol

Tutorials:

  • CANOpen Setup Guide
  • GPIO Setup Guide
  • Modbus Setup Guide
  • I2C Setup Guide
  • UDP Setup Guide
  • NMEA over UDP Setup Guide
  • NMEAOnSerial example
  • SNMP Setup Guide
  • Interacting With a Phone via Cloud-Hosted MQTT Broker
  • REST Setup Guide
  • SMTP Setup Guide
  • OPC-UA-Adapter Setup Guide

Working with External Programming Tools and Open Source Libraries

Examples:

  • Using Python to Plot Variables
  • Using Python for Mouse Tracking
  • Using OpenCV Camera View in HMI GUI
  • Using OpenCV for Color Tracking

Tutorials:

  • How to Use Java to Access Automation System
  • How to Use JavaScript to Access Automation System

Integrating and Using Different Hardware Devices

Examples:

  • Using Wago PFC 200 With IO Modules and WebUI
  • Using Wago 750 Bus Coupler With IO Modules and WebUI
  • Using Wago CC 100 With IO and WebUI
  • Using Weidmuller UR20 Bus Coupler With IO Modules and WebUI
  • Using Phoenix Contact PLCnext With IO Modules and WebUI
  • Using Phoenix Contact AXL-F Bus Coupler With IO Modules and WebUI
  • Using Beckhoff EK9000 Bus Coupler With IO Modules and WebUI
  • Using Beckhoff BK9000 Bus Coupler With IO Modules and WebUI
  • Using Revolution Pi Core With IO Modules and WebUI
  • Using Revolution Pi Flat With IO and WebUI
  • Using Revolution Pi Compact With IO and WebUI
  • Using Revolution Pi Connect With IO Modules and WebUI
  • Using BR X20 Bus Coupler With IO Modules and WebUI
  • Using Modbus RTU on Adam-4150

Tutorials:

  • Wago PFC Setup Guide
  • B&R Automation Setup Guide
  • Revolution Pi Setup Guide
  • Seatex MRU Setup Guide
  • Force Feedback Joystick Setup Guide

Useful CDP Studio Features and Tools

Examples:

  • Adding User Authentication to Automation System
  • Simulating Spring–Mass System
  • Simulating Rotational Inverted Pendulum
  • Connecting Many Variables at Once
  • Creating a Multivariable Interface
  • Expose Custom Data in Automation System
  • UI for industrial IO HW video tutorials
  • Using SQL Database in C++ Object
  • Redundancy in Automation System
  • Redundant Control System Example
  • Using Kinematics to Control Robotic Arm
  • Using Kinematics to Motion-Compensate Crane on the Moving Platform
  • Using Anti-Sway on a Crane
  • Using Sequence Steps to Operate Doors
  • Sending Telemetry to Ubidots

Tutorials:

  • How to Connect to a System if you do not have the project files on your PC
  • How to Use Composite Interfaces
  • How to Setup Logging in Automation System
  • Additional ExternalControlBroker Setup Guides

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