About the Client:
Our customer is a US-based Organization working in the knowledge management area. They also have a good work going in Machine learning and have some really good solutions around it.
Challenges:
The clients are working in the content management area and need to process a huge number of documents. Following are some of the major issues faced:
- Different applications for Enterprise Content Management application and Business Process Management application.
- Traditional UI/UX.
- Slow web applications.
Our Solution
To resolve the mentioned challenges, we built a project with the intention to replace the traditional UI/UX with a modern design built on top of Angular. We have developed an Angular app for document and process management that answered the requirement for having the common UI for Enterprise Content Management application and Business Process Management application which could work flawlessly and be developed or customized with ease and minimal effort.
We used Angular 7, Angular Material, SCSS, RxJS, and React.js frameworks on this project. The components are developed on the top Alfresco Development Framework (Github Alfresco NG2 Components Library). We have used the CI/CD pipeline for deploying the application in three environments in AWS.
This project delivers a modern Enterprise Content Management application integrated with Business Process Management application.
The project is comprised of following building blocks:
Angular Services: Served as an API for communicating with backend servers of ECM and BPM.
Authentication: Auth guards for routes that serve Authentication as well as Authorization on route level.
Component Development: Component level development which delivered an enhanced user experience for document management (ECM) and business workflows (BPM).
The Following are Some of the Components:
Enterprise Search: – An enhanced search component which gives features like autocomplete, filtering, highlighting, sorting on documents.
Documents Library: – It is a core part of the Enterprise Content Management application, providing enhanced document management features like uploading, editing, versioning, locking, and viewing/editing metadata of documents.
Business Workflow: – These components automate critical processes within the Business Process Management application, such as Accounts Payable and Recruitment, streamlining enterprise workflows for better efficiency.
Launcher Component: – Shows clickable tiles for each application, which redirects to the component related to that application. This is a completely configurable component.
Enhanced Login: – Integrated with Keycloak, which served as the Identity Provider for the Angular app for document and process management using OpenID authentication. This provided features such as SSO and Social Login.
UI/UX Modernization: – The user interface is developed using Angular app for document and process management and Angular Material, offering a responsive, modular, and modern experience that improves usability and performance.
The project was built with the intention of having pluggable modules. This is achieved by the Modular development approach in Angular. Each part of the functionality was broken down into a module. These modules are then deployed as the Angular extensions library.
Business Benefits:
Our solutions have successfully replaced the existing traditional application with latest Angular 7 which resulted in the following perks:
- Increased performance.
- Reduced operational time.
- Enhanced user experience.
- Fast and robust Search functionality.
Beyond these benefits, the client also achieved measurable outcomes after implementation:
-
Unified Platform: – A single Angular app for document and process management now manages both Enterprise Content Management application and Business Process Management application, eliminating the need for multiple tools.
-
Operational Efficiency: – Automated workflows for Accounts Payable, Recruitment, and other processes reduced manual effort.
-
Improved Adoption: – A modern, modular UI increased user engagement and simplified customization for different teams.
-
Advanced Security: – Keycloak integration with OpenID Connect enabled secure SSO and social logins, improving accessibility without compromising security.
-
Scalable Deployments: – CI/CD pipelines streamlined delivery across three AWS environments, ensuring reliability and scalability.
