SpiderControl on PLC: HMI without detours

SpiderControl on PLC
Siemens (HTML5 Web-HMI for the embedded web server of the S7-1200 / 1500) 

Tutorial Getting started with Siemens: In this video we show you how to use SpiderControl to create an HTML5 web HMI for the embedded web servers S7-1200 and S7-1500 quickly and easily.

Here is the tutorial.

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

The new version 7 of our PC HMI Editor for Simatic contains many new macros. Including these two functions that are often used for automation. You literally 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 show you how you can create a simple web HMI project within 10 minutes, install the web server on a CX, load the project on the controller and operate it in an HTML5-capable browser.

Here is the tutorial.

Tutorial alarming and trending with Beckhoff:

In this video we show you how to set up alarming and trending / data logging with SpiderControl.

Tutorial Getting started with Beckhoff BACnet:

In this video we show you how you can quickly and easily create a Web-HMI project with complex BACnet objects using the SpiderControlTM BACnet macro, how to install the web server on a CX, configure the drivers and transfer the project to the controller load.

Here is the tutorial.
WAGO PFC200 with CODESYS V2

Here we show you the installation on the 750-8202 as well as the configuration for use with variables from the local runtime and with an 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 possibility to convert this HMI to HTML5 and to play it 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 PLC's fit again and solve the applet problem once and for all!

Web-Server on PLCnext 

Here we show you how the SpiderControl web server makes it possible to use existing WebVisit HMIs on the PLCnext platform.

Setting up a SCADA server: Introduction & Possibilities

Spider SCADA
Simatic S7

First steps: Simatic S7 and other examples for download.

Configure driver: Here we 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 S71200 tutorial.
Click here for the S7300 tutorial.
Here is the Modbus example.
Here is the SAIA example.

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

Transform your Raspberry Pi or Revolution Pi into a PLC with web visualization.

HTML5 SCADA server on Raspberry Pi

Design your HTML5 user interface with a powerful graphical editor.

CODESYS WebVisu Import  

Import CODESYS WebVisu into a SCADA project
Here you can see:

Tutorial 1:

Creating a SCADA project and importing 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 SpiderControl SCADA.

Learn PC HMI Editor: Introduction & Tricks 

Introduction of new SpiderControl HMI Editor Version 8

The new editor 8 has many new possibilities for the HMI design and has been significantly improved in usability!

First steps 

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 via PPO variables, language switching, etc.

Introduction to editing functions (Part III)

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

Table scrolling with indexed addressing

This video shows how an array from a PLC can be dynamically displayed and scrolled in a table using indexed addressing or how any PPO variable can be dereferenced at runtime.

Alarm logger

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

Configure historical trends

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

Oscilloscope Macro

This video shows an oscilloscope macro, which 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 show you how to modify SVG properties in SpiderControl, how to index PPOs (variables) in arrays and structures and how to instantiate macros, e.g. to realize a popup.

Tutorial 4:

In this video we show you how you can connect your own macros directly to structures in SpiderControl.
Here is the tutorial.

Responsive design with automatic layout

This video shows the new functions for grouping tiles for display as a responsive design.

Working with layers 

This video shows how to assign objects to a layer and thus make them visible / selectable or invisible for editing. This feature greatly simplifies the editing of views where several objects lie on top of each other.

Alarm History Macro 

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 the alarms, the history and the csv export.

Recipes

A recipe template can be used to copy entire sets of PLC variables to a file or to write them from this file back to the PLC.

Scripting 

Here we explain how lists of repaints and actions can now be edited in an integrated text editor – instead of the tree view in the Property Pane.

Sub-Windows on an external web server

Sometimes a system has existing web servers that already have their own web HMI. To ensure consistent operation for the user, these pages can be embedded in a visualization drawn with SpiderControl, so that a sub-window can be used on a view of the own visualization, which establishes the connection to the external web server.

I4.0 Integration Suite: Become an I4.0 expert 

I4.0 Integration Suite

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

I4.0 Tutorial technical overview

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

Part 1: Installation

This video explains the first steps: Which components are part of this product, how and where to install, and how to start. The SpiderControl I4.0 Integration Suite is a comprehensive tool chain which enables automation professionals with a PLC and SCADA background to develop I4.0 and IIoT solutions by easy means. This video is part of our Online Academy series.

The complete SpiderPLC project ("Fupla1.scp"), which contains all the pages shown in the following videos, can be downloaded here. Pleas click here for the file.
The following video shows how to upload and start this project ("Fupla1.scp") directly via browser. 

