Kay Kasemir

1
Control System Studio Training-Web OPI

• Kay Kasemir
• ORNL/SNS
• kasemirk_at_ornl.gov
• With slides from Xihui Chen
• May 2014

2
Idea

• Execute most CSS BOY .opi files in a web browser
• Zero install on the client side
• Works with PCs, Laptops, Tables, Phones and most
  web browsers
• Even write widgets work
• A few widget differences
• Lower update performance
• Maybe guard write access CA Gateway, https//
  proxy with login,
• No editing of displays, only runtime

3
Technologies behind WebOPI

• Built on Eclipse RAP (Remote Application
  Platform)
• Bring Eclipse RCP to the Web
• Single Sourcing between RCP and RAP applications
• Using JavaScript and HTML5 in Web Browser
• Supported by all mainstream web browsers
• Standard servlet technology 
• Server runs on any JEE servlet container, such as
  Tomcat, Jetty, Glassfish, JBoss and WebSphere
• Most of BOY code (99) is single sourced with
  WebOPI

4
Why can it do single sourcing?
CS-Studio on Users PC
WebOPI
Users Web Browser
5
Tomcat Setup

• Copy WebOPI.war into webapps/
• ..or respective location for Glassfish, JBoss,
  WebSphere,
• Place .opi files in a new opi/ directory
• Add to conf/catalina.properties
• org.csstudio.rap.preference/path/to/my/css_rap.in
  i

6
Example css_rap.ini

• EPICS configuration
• org.csstudio.platform.libs.epics/auto_addr_listfa
  lse
• org.csstudio.platform.libs.epics/use_pure_javatru
  e
• org.csstudio.platform.libs.epics/addr_list127.0.0
  .1 192.168.1.2
• org.csstudio.platform.libs.epics/max_array_bytes1
  60000
• WebOPI configuration
• org.csstudio.opibuilder/opi_repository/path/to/ap
  ache-tomcat-7.0.11/opi
• org.csstudio.opibuilder/startup_opimain.opi
• org.csstudio.opibuilder/mobile_startup_opimobile.
  opi
• org.csstudio.opibuilder/color_filecolor.def
• org.csstudio.opibuilder/font_filefont.def
• org.csstudio.opibuilder/top_opismain.opi
• org.csstudio.opibuilder/opi_gui_refresh_cycle200
• org.csstudio.opibuilder/macros"N","North""W","We
  st""user","demo"

7
Example

• URL http//localhost8080/webopi/w?opiheater.opi
  userdemo

8
Summary

• Perfect for beam line displays
• Displays change often, with each visitor?Edit
  .opi for local use at beam line, then just copy
  .opi to web server to allow remote access
• Users 2 (Beam line personnel visitor)
• Bad for site-wide Status web site
• Each web browser starts copy of CSS inside web
  server