View Source

FrameworX 10.1 > Designer Workspace > solution_color.png

Designer (Concept) is the configuration workspace where you build 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:

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
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 validation

Workspace Organization

Visual Layout

File Edit Insert View Action Tools Settings Windows Help
(shortcuts)	(Last open documents)
(Search)	(Main toolbar)
Solution Runtime Unified Namespace Devices Alarms Historian Datasets Reports Scripts Security Displays Data Explorer Track Changes (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

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.

<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> offline config
      </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
Unified Namespace (Local UNS) - Tags & UDTs	Devices, Field Connections: 100+ connectors
DataExplorer Tools	Alarms, Events, and Audit-trail
Extended UNS using TagProvider Services	Historian, time-series data

Pillar 3: Application Modules	Pillar 4: Operator UI
SQL Database Connections and Queries	Symbol Library extensions
Scripts and business logic (C#, VB.NET, Python 3)	Displays (Canvas & Dashboard) & UI Security
Reports, data pub (PDF, CSV, HTML, XML & JSON)	Layouts, Client deployment settings

Object Model Power

All configured objects inherit from .NET classes, providing native functionality without custom coding:

Tag.DateTimeExample.Value.DayOfWeek  // Returns Monday, Tuesday, etc.
Tag.DateTimeExample.Value.AddDays(7)  // Date arithmetic

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 Designer
Online configuration - Modify running solutions
Simulation tools - Test without field devices
Build validation - Automatic error checking
Performance monitoring - Real-time resource usage