HMI Style Guide and Toolkit
Contents
1. IDM UID china eu india papas Harem Tusia uta 3XLE SZ VERSION CREATED ON VERSION STATUS 18 Feb 2015 3 2 Approved EXTERNAL REFERENCE Report HMI Style Guide and Toolkit This guide provides simple and practical guidance to plant system Instrumentation and Control I amp C responsible officers and designers on how to design develop procure operate and maintain an effective plant system operator user interface Approval Process Name Author Co Authors S Y Reviewers Park M 19 Feb 2015 recommended IO DG DIP CHD CSD CDC Piccolo F 20 Feb 2015 recommended IO DG DIP PCA AOP OPS Approver Wallander A 20 Feb 2015 approved IO DG DIP CHD CSD Document Security Internal Use RO Yonekawa Izuru Read Access LG Cryogenic Section line management LG IO DIRO LG IO DORO LG IO IRO LG CODAC division IO I amp C LG Cryogenic Management Documents LG 344H Core Team LG 344H Review Panel AD ITER AD External Collaborators AD IO Director General AD EMAB AD Division Control System Division Change Log HMI Style Guide and Toolkit 3XLESZ Latest Status Description of Change Approved 18 Feb 2015 Support of ITER Human Factor requirements for HMI development QEDGOL m je 04 pee 2015 hoossagddda dM NM do M MM POMA the comment from Nadine on missing Pop up boxes images ee cee Jan 2015 e document sets out the designs for human machine interfaces HMI that ITER personnel will use to moni2. FACEPLATES GENERAL NAVIGATION AREA MIMIC SPECIFIC NAVIGATION AREA Figure 2 1 Display canvas layout The root element of the screen is the Display widget with some predefined properties such as the position and the size as illustrated on Figure 2 2 Position Height Width X Y Figure 2 2 Display widget Position properties A macro defines the mimic title as shown on Figure 2 3 and is used as widget name Property value Basic Macros Parent Macros TITLE UTIL OVERVIEW Name TITLE Widget Type Display Figure 2 3 Title macro specification during edition 2 The HMI toolkit provides an automatic scaling tool to adapt Full HD screens to 4K resolution Consult RD4 for more information ITER HMI Style Guide and Toolkit Page 4 of 18 ITER D 3XLESZ v32 At runtime the display is named using the macro TITLE as illustrated on Figure 2 4 Ec UTIL OVERVIEW Z3 Figure 2 4 Title macro instantiated at runtime 2 1 Status Bar The primary purpose of the Status Bar is to provide the user with a high level overview of ITER s overall status and to set the context for the station The status bar includes Global Statuses CODAC Central Safety System Central Interlock System Mimic Title Coordinated Universal Time UTC 24 hour time with seconds ITER logo Figure 2 5 shows an implementation of the status bar Status Bar Demonstration cas css Puls
3. B copac CIS SUP a Compressed Air a Helium Gas F Demineralized Water d Nitrogen Gas COLORS DEMONSTRATION SCREEN 2014 12 19 13 46 04 The operator interface shall use no more than 6 colors in addition to black and white at one time Alarm color coding shall not be used for other purpose in particular energised busbar and control actuating devices shall not be red Function Identification Color name Sample 10 Background Background Mimic and faceplate background Light grey 235 235 235 I0 Foreground Text foreground Black IO Invalid Level Alarm Alarms Invalid alarm state Yellow 255 255 255 Alarms High alarm state UN Level Atant IO Medium Level Alarm Minor alarm state ketin 255 255 0 IO PV ON Component states Blue IO PV OFF Component states Brown 149 125 71 HOME L1 L2 urzein Figure 3 2 Colours 3 3 Symbols Symbols are predefined and cannot be redesigned Browse the installed library to select the required component when inserting a Boolean or multistate symbol on the canvas Screens describing the library are provided in the HMI toolkit as illustrated on Figure 3 3 as well as electrical and PID diagram examples Figure 3 4 and Figure 3 5 Valve Fluid Symbols 5i ev D trat CAS CSS cm dos isa VALVE FLUID SYMBOLS DEMONSTRATION SCREEN 2014 12 19 13 47 21 A a Compressed Air a Helium Gas F Demineralized Water d Nitrogen Gas 2 way Valves On Off
4. 12 19 13 45 54 Font and text height shall not be adjusted by the user Styles that are permitted for the different types of information to be presented are the following 10 Title and IO SubTitle for headers and critical operational information such as alarm messages IO Label for operational information e g labels numerical data presented in mimics and faceplates Labels shall be written in UPPERCASE IO Scale for graph axis IO Title ouput IO SubTitle ouput IO Label ouput IO Label bold ouput IO Normal ouput A HOME L1 L2 urzein Figure 3 1 Fonts 3 2 Colours Colours are predefined and cannot be adjusted by the user Most of the widgets come with the background and foreground colours already configured As illustrated on Figure 3 2 the main colours are the following e IO Background colour for the mimics e IO Foreground colour for the text and line e O Invalid Level Alarm IO High Level Alarm and IO Medium Level Alarm colours used in conjunction with the background alarm sensitive yes property e IOPV OFF and IO PV ON colours for symbol in 0 1 or more than 1 position 4 The Menu bar alarm pane control area and navigation pane use a different background colour to enlighten them This IO Area Background colour shall not be used for another purpose ITER HMI Style Guide and Toolkit Page 13 of 18 ITER D 3XLESZ v32 Color Demonstration Suy ev De trat B CAS css Pulse ID 1289
5. 22 L 5 10 15 20 25 Controls Choice 1 no action Menu 18687 891 i Choice 2 Two Choice 3 Choice 1 Choice 2 Choice 2 Choice 3 oe L1 B urzein Figure 3 9 Widgets library ITER HMI Style Guide and Toolkit Page 17 of 18 ITER D 3XLESZ v32 3 7 Interaction A new value entered in an entry field requires a confirmation before being sent to the process If input validation is required this can be achieved by adding logic on EPICS or directly on the operator interface via Python script Figure 3 10 provides an example where e The user enters a request new required position is 78 0 e The process receives the change request processes it and accepts the command the request status 1s 78 0 to confirm its acceptation by the process e The current position is changing the position is updated the field is flashing until the requested position is achieved Status Trends Controls Help Manual Position Request Request Status Position 78 8 78 0 60 0 Figure 3 10 User Input and Feedback Example ITER HMI Style Guide and Toolkit Page 18 of 18
6. Dk 2 way Valves On Off Gate Construction 2 way Valves On Off Globe Construction 2 way Valves On Off Plug Construction Od 2 way Valves On Off Ball Construction 2 way Valves On Off Butterfly Construction 2 way Valves On Off Butterfly 2 way Valves On Off Butterfly with Flanges t 2 way Valves On Off Angle 2 way Valves On Off Angle Globe Dx 3 way Valves On Off 3 way Valves On Off Glob Construction 3 way Valves On Off Ball Construction 2 way Valves Control Gate Construction 2 way Valves Control Needle Construction 2 way Valves Control Ball Construction 2 way Valves Control Diaphragm Construction 2 way Valves Checking 3 way Valves On Off Glob Construction x 3 way Valves Control Automatic Recirculation Valve 3 way Valves Control Angle Relief Globe Valve Relief Valve e 3 way Valves On Off Ball Construction 3 way Valves Control 4 way Valves On Off 2 way Valves Control Globe Construction Valves Control Flow Balancing Valve 2 way Valves Control Plug Construction 2 way Valves Control Butterfly Construction Valves Lift Check 3 way Valves On Off Relief Devices mi Valves Control 4 way Valves On Off 3 Positions 2 way Valves 3 Positions 2 way Valves Gate Construction HOME L1 urzein Figure 3 3 Valve Fluid Symbols ITER HMI Style Guide and Toolkit Page 14 of 18 ITER D 3XLESZ v32 MEDIUM VOLTAGE SWITCHGEAR 02 Mcas css Pulse ID 1289 W copac CIS SUP a Compressed Air a H
7. 5 A 615A 615A L PFC RAAN kvan Su Y WE NP 2FGP7W 2E8HEX 2F92kY 2FANNN 2ETYCF 2EUE74 2EFJ9U 2ED508 PL 8606 PL 06809 67 L Hot Bassin amp Cooling Towers Station Figure 3 4 Medium Voltage Switchgear Example Pulse ID 1289 SUP HE M PID WATER COOLING VC 5000 VG 5003 PI 7000 PI 5004 50 A C ve 6002 i gt X m VG 5001 VGj15002 H d ra VK 5000 PI 5000 20 A PZ 1000 PNEUMATIC PRESSURIZER30 PZ 1008 EE PI 6001 VG 8015 PI 8015 20 B 20 B VG 602 sl vend VG 600 p 9 e we L vo 60066 T ae vG sil Ded i VG 1180 Figure 3 5 PID Water Cooling Example 3 4 Measurement Units and Precision Measurement units are standardised Widgets used to displayed process variable value retrieve and show the unit as well as the precision from the EPICS PV No measurement unit and no precision should be hardcoded in the HMI 3 5 Labelling Label widgets are predefined to be left justified 2015 01 23 10 18 22 2015 01 23 10 15 40 ITER HMI Style Guide and Toolkit Page 15 of 18 ITER D 3XLESZ v32 2 3 6 Mimics Information may be presented on mimics in the following formats e Schematic diagrams cf previous Figure 3 4 and Figure 3 5 e Isometric diagrams using an image widget to display a SVG image in the background as illustrated on Figure 3 6 e Lis
8. EA MIMIC v F MAIN DISPLAY AREA MIMIC Linked OPI v EZ PLANT SYSTEM AUXILIARIES STATUSES v Ez Auxiliaries P FL Auxiliary 1 Status P EZ Auxiliary 2 Status P EZ Auxiliary 3 Status Figure 2 9 Mimic Linked OPI The mimic itself can be organised using container widgets in different layers as illustrated on Figure 2 10 T outline amp Bn v EZ MAIN DISPLAY AREA MIMIC v Ez Mimic ka Information Layer Fe Priority Layer P EZ Static Data Layer Figure 2 10 Mimic Layers The size of the mimic is 3236 x 1760 2 3 Alarm Pane The alarm pane reflects the alarm status of the controlled system displayed on the mimic it is specific to each mimic A first implementation using LED widgets is represented on Figure 2 11 Figure 2 11 Alarm Pane Rules and script have been defined to set the background colour according to the severity of the alarm and to display the alarm time This version of the alarm pane is subject to change ITER HMI Style Guide and Toolkit Page 7 of 18 ITER D 3XLESZ v32 2 Figure 2 12 shows the hierarchy of widgets organised in containers setup for maximum 20 active alarm buttons He Outline 33 ie s EZ DISPLAY CANVAS P EZ STATUS BAR P EZ MAIN DISPLAY AREA MIMIC HP ACTIVE ALARM BUTTONS v F Active Alarms P bE Alarm 1 P EZ Alarm P Ez Alarm P EZ Alarm P EZ Alarm Figure 2 12 Alarm Pane Widgets Hierarchy 2 3 1 Alarm Page The function of the Alarm Pane is to att
9. NERAL NAVIGATION BAR L JGo Home Button LJ Go CBS1 Up Level b b b b LJGo CBS Current Level v EZ MIMIC SPECIFIC NAVIGATION AREA L JGo CBS3 Down Level Figure 2 20 CBS2 Navigation Button Widgets Page 12 of 18 ITER HMI Style Guide and Toolkit ITER D 3XLESZ v32 3 Operator User Interface Detailed Design The HMI toolkit includes fonts and colours definition templates and examples of all necessary graphic widgets and elements to implement an operator user interface that meets the style guide requirements During the detailed design the developer will drag and drop widgets from the palette to the canvas adjust few properties such as the process variable name and keep the standardised settings in order to achieve a consistent look and feel of the interface 3 1 Fonts Styles are predefined and cannot be adjusted by the user Most of the widgets come with the font already configured Styles that are permitted for the different types of information to be presented to the user are the following and are illustrated on Figure 3 1 e O Title and IO Subtitle for headers and critical operational information e IO Label for operational information e g labels numerical data presented in mimics and faceplates This the default font for most of the widgets e O Scale for graph axis IN SEEN E a Compressed Air d Helium Gas d Demineralized Water d Nitrogen Gas FONTS DEMONSTRATION SCREEN 2014
10. e Demonstration OVERVIEW OF THE 400 kV CONFIGURATION CAS css Pulse ID 1289 me S6CODAC CIS SUP OVERVIEW OF THE 400 kV CONFIGURATION 2014 12 19 13 44 16 a CEA line a Liquid amp gaz RTE grid d 400 kV Line Double Circuit A HOME mi urzein 3 Some navigation buttons are greyed out because they are currently not available The mimics shown in the pictures are for illustrative purposes only ITER HMI Style Guide and Toolkit Page 11 of 18 ITER D 3XLESZ v32 Figure 2 18 UTIL overview CBS1 Navigation Pane Demonstration OVERVIEW OF THE 15 kV WORK SITE POWER CONSUMPTION cas css Pulse ID 1289 copac CIS SUP i OVERVIEW OF THE 15 kV WORK SITE POWER CONSUMPTION a Compressed Air a Helium Gas di Demineralized Water Pi Nitrogen Gas 2014 12 19 13 44 30 i Active Power l Active Power 776 576 x 1 274 935 15 579 x 15 654 x 51 543 x 51 543 x Tore 522 2 Tore 522 1 SW04 1 357 236 x 152 254 x 283 727 x 117 582 x 664 722 x 467 811 x Active Power Active Power 98 88 x 128 038 Active Power 66 838 x m us w Homeand CBS up buttons Current CBS2 OO HOME uTIL d AG07 urzein j Figure 2 20 shows how button widgets can be organised in the navigation pane Figure 2 19 UTIL overview CBS2 a Outline v EZ DISPLAY CANVAS ka STATUS BAR EZ MAIN DISPLAY AREA MIMIC ke ACTIVE ALARM BUTTONS EZ CONTROL AREA FACEPLATES zd NAVIGATION PANE v F GE
11. e ID 1289 nes E coac 5 CIS ie a STATUS BAR DEMONSTRATION SCREEN 2014 12 19 13 38 04 df Global PA UTC Time Statuses The primary purpose of the Status Bar is to provide the user with a high level overview of ITER s overall status and to set the context for the workstation Content on top left global statuses are given CODAC Central Safety System CSS Central Interlock System CIS and Global Operational States GOS in the middle each mimic title has to be configured on top right of the status bar the ITER Logo and the date and time in UTC are displayed these 2 sub panels are provided in standard and are subject to change Figure 2 5 Status Bar Global statuses and UTC time are provided in standard by CODAC as standalone screens to be linked to the screen as illustrated on Figure 2 6 uz Outline Z3 BS v EFE DISPLAY CANVAS EY STATUS BAR v EZ GLOBAL STATUSES Linking Container v EZ MIMIC TITLE A Comment v Fe UTC TIME Linking Container Figure 2 6 Status Bar hierarchy of widgets To integrate them a linked folder lt project_name gt src main boy templates is required that points to ITER HMI Style Guide and Toolkit Page 5 of 18 ITER D 3XLESZ v32 opt codac opi boy resources templates Finally the title of the mimic 1s displayed in the middle of the status bar using a Label widget which Text property refers to the title macro defined in the root Display w
12. elium Gas F Demineralized Water di Nitrogen Gas MV 02 Medium Voltage Switchergear 62 CABLE v Ep J 1008 1250 A 2242 5 5 6 6 kV A Zcc 10 BASE 35 MVC Dynll Y JA 1801 OFF 1250 A BUSBAR 6600 V 31504 58 kA 1s 3PH4E 50Hz X X arr GFF GFF GFF GFF 615A 615A PL 8605 Cooling Water Pumping Station PID WATER COOLING 3 CAS a css copac CIS a Compressed Air a Helium Gas Lal Demineralized Water P Nitrogen Gas PBS53 HNB 3LV a8 PI 1405 150 8 VG 1405 PBS53 DNB LV E5 e rHss 150 8 VG 1404 DI 1404 PB553 NBS HV gt a 150 B VG 1403 DI 1403 PBS53 E HNB 2LV a 150 8 VG 1402 DI 1402 PBS53 HNB ILV h VG 1401 DI 1401 Earthing Resisto 30 35 MVA ONAN ONAF i t 500 A 10s JS 1808 INCOME OF v A 2242 5 5 6 6 kV 30 35 MVA ONAN ONAF Zcce10 BASE 35 MVC Dynll t OFF KX E 1250 A 4 Xx x X at 615A 615A 615 A I PEC RARA KVAR MEDIUM VOLTAGE SWITCHGEAR 02 JS 20686 CABLE INCOME JA 28006 F 1250 A Earthing Resistor 500 A 10s b JA 2001 F 1250 A BUSBAR 6680 V 3150A 50 kA 1s 3PH E X ER E E a A JA 1082 E 10 A JA 10 xe 10 E 100 jJA 10 A JA 10 1 JA 11 A JA 2 L 2003 I 280 A JA 20 T 20 g 206 A JA 20 I 20 A JA 20 1 JA 2011 di 2812 drF dFF drF dF dr drF der FF dr dr dF FFF OFF 1
13. er Nitrogen Gas Controllable component ey PID in Click on the field to display its faceplate 40 4 Each controllable component on a mimic will have a faceplate to provide information and detailed status about the component as well as options to control it and adjust process variables The purpose of the Control Area is to display the faceplate when the operator click on a controllable component Click on one of the component displayed on this mimic to show its faceplate Select the tab Status to display monitored information Select the tab Trends to display graphs Status Trends Controls Help Manual Position Request Request Status Position 98 0 98 0 66 0 Parameter Limit On Off Limit On Limit Off 100 0 58 0 Select the tab Controls to send commands and change settings changes are sent only after confirmation Select the tab Help to have more information Faceplate B Auto Mode ON Manual Mode OFF Forced Mode OFF Figure 2 14 Faceplate The faceplate is a linking container as shown on Figure 2 15 which reacts to user click on the controllable component to load the specified faceplate and to instantiate the component macro Qutline 3 BB v EZI DISPLAY CANVAS P EZ STATUS BAR P EZ MAIN DISPLAY AREA MIMIC P EZ ACTIVE ALARM BUTTONS a CONTROL AREA FACEPLATES Faceplate P EZ NAVIGATION PANE Figure 2 15 Faceplate Linking Container Faceplates are designed with tabs Status read only fields pro
14. f PCDH documents 1 2 Document Scope This guide provides simple and practical guidance to plant system Instrumentation and Control I amp C responsible officers and designers on how to design develop procure operate and maintain an effective plant system operator user interface 1 3 Related documents RDI Plant Control Design Handbook PCDH ITER D 27LH2V v6 RD2 ITER Process for Human Machine Interface HMI Development ITER D 3T9UK2 v1 2 RD3 ITER Human Factor requirements for HMI development QEDGOL RD4 CODAC Core System User Manual ITER D 43PSH9 ITER HMI Style Guide and Toolkit Page 2 of 18 ITER D 3XLESZ v32 1 4 Definitions Definitions as represented on Figure 1 2 include VDU workstation or station is composed of at least 3 VDUs VDU or monitor 16 9 has a resolution of 3840 x 2160 Full screen display canvas within CS Studio environment has a resolution of 3830 x 2080 A mimic resolution within the display canvas is limited to 3236 x 1760 A faceplate resolution within the display canvas is limited to 575 x 943 j5 Station Eee emat Position 10687 891 Entry field 10687 891 RO field ON 9 Button Progress bar 5 10 15 20 25 Full Screen Display Canvas Popup Symbol Faceplate Widgets Status BEER 1111 EH Alarm pane Navigation pane Figure 1 2 HMI Basic Definitions 15 HMI Style Guide HMI Style Guide includes general desig
15. fe position either min or max range closed opened The position of the component can be modified by auto or manual requests In manual or forced mode the operator can force a position increment or decrement the existing value or put the object directly On or Off Figure 2 16 Faceplate Tab Container Status Trends Controls Help ITER HMI Style Guide and Toolkit Page 10 of 18 ITER D 3XLESZ v32 a 2 5 Navigation Pane The mimics for plant system users are arranged in a hierarchical structure to allow the user to navigate through the plant system to specific mimics based on the Control Breakdown Structure CBS and this in 5 clicks maximum The navigation pane is divided into two areas e General Navigation area with the current location of the mimic and up buttons e Mimic Navigation which contains the link to other relevant displays The following screenshots report an example of the navigation principles Navigation Pane Demonstration Supervision Level 6 Demonstration CAS CS 89 sok T irap r Mein OVERALL STATUS OF THE ITER TOKAMAK MACHINE 2014 12 19 13 44 01 a Compressed Air a Helium Gas di Demineralized Water Pi Nitrogen Gas d rea Eoen ai i anpa wt Current position HU Home E an CBS buttons RST CRYO CTR WS D1 D2 EC A gt HOME MAG NB PFCS RAD 2H SAFE RI UTIL VAC urzein Figure 2 17 ITER machine overview CBSO Navigation Pan
16. idget as shown on Figure 2 7 TITLE Figure 2 7 Label widget Text property to display the title 2 2 Main Display Area Mimic Mimics present representations of the ITER plant systems sub systems and any other data and information necessary for user tasks Mimics provide some control functions that allow users to interact with the plant systems 2 2 1 Auxiliaries Status On the top left of the mimic space 1s allocated to represent the status of auxiliaries Figure 2 8 shows an implementation of the plant system auxiliaries status eAuxiliaries Statuses Demonstration t deis apos PLANT SYSTEM AUXILIARIES STATUSES DEMONSTRATION SCREEN 2014 12 19 13 38 19 A a Compressed Air d Helium Gas F Demineralized Water F Nitrogen Gas Auxiliaries Statuses Space allocated to the plant system to monitor the status of its auxiliairies Figure 2 8 Auxiliaries Status A status includes usually a LED widget that shows the Boolean status of the auxiliary e al healthy not healthy minor F not healthy major And a Label widget that provides the auxiliary text information 2 2 2 Mimic In order to display independently a mimic on a wall panel it is recommended to provide it as a standalone screen to be linked into the canvas as illustrated on Figure 2 9 ITER HMI Style Guide and Toolkit Page 6 of 18 ITER D 3XLESZ v32 ue Outline 33 uw EZI DISPLAY CANVAS P Fe STATUS BAR gt A MAIN DISPLAY AR
17. n principles for the displays derived from RD3 It describes the displays layout and organisation 1 6 HMI Toolkit An HMI toolkit is delivered with CODAC Core System to edit and run displays used to control and monitor systems on the ITER site during and throughout commissioning operation and maintenance phases The toolkit 1s based on CS Studio CSS set of tools that includes an operator interface BOY an alarm system BEAST and an archive system BEAUTY The HMI toolkit provides standardised colours and fonts a collection of graphical objects widgets that the user can drag and drop from the palette to the display canvas trend widgets an industrial symbol library electrical breaker valve pump and many templates l This document refers to the HMI toolkit 4K Quad HD version Please consult RD4 to learn how to switch from Full HD to 4K definition ITER HMI Style Guide and Toolkit Page 3 of 18 ITER D 3XLESZ v32 2 Operator User Interface Layout The entire screen area visible to the user is the display canvas and has the following specific zones status Bar Main Display Area mimic Alarm Pane Control Area Faceplate Pane Navigation Pane Figure 2 1 shows the display canvas layout running on one terminal using CS Studio BOY Demo VDU Displays GLOBAL STATUSES MIMIC TITLE PLANT SYSTEM AUXILIARIES STATUSES ACTIVE ALARM BUTTONS MAIN DISPLAY AREA MIMIC k CONTROL AREA
18. ract immediate attention of the user to the specific alarm Clicking on the alarm will open a dedicated screen for alarm handling and investigation Figure 2 13 presents an alarm page with the alarm description and procedure including all relevant data for analysis displayed using trend widgets This first implementation does not allow to directly acknowledge the alarm the control area is disabled The alarm dedicated display BEAST has to be used instead on a second VDU Alarm Page Demonstration M cas css Pulse ID 1289 W copac CIS SUP i i Signal x3 ALARM 10 DESCRIPTION S OAM RE PME a Taie The control system automatically acts to mitigate disturbances to keep 550 he plant close to target operating conditions Significant disturbances may put the plant into an upset state from which the control system cannot recover without operator intervention 450 490 1 This alarm requires operator intervention action ee lt lt 1 Some information is required to train the operator to respond to the 360 i alarm 14 d ALARM PAGE DEMONSTRATION SCREEN 2014 12 19 13 42 11 seo 250 consequence of deviation 200 ective action brief description l ef for response a a 100 3 HAA Vv e cum emm pa uat d s LA II py et a ee ee a be ia 13 41 20 13 41 48 13 42 11 13 46 56 13 41 20 13 41 48 13 42 11 13 46 56 13 41 26 13 41 48 13 42 11 Alarm Response Procedure Signal yl Signal
19. s dd Demineralized Water di Nitrogen Gas Entry field Read only field 215 15 215 15 The following requirements apply to the presentation of fields on mimics Entry fields shall be clearly indicated with a box outline Entry fields shall be visually distinct from read only fields Entry fields shall be white with a black border and when the user hovers over it the cursor shall change from an arrow to an I Read only fields shall have no box or border around them and the cursor should remain an arrow when the user hovers over it It is possible to attach a tooltip to field by default the tooltip displays the PV name type value timestamp and severity oe L1 is urzein Figure 3 8 Fields Example Finally Figure 3 9 provides the look and feel of all the available widgets in the HMI toolkit including Widgets Graphics label image ellipse rectangle polyline Monitors text update LED progress bar tank Controls text input action button Boolean button choice button combo box and check box Symbols Boolean symbol and multistate symbol Mcas css Pulse ID 1289 T mi conac CIS SUP H WIDGETS 2014 12 19 13 50 06 a Compressed Air a Helium Gas di Demineralized Water Fi Nitrogen Gas Widgets can be used to monitor and control numerical value as well for graphics Graphics ib double click to enter the Label Text Monitors 19 1214 16 4 5 5 non 18 29 22 10687 891 a n ug 25 a 2
20. ser Interface Detailed Design 3 1 lg m 3 2 eun OAE E EA E A E E 3 3 SYD m 3 4 Measurement Units and Precision eee eee eeeee 3 5 Ma NTN ssi e t 3 6 hill cv t ET 3 7 AEG AC U1 OU ITER HMI Style Guide and Toolkit Page 1 of 18 ITER D 3XLESZ v32 am 1 Introduction 1 1 PCDH Context The Plant Control Design Handbook PCDH RD 1 defines methodology standards specifications and interfaces applicable to ITER plant systems Instrumentation amp Control I amp C system life cycle I amp C standards are essential for ITER to e Integrate all plant systems into one integrated control system e Maintain all plant systems after delivery acceptance e Contain cost by economy of scale PCDH comprises a core document which presents the plant system I amp C life cycle and recaps the main rules to be applied to the plant system I amp Cs for conventional controls interlocks and safety controls Some I amp C topics will be explained in greater detail in dedicated documents associated with PCDH as presented in Figure 1 1 This document is one of them PCDH core and satellite documents v7 NUCLEAR PCDH 2YNEFU Legend XXXXXX IDM ref Figure 1 1 Schema o
21. tor and control the ITER systems during phases of commissioning operation and maintenance The ITER Human Factors Integration Plan IHFIP identified the need for a HMI Development Process that included this HMI design guide to achieve high user reliability efficiency and effectiveness by enforcing high standards for human system interface design consistently across ITER Approved 01 Feb 2013 PCDH V7 schema Reference to ITER Process for Human Machine Interface HMI Development ITER D 3T9UK2 a Me ITER D 3XLESZ v32 1 am Table of Contents Introdue HOT eii ooi resccss detec odeenesecscce cet oncenssecucdeceeodeesesecsccectecovaassecsecece 1 1 lue ensi 1 2 Document SCODE sisser risor e a RENDER I WEE 1 3 Kelated dOGHHIC BUS cio eocecii eode eia oo0i 59a 0122900009102 ed irai icio ote ts 1 4 Doi ee cainii LS EB nde DI 1 6 shi mE ETE Operator User Interface Layout eee eee ee eee e e ee eere ene 2 1 EIER E T 2 2 Mam Display Area MAIC ieesocesco eco paese sa iUa eoa ee o Eo esee a Sees e eeoeis 2 2 1 Auxiliaries STATUS eese re ME onn ENEN 22 IVA TUG 2 3 Alarm PF lim E ceed eceessecaccecs 2 3 1 EIE EE 2 4 Control Area Faceplate Pane ecce eere ee ee eee eene EE Cialis Operator U
22. ts using label widgets e Tables designed using containers with ridged border style as illustrated on Figure 3 7 e Fields using text update widget for read only field and text input for entry field Each widget has a different representation as illustrated on Figure 3 8 e Graphs Isometric Diagram Supe istration CAS css P 1289 E A z T aa ISOMETRIC DIAGRAM 2014 12 19 13 48 36 a Compressed Air a Helium Gas F Demineralized Water d Nitrogen Gas Isometric diagrams may be used to represent plant systems 20 231 24 584 x E e w L1 L2 urzein Figure 3 6 Isometric Diagram Example Tables Supervision Level Demonst micas css Pulse ID 1289 S E copac CIS SUP pw TABLES 2014 12 19 13 48 56 a Compressed Air a Helium Gas al Demineralized Water ry Nitrogen Gas Status Label PV 9 Breaker position HWC8 YT1 a Voltage source HWC14 YT1 48V rectifier insulation HWC16 YT1 Tables are suitable for tasks that require detailed compararisons of ordered sets of data The information most relevant to the user or with the highest priority shall be displayed in the left most column and associated but less significant material in columns further to the right EE L1 L2 urzein ITER HMI Style Guide and Toolkit Page 16 of 18 ITER D 3XLESZ v32 2 Figure 3 7 Table Example s Fields JJ cas 3 css Pulse ID 1289 pem W copac CIS SUP FIELDS 2014 12 23 15 51 17 d Compressed Air a Helium Ga
23. viding information on the status of the component Trends trend widgets displaying historic and live data Controls input fields controlling the component Help containing information about the specific component Links to datasheet documentation and information about the physical location of the component are available from this tab Some faceplates have been made available under the templates folder for analog components and PID objects as reported on Figure 2 16 ITER HMI Style Guide and Toolkit Page 9 of 18 ITER D 3XLESZ v32 Status Trends Controls Help Status Trends Controls Help JA 1006 Statuses Position Limit On Limit Off Ranges Range Max Range Min Operation Modes eAutc OManual OForced Faults OFull story OStart 1 DI O error Status Trends Controls Help Manual Position Request Status Position 52 0 52 0 52 0 Limit On Off Limit On Limit Off 100 0 50 0 Auto Mode ON Manual Mode OFF Forced Mode OFF Position ye RT 80 70 60 49 52 09 11 16 09 11 40 09 12 00 09 12 27 49 79 09 11 16 09 11 40 09 12 00 09 12 27 Status Trends Controls Help This faceplate provide information about components driven by an analog signal like control valve control heater Component information continuous position between an adjustable Min Max Range On Open and Off Closed positions may be adjusted precisely by Limit ON OFF parameters fail sa
24. y2 S png gt EEN 238 95 Dan zas EU NN um Check the pressure of the 1 220 i i 200 If pressure is above x open the Valve Open Valve Y 190 wlse 1 If pressure is below y close the Valve Close Valve Z lt Siue 1 126 Signal y3 190 86 ke MLA ANAA NNA NM Vv WYN v k vd M ae 58 c c cc4 19 98 13 41 20 13 41 40 13 42 11 13 40 50 13 41 20 13 41 48 13 42 11 13 41 20 13 41 48 13 42 11 ACKNOWLEDGE Alarm response procedure sz novem ELS ST suc EE nese with user inputs X HISTORY 6 4 2 8 2 x 6 i 8 160 12 991 CD C nu IIS LIAL Vell fe i 13 41 20 13 41 40 13 42 18 13 40 50 13 41 20 13 41 48 13 42 11 13 40 58 13 41 20 13 41 40 3 42 18 T end C trol OVERVIEW widgets Area urzein Figure 2 13 Alarm Page ITER HMI Style Guide and Toolkit Page 8 of 18 ITER D 3XLESZ v32 2 4 Control Area Faceplate Pane Each controllable component on a mimic shall have a faceplate to provide information about the component and options to control it Figure 2 14 shows an implementation of a faceplate displayed when the user clicks on a valve symbol Control Area Demonstration Icas css Pulse ID 1289 m E conac CIS Aa er CONTROL AREA DEMONSTRATION SCREEN 2014 12 19 13 43 04 A a Compressed Air a Helium Gas Demineralized Wat
Download Pdf Manuals
Related Search