SCADA Software

ATSCADA Graphic Tools for SCADA Interface Design and Industrial Visualization

ATSCADA Graphic Tools System (iGraphic & iSymbolFactory) This is a toolset designed to create professional and intuitive Windows Forms Applications interfaces with ATSCADA Graphic Tools.

iGraphicTools

An integrated library of components that helps display data more visually with ATSCADA Graphic Tools.

To use iGraphicTools, add the iGraphicTools library to Visual Studio.

In the View Toolbox interface, create a new tab named iGraphicTools to easily manage all components included in ATSCADA Graphic Tools.

ATSCADA iGraphicTools toolbox panel showing no usable controls available and prompt to drag items into the toolbox.

Right-click the newly created tab, then select Choose Item to add the iGraphicTools library for ATSCADA Graphic Tools.

ATSCADA iGraphicTools toolbox panel with context menu open showing options including List View, Show All, Choose Items, Sort Items Alphabetically, and Reset Toolbox.

Select iGraphicTools.dll to proceed with adding the library.

Windows Open File dialog in ATSCADA installation folder selecting iGraphicTools.dll for adding ATSCADA iGraphicTools components.

After successfully adding the components, you will see them in the iGraphicTools suite.

ATSCADA iGraphicTools toolbox displaying available controls including Pointer, iAnimateGauge, iGauge, iHBar, iImage, iImage3Pos, iImagePush, iImageSwitch, iLed7Segment, and iVBar.

A project that provides detailed guidance on using the components of ATSCADA Graphic Tools:

Step 1: Create a new ATDriverServer file with tags as shown in the image.

ATSCADA Driver Server interface showing Channel1 and Device1 with tag list including Start, Stop, tank values, valve controls, data types, client access, and status indicators.

Guide 2: Register the Tag File with iTagBuilder for ATSCADA Graphic Tools.

ATSCADA Tag Builder software interface displaying tag configuration list with driver addresses, access rights, values, status, and File menu options including project save functions.

Step 3: Create a Windows Forms Application project.

Visual Studio design environment with ATSCADA iGraphicTools toolbox loaded, showing Form2 designer window and properties panel for interface development.

Step 4: Drag the components from the newly added iGraphicTools library in ATSCADA Graphic Tools.

1. iAnimateGauge: Used to visualize real-time sensor values with a gauge display in ATSCADA Graphic Tools.

ATSCADA iGraphicTools circular gauge control with green dial, yellow needle pointing near 50, and scale range from 0 to 100.

ATSCADA iGraphicTools gauge settings panel showing properties such as animation, axis settings, background color, maximum and minimum values, needle settings, tag name, and current value.

It includes the following properties:

  • AnimationInterval: The movement interval of the gauge needle.
  • AnimationLength: The total movement time between two different values.
  • Axis: Used to adjust the gauge color.
  • Value: The initial value displayed on the gauge.

Example: Change the Tag value from 0 to 80.

atscada-driver-server-live-data-gauge-monitoring.png

ATSCADA Driver Server interface with real-time tag values and ATSCADA iGraphicTools gauge showing updated tank pressure around 90.

2. iGauge: Used to visualize real-time sensor values with a gauge display in ATSCADA Graphic Tools.

ATSCADA iGraphicTools gauge control with settings panel showing properties such as body color, driver, max and min values, needle color, scale options, tag name, and current value.

It includes the following properties in ATSCADA Graphic Tools:

ScaleSubDivisions: The total number of values displayed on the gauge face for better data visualization.

For example, if it is set to 11 as shown, the gauge range will display from 0 to 100.

ScaleDivisions: The total number of minor tick marks displayed between values on the gauge.

For example, from 0 to 10, there will be 10 minor tick marks.

Value: The initial value displayed on the gauge when loaded in ATSCADA Graphic Tools.

Example: Change the Tag value from 0 to 100.

ATSCADA Driver Server showing live tag data with TankBPressure value at 100 and connected ATSCADA iGraphicTools gauge indicating maximum pressure.

