- The existing UI technology used to display the reports was very old
- The old UI design was incompatible with the latest designs
- The old UI was counterintuitive and had performance issues
Imaginea offered to integrate UI with the client application. Using this method, the UI becomes dynamic and different applications can be accessed by the end-user based on their access rights. In this model, based on the user’s access rights, the front-end application connects to the relevant middle (microservices) layer and not directly with the backend layer. This reduces the front end dependency with the old backend system.
How our solution helped
The new UI as a service increased the application performance by 40%, achieved around 80% reduced time to setup and configure the new application, and a significant reduction in user onboarding time.
Our customers have a microservices driven middle layer and a central authentication mechanism, which enables rights based access to the end users. We leveraged the existing setup and created a front end application using the latest Angular version (Angular 7), which will connect to a middle microservices layer for quick communication. The new UI will also access some of the core modules of the existing legacy UI, that was built using ExtJs. The models used between front-end application and the microservice for data transfer remains the same. The change done here was the way the microservices layer connects to the backend application. Whenever there is a need for a new UI, it is easier to set-up a new microservice that understands the models of the backend application.
This new UI was integrated into the main client.
Once a user navigates to the new application, a request will be sent to the authentication gateway, which will validate whether a user has access to that product. This validation will be done using the existing central authentication mechanism.
If valid, the request will be forwarded to the microservice, which will then identify to which backend it should connect. Now, the JSON object properties used between microservice and backend will differ for each business, but it will remain the same between UI and microservice.
- The new front-end application conforms to the modern UI standards and design
- Consistent UI across applications helped in quick onboarding of users
- Time to set up and configure new application reduced from 22 weeks to 4 weeks
- Application load time reduced by 40% resulting in better user experience