Download - 20190603 DESY Webapps - indico.cern.ch
![Page 1: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/1.jpg)
Webapps
Make use of web applications at DESY cryogenic controls dept.
Joerg PenningEPICS-Conference at ITER June 2019
![Page 2: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/2.jpg)
Page 2
Overview
1 Motivation
2 Functional requirements• Asset management• Displaying archived data• Displaying live data
3 Realization• Implementation• Tools• Deployment
| Webapps | J. Penning 3.6.2019
![Page 3: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/3.jpg)
Page 3
Motivation
Exchange of ideas
• We will be happy to learn what others doand tell what we do …
• Are we able to participate in an open source community?
Background
• Cryogenic controlsi.e. IT infrastructure for all cryogenics
• Support for facilities group
Open Source
• Of course
| Webapps | J. Penning 3.6.2019
![Page 4: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/4.jpg)
Page 4
Motivation
| Webapps | J. Penning 3.6.2019
A lot of different assets
Ethernet
Profibus PA
Optical FiberOptical Link Module
Profibus DP
Profibus DP/PAGateway
Remote IO Flowmeter
ConditionMonitoring
Low TemperatureMeasurement and He-LevelControl System
Profibus DP
XAVCXASB
XAVBXATC
XATB1XATB2
XATB3
PROFIBUSDiagnostic
Bus Term.
Optical Link Module
Valves Pressure TransmitterCoriolis Flow Transmitter
Operating
FDT/DTMGateway
> 650 Valves> 2500 Temp. Sensors> 800 Press. Sensors> 100 Level Sensors> 200 Flow Sensors
![Page 5: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/5.jpg)
Page 5
Functional requirements
Asset management
• Repair
• Stock
• Cost units
Archive data retrieval
• Watch trends when you are out-of-officeon-site or on-call
| Webapps | J. Penning 3.6.2019
Should be accessible without further preparation, i.e. on the smart phone
Probe-style live data
• Find out about some record when you are out-of-office
OPI-style data display
• Watching the energy consumption
• Gained attention quickly at DESY
![Page 6: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/6.jpg)
Page 6
Asset management
| Webapps | J. Penning 3.6.2019
A defective part must be exchanged
• Exchange part
• Where are the spare parts?
• Which procedure must be followed?
• Which control system processes will be affected?
• Handle the defective part
• Do we still have warranty?
• Where to send to for repair?
• Do we have to fill up stock?
• Take precautionary measure
• Do other components of this type have problems too?
• Where are they built in?
Price?Vendor?Version?
Manuals
![Page 7: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/7.jpg)
Page 7
Asset management
| Webapps | J. Penning 3.6.2019
Make use of heterogeneous databases
Asset-Database
• Manages orders and stock
• Enhanced to trace status (location)
• Enhanced to contain documentation
• IDs: Asset-ID, Inventory-ID
DCT-Database (Database Creation Tool)
• ID:s IOName, Channelname
• Side effect of creating EPICS-Databases
IO-Configuration-Database (‘Device Database’)
• IDs: IOName, Asset-ID
• Contains Profibus-Addresses, Documentation
DESY Inventory
• ID: Inventory-ID
![Page 8: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/8.jpg)
Page 8
Software-Structure
| Webapps | J. Penning 3.6.2019
Generic handling of xml data in the browser
ServiceLDAP
ServiceEPICS
ServiceDevice
ServiceCable
ServiceInventory
ServiceAsset
Service Dispatcher
Tomcat with embedded OSGi-Framework
Scanning somedevice code
Calling the web application that provides the data (different services)
Calling the (OSGi-) services that provides the data.
XML-Data
CSS related data
Web-Server
![Page 9: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/9.jpg)
Page 9
Asset management
| Webapps | J. Penning 3.6.2019
From scanned label to inventory
![Page 10: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/10.jpg)
Page 10
Asset management
| Webapps | J. Penning 3.6.2019
Showing details and history
![Page 11: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/11.jpg)
Page 11
Asset management
| Webapps | J. Penning 3.6.2019
Perform status updates
![Page 12: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/12.jpg)
Page 12
Asset management
| Webapps | J. Penning 3.6.2019
Make use of the ‘is-contained-in’ relationship
![Page 13: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/13.jpg)
Page 13
Data display
| Webapps | J. Penning 3.6.2019
Archived data via Archive Request Server
http://whereever.desy.de:xxxx
![Page 14: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/14.jpg)
Page 14
Data display
| Webapps | J. Penning 3.6.2019
Live data in Probe-style
![Page 15: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/15.jpg)
Page 15
Data display
| Webapps | J. Penning 3.6.2019
Live data in OPI-style
![Page 16: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/16.jpg)
Page 16
Overview
1 Motivation
2 Functional requirements• Asset management• Displaying archived data• Displaying live data
3 Realization• Implementation• Tools• Deployment
| Webapps | J. Penning 3.6.2019
![Page 17: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/17.jpg)
Page 17
Web-Server
Implementation
| Webapps | J. Penning 3.6.2019
Web-Server backend uses the CSS code base and the service dispatcher
CSS code base
Backend
CAJ
DAL ArcReqSrv
Frontend
Asset ManagementService Dispatcher
ServiceIO-Names
Service
DESY Inventory
JavaSpring Boot
Lombok
![Page 18: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/18.jpg)
Page 18
Web-Server
Implementation
| Webapps | J. Penning 3.6.2019
Web-Server frontend
Backend
Frontend
LiveScriptAngularStomp
ngx (Widgets)
![Page 19: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/19.jpg)
Page 19
Implementation
| Webapps | J. Penning 3.6.2019
Web-Server frontend communication
![Page 20: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/20.jpg)
Page 20
Tools
| Webapps | J. Penning 3.6.2019
Eclipse
• Web-Server-Backend
• CSS code base
Visual Studio Code
• Web-Server-Frontend• Live Script
Git-Repository
• stash.desy.de
• (not yet) L
![Page 21: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/21.jpg)
Page 21
Deployment
| Webapps | J. Penning 3.6.2019
What do we need to make it run?
Web-Server
• Spring Boot application is deployed as a.war file to some DESY-Server
• IT opens the gate for us
Scanner-App
• Is required for scanning the data matrix labels
• Available for iOS and Android
![Page 22: 20190603 DESY Webapps - indico.cern.ch](https://reader030.vdocuments.us/reader030/viewer/2022012018/615c8c4d50ef5e6c8a112544/html5/thumbnails/22.jpg)
Thank you