Important Note: The key difference between iAnimateGauge and iGauge in ATSCADA Graphic Tools is the needle movement effect. iAnimateGauge provides smooth animated transitions when sensor values change, allowing the needle to move gradually between values for a more realistic display. In contrast, iGauge updates instantly and points directly to the new value without animation, making it ideal for fast real-time monitoring in industrial visualization systems.

3.iVBar & iHBar: Used to visualize real-time values with ATSCADA Graphic Tools and commonly deployed in ATSCADA iEnergy monitoring systems for power and utility dashboards

ATSCADA iGraphicTools horizontal and vertical bar controls with settings panel showing background color, driver, fill color, max and min values, and TankAValue tag name.

It includes the following properties in ATSCADA Graphic Tools:

  • FillColor: Displays the visual value of the Tag.
  • MaxValue: The maximum value of the bar range.
  • MinValue: The minimum value of the bar range.

Example: Apply iVBar and iHBar to a real image.

Try adjusting the iVBar value up to 80 and the iHBar down to 20:

ATSCADA Driver Server showing live tag values connected to ATSCADA iGraphicTools valve position indicator and tank level display in real time.

4. iImage & iImagePos: The purpose is to illustrate real-world value using concrete images.

ATSCADA iGraphicTools indicator light control with settings panel showing active value, driver, image collection, passive value, and tag name properties.

Example: Change the iImage display to another specific image by clicking the arrow in the top-left corner of the component in ATSCADA Graphic Tools.

Click on Import to select images from the available list in the iGraphic library.

ATSCADA iGraphicTools Select Resource window for importing local image resources with preview panel and Import, OK, Cancel buttons.

The image interface for iImage is located at: C:\Program Files\ATPro\ATSCADA\GraphicLib

Windows Open File dialog in ATSCADA GraphicLib folder selecting ValveGrayTop image file from industrial graphics library.

In this demo, we select VALVES and choose any water valve image we like.

After the change

ATSCADA iGraphicTools form displaying a gray industrial valve graphic component selected in the designer workspace.

We configure the value as follows

ATSCADA iGraphicTools settings panel showing image collection with ValveGreenTop and ValveRedTop images, active and passive values, driver, and Start tag name.

Here, configure the ImageCollection in advance to represent the pump status corresponding to the TagName value in ATSCADA Graphic Tools.

ATSCADA iGraphicTools Image Settings dialog showing active ValveGreenTop image and passive ValveRedTop image selection options with OK and Cancel buttons.

Configure the Active state with an image such as green, blue, etc. in ATSCADA Graphic Tools.

Configure the Passive state with an image such as red, gray, etc. in ATSCADA Graphic Tools.

ATSCADA Select Image window choosing ValveGreenTop graphic from GraphicLib and Image Settings dialog configuring active and passive valve status images.

  • ActiveValue: “1” => If the TagName value is 1, it will switch to the image assigned in ImageCollection.
  • PassiveValue: “0” => If the TagName value is 0, it will switch to the image assigned in ImageCollection.

After configuration, the initial pump image will change to the color assigned to Passive in ATSCADA Graphic Tools.

Visual Studio designer showing ATSCADA valve graphic control with properties panel configured for image collection, active/passive values, driver, and Start tag.

Upon testing, the TagName value is currently 0, so the pump image displays the PassiveValue from ImageCollection.

ATSCADA Driver Server displaying live device tag values with connected red valve status graphic indicating closed or inactive state.

Change the value to 1 to match the ActiveValue value.

ATSCADA Driver Server displaying live device tag values with connected green valve status graphic indicating open or active state.

Important Note: In ActiveValue and PassiveValue, users can assign a TagName to read its value or set a fixed value by entering the value in quotation marks (“”) in ATSCADA Graphic Tools.

5.iImagePush & iImageSwitch: The purpose is to manipulate the TagName value through a press or a toggle (switch) action, often combined with ATSCADA authentication user account management secure SCADA controls for authorized operations.

