Introduction
Our Displays tools offer a cutting-edge drawing tool for crafting User Interface Displays, equipped with a wide array of fully customizable Symbols and Graphical components. Our platform enables you to deploy these displays in HTML5 or secure .NET SmartClient formats, accessible from desktop, mobile, or web clients. Enhance user interaction with advanced capabilities such as Language Localization, automatic conversion of Engineering Units, and dynamic adaptation of Theme colors within displays.
On this page:
| Table of Contents | ||
|---|---|---|
|
Key Functionalities
Available Displays features:
- Cross-Platform Development: Craft both .NET WPF and HTML5 interfaces seamlessly using a unified drawing tool.
- Responsive Dashboards: Design flexible dashboards and process screens that adapt to different screen sizes.
- Multi-Monitor Support: Effortlessly configure applications for multi-monitor setups.
- Process Control Execution Mode: Prevent interruptions by disabling the Windows Task Switch during process control tasks.
- User-Defined Layouts: Customize displays with multiple frames to suit specific needs.
- Smart Symbols: Access a vast library of smart symbols and high-performance graphical components.
- Automatic Data Template Connection: Streamline workflows by automatically linking data templates with symbols.
- Theme Support: Customize the visual appearance with theme skins, along with language localization and metric system unit conversion.
- Dynamic Display Creation: Generate displays dynamically from the Asset Model for self-aware SCADA applications.
Available Drawing features:
- Symbols are fully customizable, and you can create new symbols from scratch.
- The concept of open Dynamic properties offers flexibility to meet any UNI requirement.
- Advanced components include Trending, Alarms, DataGrids, Gantt charts, Maps, BarCharts, and more.
- Integration of third-party components is straightforward, and new built-in components are regularly added.
- Import XAML and AUTOCAD drawings directly into the system as vector objects.
- Productivity tools like Copy-Paste dynamic properties, editing multiple objects, and search-replace tags are available.
- Select objects directly on the display or use the ObjectTree View for easy navigation.
- Flexible Grid Snapping and zoom settings enhance precision and usability.
WPF and HTML5 Web Assembly
Our platform offers a unified drawing tool to create both .NET WPF and HTML5 displays. With our HTML5 Web Assembly Displays, you can develop for web pages, harnessing WebAssembly technology. This means your web displays can run smoothly on popular browsers like Chrome, Edge, Firefox, and Safari without needing any plug-in installations.
Portable Displays
Design a single display that seamlessly adapts to both mobile and desktop applications.
| Easy Heading Macro | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
About the Displays Module
The module provides a range of features that enable users to define and manage displays based on different parameters, such as data sources, graphics, and layout. It allows users to create displays that provide real-time visualizations of system performance and behavior, helping operators to monitor and control the system effectively.
The displays module also includes a range of pre-built graphic objects and widgets, enabling users to customize displays based on their specific needs and requirements. It supports different types of graphics, such as trend charts, gauges, and alarms, providing users with a comprehensive view of the system status and behavior.
Moreover, the displays module includes various interaction and control options, enabling users to interact with the system and control different processes and equipment. It supports touch-screen displays, allowing operators to control the system using intuitive and user-friendly interfaces.
Advanced Graphical Technology
Our platform is the first complete product where all configuration and execution tools are pure Windows Presentation Foundation (WPF), the latest graphical technology from Microsoft. WPF uses the full potential of the current graphics cards and computers, providing superior quality and performance.
Dynamic 3D Models
Connect real-time tags to control properties in 3D models created with 3DMax or other systems that support the .3DS extension.
Smart Symbols
Smart Symbols are asset and template-based reusable graphical components, with runtime dynamics or static binding and centralized management. The symbols keep a live link with the library, which means you only need to modify the symbol once and it will automatically apply to all displays.
...
Code Behind and Expressions
Develop code
...
using C#, Python, JavaScript, or VB.NET
...
to drive dynamic animations
...
and handle client-side event-driven scripts, offering flexible customization options.
Touch Panel Applications
...
Responsive Dashboards
Easily create responsive layouts for your dashboard, which adjust intelligently based on your viewing device. You can effortlessly drag and drop panels to display various elements like grids, trend charts, pie charts, bar charts, gauges, and more.
Touch Panel Applications
Our platform offers a customizable on-screen keyboard, multi-touch support, momentary buttons, and other features
...
to enhance touch panel systems, providing a rich user experience.
Exclusive set of Dynamic Animations
Unique new dynamics, such as opacity, shine, and skew, combined with move, scale, color change, rotate, and others, applied to any object, provide the most comprehensive set of animations. No more difficult laborious workarounds dealing with drawing tools created on top of legacy graphics systems.
Images, Colors, and Transparency
Images are added to the project database for centralized management. Low and hi resolution versions of the image are automatically created, optimizing the project. Transparency, alpha color, image brushes, and all designer tools are available.
Advanced Controls
All Windows controls are included, as well as a web browser, child displays, doc viewer, and many others. WPF controls, such as scheduler controls, Gantt, or live video cameras, can be added to extend functionality. Legacy Active-X controls can also be used for compatibility.
Deployment Scenarios
Our platform is based on a unified-package architecture, so the server is always the standard platform software. However, all
modules (such as Scripts, Device, Historian, Database, etc.) may be placed on different computers in a distributed system context. The server computers can run in different Operating Systems, which connects many client visualization stations and allows flexible deployment scenarios.
From Standalone to World-Wide
The platform's family of products is uniquely designed to provide the most reliable, flexible, and powerful application development platform. Users can build an application to run on a small device with limited amount of I/O, run on a production line or a commercial building, or provide information across the globe to those that need them, from any device, anywhere.
| Tip |
|---|
The same configuration tool can create applications for desktops, mobile, HTML5, and embedded devices. |
Data Aggregation from multiple locations
The platform is perfect for collecting data from multiple locations and access it at a centralized location. Hundreds to thousands of distributed FactoryStudio nodes provide data acquisition and publish the collected data to a cloud server or a corporate office.
Multiple User Security
Users can use Application Security, Windows Authentication (Active-Directory), or WS-Federation concurrently, which all map to the same application server.
Symbols and Components
Map Symbols to Assets
Create assets and templates based on reusable components with runtime binding, standard graphical visualization, and centralized management.
Linking Tags to Symbols
Our platform has many quick application development tools. One example is the ability to define Categories in which Tags and Symbols can be tightly integrated. Using Categories expedites screen development by specifying graphical symbols to automatically be used in displays simply by copying Tags and pasting them into displays.
For example, users can define a default Pump symbol and all its attributes to use in displays. Then, by specifying a Tag to have the same Category as the Pump, it comes in as the default Pump symbol for that category when the user paste the Tag into the display. There is no need to go through the manual steps of placing individual symbols on the display and assigning the attributes.
Import Objects and XAML
Import images and symbols from the most popular formats used today. XAML standard simplifies the automated import of displays from legacy HMI and SCADA systems.
Extended Symbol Library
Our platform has its native library of symbols created with properties assigned to them. To help users create the most advanced graphical displays, our platform was the first software package of its type to include the SymbolFactory.NET library of over 5,000 vector-based graphics at no charge! This library is installed with every platform's development package and is unlimited in terms of how many symbols you use and how many times you use them.
| Tip |
|---|
| Edit multiple symbols, rows, and properties combined. |
Graphical Elements
We provide a variety of graphical elements to enhance your application:
| Panel | ||
|---|---|---|
| ||
Images Import images or vector elements to your application. |
| Panel | ||
|---|---|---|
| ||
Industrial Icons Use our wizard to search for Industrial Icons to facilitate the process of adding navigation or graphic indicators to your display, while ensuring your project has a modern look. |
| Panel | ||
|---|---|---|
| ||
Components We offer common industry components such as gauge, gaant charts, trend charts and more. We also allow you to use WPF and HTML5 components from different libraries and an API to create your own. |
| Panel | ||
|---|---|---|
| ||
Smart Symbols Import images, vector files or create new symbols using our drawing tool your own symbols with any data links you want built in. |
Smart Symbols
Extended Symbol Vector Library
Our platform offers a built-in library of symbols with pre-assigned properties, making it easy for you to create sophisticated graphical displays. With over 500 symbols tailored for our platform, you have a wide range of options at your disposal. These symbols are compatible with both .NET and HTML5 displays, ensuring consistency across different user interfaces.
Create your own, no coding required
You have the flexibility to associate your symbols with any data type. For example, if you drag an integer data type onto the screen, a pump object can appear. Additionally, you can even customize your own data types. For instance, you could design a pump data type with sub-parameters and connect it to a symbol. By placing the PumpUDT on the screen, all your data parameters will be automatically included, simplifying the process.
Customize your Symbols
You have the freedom to create symbols without constraints. Incorporate innovative dynamics like opacity, shine, and skew, alongside actions such as movement, scaling, color adjustment, rotation, and more, applicable to any object. This extensive array of animations eliminates the need for complex workarounds associated with legacy graphics systems.
| Info |
|---|
Learn more at Displays (Desktop and Web) and Draw (Displays and Symbols) |
...
. |
In this section...
| Page Tree | ||||
|---|---|---|---|---|
|