Published 1/21/2022

HTML-Based HMI Puts Users in Charge of Machine Customization

By building a human-machine interface using more accessible HTML instead of a custom API, users will be able to more easily customize their machine controls, making them easier to use, more secure and ready for Industry 4.0.

Julia Hider

Senior Editor, Modern Machine Shop

Images provided by Fagor Automation

A machine feature that works for one shop might not work for another. Computer numerical controls (CNCs) can play an important role in adapting a machine to a manufacturer’s needs through the development of custom interfaces and the integration of peripherals, such as machine monitoring programs, coolant control systems and probes. However, implementing these customizations often requires high-level programming expertise as well as cooperation from the OEM (and/or third-party companies in the case of peripherals).

Fagor Automation is touting another way. Rather than employing a custom application programming interface (API) to build the new HMIelite, the company chose HTML5 — reportedly an industry first. As a relatively simple, intuitive programming language, HMTL5 is expected to make machine tool customization easier and faster while also adding a layer of security, which can be an important consideration in an era of interconnected machinery and manufacturing operations. The HTML-based HMI is expected to become standard on all the company’s Windows-based controls in 2022.

Custom Screens

As a developer of CNCs for all manner of machines and processes, Fagor sees the potentially wide-ranging impact in making interfaces easier to customize. For example, HTML might enable an OEM to remove functionality from a screen to make it simpler, or an end-user to create a custom button that starts certain processes.

The benefits of easy customization go beyond flexibility. For example, custom screens can make learning to operate a machine tool easier. “It's not only the CNC,” notes Artur Gugulski, application sales at Fagor Automation. “It's easier to handle the whole machine.” A well-designed interface can ease navigation and keep machine operators focused by presenting only relevant information. He adds that custom screens can also help ease maintenance. Having a control that’s well organized and easy to navigate makes remote troubleshooting and machine maintenance faster.

Using Fagor’s API to build custom CNC screens like the one for this industrial 3D printer can take weeks, even with deep in-house programming expertise.

Previously, building custom screens for a Fagor control required the company’s custom API. Additional screen-building software that sits atop the API was designed to make this process easier, but the task could still take weeks, even for companies with in-house knowledge of programming languages, such as C Sharp, C++ and visual basic. “Giving an API to an end-user, sometimes they don't have the capabilities of developing software, and they don't know how to use the API correctly,” says application engineer Thiago Miranda. “You need a little bit more advanced programming knowledge.”

But with an HMI built on HTML, anyone with web design experience can build a custom screen in days. Ryan Adamovic, senior marketing coordinator, cites the example of a customer that switched to the new, HTML-based HMI. This switch meant recreating a custom control screen for the customer's industrial 3D printer, but the process was much faster with HTML than it was with the API. It also provided an opportunity to update the screen's design, functionality and scaling. “They were able to recreate the custom screen in a fraction of the time and actually make it look more pleasant to the end-user,” he says.

The company estimates that about half of its controls already use some type of custom screen, but switching to a more accessible HTML-based HMI could increase this number. “It's way easier to find somebody who knows web development than somebody who's going to build a full software program from scratch on C Sharp,” Miranda says.

When the metal AM user switched to the HMIelite, it rebuilt the screen using HTML. The process was much faster than with the API, and the user was able to update the screen with a new design, functionality and scaling.

Machine Monitoring

An HTML-based user interface also has benefits for shops that have implemented or plan to implement peripherals on their machines. For one, because HTML is more common and easier to use, it’s easier to integrate with third-party systems for machine monitoring, coolant management, probing, tool breakage detection and adaptive control. Downloading an app to the machine control is more convenient than contacting the OEM and getting the API, then finding someone who can create the software to integrate them. Gugulski sees such capability as an initial step toward a future when machine tools are more open to modification, and when integration is more like installing new office equipment. “Connecting a new PC to your network should be simple,” he says.

HTML5 also enables users to design custom screens that are responsive; that is, they scale to the display of the viewing device, Miranda says. Responsive displays are critical for properly viewing information such as job numbers and machine status on tablets and cell phones.

Security

The use of HTML also enables a new security feature on Fagor’s controls. HTML’s geolocation function enables users to restrict remote access to the control based on location parameters. This means that only users within certain towns or even a specific building can log into the control. This gives an extra layer of security if login credentials are compromised. Adamovic adds that custom screens and other features enabled by the HMTL-based CNC front-end can be just as useful for manufacturers that prefer not to connect their machines to the internet.