ATSCADA iGraphicTools indicator control with settings panel showing driver, image collection, normal value, press value, and tag name properties.

Example:
Change the image of the component to a different specific image by clicking the arrow in the left corner of the component.

ATSCADA iGraphicTools circular indicator image control selected in designer with iImage Tasks panel showing Choose Image and size mode options.

Click on Import to select images from the available list in the iGraphic library.

ATSCADA iGraphicTools Select Resource dialog for importing local image resources with preview area and Import, Clear, OK, Cancel buttons.

The image interface for iImage is located at: C:\Program Files\ATPro\ATSCADA\GraphicLib

Windows Open File dialog in ATSCADA GraphicLib Buttons folder displaying blue, gray, green, red, and yellow button image files for HMI design.

We configure the value as follows

ATSCADA Settings panel showing button image collection with ButtonGray and ButtonGreen images, driver configuration, normal and press values, and Start tag name.

Here, we configure the ImageCollection beforehand to represent the state of the Button/Switch corresponding to the TagName value.

ATSCADA Push Settings dialog showing normal ButtonGray image and press ButtonGreen image selection with OK and Cancel buttons.

Upon testing, the TagName value is currently 0, so the pump image displays a Normal image in the ImageCollection.

ATSCADA Driver Server showing live tag values with connected gray push button graphic in inactive or normal state.

Press and hold the button to see the change.

ATSCADA Driver Server displaying live tag values with connected green push button graphic in active or pressed state.

6. iLed7Segment: The purpose is to illustrate the value of TagName through the LED interface.

ATSCADA iGraphicTools seven-segment digital display showing value zero with settings panel for colors, digit number, driver, element padding, tag name, and value.

It includes important properties in ATSCADA Graphic Tools:

DecimalShow: Displays the maximum number of LED characters.

iTalicFactor: Adjusts the tilt angle of the LED text.

Example: Change the Tag value from 0 to 9999.

ATSCADA Driver Server displaying live TankAValue data connected to ATSCADA seven-segment digital display showing value 9999 in green digits.

iSymbolFactoryTools:

A library with thousands of industrial icons (pumps, valves, tanks, etc.) to help design dynamic interfaces. iGraphic:

Select the iGraphicTools library in the ATSCADA folder:
Windows Open File dialog in ATSCADA installation folder selecting iGraphicTools.dll component file for toolbox integration.

File path: C:\Program Files\ATPro\ATSCADA

iSymbolFactory:

A library with thousands of industrial symbols (pumps, valves, tanks, etc.) that helps create dynamic interfaces with ATSCADA Graphic Tools.

To use iSymbolFactory, install the iSymbolFactory library through the Resources Installation Manager package.

ATSCADA Resources Installation Manager Professional 5.0.0.1 listing available modules and versions, highlighting iSymbolFactoryTools installation option.

After successful installation, add the iSymbolFactory.dll library to Visual Studio for use:

Windows Open File dialog in ATSCADA iSymbolFactoryTools folder showing iSymbolFactoryTools.dll and related component files for toolbox integration.

Library path:
C:\Program Files\ATPro\ATSCADA\iSymbolFactoryTools
Then you need to add the relevant references to be able to use iSymbolFactoryTools

Visual Studio Solution Explorer showing ATSCADA_Test project with References menu open and Add Reference option selected.

Select the 4 library files as shown in the image.

File path: C:\Program Files\ATPro\ATSCADA\iSymbolFactoryTools

Example usage:
We drag the iSymbolFactory component onto the Form:

Visual Studio Toolbox with ATSCADA iSymbolFactory controls loaded, showing industrial blower symbol placed on Form1 design surface.

Click the arrow in the upper left corner of the component to change the image or object in the iSymbolFactory library.

Visual Studio form designer with ATSCADA iSymbolFactory blower symbols and iSymbolFactory Tasks menu showing Symbol Factory .NET Properties option.

List of images included in the iSymbolFactory library:

