CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門...
Transcript of CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門...
![Page 2: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/2.jpg)
このセッションでやること
2018 Nov. 01Shuei YAMADA - EPICS講習会 2
CSSを使って、自分のPCからPVを読み書きする温度センサーのトレンドグラフを表示する
アーカイバから過去の履歴を取得する
温度センサーの値を表示する
LEDをON/OFFする…
![Page 3: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/3.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行する
2018 Nov. 01Shuei YAMADA - EPICS講習会 3
![Page 4: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/4.jpg)
2018 Nov. 01Shuei YAMADA - EPICS講習会 4
![Page 5: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/5.jpg)
CSSとは
Control System StudioCS-Studio, CSSと略される
EPICSで用いられる制御アプリケーションの統合環境BOY (Best OPI Yet) : GUIビルダData Browser : トレンドグラフ、Archiver Viewer…
マルチプラットフォームLinux / Windows / macOSで動作要 Java Runtime Environment 本家URL: http://controlsystemstudio.org/
2018 Nov. 01Shuei YAMADA - EPICS講習会 5
![Page 6: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/6.jpg)
参考資料
CSS本家のサイトhttp://controlsystemstudio.org/
CSSのExamplesとHelp
過去にKEKで開催されたCSS講習会/Hands Onの資料 (ただし古い)http://www-linac.kek.jp/cont/epics/css/
2018 Nov. 01Shuei YAMADA - EPICS講習会 6
![Page 7: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/7.jpg)
CSSとはダウンロードとインストールダウンロードする前に
Java SE Runtime Environment 8 (JRE8)CSSのダウンロードCSSのインストール
初期設定
CSSを実行する
2018 Nov. 01Shuei YAMADA - EPICS講習会 7
![Page 8: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/8.jpg)
ダウンロードする前に
64bit OS / 32bit OSを確認してください64bit OSをお使いの場合は64bit版のCSSと64bit版のJavaをお使い下さい32bit OSをお使いの場合は32bit版のCSSと32bit版のJavaをお使い下さい
2018 Nov. 01Shuei YAMADA - EPICS講習会 8
![Page 9: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/9.jpg)
Java 8
予めJava SE Runtime Environment 8 (JRE8)をインストールしておいてください
https://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.htmlJavaが入ってなかったPCにJavaをインストールした場合、一度再起動しないとCSSが実行できないかもしれませんJDK8でもOK
Java 8をお勧めしますJava 10の場合は次頁へJava 11では動作しません
2018 Nov. 01Shuei YAMADA - EPICS講習会 9
![Page 10: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/10.jpg)
Java 10の場合
Java 10 を使う場合、cssを展開したディレクトリにあるcss.iniを書き換える必要があります
Linux, Windowsの場合 : cs-studio-kek/css.iniMacOSの場合 : cs-studio-kek.app/Contents/Eclipse/css.ini-vmargsの後ろに--add-modules=ALL=SYSTEMという行を追加します
-XX:...という行がある場合は全て消します
2018 Nov. 01Shuei YAMADA - EPICS講習会 10
![Page 11: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/11.jpg)
CSSのダウンロード
講習会用ダウンロードサイトhttp://192.168.15.100/KEK版ダウンロードサイトhttp://www-linac.kek.jp/cont/css/
2018 Nov. 01Shuei YAMADA - EPICS講習会 11
![Page 12: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/12.jpg)
CSSのインストール
Linuxtar.gzファイルを適当なディレクトリで展開して下さい
WindowsZipファイルを適当なフォルダで展開して下さい
macOSZipファイルを適当なフォルダで展開して下さい/Applications (/アプリ―ケーション) に展開するといいかもしれません
2018 Nov. 01Shuei YAMADA - EPICS講習会 12
![Page 13: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/13.jpg)
CSSとはダウンロードとインストール
初期設定ワークスペースの設定
ハードディスク上のCSSの作業領域サンプルのインストール
CSSの設定CSSを実行する
2018 Nov. 01Shuei YAMADA - EPICS講習会 13
![Page 14: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/14.jpg)
CSSを起動する (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 14
ワークスペース問い合わせのダイアログ
チェックボックスを外すと次回からは出てこなくなる
OKをクリック
![Page 15: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/15.jpg)
CSSを起動する (2)
初回起動時の際に、おまじないが必要かも知れません
WindowsWindowsファイアウォールの「Windows セキュリティの重要な警告」が表示された場合、「アクセスを許可する」をクリックしてください。
macOS「開発元が未確認のため開けません。」というメッセージが出て
起動できない場合、アプリファイルを右クリックして出るメニューの1行目の「開く」を選ぶと、メッセージが「開いてもよろしいですか?」に変わります。「開く」ボタンを押すと起動します。
その他のセキュリティ/アンチウイルス/FirewallソフトPort 5064と5065を、UDPとTCPの両方で通信可能にしてください
2018 Nov. 01Shuei YAMADA - EPICS講習会 15
![Page 16: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/16.jpg)
初回起動時の画面
2018 Nov. 01Shuei YAMADA - EPICS講習会 16
どちらかをクリック
![Page 17: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/17.jpg)
CSSとはダウンロードとインストール
初期設定ワークスペースの設定
ハードディスク上のCSSの作業領域サンプルのインストール
CSSの設定CSSを実行する
2018 Nov. 01Shuei YAMADA - EPICS講習会 17
![Page 18: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/18.jpg)
サンプルのインストール (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 18
メニューバーから“CS-Studio” → “Utilities”→ “Install Samples
![Page 19: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/19.jpg)
サンプルのインストール(2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 19
チェックを入れる
OKをクリック
![Page 20: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/20.jpg)
サンプルのインストール(3)
2018 Nov. 01Shuei YAMADA - EPICS講習会 20
“BOY Examples”が表示されればOK
![Page 21: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/21.jpg)
CSSとはダウンロードとインストール
初期設定ワークスペースの設定
サンプルのインストール
CSSの設定アーカイバの設定
存在しないアーカイバの設定も削除しておく
アーカイバのIPアドレスを指定するEPICSの設定
IOCを探すIPアドレスを指定する
CSSを実行する
2018 Nov. 01Shuei YAMADA - EPICS講習会 21
![Page 22: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/22.jpg)
CSSの設定 (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 22
メニューバーから“Edit” → “Preferences...”
![Page 23: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/23.jpg)
CSSの設定 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 23
![Page 24: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/24.jpg)
CSSの設定 - アーカイバ (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 24
選んで×をクリック
“CSS Applications” → “Trends” → “Data Browser”
存在しないアーカイバの設定を消しておく
![Page 25: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/25.jpg)
CSSの設定 - アーカイバ (3)
2018 Nov. 01Shuei YAMADA - EPICS講習会 25
pbraw://192.168.15.100/retrieval
“Server Alias” / “Names”の項は設定しなくてもOK。複数のアーカイバを使う場合はを設定しておくと便利。
設定が済んだらOKをクリック
![Page 26: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/26.jpg)
CSSの設定 - EPICS (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 26
“CSS Applications” → “Data sources” → “Channel Access”
192.168.15.255
チェックを外しておく
OKをクリックするとCSSが再起動する
![Page 27: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/27.jpg)
CSSの設定 - EPICS (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 27
“CSS Core” → “Data sources”→ “Channel Access”
192.168.15.255
チェックを外しておく
OKをクリックするとCSSが再起動する
ためらわずにOKをクリックしてCSSを再起動する
![Page 28: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/28.jpg)
それではCSSを動かしてみよう
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOYBOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 28
![Page 29: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/29.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData Browser画面レイアウトの切り替え
トレンドグラフの表示
アーカイバからデータを取得する
BOYBOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 29
![Page 30: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/30.jpg)
Data Browser - 画面レイアウトの切り替え (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 30
最後にOKをクリック
Data Browserを選ぶ
![Page 31: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/31.jpg)
Data Browser - 画面レイアウトの切り替え (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 31
Navigatorタブ :Project (自分のファイルを保存する領域)の一覧
![Page 32: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/32.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData Browser画面レイアウトの切り替え
トレンドグラフの表示
アーカイバからデータを取得する
BOYBOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 32
![Page 33: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/33.jpg)
Data Browser - アーカイバ (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 33
検索したいレコード名を入力ワイルドカードや正規表現が利用可能
![Page 34: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/34.jpg)
Data Browser - アーカイバ (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 34
表示したいPVを右クリック→ “Process Variable” → “Data Browser”
![Page 35: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/35.jpg)
Data Browser - 表示の設定
2018 Nov. 01Shuei YAMADA - EPICS講習会 35
PVの設定 時間軸の設定 その他の設定縦軸の設定
![Page 36: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/36.jpg)
Data Browser - pltファイルの保存
2018 Nov. 01Shuei YAMADA - EPICS講習会 36
時間軸の設定
1. メニューバーから”File” → “Save As”
2. フォルダを選ぶ
3. ファイル名を入力
4. OKをクリック
![Page 37: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/37.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOY画面レイアウトの切り替え
ExamplesOPI Editor : GUIビルダOPI Runtime : 実行画面
BOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 37
![Page 38: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/38.jpg)
BOY - 画面レイアウトの切り替え (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 38
最後にOKをクリック
OPI Editorを選ぶ
![Page 39: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/39.jpg)
BOY - 画面レイアウトの切り替え (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 39
![Page 40: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/40.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOY画面レイアウトの切り替え
OPI Editor : GUIビルダOPI Runtime : 実行画面
BOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 40
![Page 41: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/41.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOY画面レイアウトの切り替え
OPI Editor : GUIビルダOPI Runtime : 実行画面
BOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 41
![Page 42: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/42.jpg)
OPI Editor - OPIの準備 (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 42
“CSS”を右クリック→ “New” → “OPI File”
![Page 43: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/43.jpg)
OPI Editor - OPIの準備 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 43
作成するOPIのファイル名を入力してFinishをクリック
![Page 44: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/44.jpg)
OPI Editor - 編集画面 (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 44
描画領域 Widgetのパレット
各種図形
状態表示
操作
その他
![Page 45: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/45.jpg)
OPI Editor - 編集画面 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 45
1: Widgetを描画領域にD&Dする
2: PropertyパネルでWidgetを設定する
PV名
CSS内だけで使える特殊な名前がある
- loc://名前(初期値)
- sim://名前(パラメタ….)
フォント
サイズ、色
…
3: 実行ボタンをクリック
![Page 46: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/46.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOY画面レイアウトの切り替え
OPI Editor : GUIビルダOPI Runtime : 実行画面
BOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 46
![Page 47: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/47.jpg)
OPI Runtime –実行画面 (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 47
PVの値が表示される
![Page 48: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/48.jpg)
OPI Runtime –実行画面 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 48
OPIが存在しない場合はピンクな”Disconnected”が表示される
PV名がまちがっている
IOCが立ち上がっていない
Preferences → CSS Core → Data sources → Channel Accessの設定が間違っている
ネットワークケーブルが抜けている
…
![Page 49: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/49.jpg)
OPI Runtime – PVを調べる
2018 Nov. 01Shuei YAMADA - EPICS講習会 49
PVを右クリック→ “Show PV Info”
![Page 50: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/50.jpg)
CSSとはダウンロードとインストール
初期設定
CSSを実行するData BrowserBOYBOYとData Browserの連携
2018 Nov. 01Shuei YAMADA - EPICS講習会 50
![Page 51: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/51.jpg)
BOYとData Browserの連携 (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 51
PVを右クリック→ “Process Variable” → “Data Browser”
![Page 52: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/52.jpg)
BOYとData Browserの連携 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 52
![Page 53: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/53.jpg)
OPIにData Browserを埋め込む(1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 53
1: Widgetを描画領域にD&Dする
2. 作成済のpltファイルを指定する
![Page 54: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/54.jpg)
OPIにData Browserを埋め込む(2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 54
![Page 55: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/55.jpg)
時間が余ったらやってみよう
Data Browserに2つ目(3つ目、…)のPVを追加してみる
いろいろなWidgetを試してみるLEDをON/OFFしてみるトグルスイッチの状態を読む
ET_DEMO:SOFTAO:Chxxに値を書き込む…動かないWidgetがあるかも知れません
BOY Examples実行してみる
OPI Editorで開いてみる画面のレイアウトを変えてみる
2018 Nov. 01Shuei YAMADA - EPICS講習会 55
![Page 56: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/56.jpg)
Data Browserあれこれ
2018 Nov. 01Shuei YAMADA - EPICS講習会 56
ツールバーのボタンを押してみる
軸をマウスでつかんで動かしてみる
![Page 57: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/57.jpg)
Data Browser – PVの追加(1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 57
追加したいPVをグラフにD&D
![Page 58: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/58.jpg)
Data Browser - PVの追加 (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 58
2. OKをクリック
1. Y軸を選ぶ
![Page 59: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/59.jpg)
Data Browser - PVの追加 (3)
2018 Nov. 01Shuei YAMADA - EPICS講習会 59
グラフで右クリック→ “Add PV”
![Page 60: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/60.jpg)
Data Browser - PVの追加 (4)
2018 Nov. 01Shuei YAMADA - EPICS講習会 60
1. PV名を入力する
3. 最後にOKをクリック
2. Y軸を選ぶ
![Page 61: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/61.jpg)
Data Browser –アーカイバの選択
2018 Nov. 01Shuei YAMADA - EPICS講習会 61
2. 右クリック
1. PVを選んで
![Page 62: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/62.jpg)
Data Browser - 空のグラフを用意する
2018 Nov. 01Shuei YAMADA - EPICS講習会 62
メニューバーから“CS-Studio” → “Trends” → “Data Browser”
![Page 63: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/63.jpg)
BOY - Examples (1)
2018 Nov. 01Shuei YAMADA - EPICS講習会 63
Navigatorから“BOY Examples” → “1_2_WidgetExamples.opi”→ “Open With” → “OPI Editor”
![Page 64: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/64.jpg)
BOY – Examples (2)
2018 Nov. 01Shuei YAMADA - EPICS講習会 64
実行ボタンをクリック
![Page 65: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/65.jpg)
BOY – Examples (3)
2018 Nov. 01Shuei YAMADA - EPICS講習会 65
![Page 66: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/66.jpg)
Backup
2018 Nov. 01Shuei YAMADA - EPICS講習会 66
![Page 67: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/67.jpg)
CSSの設定を真っ新にしたくなったら
2018 Nov. 01Shuei YAMADA - EPICS講習会 67
ワークスペースの設定 :cs-studio-kek/configuration/.settings/org.csstudio.platform/workspace.WorkspaceInfo.prefsを消す
Preferencesでの設定 :ホームディレクトリ/.cs-studio/.metadata を消す
![Page 68: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/68.jpg)
XY GraphとIntensity Graph
2018 Nov. 01Shuei YAMADA - EPICS講習会 68
![Page 69: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/69.jpg)
2018 Nov. 01Shuei YAMADA - EPICS講習会 69
![Page 70: CSS入門cerldev.kek.jp/trac/EpicsUsersJP/raw-attachment/wiki/...CSS入門 EPICS入門セミナー@KEKつくばキャンパス(3号館1階会議室) KEK/J-PARC 山田秀衛 (shuei@post.kek.jp)](https://reader033.fdocuments.net/reader033/viewer/2022041901/5e6051b690cb686a781a16ea/html5/thumbnails/70.jpg)
2018 Nov. 01Shuei YAMADA - EPICS講習会 70