UI Integration Cards allow you to consume business content from SAP and third-party solutions. They are stored and managed in the so-called host environment – SAP Build Work Zone or SAP SuccessFactors Work Zone in the context of this learning course.
The concept of UI Integration Cards belongs to the SAPUI5 framework and follows SAP Fiori design language.
The development of UI Integration Cards starts from SAP Business Application Studio. SAP Business Application Studio is the recommended integrated development environment (IDE) for UI Integration Cards because it simplifies the development experience drastically:
It is not required to have SAP Business Application Studio in the same subaccount with SAP Build Work Zone or SAP SuccessFactors Work Zone. The design and development can be done in any SAP Business Application Studio where a space with the extension Development Tools for SAP Build Work Zone is created.
It is not necessary to have any prior programming experience to start with the design and development of UI Integration Cards, thanks to a low-code development paradigm. SAP Business Application Studio allows you to create UI Integration Cards by following configuration steps in the Project Wizard: when these are steps completed, SAP Business Application Studio creates two files –
Configuration.js. The first file is the starting point for the UI Integration Card: it defines the name and description of the card, tags, how content should be displayed, various parameters, and so on. The second file helps to define how the configuration parameters of the UI Integration Card should be rendered, for example, dropdown list with pre-defined set of values, toggle, and so on. Since there are different types of UI Integration Cards supported, typically 80% of requirements for UI Integration Cards can be covered by the low-code development paradigm by working with
Besides that, experienced developers can benefit from pro-code development for UI Integration Cards. Since UI Integration Cards are part of SAPUI5 framework, you can implement advanced business logic by utilizing
View.xml, and other familiar SAPUI5 components.
When a UI Integration Card is designed and developed with SAP Business Application Studio and deployed to SAP Build Work Zone or SAP SuccessFactors Work Zone, it can be managed from the Administration Console and used in home pages, workspaces, and chatbots.
UI Integration Cards cannot be used in the launchpad component of SAP Build Work Zone (that is, they are unavailable in the menu Applications).
The next sections will explain the design, development, deployment, and administration of UI Integration Cards in more detail.