Nexto XF #82 – Adding the Webserver Functionality to the XF325-W

The purpose of this tutorial is to explain how to add the webserver functionality to the CPU of the XF325-W

Components

Equipment: 1 computer/laptop.

                           1 XF325-W

Software:  MasterTool X

Tutorial Sections

1. ARCHITECTURE
2. DEVELOPMENT

1. ARCHITECTURE

A computer/laptop will be required to use MasterTool X.

Figure 1. Computer running MasterTool X

2. DEVELOPMENT

The Web Server (Visualization) functionality allows creating graphical interfaces directly on the PLC, which can be accessed via a browser. It is important to emphasize that, in the XF line, only the XF325-W CPU supports this feature.

This visualization is based on CODESYS technology, allowing the user to develop interactive screens for supervision and control.

Inserting the Visualization

To add the functionality:

1. In the project tree, right-click on Application
2. Select Add object
3. Choose the Visualization option

Initial Configuration

When the insertion window opens:

• The user can set the name of the first screen
  • The default is: Visualization
  • It can be changed according to the application
• The VisuSymbols option will also be available

VisuSymbols (symbol library)

This option refers to:

• Native application symbols
• Graphic resources and elements that can be used on the screens

When enabled:

• Ensures that visualization elements have proper support
• Allows better integration between variables and graphical interface

Recommendation: keep enabled

Figure 2. Adding the Webserver in MasterTool X

Structure Created in the TreeView

After confirming creation, the system adds three new items to the project tree:

Visualization Manager

Responsible for general interface settings.

Allows:

• Defining visual styles
• Configuring dialog boxes
• Managing users and permissions
• Adjusting overall visualization behavior

Figure 3. Configuration of the Webserver Visualization Manager

Web Visualization

Area dedicated to Web Server settings.

Here the user can:

• Configure browser access
• Adjust web communication parameters
• Define how the visualization will be made available

Figure 4. Webserver Web Visualization Settings

Important:

• This functionality works only with the physical PLC
• Access is done via browser
• Simulation is restricted to the MasterTool X environment only

Visualization (graphical screen) and Visualization Toolbox

This is the main environment where the user will:

• Create and design the screens
• Insert graphic elements
• Associate project variables

On the right side, the user will have access to the Visualization Toolbox, containing various elements, such as:

• Common controls
• Alarm manager
• Measurement controls
• Lamps (indicators)
• Switches
• Bitmaps (images)
• Among others

These elements can be:

• Dragged onto the screen
• Configured as needed
• Linked to PLC variables

Figure 5. Page and object configuration that can be added