ess control system applications gui development style guide in short: ess style guide...
TRANSCRIPT
![Page 1: ESS Control System Applications GUI Development Style Guide in short: ESS Style Guide frank.amand@cosylab.com Background material for kick-off](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f175503460f94c2de90/html5/thumbnails/1.jpg)
ESS Control System Applications GUI Development Style Guidein short: ESS Style Guide
Background material for kick-off
![Page 2: ESS Control System Applications GUI Development Style Guide in short: ESS Style Guide frank.amand@cosylab.com Background material for kick-off](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f175503460f94c2de90/html5/thumbnails/2.jpg)
Are there any existing standards already developed, e.g. for the color scheme of the ESS website?UPDATE: Roger Eriksson, Communications Division ESS confirmed such document exists
If not, can/should/shall the website serve as a de facto design direction?
Are there standards defined for any symbols to be used, e.g. automation symbols?
Are there any established relations with partner projects/facilities that could provide their standardization documents as additional guideline material (ITER, SNS, PSI, …) ?
Information Gathering: Questions2
![Page 3: ESS Control System Applications GUI Development Style Guide in short: ESS Style Guide frank.amand@cosylab.com Background material for kick-off](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f175503460f94c2de90/html5/thumbnails/3.jpg)
1. Definition of a color scheme, in line with "ESS style" and dealing in proper way with reserved signal colors
2. Definition of fonts: limited types & sizes and the proper use in headings, labels e.a.
3. Design Patterns of Control Screen GUI's
4. Proper use of standards for automation symbols
Main topics to be covered3
![Page 4: ESS Control System Applications GUI Development Style Guide in short: ESS Style Guide frank.amand@cosylab.com Background material for kick-off](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f175503460f94c2de90/html5/thumbnails/4.jpg)
Mockup Design Pattern4
Note:this is a photoshop mockupto illustrate how the “ESS color scheme”could be applied.
Such a screen can be set as Design Pattern