The business objective of this solution is to provide Business Team with a web application providing advanced search functions and a synchronization of data with SAP. Therefore, we started the project with few workshops with the IT and business teams. We proposed to develop a brand-new application based on SpringBoot and AngularJS frameworks.
We created the project backlog and start the first iteration focused on UX and UI. For a unified experience across platforms and device sizes we propose to follow material design standard developed by Google. Business users were involved since the beginning to validate our propositions. We created navigable mockups to help them to plan the future application.
Since UX and UI were adopted, the iterative development started with AngularJS and SpringBoot. We developed our frontend components or reused existing ones.
SAP integration has been done using SAP PI and web services. It involved a complete redesign of the database model. Application exposes web services, called by SAP, to synchronize master data. Orders are directly created in the application and sent to SAP after a validation by customer services. As soon as an update is done on the SAP side, application web service is synchronously called to update the order.
Order master data are also synchronised with SAP. Even though these data are in read only mode, the application proposes to extend them with private updatable shipping information useful to manage orders.
Here the main screen of the application presenting the orders in process.
Below the query tool to enable business user to efficiently filter orders based on their responsibilities.