Facilitate Product x Design x Engineering

About the Project

Applications that use the SAP Fiori design system can be developed using two technologies: SAPUI5 or Fiori Elements.

• SAPUI5 is a front-end framework based on open technologies like HTML5, JavaScript and CSS.

• Fiori Elements is a scaffolding framework based on backend annotations.

Challenges

To define which technology apps from the “Taxes management suite” should be developed, considering team expertise and design limitations from each approach.

Pros and cons

• SAPUI5

  • Pros: more flexibility on design.

  • Cons: team didn’t have too much expertise with the tecnology.

  • Cons: it would take more time to deliver.

• Fiori Elements

  • Pros: styles and controls updated by the central team; team had more expertise with backend development.

  • Cons: pre-defined set of designs.

Development strategy

Considering the above limitations, I worked with the team to specify the technology of development:

1. SAPUI5: Configure filters to specify integration criteria;

2. Fiori Elements: Create Credit Control from imported documents;

3. Fiori Elements: Post tax data to Financials.

Also, the order of development, which was:

Applications 2 and 3:

• They were developed with Fiori Elements to deliver value faster to customers, while they were reports-based apps, there was almost no loose of features.

Application 1:

• The suite was delivered in the first version with a preset of configurations to give the customers a faster adoption.