Article1_Teaser.jpg

WebIQ - Create your first HMI project

silvia_cicerone
Established Member
Requirements

Install the PLC, OPC-UA Server and WebIQ Runtime apps on ctrlX CORE (minimum requirement).

Step-by-Step guide
Step 1

We will use OPC UA communication to exchange variables between WebIQ and PLC app on ctrlX CORE. First of all, create a Symbol Configuration on the PLC app with all the variables you want to exchange with the HMI. Login and Run the application.Add a Symbol Configuration on the PLC appAdd a Symbol Configuration on the PLC app

Step 2

Open WebIQ Designer and create a new project. To configure the OPC-UA communication, open the IO Manager. Select “Create Entry” to create an IO Handler and add the hightlighted fields.Configure OPC UA communication on WebIQConfigure OPC UA communication on WebIQ

Note: on crlX CORE verify that the certificates are trusted (otherwise an error concerning the IO Handler creation is displayed).SMART HMI certificates on ctrlX CORESMART HMI certificates on ctrlX CORE

Step 3

To create the variables in exchange with the PLC, go to Process Data Manager. Click on the Variables section and use the Browse option.Browse OPC UA variablesBrowse OPC UA variablesCreate a new HMI variableCreate a new HMI variable

For more information on how to use the Browse functionality, read the How-To guide WebIQ - Browsing of Variables, Arrays & Structures in OPC UA 

Step 4

To display the variable on screen, go to Layout Manager. Select the Widget you want to display the variable in and link the Item to the Widget.Add a widget to your projectAdd a widget to your project

Step 5

Save the project. Click on Publish to transfer the project on the runtime.Save your projectSave your project

Step 6

Go to Home. From the Project List, Start the project you want to display on the runtime.Run the projectRun the project

Step 7

Go to yourIPaddress:10123/projectname/ using your favourite browser. Insert username and password configured for the project.Open the browserOpen the browserDisplay your project on the browserDisplay your project on the browser

You now have your working HMI.

 

The Company 

Empowering HMI Excellence
Smart HMI is a team of experts for the development, enablement and integration of 100% Web-Technology based Software, which empowers every customer to easily create future-oriented industrial HMI solutions. The Software Platform WebIQ – developed by Smart HMI -is a 100% Web-Technology based, forward-looking Visualization-System with comprehensive Design-possibilities to create industrial Web HMI’s.

JulianWorld_0-1652260379890.png

Must Read

Trending

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist