Diagnostics UI redesign – Svelte to Angular 

Design and implement Barco CTRL’s updated diagnostics UI 

 

One of the main ways our service team or developers can debug an issue is using a small component within our application called the Observe UI. This component pulls in all the logging from all the components across the different devices within a control room and displays this. 

 

Request: 

This UI is written in JavaScript using the Svelte framework. It reports useful information but is still basic. We would like a new and improved version of this component using Angular with JavaScript. This component can have more features this way (such as improved filtering) while having it in Angular also allows it to be closer tied to other front-end components in the application. Other developers will of course help you with this. 

This component can then replace the old component and be released inside production. Helping our service team debug issues for customers. 

 

Technologies: JavaScript, TypeScript, Angular, Svelte, frontend, Jenkins, unit tests, VS Code, git 

 

Key Responsibilities: 

Refine: Refine and plan the work with the team, making sure you understand all tasks enough to start. 

Implement 

Initial deployment: Create a new service within Barco CTRL 

Feature parity: Strive to match the features of the current implementation 

Improvements: Implement new features for the diagnostics backend 

Validate: Ensure service quality with automated tests 

Document: Document the new service thoroughly 

 

Qualifications: 

Enrolled in a Bachelor's or master's program in Computer Science, Informatics, Electronics, or a related field. 

Proficient knowledge with JavaScript/TypeScript 

Bonus: knowledge about either Svelte or Angular 

Effective communication and teamwork abilities 

 

D&I Statement

At Barco, innovation drives everything we do. We believe that diversity fuels creativity, bringing us closer to our colleagues and customers. Inclusion and equity aren't just values—they're core capabilities that propel us toward our shared goals and mission.

Read here how we do this