NEXT and Web components

Maxim Milovanov, Lead Software Engineer
Cambridge, MA
July 31, 2019

NX / EPAM



NIBR INFORMATICS (NX)
Business use only
NIBR Informatics (NX)
Agenda
3. Team
1. Project
2. Technologies
5. Q/A
4. Web components

Business use only
NIBR Informatics (NX)
Project Information
Outsource chemistry and bio processes
Bidding system
Document exchange
Purpose

Business use only
NIBR Informatics (NX)
Project Information
Angular 9
Numbers
Tech stack
420 different UI components
230 modules
2 UI developers
~1200 *.ts files
~150 different routes
6 years
SpringBoot
Docker
Oracle
H2
Kanban
SDLC
Jira
Confluence

Business use only
NIBR Informatics (NX)
Project Team
David Cotter, Technical Lead
Thomas Veith, Architect
Vimala Selvaraj, Business Analyst
Andrii Khaietskyi, Application Service Manager
Maxim Milovanov, UI Developer
Andrei Listopadov, UI Developer
Olga Veith, QA Engineer
Aleksei Shabunin, Trainee
Nikita Beliaev, Trainee

Business use only
NIBR Informatics (NX)
Indigo's challenge
As an authorized user I need to be able to create a screening PK study as simple and fast as I can do in NEXT at the moment.

Business use only
NIBR Informatics (NX)
Web components VS iFrame


Business use only
NIBR Informatics (NX)
Web components and Indigo
Veronika Orlova, Technical Lead
Natalia Gruzdeva, UI Developer


Business use only
NIBR Informatics (NX)
Demo

Business use only
NIBR Informatics (NX)
Implementation Vue



Business use only
NIBR Informatics (NX)
Implementation Angular


Business use only
NIBR Informatics (NX)
Implementation Angular


Business use only
NIBR Informatics (NX)
References
https://epa.ms/next-components
NEXT components
https://epa.ms/vue-build-targets
Vue build targets
https://epa.ms/angular-elements
Angular elements
https://epa.ms/lit-element
Lit elements

Business use only
NIBR Informatics (NX)
Questions?
Thank you!
Next/Indigo/Web
By Maxim Milovanov
Next/Indigo/Web
- 686