Symbol Factory .NET Property Page displaying industrial symbol library with pumps category selected and multiple equipment icons for HMI design.

In this demo, we’ve chosen an image to illustrate pressing the button to write a value to the ATDriverServer tag.

Symbol Factory .NET Property Page showing 3D Pushbuttons category with multiple colored industrial push button symbols and green button selected.

The configuration is as follows:

Clickable: True, allows interaction with the button in ATSCADA Graphic Tools.

Invisible: True, hides the button when the Value equals InvisibleValue during operation.

InvisibleValue: Sets the value that will hide the button.

ValueToTag: Sets the value to be written when interacting with the button.

ATSCADA button control properties panel showing Invisible setting enabled for HMI button visibility management in SCADA software interface

Test run

ATDriver Server interface in ATSCADA showing Device_1 tag configuration with HighTemp and Button values for real-time SCADA data communication

When the button is pressed, it immediately disappears and another button is displayed behind it, illustrating that the button is being pressed down. Simultaneously, the Tag Button value in ATDriverServer updates to 1.

ATDriver Server in ATSCADA displaying Device_1 tag values with Button status changed to 1 and HighTemp data for SCADA monitoring system
ATDriver Server in ATSCADA displaying Device_1 tag values with Button status changed to 1 and HighTemp data for SCADA monitoring system

You can find more illustrative examples for better understanding through videos on the ATSCADA homepage:
https://atscada.com/scada-symbols-factory/ (ATSCADA ISYMBOLFACTORY TOOLS)

👉 Learn More about ATSCADA Software

view atscada demo & download
Advice via WhatsApp Chat

ATPro việt nam

ATSCADA - Smart SCADA Software with AI Predictor & Blockchain. ATSCADA is an advanced SCADA software platform for real-time monitoring, intelligent control, and efficient data acquisition. It is ideal for Industrial IoT (IIoT), smart cities, integrated automation systems, and Agriculture 4.0. With a built-in AI Predictor, ATSCADA enables predictive analytics to detect issues early, optimize performance, and reduce downtime. The integration of Blockchain technology ensures secure, transparent, and tamper-proof data management. Highly scalable and easy to integrate, ATSCADA is trusted by businesses to enhance productivity, strengthen cybersecurity, and accelerate digital transformation.

admin

Bài viết liên quan

ATSCADA AI Predictor Application for Time Series Data Forecasting

Introduction ATSCADA AI Predictor is an artificial intelligence application used for forecasting time series data [...]

22
Apr
ATSCADA Mobile Alarm Application for SCADA Alerts

The ATSCADA Mobile Alarm Application is a smart mobile solution developed by ATSCADA Lab, designed [...]

22
Apr
ATSCADA FastWeb login page displayed in browser with industrial monitoring background and user sign in form.
ATSCADA Fastweb -Industrial Web SCADA Applications

iWebService Tool The iWebService tool is a software component developed by ATSCADA Lab, operating in [...]

22
Apr
ATSCADA IExcelPouring smart Excel report automation from templates with data tags and Excel output process
ATSCADA IExcelPouringTools – Smart Excel Pouring Data Management for Industrial Automation

ATSCADA IExcelPouringTools is a powerful toolkit designed to generate Excel reports from pre-built templates without [...]

22
Apr
ATSCADA IWebAPI Tools – Web API Integration Tools for Modern SCADA Systems

The ATSCADA IWebAPI toolset is designed to retrieve data from ATDriver Server and expose it [...]

22
Apr
Resources Installation Manager software interface showing a list of installable tools including iFTPTools for ATSCADA iEnergy system setup.
ATSCADA IFTP – Advanced FTP File Transfer Tools for Industrial SCADA Systems

ATSCADA IFTP is a specialized FTP communication toolkit designed for industrial automation and environmental monitoring [...]

22
Apr
T.Vấn Zalo(t.Việt)
ATSCADA Profile.
WhatsApp ( Eng.)
Map (chỉ đường.)