1. Athanasios Topaloudis 3rd Developers@CERN Forum 15/02/2017
FESA Graph Editor
Athanasios Topaloudis
3rd Forum
15/02/2017

2. Background – What is FESA?
Front End Software Architecture is
A Framework that was
Developed at CERN for
Real-time SW for front-end computers

3. Front End Computer with Acquisition Cards
Background – What is FE?
Front End Computer with Acquisition Cards
Accelerator Tunnel
HW Equipment
Optical Link

4. Background – What is FESA SW?
Server
Real Time
Data Store
User
Hardware

5. Background – How does it work?
validation
FESA Model
generates
FESA Class Design
FESA Class
Project skeleton
RT Scheduling
revision

6. Background – User Interface
XML Editor
Design Editor
Background – User Interface
FESA Toolbar
Console
Validation Error View
C++ Project Explorer

7. Background – Summary FESA
Essential framework for real-time SW development
C++ code generation based on XML document
RT scheduling
Comes as an Eclipse plugin
Impossible overview of the SW
Connection among components is not obvious
Design editing can be cumbersome
Let’s do something about it…

8. Users – Tools Improvement – Round 1
Output
Design Analysis
Graph Library

9. Graph Viewer – Design Overview

10. Graph Viewer – Design Overview

11. Users – Tools Improvement – Round 2
Dynamic Model
Graph Editor Library
FESA API
XML parsing
DOM tree
Use of FESA model
Design Fragmenting (Server, RT, Data Store)
Command Stack (undo/redo)
MVC
CSS custom view
Drag ‘n Drop
Large Graph Support
Zoom
FESA Model
Validation
Code Generation
Design Editing

12. Graph Editor – Overview
Graph & FESA Toolbar
Server
Input
Server
Output
Real Time

13. Graph Editor – Data Store

14. Graph Editor – Design Overview
Complex & Messy
Complex & Messy

15. Graph Editor – Design Overview
Complex but Clean
Complex but Clean

16. Graph Editor – Components Connection
Error Detection

17. Graph Editor – Additional Functionality
Zoom
Mini Map
Large Graph Support

18. Graph Editor – Customization
CSS Based View

19. Adding FESA Components
Graph Editor – Design Editing
Adding FESA Components

20. Graph Editor Wrap Up: Future: Standalone JavaFX application
Graphical abstraction of low level XML
FESA SW Design overview – Easy Documentation!
Fragmentation of the FESA design
Made by Users… for Users
Future:
Included in the plugin
Included in the release process
Fully editable design

21. Graph Editor – The whole picture
validation
FESA Model
generates
FESA Class Design
FESA Class Graph
FESA Class
Project skeleton
RT Scheduling
revision