Why SpiderControl?

SpiderControl shortly explained
The technology & benefit by SpiderControl

Peter Brügger, CEO by iniNet Solutions, explains the benefits of SpiderControl in just 11 minutes.

SpiderControl HMI with current features 

This video shows which functions are possible using the SpiderControl HMI.

SpiderControl on PLC

Siemens (HTML5 Web HMI for embedded Web server S7-1200 / 1500) 

Tutorial Getting started with Siemens:

In this video, we will show you how to create quick and easy a HTML5 Web HMI for the embedded Web servers S7-1200 and S7-1500 with SpiderControlTM.

Click here for the tutorial.

Web HMI for the S7-1200/1500 with alarm lists and historical trends   

The new version 7 of our PC HMI editor Simatic contains many new macros. Including these two functions that are often used for automation.
You will kill two birds with one stone: the same HMI for HTML5 visualization in the browser and for the touchscreen operator panel on the machine.

Beckhoff (design flow on embedded platforms is practically identical) 

Tutorial getting started with Beckhoff:

In this video, we will show you how to create a simple Web-HMI project within 10 minutes, install the Web-Server on a CX, load the project on the control and operate in an HTML5 enabled browser.

Click here for the tutorial.

Tutorial alarming and trending with Beckhoff:

In this video, we will show you how to set up alarming and trending / datalogging with SpiderControlTM.

Tutorial getting started with Beckhoff BACnet:

In this video, we will show you how to create quick and easy a Web-HMI project with complex BACnet objects using the SpiderControlTM  BACnet macros, how to install the Web-Server on CX, configure the drivers and load the project onto the controller.

Click here for the tutorial.


Here we will show you the installation on the 750-8202, the configuration for use with variables from the local runtime and with external S7-1200.

CODESYS V2.x Webvisu conversion to HTML5

CODESYS Webvisu V2.3 still uses Java applets, which are no longer supported in the new browsers. The new SpiderControl HMI Editor now for the first time offers the option of converting this HMI to HTML5 and to play back on the existing PLC. This also works as a retrofit, e.g. on older Wago PLCs like the 750-881 (also 871 and older models). You can make old controls fit again and solve the applet problem once and for all!

Web server on PLCnext 

Here we will show you, how the SpiderControl Web server enables you to use existing WebVisit HMIs on the PLCnext platform.

Spider SCADA

Simatic S7

First steps: Simatic S7 and other examples for download.

Configure drivers: In this video, we will show you how to create a SCADA project and draw an HTML5 HMI with SpiderControlTM for a PC-based SCADA server with a connection to a Simatic S7-1200 PLC.

Click here for the tutorial S71200.
Click here for the tutorial S7300.
Click here for the tutorial Modbus.
Click here for the tutorial SAIA.

HTML5 SCADA with database connection  

The SpiderControlTM SCADA Server has a freely programmable database interface. Any database queries can be created using PHP scripts. The queried variables are freely usable in the namespace of the web visualization and can be used with all visu elements. Variables can also be written back to the database. The database driver can bes used in combination with oder drivers (Modbus, Siemens ISO-TCP, OPC, etc.). 

Click here for the tutorial database.



Click here for the demoproject.

Raspberry Pi

Web HMI Editor for Raspberry Pi / Revolution Pi with Logicals IEC61131

Convert your Raspberry Pi or Revolution Pi into a PLC with Web-Visualization.

HTML5 SCADA Server on Raspberry Pi

Design your HTML5 UI with a powerful grafical editor.

CODESYS WebVisu Import

Import CODESYS WebVisu into a SCADA project

Here you can see:

Tutorial 1:

Creating a SCADA project and import an existing Web-HMI from a CoDeSys Web-Visualization.

Tutorial 2:

Trend and alarm harvesting. Automatic import of trend and alarm configurations from a Web-Visu into the SpiderControlTM SCADA.

PC HMI Editor: HowTo

Getting started 

Set up a project.

Introduction to editing functions (Part I)

The SpiderControl PC HMI Editor creates industrial HTML5 Web-HMI on almost all platforms. This video shows an introduction to the editor functions: Standard objects (Text, Editfield, Button, ...), Property Pane, Variable types, etc.

Introduction to editing functions (Part II)

This video shows an introduction to the editor functions: SVG graphics switching controlled by PPO variables, language switching, etc.

Introduction to editing functions (Part III)

This video shows an introduction to the editor functions: Macro Gallery with speedometers, sliders, trends, alarm lists, oscilloscope, etc.