Part 2: Internal & External Variables

This video explains how to connect to external PLC's, how to configure drivers (PLC1:...) and which internal variables can be used in both the SpiderPLC (R,S,F Registers) and the SCADA server (izels:OTF variables). This video is part of our Online Academy series.

Part 3: File Operations

This video shows how to copy, move and delete files with the SpiderPLC. It also explains the different folders that can be accessed. This video is part of our Online Academy series.

Part 4: CSV File Logging 

CSV file logging allows for writing all desired process points to a csv file. The respective FB can be triggered whenever a set of variables shall be written. This video is part of our Online Academy series.

Part 5: Recipes (Variable Streaming to/from Files)

Use FB's to read and create recipe files. Recipes are lists of variable names and their values. This video is part of our Online Academy series.

Part 6: Indexed Arrays

FB's using indexed addressing allow for giving an index offset to read out an array, or to give a substring of a variable name thet will be assembled to the full symbolic variable name. This video is part of our Online Academy series.

Part 7: Calculate periodic consumption statistic to CSV

This example shows how to calculate a daily, weekly or monthly consumption value from a counter. It uses a clock to generate the trigger and shows how to store the calculated values to a csv file. This video is part of our Online Academy series.

Part 8: Read a CSV file back to the SCADA server

This part shows how an FB can read out designated cells (row/col) from a csv file. It also shows how to set up a logic to implement a double loop to go through such a file and how to copy the result into internal variables of the SCADA server. This video is part of our Online Academy series.

Part 9: Start NodeJS as an external process

Automatically Start NodeJS as an external process from the SpiderPLC at reboot or whenever the process stops. Then call a JavaScript function from a functional block to demonstrate how to use JS funtions from within SpiderPLC.This video is part of our Online Academy series.

Part 10: Send a Ping to a PLC

Send a Ping to a PLC by using the external mblib process. mblib is a dll implementing a headless MicroBrowser and it can be used for various purposes. This example will show how to start the process and use the ping FB. This video is part of our Online Academy series.

Part 11: Publish and subscribe to an MQTT Broker

Publish and subscribe to an MQTT Broker This video shows how to connect the SpiderPLC to an MQTT Broker in the cloud with a simple functional block, as well as to subscribe to the same topic with another FB. These FB's use an external nodeJS process. This video is part of our Online Academy series.

Part 12: Read a REST API from the Cloud

This video shows how to read a REST API from a cloud bases JSON server and how to copy the JSON stream to a local Array inside the SCADA server in order to make the data available e.g. to all connected PLC's. This FB uses an external nodeJS process. This video is part of our Online Academy series.

Part 13: Generate a PDF Report from a Web-HMI 

This video shows how to generate a PDF report from a Web-UI, which has either been designed with a SpiderControl HMI editor (Browser or PC based) or with CODESYS Webvisu (V2 or V3).

Part 14: Send e-mail with generic text 

This video shows how to send an e-mail containing text from different sources like process variables, alarm text and fix content to a programmable destination.

Part 15: Connect to a SQL data base and read/write SQL queries  

This video shows how to connect to a DB using a FB for either read or write. The FB can handle any SQL query as an input and will copy the result to the designated variable array of the SCADA server.

Part 16: Copy a file to another web server with http POST   

The new I4.0 Integration Suite video explains the easiest way to copy a file from one server to another. It’s the http POST command – and there’s a function block – that will do it for you. Http, of course, fits in with existing security concepts and is under your control.

Part 17: Baumüller & iniNet Showcase

This showcase from Baumüller and iniNet demonstrates the simple integration of unconventional tasks on a drive PLC using external IT software.
In a real application, this could include, for example, the analysis of machine vibrations and noises using an KI model. The presentation shows the connection of a microphone to a Baumüller drive with integrated PLC, which records an audio stream, converts it into a WAV file and saves it on a drive. A set flag triggers the transfer of the WAV file to the SpiderControl SCADA server, which calls the VLC app to play the sound on the speaker.

AutomationBrowser HowTo

AutomationBrowser with seamless navigation from PLC to camera

The SpiderControl AutomationBrowser allows for a seamless navigation from a HTML5 Webvisu on a PLC  to a web-cam which is linked directly with its H264 / rtsp:// URL (which is supported by almost any webcam). A fully customized user interface in the control panel offers the option of providing a self-contained, consistent operation.