Subject: SAP-Fiori-Design-Guidelines
Domain: SAP User Experience and Cloud Integration
As enterprises move towards cloud-first strategies, integrating SAP Fiori applications with the SAP Cloud Platform (SCP) becomes essential for building scalable, flexible, and modern business solutions. SAP Cloud Platform offers a robust environment to develop, extend, and deploy SAP Fiori apps while leveraging cloud-native services and infrastructure.
This article explores the benefits, architecture, and best practices for integrating SAP Fiori with SAP Cloud Platform, aligned with SAP Fiori Design Guidelines to ensure consistent and high-quality user experiences.
- Cloud-Native Development: SCP provides tools and services optimized for building SAP Fiori apps in the cloud.
- Extension Capabilities: Extend existing SAP on-premise Fiori apps or create new cloud-native apps using SAP Business Technology Platform (BTP).
- Scalability & Flexibility: Easily scale applications to meet user demand and adapt to evolving business needs.
- Seamless Connectivity: SCP supports integration with SAP S/4HANA, SuccessFactors, and other cloud/on-premise systems via APIs and connectors.
- Consistent UX: Align with SAP Fiori Design Guidelines to deliver unified and responsive user interfaces regardless of deployment model.
Integrating SAP Fiori with SCP typically involves:
- Frontend Layer: SAP Fiori apps built using SAPUI5 and hosted on SCP’s SAP Launchpad service or Cloud Foundry environment.
- Backend Services: Business logic and data served from SAP S/4HANA or other systems, accessed via OData services or APIs.
- Connectivity Layer: SAP Cloud Connector or API Management to securely connect cloud apps with on-premise systems.
- Identity and Access Management: SCP’s authentication and authorization services ensure secure, single sign-on (SSO) access.
- Use SAP Business Application Studio (BAS) or SAP Web IDE in SCP to build or customize Fiori apps with SAPUI5.
- Utilize Fiori elements and UI5 controls following SAP Fiori Design Guidelines for consistent UI.
- Leverage SCP services such as workflow, AI, or IoT to enhance app functionality.
- Configure SAP Cloud Connector for secure tunnel between SCP and on-premise SAP systems.
- Use API Management to expose backend OData or REST services with monitoring and security.
- Employ Destination Service in SCP to manage connection settings centrally.
¶ 3. Deploy and Host on SCP Launchpad
- Deploy apps to SCP Launchpad for cloud-based, role-based access to Fiori apps.
- Organize apps into groups and catalogs following Fiori Launchpad design principles.
- Enable responsive access from desktops and mobile devices.
¶ 4. Implement Authentication and Authorization
- Integrate with SCP’s Identity Authentication Service (IAS) for user management and SSO.
- Map user roles and permissions aligned with SAP Fiori’s role-based design approach.
- Consistent Look and Feel: Use SAP Fiori Design System components to ensure visual and functional consistency.
- Role-Based Access: Design apps and launchpad content tailored to user roles and business processes.
- Responsive Design: Ensure apps are fully responsive for access across devices and screen sizes.
- Performance Optimization: Use SCP caching, backend service optimization, and asynchronous data loading.
- Security: Apply SCP’s built-in security features for data protection and compliance.
- Continuous Delivery: Leverage SCP CI/CD pipelines for efficient app lifecycle management.
| Benefit |
Description |
| Accelerated Innovation |
Rapidly develop and deploy new features using cloud services. |
| Reduced TCO |
Minimize infrastructure and maintenance overhead via cloud. |
| Enhanced User Experience |
Unified Fiori UX across cloud and on-premise apps. |
| Agility and Scalability |
Quickly adapt to changing business requirements and scale. |
Integrating SAP Fiori with SAP Cloud Platform empowers organizations to deliver modern, scalable, and user-friendly enterprise applications. By following SAP Fiori Design Guidelines during development and leveraging SCP’s cloud capabilities, businesses can create seamless and efficient user experiences that drive digital transformation.
Whether extending existing Fiori apps or building new cloud-native solutions, SAP Cloud Platform offers a flexible and secure foundation for the future of SAP UX.