Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.
Generating CSS-BOY Screens...CSS widget is needed CSS widget examples include text update, text...
Transcript of Generating CSS-BOY Screens...CSS widget is needed CSS widget examples include text update, text...
1
Generating CSS-BOY Screens
Mary Ann AntonioliDetector Support Group
July 4, 2020
27/15/2020
Contents
Detector Support Group
• Motivation
• Human Machine Interface (HMI) screen example
• Control System Studio - Best OPI Yet (CSS-BOY) screen generation process
• CSS-BOY screen example
• Conclusion
37/15/2020
Motivation
Detector Support Group
• Physics Division standardizing onto EPICS across all the halls
• EPICS requires CSS-BOY screens for controls and monitoring
• CSS-BOY as versatile as HMI
• CSS-BOY less expensive than HMI
47/15/2020
HMI Screen Example
Detector Support Group
• HMI screen to be generated into CSS-BOY screen
57/15/2020
CSS-BOY Screen Creation Process
Detector Support Group
• Add any needed background image – Add image to CSS file folder– Using an image widget, add image to screen
• For a single widget, process is as follows– Check HMI graphic object’s code to determine what type of
CSS widget is needed CSS widget examples include text update, text input, LED, button
– Add appropriate widget to CSS screen– Create CSS process variable (PV) name
Identify HMI tag name associated with graphic object Use tag name as a base for PV name and make appropriate additions
to tag to create new CSS PV name Add PV to spreadsheet
67/15/2020
CSS-BOY Screen Creation Process, contd.
Detector Support Group
– Add appropriate code to CSS widget PV name rule – changes behavior of widget, such as color or blinking,
depending on PV value action – executed process, such as opening another screen script – for more complex process that cannot be executed in a rule
• Complete all widgets– CSS-BOY screen may not be identical to HMI screen because
there are available widgets that are not available as graphic objects HMI rectangle may become CSS LED
• Lay out and format widgets
• Test screen using testing software TOPIC
• ABRACADABRA!
77/15/2020
Voilà! CSS-BOY screen
Detector Support Group
87/15/2020
Conclusion
Detector Support Group
CSS-BOY screens are being created based on HMI screens, for both Hall A and Hall C