UI redesign for a Fraud Detection System
THE BUSINESS NEED
The complete UI redesign of the existing application “Fraud detection” and the new UI’s integration with the algorithms used in the original software. The Fraud detection application, functions as a real-time system that detects fraud based on predefined scenarios that apply over a pool of betting transactions. The UI’s redesign was essential in order achieve commercial attraction. The application is used by a Greek IT company that provides worldwide solutions for lottery systems.
CSS designed and implemented a fully customizable multithreaded UI framework which was the foundation of the final UI redesign. The framework separates the UI from the data layer, allowing thus easy modification of the existing application. It also supports a multi lingual environment, 3 level dynamic menus, simple or “rollover” buttons, user authentication parameters. The framework was implemented with the use of Java 6 (e.g. Swing components). An xml file was used to link the UI with the underlying content. Within this xml, all UI’s parameters and components (icons, menu, buttons, content) are defined, as well as any linking between them. All labels in all languages supported are defined in ‘*.property’ files. The framework consists of the following parts:
- Resources – parameters definition and administration (xml)
- GUIFrame – application window creation and administration
- GUIHandler – buttons and menu administration
- ApplicationDataHandler – content and data management
- ContentPanel – Application specific Content Frames
- CSSButton – control buttons
More specifically on application launch, the Resources Component analyzes the xml producing the necessary structures for the GUIFrame and GUIHandler. These structures include fonts, colors, images, menu options, content management frames etc. The GUIFrame and GUIHandler then, design and create the central window and the application’s content frames. At the same time the GUIHandler executes the predefined actions depending on the user selection, and the GUIFrame displays any info or error messages.
The ApplicationDataHandler is the means through which the GUI can have access to the application’s data. The data themselves are initiated and administrated by the ApplicationData component. This extensible component is an essential part for any application using the framework in discussion. All the content administration frames can be dynamically linked with the menu options using the previously mentioned xml file. In a similar way all application functions can be linked to menu options where necessary.
The new GUI was successfully integrated to the application. The existing application functionality was kept. On top of this, a new fully customized and documented modern GUI was implemented, permitting thus our client to deliver the final product to the Greek IT company.