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!

Made with Slides.com