Web-Engineering: Programming with the browser   SpiderControl on PLC  Raspberry Pi  Spider SCADA Other videos

Web-Engineering: Programming with the browser

Spider PLC

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

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.

Try it

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

Click here to continue.

SpiderControl on PLC

 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.

  • 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.


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.


Spider SCADA

Simatic S7

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.

Import CoDeSys Web-Visu
  • 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.

  • 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 demoproject.


Other videos

Web-HMI in browser

Click here for the video.

HMIs in different MicroBrowsers

Nano browser in use

SpiderControlTM 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).

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.