1. Managed by UT-Battelle for the Department of Energy Kay Kasemir ORNL/SNS kasemirk@ornl.gov With slides from Xihui Chen May 2014 Control System Studio Training - Web OPI

2. 2Managed by UT-Battelle for the Department of Energy 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. 3Managed by UT-Battelle for the Department of Energy 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. 4Managed by UT-Battelle for the Department of Energy Why can it do single sourcing? CS-Studio on User’s PCWebOPIUser’s Web Browser

5. 5Managed by UT-Battelle for the Department of Energy 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.ini

6. 6Managed by UT-Battelle for the Department of Energy Example css_rap.ini #EPICS configuration org.csstudio.platform.libs.epics/auto_addr_list=false org.csstudio.platform.libs.epics/use_pure_java=true org.csstudio.platform.libs.epics/addr_list=127.0.0.1 192.168.1.2 org.csstudio.platform.libs.epics/max_array_bytes=160000 #WebOPI configuration org.csstudio.opibuilder/opi_repository=/path/to/apache-tomcat-7.0.11/opi org.csstudio.opibuilder/startup_opi=main.opi org.csstudio.opibuilder/mobile_startup_opi=mobile.opi org.csstudio.opibuilder/color_file=color.def org.csstudio.opibuilder/font_file=font.def org.csstudio.opibuilder/top_opis=main.opi org.csstudio.opibuilder/opi_gui_refresh_cycle=200 org.csstudio.opibuilder/macros="N","North"|"W","West"|"user","demo"

7. 7Managed by UT-Battelle for the Department of Energy Example URL: http://localhost:8080/webopi/w?opi=heater.opi|user=demo

8. 8Managed by UT-Battelle for the Department of Energy 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