Table Scrolling with indexed addresing 

This video shows how indexed addressing can be used to dynamically display and scroll an array from a PLC in a table or how any PPO variable can be dereferenced at runtime.

Alarm Logger

This video shows the configuration of the alarm recording in the SCADA server as well as an alarm list macro, which allows the real-time display of alarms, the history and the csv export.

Configure historical trends 

This video shows how to configure a historical trend recording in the SCADA server with SpiderControl and how to visualize it with the HMI macros in the browser.

Oscilloscope Macro

This video shows an oscilloscope macro that allows the real-time display of x/y value pairs from an array as a 2D representation.

Login, password and user levels 

The video shows how to create passwords and user levels.

Tutorial 3:

In this video, we will show you how to modify SVG properties in SpiderControlTM Sindex PPO's (variables) in arrays and structures, and thus instantiate macros in order to create a pop-up.

Tutorial 4:

In this video, we will show you how to connect your own macros directly to structures in SpiderControlTM .

Click here for the tutorial.

SpiderPLC Intro

Spider Web-HMI

For very simple tasks:
Sometimes you want to represent only a few of information by a PLC, without having to buy, install, maintain, and learn a complex tool. The SpiderControlTM Web-HMI Editor will set a new standard here. All it takes is the corresponding Web-Server on the PLC - and a common HTML5 capable browser on tablet or PC.


Spider PLC (Functional Block Description) to program a controller with simplified IEC61131 only with a HTML5 browser.

Try it

Also have a look at the Web-Editor in the Azure cloud.

Click here to continue.

I4.0 Integration Suite

I4.0 Integration Suite!

The video shows how easy the I4.0 Integration Suite can be used.

I4.0 Tutorial Technical Overview

This video will offer you a technical overview of the I4.0 Integration Suite.

Fieldware – Programming the IoT!

In this video you can see the presentation of Peter Brügger at the Automation Software Congress 2019.

SpiderPLC - Industry 4.0 off the shelf

Lecture by Peter Brügger at SPS Forum 2019.

Calling Python functions 

In this video we show you how the SpiderControlTM SCADA server obtains the data from a PLC, process it with a Python function and then transfers it back to the S7-1200 PLC.

Calling Java Script functions 

In this video, we will show you how to add your own Java Script code and connect it to higher-level systems (Cloud, It, etc.).

Read from 1st PLC, write to 2nd PLC  

In this video we show you how the SpiderPLC integrated in SCADA can read from the first PLC and write to the second PLC. A simple example of how fast an FUP control function can be implemented in SCADA.

Beckhoff PLC writes to NodesRED and MQTT using SpiderPLC / SCADA  

This video shows how to install SpiderPLC / SCADA, NodeJS, NodeRED and Mosquitto MQTT Broker on a Beckhoff PLC and how to design a simple functional block program with SpiderPLC to publish variables to MQTT.

On Raspberry PI: Read from PLC, call Python, write result to another PLC using SpiderControl

SpiderControl SCADA uses integrated SpiderPLC to read from 1. PLC and write to second PLC. This is a simple example how a SCADA can implement control functions. The programming is done simply by the Browser-UI.

Design Automation with Excel

Read Excel reports from SCADA by a click     

This video shows how Excel can read variables from SCADA/PLC and use a Basic Script to fill out forms.

Automatic: HTML5 HMI from Excel Using Code Generator 

This video shows how to generate an HTML5 indsutrial HMI from an Excel Sheet automatically by using SpiderControl as Code Generator via the Web-API.

Other videos

Web-HMI in browser
HMIs in different MicroBrowsers
Nano-Browser in use
SpiderControl in use

In this video, we will show you various MicroBrowser and HTML5 clients on SpiderControlTM  and CoDeSys Web-Visu HMIs, as well as the combination of this HMI with a 3rd party widget (cube).

Example for SpiderPLC and SpiderControlTM HTML5 Web-HMI

In this video you can see a specific application sample.

SpiderControlTM HTML5 combined with 3rd party widgets

In this video, we will show you a customer project in which SpiderControlTM HMIs were combined with their own code, 3rd party widgets and a database.

Offer for retrofit

In this video you can see the conversion from an old web visualization to modern HTML5.

Responsive Design

HTML5 HMI designed with SpiderControlTM 

HTML5 HMI designed with SpiderControlTM with fluid / and responsive design features.

Click here for the tutorial.