Heisenware Docs
Go to websiteGet a demo
  • 👋Welcome
  • Getting started
  • Release Notes
    • v84 - Get in the flow
    • v83 - Beauty treatment
    • v82 — Fully distributed
    • v81 — Removing old cruft
    • v80 — Chicks on fire
    • v79 — Nothing is forever
    • v78 — Keep moving
    • v77 — More intelligence
    • v76 — Well cooked
  • Build & Deploy Apps
    • Overview
    • Flow Builder
      • Nodes (Functions)
        • Inputs
        • Trigger
        • Output
      • Function Extensions
        • Modifier
        • Filter
        • Error handler
        • Memorizer
      • Objects & Instances
      • Utilities
        • Basic Functions
        • PDF functions
        • Circular buffer
        • Timer
        • Counter
    • Integrations
      • Protocol Connectors
        • GraphQL
        • HTTP/REST
        • MQTT
        • OPC UA
          • Heidenhain PLCs with OPC UA
        • RS-232/485
        • Siemens S7
      • Data Connectors
        • File
        • Relational Database
        • Time Series Database (WIP)
      • API Connectors
        • OGC SensorThings API
        • Operating System
        • Zebra RFID IoT Connector
      • Agent / (Edge Connector)
      • Calling Custom Code
    • UI Builder
      • Input Widgets
        • Form
        • File Upload
        • Photo
        • Signature
        • Barcode / QR-Code (WIP)
        • Document Scan (WIP)
      • Display Widgets
        • Chart
        • Chat
        • Circular Gauge
        • Data Grid
        • Linear Gauge
        • Map
        • Media View
        • Progress Bar
        • Sparkline
        • Status Lamp
        • Toast
        • Value Box
        • Kanban Board
        • Data Tiles
        • Pie Chart
        • Sankey
      • Buttons
      • Text Box
      • Images
      • Icons
    • Communication Interfaces
      • Email Notifications
      • OPC UA Server
    • Data & File Storage
      • Internal InfluxDB
      • Internal PostgreSQL
      • File Server
    • App Appearance
      • Pages
      • In-App Navigation
      • Screens & Devices
      • Theming
    • Simulation & Testing
      • Simulating Events
      • Simulating Data
    • PDF Templates
    • RAG-based Chatbot
    • Deployment
  • Manage Apps
    • Overview
    • Manage Apps
      • General Settings
      • Users and Access
      • Distribution & Versioning
    • Manage Integrations
    • Manage Account
      • Account Structure
      • Members
      • Workspaces
  • TUTORIALS
    • Build Your First Heisenware App
  • Connect Heidenhain CNC with OPC UA Support
  • Related links
    • Website
    • Privacy policy
    • Imprint
Powered by GitBook
On this page
  • Video
  • Create a new app
  • Connect data sources
  • HTTP
  • OPC UA
  • Configure data flow
  • Combine data points
  • Record historic data
  • Build user interface
  • Visualize live data
  • Visualize recorded data
  • Adjust all screens
  • Modify app theme
  • Publish and open the app
  1. TUTORIALS

Build Your First Heisenware App

Copy the app from our demo and learn how to build faster with Heiseware.

Last updated 2 months ago

Video

Create a new app

  1. Log in to your Heisenware account

  2. Click on Apps

  3. Click on the + to add a new app

  4. Choose an App Name

  5. Upload an App Icon

  6. Open the App Builder

Connect data sources

HTTP

  1. Configure the function:

URL

http://www.randomnumberapi.com/api/v1.0/random

Parameters

min: 50
max: 100
count: 5
  1. Trigger the function.

$average($)

OPC UA

  1. Call the client Demo or use any other name you like.

  2. Trigger the function.

opc.tcp://opcua.demo-this.com:51210/UA/SampleServer
  1. Trigger the connect function

  2. Check the connection with the isConnected node

ns=2;i=10846
  1. Add a JSONata modifier to the function and extract the value with:

value.value

Configure data flow

Combine data points

  1. Drag and drop the combine function on to the canvas.

  2. Connect the modifier of the get function with argument 1 of the combine function and the modifier of the readNode function with argument 2 of the combine function.

  3. Trigger the combine function

  4. Add a JSONata modifier to the function and enter the sum function:

$sum($)
  1. Set the readNode trigger and the get function trigger to every 10s.

  2. Set the combine trigger to on input change by drag and drop of each of the functions arguments (or just one of them) on the trigger.

Record historic data

  1. Call the recorded data point demo_data or use any other name you like.

  2. Start the test mode for a minute or so to record some data.

Build user interface

Visualize live data

  1. Configure start and end value (0 to 500) and the color sections of the circular gauge.

  2. Connect the modifier of the combine function to the circular gauge with drag and drop. Make sure to select the circular gauge first.

  3. Start the test mode and see the data coming.

Visualize recorded data

  1. Within the read function, change the tail value to 10.

  2. Trigger the read function.

  3. Select the new page.

  4. Connect the output of the read function (array) to the chart with drag and drop. Make sure to select the circular gauge first.

  5. Resize and configure the chart.

  6. Connect read function trigger and button.

  7. Test your logic using the test mode.

Adjust all screens

  1. Adjust all widgets size and position for each screen.

Modify app theme

  1. Pick a base theme.

  2. Pick a default theme or configure your own theme.

Publish and open the app

  1. Scan the QR code to open the app on your phone or click the URL to open the desktop version of your app.

  2. Optionally install the app on your device.

Drag and drop the on the canvas

Add a to the function and enter the average function:

Create an OPC UA client with the node.

Connect to an OPC UA server using the from within the client just created. You can use the following public server:

Use the clients node and configure it with the following node ID:

Alternatively to step 7 and 8, you can also use the node to get right to the value.

Test your logic using the . Wait at least 10 seconds to see data.

Add a to the modifier behind the combine function.

Upload your logo or any other image to the .

Drag and drop the image onto the .

Pick a from the display widgets and click in the UI builder to place it.

Click on the database icon of the recorder to auto generate the .

Create a with right-click in the pages panel on the first page and a click on New Page.

Configure the apps main menu using the . Rename pages and add icons if you like.

Add a widget to the page.

Add a and configure it.

Choose the of rotated phone, tablet, rotated tablet or desktop.

Open the .

Click on .

resources
UI builder
circular gauge
chart
button
preview
theme editor
deploy
recorder
JSONata modifier
InfluxDB read node
HTTP get node
test mode
new page
OPC UA create
connect node
readNode
readVariableValue
navigation builder