Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Introduction

FrameworX

was designed to provide excellent on User Graphical Interfaces. From the Designer tool, which has 12 themes and a powerful built-in drawing editor, up to the Runtime Execution, allowing Portable displays that runs both on Windows and Web browsers, using WebAssemblies and .NET Code behind to deliver the best performance in market.Other features include Responsive Dashboards, extensive SmartSymbols support, and the ability create Self-Aware SCADA and Assets Monitor applications, where the graphical interface is dynamically created form the Data Models

offers a comprehensive solution for advanced user interfaces, providing:

  • Portable Displays: Seamless operation across Windows and web browsers, using WebAssembly and .NET CodeBehind for top-tier performance, with the same display drawing and configuration shared across both environments.
  • Unified Designer and Runtime Themes: 12 versatile themes with light and dark variations for optimal visibility and comfort.
  • Responsive Dashboards and Process Screens: Adaptive interfaces for desktop and mobile, ensuring consistency across devices. Advanced drawing tool for synoptic and process screens.
  • Smart Symbols Library: Over 2,000 dynamic symbols for efficient SCADA and monitoring applications.
  • Self-aware Dynamic Displays: User interfaces that adapt automatically to the connected data.

On this page:

Table of Contents
maxLevel3
minLevel3


Portable Displays

Desktop and Web sharing the same configuration

With unparalleled performance on the Web Pages

Image Removed

Responsive Dashboards

Allows the easy creating of responsive User Interface, which adapt automatically to to User Device, from a Desktop to a Mobile, organizing the displays elements.

Responsive display examplesImage Removed

Learn more o the Responsive Dashboards page

WebAssembly and .NET CodeBehind deliver blazing-fast performance for web pages, even with thousands of graphical elements.

Although you can create displays that need to open in only one environment or another, our platform supports the Portable option, where the exact same configuration can be used for both Windows/WPF clients and Web/HTML5 clients.

Users don't need to create two different kinds of screens for Windows and Web clients. Using the Portable option for the rendering engine creates displays that will automatically function in both desktop and web environments.

This feature enabled our users from previous releases to use the screens they created over the years on Windows desktops and open them directly in web browsers with no rework or modifications.

Image Added


Designer and Runtime Themes

Our platform offers a thoughtfully curated collection of themes, each designed to elevate your experience, whether you’re working in a well-lit environment or a dimly lit space. These themes are not only visually striking but also enhance the functionality and comfort of your workspace. With a variety of light and dark themes inspired by natural elements, sophisticated hues, and modern aesthetics, there’s a perfect backdrop for any task.

They are available both in the Designer, when configuring the solutions, and on the displays you create for the operators when running the solution. The built-in tools enable the easy creation of solutions

Designer and Runtime Themes

An extensive set of Light and Dark Themes, including High-Contrast ones, provides the better comfort and visibility when creating the solution, as well for operators.

The Built-in tools enables the easy creation of Solutions that will be delivered with theme support, with no extra effort for it.

Image Removed

Learn more o the Responsive Dashboards page

High Performance HMI

The well know

required.

Image Added

Theme Pairs:

  • Light & Dark: The Light theme provides a clean, bright interface ideal for daylight work, while the Dark theme offers a sleek, subdued option for low-light environments.
  • Sky & Navy: Inspired by the serenity of the sky and the depth of the ocean, Sky presents a light, airy feel, and Navy offers a deep, calming experience.
  • Gold & Coffee: Gold brings warmth and elegance to your workspace, while Coffee offers a rich, earthy ambiance.
  • Pearl & Indigo: Pearl is soft and inviting, perfect for a gentle workspace, while Indigo adds a bold, yet refined, atmosphere.
  • Steel & Graphite: Steel offers a cool, modern aesthetic, while Graphite presents a darker, more industrial feel.
  • HighContrastLight & HighContrastDark: These themes prioritize accessibility, providing high contrast for better visibility in both light and dark environments.
  • CustomLight & CustomDark: Tailor your experience with customizable themes, offering the flexibility to create a workspace that reflects your unique style.

Responsive Dashboards and Process Screens

Responsive Dashboards


Responsive display examplesImage Added

Allows the easy creation of responsive User Interfaces that adapt automatically to the User's Device, from a Desktop to a Mobile, organizing the display elements. The same dashboard can be used by Desktop or Mobile users, in Windows Clients or Web Browsers.


Process Screens

Process Screens.pngImage Added

For traditional process diagrams and synoptics, the Drawing tools allow extensive flexibility in layouts and frames, and include new features for customizing resizing: proportionally, using scrollbars, or allowing specific objects to resize or change position according to the client window.



Desktop, Mobile (Portrait and Landscape) and HTML5 preview

Easily customize your layout to work properly in various scenarios, with a centralized configuration and preview feature.




Image Added


Smart Symbols Library

Image AddedImage Added

Smart Symbols

The Drawing tool includes a library of around 2,000 Smart Symbols, graphical elements typically used in industrial applications. Many of these symbols are more than just vector images; they also have dynamic behavior that allows for direct mapping to your Tags and Assets. It also includes a set of Industrial Icons, specially designed for typical visuals on process displays.

High-Performance HMI

The well-known book High Performance HMI proposed a set of standards

on

for HMI design.

Frameworks

Our platform fully

enables

supports the creation of solutions

support

that adhere to these standards, including

HighPerformance Graphical pallets on

High-Performance Graphical (HPG) palettes in its themes

,

and hundreds of

read

ready-to

use Symbols creating following

-use symbols created according to those specifications.

 

Image Removed

Learn more o the Responsive Dashboards page

Advanced Components and Controls

For advanced graphical interfaces, such as Gantt and Trend Charts, DataGrids, PdfViewer, and others, a set of graphical components for both WPF and Web is included. Additionally, third-party controls can be easily integrated into the solution.


Self-Aware Dynamic Displays

Data-

Self-aware Applications

Data

centric applications can have

its

their User Interface

 created

created automatically based on

what

the assets

are

found in the Data Model. Typically

those

, these applications are organized around

an

a Unified Namespace,

or a

MQTT Broker, or

UPC

OPC UA servers

, and

. FrameworX

establish

establishes a dynamic connection with

those

these servers, selecting the best UI elements according to the data found on the connected servers.


Image Modified

Learn more o the Responsive Dashboards page

Portable Displays and WebAssembly

Learn more o the Responsive Dashboards page

Built-in Drawing tool and Components

Learn more o the Responsive Dashboards page


In this section...

Page Tree
root@parent
spaces93DRAF