HMI Draw User Manual 2_2
Contents
1. Click Open to start developing your newly created project Carrier F 9 33 AM 100 Projects No Project Open lt Home Local Files Edit HMI Draw You can open a project from the list NewProject hmipad May 23 2014 9 33 11 AM 0 1 KB Open qinio Cont ad KBs Open Example Open cxampie Muttitangua e 1 hmi ad Open Example MultiLanguage hmipad A Open Open pag 10 21 www sweetwilliamsl com AM HMI Draw user manual sweetwilliam 2 3 3 Edit your project Start by adding a new Page Enter edit mode and click on the add icon Then click on pages and then New Page 9 39 AM My Project Title No Pages Item Creation INTERFACE Text Number Input Controls Indicators Images Web BACKGROUND Expressions Tap on the pages icon to open the Page Navigator It will appear on the left To return to full screen mode click again on the pages icon or pan left the Page Navigator pag 11 21 www sweetwilliamsl com AM HMI Draw user manual sweetwilliam 2 3 4 Create a PLC connection To enable PLC connections open the Inspector Panel by tapping on the info icon Then click on Connections and switch Enable Connections on By doing this you tell the app to immediately initiate PLC communications as soon as they are avail able Carrier gt 9 56 AM 100 Carrier 10 58 AM 100 m T A Mv Project Titl F m d a My Project Ti2. Item Creation lt Item Creation Indicators PAGE Non Pages MEE Bar Level z Bar indicator to display a numeric alue in a range INTERFACE Vv mi Range Indicator Mk Range indicator according to The High Performance HMI book Controls lt Trend m p l a ssa Multi line chart to display trend Indicators values Images BSB Chart wht du Multi line chart to displav series of Text Number Input Web Scale Scale indicator to use next t BACKGROUND charts trends and bar indicators i Gauge Expressions 6 A g Tap on the label object you just created and press Configure The Object Configurator for the label will appear On the value property enter the tag name you want to visualize For example source var The tag value will be shown immediately on the la bel If the value changes on the PLC the label will be updated automatically in real time You just created a PLC read link 11 22 AM amier 7 11 22 AM Title N Pa CT A Title i I A page label SMES 0 A page label value An y Q source var2 format FormatString gt TEXT PROPERTIES gt ITEM PROPERTIES pag 15 21 www sweetwilliamsl com AM HMI Draw user manual sweetwilliam 2 3 7 Use a Control object to Read and Write PLC tag values Now add a control item for example an Slider Tap on de add icon then Controls then Slider as shown on the screenshot be low 11 29 AM Yo mm arier 7 10 43 AM My
3. sweetwilliam HMI Draw User Manual Version 2 2 www sweetwilliamsl com ATE HMI Draw user manual sweetwilliam a ser manua What is HMI Draw The HMI Draw app is the developer component of the HMI Pad svstem for creating Human Machine Interfaces for real time mo nitoring of industrial PLC based svstems and processes The other two components are the HMI View app and the HMI Pad Service Main features V Very fast native app launches and connects immediately regardless of project size not a web based app V All PLC data types supported including Boolean Integer Real Strings and arrays of them V Advanced Expressions Engine supporting a number of data types including modern Strings Arrays and Dictionaries V Projects can be fully edited on screen as you run and monitor your process Or can be exported and edited as a text file V Configurable User Accounts allow for project storage in the cloud and easy deployment to end users V The app connects to PLCs directly using native communication protocols Connections are performed without any intermedia te servers or boxes V TCP IP based security The concept behind the HMI Pad apps The HMI Draw and HMI View apps are built on top of two main modules the Communications Module and the Expressions En gine These modules interact with each other and to the user interface to provide most of the underlying capabilities and many advanced features The HMI Draw lets Integ
4. Draw user manual To create a new project click on Projects on the Application Panel Then click on Add plus sign Carrier F HMI Draw USER SETTINGS Automatic login Current account Manage accounts Settings You can register with the Integrators Server to distribute projects you create for your End Users LOCAL FILES Current projec No Project FI Projects ma 9 FI Assets 0 FI Databases O 9 27 AM 100 No Project Open HMI Draw Projects and associated assets in this section are stored locally and available to authorized users EMBEDDED WEB SERVER Web Server Web Server Stopped To move files between HMI Draw and a PC turn You can chose to create a New Empty Project a New project from Template or to download a project from a http or ftp Server 9 28 AM 100 lt H Projects Edit e No Project Open ome Local Files i HMI Draw You can open a project from the list below Exaniple GontrolsSuitesTiamipad i Mink 32 DOMOS Ba n ABAKE 72 8 KB Qpen l KA NewProjectihbmipad May 22 2014 IID PM BKB FAS KE Example ControisSuite bmipad May 27 2014 10244 35 AM Jpeh wa i EXaniple Ct Muttitangiiag t hmipad Mar27 2014 FORLIS AM jen Add vad New Empty Project jen New From Template Download from Server jen In case a New Empty project is selected a project named NewProject hmipad will be added to your local project files
5. Project le A 4 tle Title SE 4 D pagel labell Item Creation lt Item Creation Controls PAGE ol momentarv toggle ouch up with optional image Pages E ioh iOS styled switch control with optional button look 7 INTERFACE e _ __e__ e 7 e f Custom Switch Text Number Input e 01 0 Switch control customizable with images Segmented Control iOS styled segmented control for KI ta 53 Q Indicators Images Web Knob C lar control to select a valu BACKGROUND a range Expressions me Array Picker Tap on the Slider object and press Configure The Object Configurator for the slider will appear On the value property enter the name of your tag for example source var The tag value will immediately update the slider position If the value changes in the PLC the slider will be automatically updated in real time You created a PLC read link 11 31 AM i z 11 32 AM Title Title page slider page slider Object Configurator slider Name slider Y SLIDER Serato Horizontal rientation 7 Double a Q source var2 un color Color a minValue Double a o pag 16 21 www sweetwilliamsl com AM HMI Draw user manual sweetwilliam To configure PLC tag writes open the Model Browser Tap on Connectors select your PLC connector select the tag you want to write to and tap on the gear icon This will open the Tag Configur
6. color to change depending on a motor state by entering source motor green red on the color property pag 19 21 www sweetwilliamsl com sweetwilliam HMI Draw user manual Document Revision History Refer to this section to look at changes on this document over different versions Version 2 2 e Initial Release pag 20 21 www sweetwilliamsl com sweetwilliam pag 21 21 HMI Draw user manual SweetWilliam S L Contact Information SweetWilliam S L Science and Technology Park of the University of Girona Emili Grahit 91 Narc s Monturiol building P3 B03 office 17003 Girona Spain Tel 434 972 18 32 44 e mail support sweetwilliamsl com Web http www sweetwilliamsl com www sweetwilliamsl com
7. devices pag 4 21 www sweetwilliamsl com 2 The HMI Draw app main user Interface sweetwilliam HMI Draw user manual The HMI Draw app interface consists of two main draggable panels the Application Panel and the Project Viewer The Application Panel is shown on the left and there you will find options and settings related with the app The Project Viewer is shown full screen and lets you edit review and run your project The Project Viewer can be dragged right to reveal the Application panel underneath Application Panel HMI Draw USER SETTINGS Automatic login Current account Manage accounts Settings You can register with the Integrators Server to distribute projects you create for your End Users LOCAL FILES Current project C Projects 7I Assets C Databases Projects and associated assets in this section are stored locally and available to authorized users EMBEDDED WEB SERVER Web Server Web Server Stopped 2 1 The Application Panel Project Viewer 10 15 AM No Project Open HMI Draw The Application Panel lets you create and manage the following aspects of the app e User Accounts and Settings e Projects and Assets stored locally e Projects and Assets stored on the HMI Pad Service e Remote Deployment pag 5 21 www sweetwilliamsl com ATA HMI Draw r manual sweetwilliam aw user manua 2 2 The Project Viewer The Project Viewer is where you create configu
8. guide is to be considered as a starting point for HMI development using the HMI Draw app For a complete reference of everything that is available on the app including advanced techniques and features you can refer to the HMI Draw Reference Manual on a separate document pag 7 21 www sweetwilliamsl com ails HMI Draw r manual sweetwilliam aw user manua 2 3 1 Create a new user account On first launch the app logs automaticallv with the default user name integrator and password admin We recommended to create vour own user account before starting using the app User accounts let vou store projects in the cloud and give unre stricted access to the HMI Pad service To create a new user go to the Application Panel and start by tapping on Manage accounts Carrier gt 9 09 AM 100 mmm No Project Open HMI Draw HMI Draw USER SETTINGS Automatic login C Current account integrator Manage accounts Settings You can register with the Integrators Server to distribute projects you create for your End Users LOCAL FILES Current project No Project FI Projects O FI Assets O FI Databases o Projects and associated assets in this section are stored locallv and available to authorized users EMBEDDED WEB SERVER Web Server Web Server Stopped To move files between HMI Draw and a PC turn Tap on New Account to create a new user account Complete the form that will appear by writing a usernam
9. Any Q button value TAG DESCRIPTION Address Configure this PLC Connector and associated PLC Tags from this panel Tags can be edited simultaneousiv bv making a selection and i configure icon tapping on the Tvpe BOOL SCALING Raw Min Value Raw Max Value Engineering Min Value To test your button write functionality quit edit mode by taping Done on the toolbar Press the button object While the button is down the Tag value will be 1 after releasing the button it will switch to O pag 18 21 www sweetwilliamsl com ails HMI Draw r manual sweetwilliam aw user manua 2 3 9 Add custom Texts Images and Color On the previous sections we created PLC Read Links and PLC Write Links by entering object property names or PLC tag names on objects property fields However HMI Draw is not limited to this Indeed the app supports complex expressions and a number of data types you can use on sophisticated ways to fulfil a variety of needs All the possibilities are fully covered on the HMI Draw Reference Manual For example you can set the title the color or the image for a button based on a PLC Tag value such as the running state of a motor This is all achieved by using expressions The conditional ternary operator is specially useful for these simple cases Assuming you have a tag named source motor indicating the running state of a motor you can make an indicator or control
10. ator panel for the tag On the write_expression of the PLC tag enter the item property you want to connect for writes For example you can enter slider value You created a PLC write link Refer to the HMI Draw Reference Manual for a detailed description on how this works 11 33 AM 11 35 AM My Project Title Title Model Browser C PLC Connector lt Connectors source ource PLC CONNECTOR siemens iso tcp MW1 INT var3 Q0 4 BOOL Name var2 WRITING EXPRESSION write_expression 7 Any wt Q slider value B l i e TAG DESCRIPTION Configure this PLC Connec tor and associated PLC Tags from this panel Tags can be edited simultaneously by making a selection and tapping on the configure icon Address MW1 INT Type SCALING Raw Min Value 0 0 Raw Max Value To test your slider read write functionality quit edit mode by taping Done on the toolbar Move the slider After releasing it the new value will be written to the PLC consequently the label will update with the refreshed value Notice that the toolbar color changed to white when you entered view mode as seen on the screenshot below Carrier gt 11 35 AM 100 My Project Title 110 p Title ong Edit 59 X pag 17 21 www sweetwilliamsl com AM HMI Draw user manual sweetwilliam 2 3 8 Write to PLC tags without involving reads Reads and w
11. bject List Connectors source Connectors Edit source_1 PLC CONNECTOR source PLC CONNECTOR siemens iso tcp 24tags gt LC Configurator Connectors from Item Creation ero eri iP sti source PLC CONFIGURATION immunications pea ee re Le 7 Configure this PLC Connector and associ tt P Ak CONNECTOR peer deere PLC Tags from this panel Tags can be 6G String h expressions Model Browser simultaneously by making a selection amp PLC Connector as Items on sc tapping on the configure icon Object List F 100 137 Connectors Edit source_1 5 PLC CONNECTOR ings gt remoteHost String lt Item Creation PLC Connector Aaa z immunications Q nu ge eip native displayed on the Allen Bradley ControlLogix jer you set il this p F ssociated f Gori Seas h expressions with EthernetP t M R Update Rate ja n J Fr eip pccc f LI Allen Bradley MicroLogix SLC5 series using PCCC commands embedded in Ethernet IP over TCP Validation Tag Validation Code Fa modbus tcp Schneider Electric Wago Beckhoff PLC String Encoding WindowsLatin1 o Be Automation Direct and other Modbus TCP enabled controllers ge modbus rtu Modbus RTI I nyer TCP PROTOCOL SPECIFIC PROPERTIES Pawn pag 13 21 www sweetwilliamsl com sweetwilliam 2 3 5 Add tags to your PLC connector HMI Draw user manual To add Tags select y
12. e a valid e mail address and a password Once vou completed the form tap on the tick icon on the top right Enter New Account Information New Account ACCOUNT INFORMATION Username mvUserName Email myusername mydomain com Password eeeccce Confirm eeecece pag 8 21 www sweetwilliamsl com Aw HMI Draw user manual sweetwilliam You will receive an e mail with a confirmation link to activate your user Open the Mail application on your iPad or iPhone and tap on the provided link Alternatively you can copy the link on the Safari app on your iPad and press enter The HMI Draw app will open automatically and will activate your user New User Me Action An user activation message was sent User canana will be activated to the user associated email Ok Cancel After your user activation is completed you will be able to login with your username and password Click on Current account and enter your credentials username and password Now you are working with your own user account Carrier gt 12 49 PM DE oninia d 4 FMI Draw Cancel User Activation Completed Account for user name 23 1715 has been activated You should now be Reset Password able to login with this user name Ok Quwthe R T Y U O p i Afs D FEG HH J K L Next me 7 eX Eic veisp gn on l Js 7128 7123 pag 9 21 www sweetwilliamsl com sweetwilliam 2 3 2 Create a new project HMI
13. n as they change in real time pag 14 21 Model Browser lt c t PLC Connec tor onnectors source source PLC CONNECTOR siemens iso tcp var MW2 INT vari MWO INT var2 MW11 INT var3 Q0 4 BOOL Configure this PLC Connector and associated PLC Tags from this panel Tags can be edited simultaneously by making a selection and tapping on the configure icon Connections Enable Connections SIEMENS ISO_TCP Connector source Enabled 4 98 cps Status Connections Alarms O 4 98 rps Connected to 10 0 1 37 10 IN L S 1 a D ek Ges a Histo Alarms 10 02 AM My Project Title Title K Connections Tags Model Browser var lt Connectors PLC Connector MW2 INT ti source vari z source MWO INT PLC CONNECTOR siemens iso tcp var2 MW1 INT 8 var var 1 MW2 INT Q0 4 BOOL var1 MWO INT var2 MW1 INT var3 Q0 4 BOOL Configure this PLC Connector and associated PLC Tags from this panel Tags can be edited simultaneously by making a selection and tapping on the configure icon 4 a 77 AD Status Connections Alarms Histo Alarms www sweetwilliamsl com AM HMI Draw user manual sweetwilliam 2 3 6 Use an Indicator object to Read a PLC tag value To read tags try to add a Label object on a page You will find this item on the Indicators section 11 11 AM ier 7 11 20 AM M M y Project Title y Project Title Title Title
14. our PLC connector from the Model Browser and tap on the add icon A tag will be created Click on the gear icon to open the Tag Configurator and enter its Address and Type Valid entries depend on your PLC communications protocol Thev are described in the HMI Draw Reference Manual To start Communications you must set your PLC connector to enabled on the Inspector panel var MW2 INT source PLC CONNECTOR siemens iso_tcp Configure this PLC Connector and associated PLC Tags from this panel Tags can be edited simultaneously by making a selection and tapping on the configure icon var Carrier F 9 53 AM My Project Title Gay L BD og DIE Title Connections Enable Connections Model Browser lt c t PLC Connector onnectors source SIEMENS ISO_TCP source Connector source e PLC CONNECTOR siemens iso tcp Enabled var 4 95 cps MW2 INT 1835 4 95 rps Configure this PLC Connector and associated Tags PLC Tags from this panel Tags can be edited simultaneously by making a selection and tapping on the configure icon Connected to 10 0 1 37 102 G b 77D Project Status Connections Alarms Histo Alarms You can see the list of tags for a PLC by tapping on Tags on the Inspector Panel The full list of tags will be presented on the right side of the screen Observe that tag values are permanently updated on scree
15. rators build fully customizable HMI interfaces by adding visual items or other objects to pages Objects have properties that can be connected together or with PLC tags through expressions Virtually all object properties can be dy namically linked through expressions This architecture provides an extremely powerful environment for Integrators to create advanced HMI interfaces HMI Interfaces can be fully created and deployed from the app by dragging and connecting items on screen Integrators can also chose to edit project files on a text editor The app also fully supports copy paste duplicate of items tags connections etc and has unlimited undo redo capabilities The app comes with a free service on the cloud the HMI Pad Service to store projects and associated assets for convenience and for further deployment to End Users The complementary HMI View app lets automation integrators deploy projects on End Users devices with no physical access to them Projects on the HMiPad View app are deployed as encrypted non editable instances of your projects thus helping you to keep your work and know how at safe place pag 2 21 www sweetwilliamsl com sweetwilliam HMI Draw user manual TABLE OF CONTENTS The HMI Pad System Components 2 The HMI Draw app main user Interface 5 2 1 The Application Panel 2 2 The Project Viewer 2 3 How to Step By Step Guide 7 2 3 1 Create a new user account 8 2 3 2 Create a new project 10 2 3 3 Edit yo
16. re edit and run projects From the Project Viewer you get access to Pages Connections Alarms and the internal aspects of your project You can also set some editing properties and edit objects on screen using common gestures Several sub panels provide means to navigate through your project to obtain detailed information You may find the following panels that will appear at appropriate times or upon particular actions as you edit your project Page Viewer shows the current page The Page Navigator appears from the left and displays the list of pages e Inspector Panel appears from the right and contains the Connections Panel the Tag Viewer and the Alarms Viewer Model Browser appears as a floating window you can drag around the screen e Object Configurator appears as a floating window when you tap on configure for an object Expressions Keyboard appears on the bottom of the screen when editing Object Properties PLCs and TAGs Configuration Panels appear as floating windows accessible from the Model Browser Model Seeker appears as a floating window accessible from the Object Configurators or the Expressions Keyboard Model Browser MODEL OBJECTS af Background Alarms go Connectors pag 6 21 www sweetwilliamsl com ails HMI Draw r manual sweetwilliam aw user manua 2 3 How to Step By Step Guide On the next sections we are presenting step bv step procedures to perform essential operations This
17. rites are configured independently so you can chose to enable only writes for a control The most obvious case is a button To add a button enter Edit mode click on the add icon and select the Controls category Tap on Button 11 11 AM My P My Project Title Title Item Creation lt Item Creation Contra PAGE q Button control mor Ta la up with optiog Pages gt Switch iOS styled switch control with optional button look INTERFACE El Custom Switch Text Number Input Switch control customizable with z image z images Qomos A Segmented Control n iOS styled segmented control for Indicators choosing among several options Images T Slider iOS styled slider control to select a value in a range Web Q Knob Circular control to select a value in BACKGROUND BLU i Array Picker Expressions ia ji y Now open the Model Browser by clicking on the search icon Tap on Connectors select your PLC connector then the tag you want to connect to and click on the gear icon to open the Tag Configurator On the write_expression enter the name of the item you want to connect to and its property For example button value You created a PLC write link 11 17 AM My Project Title Title Model Browser lt c t PLC Connector onnectors source source TAG Configurator PLC CONNECTOR siemens iso tcp var3 l Button WRITING EXPRESSION write_expression
18. tle FN 2 mn xX AJ S Title C Jone f RR ZS Title 2 i Done l Project Status Connections Q User None Enable Connections C Active Links 1 1 OD Active Tags 0 4 fE CPU Use 0 1 oR 7 Active Alarms 0 0 if Dun i 0 Status Cor nectic INS Alarms Histo Alarms Status Q gS Alar Histo Alarms In order to actually communicate with a PLC you need to create a new PLC connector Tap on the search icon to open the Open the Model Browser by tapping on the search icon Then Tap on Connectors Model Browser LV B SO lt 8 301K ORS Pa WK Ba ih us K Co pag 12 21 www sweetwilliamsl com ails HMI Draw r manual sweetwilliam aw user manua Tap on the add icon to create a new PLC connector Select one of the available connector types Your choice will depend on your PLC brand and communication protocol Once your connector is created configure it by entering your PLC IP address Pay attention to the default Validation Tag and the Validation Code The validation code is zero by default however each communication protocol defines a default validation tag You may need to create a validation tag in your PLC if the default one is not available or suitable Please refer to the HMI Draw Reference Manual for more information on this subject Model Browser WV B SO lt 5 S04 ks Systen Model Browser Model Browser nnector eT PLC Conn O
19. ur project I 2 3 4 Create a PLC connection 12 2 3 5 Add tags to your PLC connector 14 2 3 6 Use an Indicator object to Read a PLC tag value 15 2 3 7 Use a Control object to Read and Write PLC tag values 16 2 3 8 Write to PLC tags without involving reads 18 2 3 9 Add custom Texts Images and Color 19 Document Revision History 20 pag 3 21 www sweetwilliamsl com ails HMI Draw r manual sweetwilliam aw user manua I The HMI Pad Svstem Components The HMI Pad Svstem is made up of 3 components HMI Draw This is the app Integrators use to create and deplov HMI projects The HMI Draw Reference Manual contains concise detailed information of every single aspect of HMI Draw development in cluding advanced techniques and features HMI Pad Service The HMI Pad Service in the cloud works with the HMI Draw and HMI View app components The apps seamlessly integrate this service to provide storage options in the cloud and convenient distribution and deployment of HMI projects developed by automation integrators to end users or customers Refer to the HMI Pad Deployment Guide for more information on what options you have available to work with the HMI Pad Service as you develop HMI projects HMI View This is the app where end users run HMI projects developed by integrators Projects on the HMI View app are installed through the HMI Pad Service and are stored as encrypted instances that can not be edited or run on unauthorized
Download Pdf Manuals
Related Search