[DMP 2024]: Enhancements to Payment Hub EE Operations Web UI

[edcable]

Ticket Contents

Description

Mifos Payment Hub EE (PH-EE)is a Modern orchestation engine for digital & real-time payments enabling Digital Financial Service Providers (DFSPs) to connect to and participate in instant inclusive payment systems and for governments to disburse payments in bulk to functional wallet accounts.

Payment Hub EE can be deployed directly by the government or by individual institutions across the ecosystem:

• Pay-BB (Payment Building Block) - Engine and Portal which sits between beneficiary management system and payment switch including ID-account mapper capability, bulk processing capability, and payment orchestration to enable disbursement of G2P payments across multiple programs into the functional accounts of beneficiaries.
• Payment Hub EE - DFSP Participation Toolkit that is core-banking and payment system agnostic which enables the seamless integration and participation of any DFSP into a payment system through process orchestration

The operations web user interface is a critical tool that enables the users of PH-EE to initiate operations within the Payment Hub EE, view tranaction history, and analyze performance and transaction throughput.

Recently a brand new mono-repo microfrontend-based approach was introduced for PH-EE enabling multiple users and roles with different personas to interact with PH-EE.

Goal of this project would continue to enhance the overall user experience of the PH-EE Operations Web UI

Goals & Mid-Point Milestone

Goals

• [1] [Propose & Design UI/UX enhancements]
• [2] [Document as stories the outstanding UI screens to be implemented from Pay-BB Designs]
• [3] [Extend scope of Keycloak integration]
• [4] [Implement remaining UI screens identfied]
• [5] Implement usabilty enhancements
• [6] Integrate in the kibana/grafana dashboards and data visualizations.
• [Goals Achieved By Mid-point Milestone]

Setup/Installation

https://github.com/openMF/ph-ee-operations-web/blob/master/README.md

Expected Outcome

PH-EE Operations Web UI with improved user experience, greater visibliity into performance status of digital payments, and increased functional coverage for additonal use cases.

Acceptance Criteria

No response

Implementation Details

https://github.com/openMF/ph-ee-operations-web

• Improve upon and extend internationalization throughout the application
• Introduce new screens that haven't yet been implemented from the design (voucher management, P2G)
• Integrate in dashboards/visualizations from Kibana
• Improved configurability of look and feel
• Deepen integration with KeyCloak for user and role management.
• Enhance usability of ID account mapper and bulk payment interface.

Mockups/Wireframes

https://govstack-global.atlassian.net/wiki/spaces/GH/pages/251527172/UI+Design+Wireframes+-+Delivery+Milestone+1
https://mifos.gitbook.io/docs/payment-hub-ee/overview/data-dictionary

Product Name

Mifos Payment Hub EE Operations Web UI

Organisation Name

The Mifos Initiative

Domain

Financial Inclusion

Tech Skills Needed

Angular, HTML, Microservices, RESTful APIs, UI/UX/Design

Mentor(s)

@alberto-art3ch

Category

Frontend