Modern HMI with TwinCAT and HTML, CSS, JavaScript (Part 1/2)

[@Sznur69]

Thank you very much for that amazing introduction!

[@hectorbet2774]

Hello Mr Adam, thanks for your in deep explanation, as you can see we are excited waiting for the 2nd part of your video.

[@MoraTechnologies]

We apologize for this taking so long. Part 2 is here: kzbin.info/www/bejne/bojOYZqKi5yWbsk

[@surendrakumarverma7110]

Awaiting next video

[@fanaticamit]

You are a wonderful teacher. Thanks for the video.

[@user-dc9qx5ij3v]

Thanks for a great video, looking forward to part 2.

[@MoraTechnologies]

We apologize for this taking so long. Part 2 is here: kzbin.info/www/bejne/bojOYZqKi5yWbsk Thank you so much!

[@jamesmorrison4713]

That was really interesting and nicely explained.

[@deutsch-kurdischakademie3267]

I'm still waiting for the second part of this amazing video. I hope that somehow Mr. Honey will find the time to do this, despite all the occupations. thanks a lot (Kelenik)

[@MoraTechnologies]

We are really sorry for the delay. Part 2 of the video is up: kzbin.info/www/bejne/bojOYZqKi5yWbsk Thank you for your support!

[@mrman880]

Thanks for the explanation.

[@mechatwo7374]

I would love to see how it's done when you have a siemens plc. Very nice video btw!

[@kamelkani4051]

This is awesome

[@deutsch-kurdischakademie3267]

Hello, thanks a lot for this Video. I cant find Part 2, did you make it?

[@DuneKraftwerk]

My god is complicated. I use OPC to websocket using JSON not SOAP with basic CSS HTML and JS and store the data in a non SQL DB. Minimum dependencies, minimum code required. Works fine with PLC and IOT devices such as ESP8266.0. For your HMI symbols use SVG for scalable graphics.

[@etleo3811]

Intresting🧐, thx for sharing

[@kolding2010]

Great work! When is part 2 coming? :)

[@MoraTechnologies]

We apologize for this taking so long. Part 2 is here: kzbin.info/www/bejne/bojOYZqKi5yWbsk Thank you!

[@ashutoshrevankar5564]

How is this different from using ADS with a custom created web page?

[@MMKurdia]

Hello Adam, I have a question. Why to use this way to create the screens ? , why not using TE2000 inside TwinCat IDE ?

[@grandwizardnoticer8975]

TE2000 is the add-in for Visual Studio/VS Shell that adds editing and testing tools that words with Beckhoff's HMI Server. I'm assuming that you mean why not use TE and TF2000? Otherwise, you'd have to write the web-server on your own that would work with files created by using TE. If you mean to use both TE and TF2000 (Beckhoff HMI Web Server), then the main objection is the cost of licensing. Beckhoff also bases costs on the PLC or CPU that is being used, so if running on a mid-level PLC, it is a little cheaper, but the max cost is incurred when running on your own PC hardware. If I'm making 10 machines on a project, that could easily be $20K. Cheaper if you can do things like use one server to link to all 10 machines and then serve out an HMI for each of the ten systems. But if these 10 systems are going to different sites, or supplied over time, possibly to different clients, then the total cost is as much as $20K in licensing, plus your Beckoff HMI development time. OR if you can develop your own custom HMI by this process, you may have a one-time development cost, and then virtually no cost for the remaining nine systems, best case. Even if each of the ten systems is custom for the project, the dev-time after the first system is no worse than the dev-time with Beckhoff.

[@wrakowic]

Good stuff! What are your thoughts on WInCC Unified? That should provide similar benefits in terms of programming.

[@MoraTechnologies]

That's a great question. The only Siemens HMI development we have done has been in TIA Portal for Siemens panels. Most of our HMI development has been in AVEVA, Ignition, or Beckhoff. But from a cursory look at WinCC Unified, it seems to be offering many of the same benefits that other browser-native HMI's are migrating to.

[@Runtimevic]

hello, thanks good job...

[@MoraTechnologies]

Thank you, Victor. We hope the video was helpful.

[@parthi2929]

Is TcAdsWebService free? At least for siemens we have free S7 driver, which facilitates our own custom web based HMI..

[@starkummi]

Hello Mr.Adam Haney, Thank you for such a detailed explanation , breakdown of JavaScript is amazing. Waiting for the second part to see the breakdown of TE2000. Is release dates decided for second part? Good Luck.

[@MoraTechnologies]

We apologize for this taking so long. Part 2 is here: kzbin.info/www/bejne/bojOYZqKi5yWbsk

[@automationlearning667]

give me script.js error in consol f (e.error.getTypeString() == "TcAdsWebService.Error") { // HANDLE TcAdsWebService.Error HERE; console.log("bStart - Other Error"); } please suggest me where i'm wrong.