Dynamic Policy Manager (Polman aka DPM) Graphical User Interface (GUI)¶

The Dynamic Policy Manager’s GUI is designed to simplify managing policies across applications and services. Featuring an intuitive layout and straightforward navigation, the interface allows users to view, create, and manage policies with ease. By highlighting essential features and making them accessible, the GUI ensures that policy management is efficient, user-friendly, and accessible without requiring extensive technical knowledge.The Dynamic Policy Manager provides two distinct modes of interaction: guest and user mode.

• DPM Guest Mode: This mode offers a read-only experience, allowing users to view the full list of policies without the ability to modify them. This approach ensures data integrity and prevents unauthorized changes.

• DPM GUI User Mode: For logged-in users, the interface unlocks full control over policy management, allowing them to create, edit, and delete policies as needed. These features enable efficient policy administration while keeping the process secure and streamlined.

Key Technologies Used in the UI¶

The frontend of the DPM leverage with React JS to provide a fast, a flexible and stable interface designed for dynamic data handling. React’s component-based structure allows us to break the interface into reusable parts, making it easy to add new features, organize complex data, and deliver real-time updates. This approach ensures that users experience quick, responsive interactions, which are essential for managing policies smoothly and efficiently.Alongside Material UI’s pre-designed components, we developed custom elements specifically for policy management. These include tailored forms, confirmation dialogs, and layout adjustments, all crafted to provide a streamlined and intuitive user experience. The combination of React, Material UI, and our custom-built components gives the UI a cohesive and professional look, while remaining adaptable to various user needs. This flexibility allows us to maintain a high standard of functionality and usability throughout the application.

Data Integrity and Secure Authentication¶

To ensure data accuracy and security, we integrated Formik and Yup for handling and validating user input within forms. These libraries (tools) help enforce data integrity by validating information before it reaches the backend, reducing errors and improving the reliability of policy management. Users are also notified immediately if an input does not meet requirements, preventing common mistakes and securing data accuracy. Alongside form validation, the application also uses Keycloak to manage user authentication and authorization, ensuring that only authorized users can access specific features. This adds an essential layer of security, allowing us to manage user sessions confidently, protect sensitive data, and deliver a seamless, secure experience. With its secure, intuitive, and highly functional design, the Dynamic Policy Manager’s GUI is designed to meet current needs in policy management.