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
      • Flows
      • 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
  • Discover the App Builder
  • Create a new app
  • App Builder interface
  • Good to know
  • Drag and drop
  • Build time vs. runtime
  • Progressive Web Apps (PWAs)
  1. Build & Deploy Apps

Overview

Learn how to create new apps and get to know the App Builder.

Last updated 2 months ago

The App Builder is your tool to develop apps in Heisenware. It complements the , which is used to manage apps, integrations and your account. The App Builder includes everything to build application logic, integrate and store data, as well as to create user interfaces.

Discover the App Builder

Create a new app

Login to your account, navigate to the Apps panel and click on the + in the top bar.

To start building, click on Start App Builder inside the development card. The App Builder opens and you can start building the app.

Collaboration: Be aware that other Workspace members can simultaneously work on the same app.

App Builder interface

The App Builder combines all components to build apps in just one interface.

a) Page panel
b) Functions panel
c) Media server
d) Top bar

The top bar houses various settings, access to UI elements, widgets, context settings, general information, and functionality unrelated to the app itself.

e) Logic board

The logic board is the core space for building the complete logic of your app. It is where you integrate data, build functionality and process data using functions, extending and linking them.

f) Functions
g) Sections

Organize functions into logical units using sections. This only impacts their representation. Sections can be named, folded, and unfolded to maintain a tidy logic board.

  • Edit the sections name with the pen icon

  • Duplicate a section with the copy icon

  • Clear a sections cache with the x icon

  • Delete a section with the bin icon

h) UI editor

Good to know

This is a collection of general App Builder knowledge.

Drag and drop

Drag and drop is crucial when using the App Builder. It allows you to place elements and change their position in both the UI and the logic, and also to connect all elements to each other.

Build time vs. runtime

In the context of the App Builder, it's crucial to differentiate between build time and runtime. Build time is when low-code developers design and configure the app using the App Builder, shaping the structure and logic of apps. On the other hand, runtime is the live phase, where the application actively runs, responds to user inputs, processes data, and executes functions, allowing users to interact with the live app.

Progressive Web Apps (PWAs)

Technically, apps built with the App Builder are Progressive Web Apps (PWAs). PWAs offer a user experience similar to native mobile apps, combining the strengths of web and mobile application development. They provide several advantages, including:

  • Improved performance: Fast load times, smooth animations, and responsive interfaces for a seamless user experience.

  • No installation required: Users can access PWAs without downloading and installing from an app store, reducing friction.

  • Cost-effective development: Developing a PWA can be more cost-effective than building native mobile apps, as it eliminates the need for separate development for different platforms.

Once created, you can and start building with the App Builder.

Add and delete and subpages within an app. It allows easy navigation through the app while working in the App Builder.

Provides for building the application logic. Additional functions appear here when deploying an , using a , or of a class.

Upload, store, and manage custom, external for use in your app, such as images or .xlsx files containing data.

, the key building blocks in Heisenware, perform specific actions and are either built-in or adapted from other systems or software libraries.

From the section toolbar, you can also add a and a trigger.

The UI editor uses a WYSIWYG approach to create the user interface of the app, which makes the design intuitive and efficient. There are several available, ranging from simple text boxes to input and display widgets.

manage the app
pages
resources
Functions
memorizer
UI elements
edge connector
code adapter
creating an object
functions
App Manager
Cover

Flow Builder

Build application logic using and connecting node.

Cover

Integrations

Connect external data with your apps.

Cover

Interface Builder

Build a user interface (UI) for your apps.

Cover

Communicate

Configure notifications and automatic emails.

Cover

Store data and files

Utilize internal PostgreSQL, InfluxDB and file storage.

Cover

Configure appearance

Configure app look and structure for all devices.

Cover

Simulate and test

Learn ways to fully test apps during build time.

Cover

Deploy

Deployment of new and updated app versions.

Create new app
Start App Builder
App Builder interface