Image ModifiedOverview
Designer
(Concept) is the unified configuration workspace where you build and test complete FrameworX solutions.
All modules are configured here - tags, devices, alarms, scripts, displays, and more. It includes
Test Mode for debugging without deployment and supports multiple users working on the same solution simultaneously.In this page:
Table of Contents |
---|
maxLevel | 2 |
---|
minLevel | 2 |
---|
indent | 10px |
---|
exclude | Steps |
---|
style | none |
---|
|
Designer → Tutorial | Concept | How-to Guide | Reference
Key Concepts
Term | Description | Details |
---|
Unified Workspace | Single environment for all configuration | No need to switch between tools |
Object Model | .NET-based classes with inherited properties | Access methods without custom code |
IntelliSense | Context-aware auto-completion everywhere | Faster, error-free configuration |
Test Mode | In-Designer runtime execution | Validate without deployment |
Modular Architecture | Isolated module changes | Changes won't break other modules |
Multi-User Support | Concurrent engineering capability | Team collaboration on same solution |
What Designer Does
Configuration | Development Tools | Testing & Validation |
---|
:
- Solution Explorer - configuration access to all modules and tools
- Solution - custom solution settings, import and export tools
- Runtime - settings for the execution, diagnostics, and activation commands
- Modules - configuration UI for all modules
- Data Explorer - Integrated tool for data discovery and tests
- Track Changes - built version control system
Table of Contents |
---|
maxLevel | 2 |
---|
minLevel | 2 |
---|
indent | 10px |
---|
exclude | Overview |
---|
style | none |
---|
|
Define tags and data models | IntelliSense everywhere | Execution Profiles |
Configure field devices | Real-time validation | Online configuration |
Setup alarms and historian | Cross-reference tracking | Simulation tools |
Create scripts and logic | Refactoring support | Error checking |
Design displays and UI | Import/export capabilities | Performance monitoring |
Manage security settings | Version control ready | Build validationVisual Layout
File Edit Insert View Action Tools Settings Windows Help
|
Image Modified Image Modified Image Modified Image Modified (shortcuts)
| |
(Search) | (Main toolbar) |
(Pillar Filter)
| Solution / Settings (Selected Page) |
Workspace Selected Page UI
|
Tatsoft FrameworX 10.1 | [Output] [Find Results] <profile> offline config |
How It Fits in the Solution Lifecycle
Info |
---|
|
Image Removed Designer is the configuration workspace in the Solution Lifecycle:
- Solution Center - Create and manage solutions
- Designer ← You are here (Configure all modules)
- Runtime - Execute and monitor
Designer produces the configuration that Runtime executes. Test Mode lets you validate behavior before publishing to production. |
HTML |
<h2 style="text-decoration: none;">Workspace Layout</h2>
<table class="fixed-width wrapped" style="width: 960px;">
<colgroup><col style="width: 240px;" /><col style="width: 720px;" /></colgroup>
<tbody>
<!-- MENU STRIP -->
<tr>
<td class="highlight-#f4f5f7" colspan="2" data-highlight-colour="#f4f5f7" title="Background color : Light grey 100%">
<div class="content-wrapper">
<ac:image ac:thumbnail="true" ac:width="22"><ri:attachment ri:filename="TatsoftLogoV10.png" /></ac:image>
<strong> File </strong> Edit Insert <strong>View</strong> Actions Tools Settings Window Help
| Profile: <em>Production offline config</em>
</div>
</td>
</tr>
<!-- QUICK SHORTCUTS + RECENTS -->
<tr>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7">
<h6>
<ac:image ac:thumbnail="true" ac:width="20"><ri:attachment ri:filename="home.png" /></ac:image>
<ac:image ac:thumbnail="true" ac:width="20"><ri:attachment ri:filename="tags.png" /></ac:image>
<ac:image ac:thumbnail="true" ac:width="20"><ri:attachment ri:filename="draw.png" /></ac:image>
<ac:image ac:thumbnail="true" ac:width="20"><ri:attachment ri:filename="runtime.png" /></ac:image>
<em>(quick shortcuts)</em>
</h6>
</td>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7">
<em>(Recent items)</em>
</td>
</tr>
<!-- SEARCH + MAIN TOOLBAR -->
<tr>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7"><em>(Search)</em></td>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7">
<!-- MAIN TOOLBAR -->
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="newfile.png" /></ac:image> New
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="open.png" /></ac:image> Open
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="save.png" /></ac:image> Save
<span>|</span>
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="undo.png" /></ac:image>
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="redo.png" /></ac:image>
<span>|</span>
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="validate.png" /></ac:image> Validate
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="build.png" /></ac:image> Build
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="testmode.png" /></ac:image> Test Mode
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="publish.png" /></ac:image> Publish
<span>|</span>
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="search.png" /></ac:image> Find
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="xref.png" /></ac:image> Cross-Refs
<ac:image ac:thumbnail="true" ac:height="18"><ri:attachment ri:filename="output.png" /></ac:image> Output
</td>
</tr>
<!-- LEFT NAV + CONTENT -->
<tr>
<td class="highlight-grey" data-highlight-colour="grey" rowspan="2">
<p>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="solution_blue.png" /></ac:image> Solution<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="runtime.png" /></ac:image> Runtime<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="unifiednamespace_blue.png" /></ac:image> Unified Namespace<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Devices_blue.png" /></ac:image> Devices<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Alarms_blue.png" /></ac:image> Alarms<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Historian_blue.png" /></ac:image> Historian<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Datasets_blue.png" /></ac:image> Datasets<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Reports_blue.png" /></ac:image> Reports<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Scripts_blue.png" /></ac:image> Scripts<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="security_blue.png" /></ac:image> Security<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="Displays_blue.png" /></ac:image> Displays<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="DataExplorer_blue.png" /></ac:image> Data Explorer<br/>
<ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="TrackChanges_blue.png" /></ac:image> Track Changes
</p>
<p><ac:image ac:thumbnail="true" ac:width="16"><ri:attachment ri:filename="filter.png" /></ac:image> (Pillar Filter)</p>
</td>
<td class="highlight-grey" data-highlight-colour="grey">
<strong>Solution / Settings</strong> <em>(Selected Page)</em>
</td>
</tr>
<tr>
<td class="highlight-#eae6ff" data-highlight-colour="#eae6ff" title="Background color : Light purple 35%">
<p style="text-align:center;">Workspace — Selected Page UI</p>
</td>
</tr>
<!-- STATUS BAR -->
<tr>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7">Tatsoft FrameworX 10.1</td>
<td class="highlight-#f4f5f7" data-highlight-colour="#f4f5f7">
[Output] [Find Results] Profile: <profile>
<ac:image ac:thumbnail="true" ac:height="16"><ri:attachment ri:filename="link_break.png" /></ac:image>
</td>
</tr>
</tbody>
</table>Solution Development Workflow
Following the Four Pillars methodology, Designer guides you through a structured configuration process:
Configuration Flow Diagram
Following the Four Pillars methodology, Designer guides you through a structured configuration process:
Phase | Pillar | Configuration Tasks | Designer Areas |
---|
1. Foundation | P1: UNS | • Create tags • Define UserTypes • Build Asset Tree | UNS → Tags, Templates, Assets |
2. Integration | P2: Process | • Setup devices • Configure alarms • Enable historian | Devices, Alarms, Historian |
3. Logic | P3: Application | • Create scripts • Setup datasets • Build reports | Scripts, Datasets, Reports |
4. Visualization | P4: Operator UI | • Design displays • Create symbols • Configure clients | Displays, Symbols, Layouts |
Module Organization
Module Organization by Four Pillars | Pillar 1: UNS Foundation - Define Your Data | Pillar 2: Process Modules |
Image RemovedUnified Namespace (Local UNS) - Tags & UDTs
| Image RemovedDevices, Field Connections: 100+ connectors
|
Image RemovedDataExplorer Tools
| Image RemovedAlarms, Events, and Audit-trail
|
Image RemovedExtended UNS using TagProvider Services
| Image RemovedHistorian, time-series data
|
Pillar 3: Application Modules | Pillar 4: Operator UI |
Image RemovedSQL Database Connections and Queries
| Image RemovedSymbol Library extensions
|
Image RemovedScripts and business logic (C#, VB.NET, Python 3)
| Image RemovedDisplays (Canvas & Dashboard) & UI Security
|
Image RemovedReports, data pub (PDF, CSV, HTML, XML & JSON)
| Image RemovedLayouts, Client deployment settings
|
Object Model Power
All configured objects inherit from .NET classes, providing native functionality without custom coding:
Info |
---|
title | Examples of Built-in Intelligence |
---|
|
Code Block |
---|
title | DateTime Tag Operations |
---|
|
Tag.DateTimeExample.Value.DayOfWeek // Returns Monday, Tuesday, etc.
Tag.DateTimeExample.Value.AddDays(7) // Date arithmetic |
Code Block |
---|
title | Script Performance Monitoring |
---|
|
Script.Task.Example1.LastCPUTime // CPU usage tracking
Script.Task.Example1.LastExecutionTime // Performance metrics |
This means you get hundreds of methods and properties automatically - no coding required!
Feature Highlights
Development Productivity
- IntelliSense everywhere - Auto-completion for tags, objects, properties
- Real-time validation - Red borders and tooltips for errors
- Refactoring support - Rename with automatic reference updates
- Cross-reference tools - Find all uses instantly
- Keyboard shortcuts - Standard editing (Ctrl+S, F5, etc.)
Unified Configuration
- Single environment - All modules in one interface
- Consistent UI patterns - Same experience across modules
- Context menus - Right-click relevant operations
- Drag-drop support - Between panels and modules
- Quick navigation - Jump to Home, Tags, Draw, Runtime
Testing and Validation
Test Mode - Run without leaving DesignerOnline configuration - Modify running solutionsSimulation tools - Test without field devicesBuild validation - Automatic error checkingPerformance monitoring - Real-time resource usage