SAP Fiori Introduction

By

SAP Fiori Design System

Accelerates and scales the design and development of enterprise software. It follows a modular design approach based on business roles, moving away from traditional monolithic transactions. It also Redefines the enterprise user experience by focusing on user tasks and workflows. SAP Fiori design system operates on two levels:
  • Universal values, principles, and practices apply across all technology platforms.
    • Values:- Consistency, Integration, Intelligence
    • Principles:- Role-based, Adaptive, Simple, Coherent, Delightful
    • Practices:- Design-Led Development, Design Council, Design Communities
  • SAP Fiori design languages provide standardized design guidance across multiple platforms.
    • SAP Fiori for Web
    • SAP Fiori for iOS
    • SAP Fiori for Android
    • SAP Conversational User Experience
SAP Fiori design system covers the below topics;

  • What is Fiori?
    • SAP Fiori is a design system that provides a consistent and holistic user experience for SAP software across platforms and devices.
  • Design Principles
    • Role-based: Designed for your business, your needs, and how you work.
    • Adaptive: Enables users to work where they want, regardless of the device.
    • Simple: Hep users focus on what is important, intuitively and quickly.
    • Coherent: Provide an intuitive and consistent experience across the enterprise.
    • Delighful: SAP Fiori enriches the user's work experience.
  • Design-Led Development Process
    • Explore: Identify the business challenges and innovation opportunities for customers.
    • Discover: You need a holistic view of the business roles affected by your apps.
    • Design: Come up with prototype and apply Fiori design guidelines to build a consistent UX
    • Deliver: Verify the final implementation and design to deliver the intended UX to end-user. 
    • Run&Scale: App can be adopted and available to the end-users.
  • Responsiveness
    • SAPUI5 makes responsive design easy by offering a wide range of UI controls that automatically adjust to different form factors and interaction styles. Additionally, SAPUI5 lets you adjust the size of the controls to match the type of interaction (such as touch device or keyboard/mouse). The advantage of responsive design is that apps can adjust to different screen sizes without requiring additional coding and maintenance efforts.
  • Accessibility in SAP Fiori
    • Accessibility refers to the possibility for everyone, It is an integral part of the SAP Fiori design system and SAPUI5. Accessibility support is incorporated at two levels:
      • Framework level
      • App level
SAP Fiori Evolution:
SAP Fiori has evolved out of a small initiative into an industry-scale design system for all SAP products. The latest and third evolution of SAP Fiori focuses on consistency, integration and intelligence to ensure that SAP Fiori can be used to integrate all products into one intelligent enterprise suite.
  • SAP Fiori 1.0
    • SAP Fiori started in 2013 and implemented with SAP UI5 version 1.26 - 1.38.
    • New theme SAP Blue Crystal (theme ID sap_bluecrystal).
    • Break down monolithic transactions into role-based and task-focused apps.
    • Enable a responsive experience across all devices.
  • SAP Fiori 2.0
    • Fiori 2.0 was launched in 2016 and implemented with SAPUI5 version 1.42 - 1.70.
    • New theme SAP Belize (theme ID sap_belize).
    • CoPilot:- connects content and services from different products.
    • SAP Fiori launchpad:- notifications, and improved navigation.
  • SAP Fiori 3
    • Fiori 3.0 was announced in 2018 and implemented with SAPUI5 version 1.70 and above.
    • New theme SAP Quartz Light (theme ID sap_fiori_3)
    • Integration of Cards: Delivering more content to the initial pages of the end-users.
    • Structure content:- Providing multiple home pages and sub-pages.
    • Fiori 3 design system has been extended beyond the established reference technology SAPUI5 and the classic UI technologies to include the latest web technologies based on frameworks like Angular, React or Vue, and Web Components.

Comments

Post a Comment

Popular posts from this blog

Preparing the ABAP developement environment for SAP BTP

By
Image
Setup SAP BTP ABAP environment Login to the SAP BTP account with your registered email id Click on Trial Home Click on Go To Your Trail Account to navigate to trail intance BTP cockpit   Create service instance: you can do this by simply going to the booster tab Click start, it will create your instance on the cloud. Once the setup is done download the Service key. You can view the created service under instance tab How to Create ABAP Cloud project: Note: You must already have an SAP BTP account with an ABAP service and service key. Also install Eclipse and the SAP ABAP Development Tools. Open ABAP Perspective -> Choose File -> New -> ABAP Cloud Project Use a Service key option will be selected as default. Choose Next Import the file or paste the service key into the editor. Choose Next Select Open Logon Page in Browser for validatng the account. Use your BTP login credentials to validated the account and you will see success message  Once verified the account successfully sys
Read more

Introducing RESTful Application Programming

By
Image
RAP is just one code line for all different deployment options, SAP S4HANA or the cloud scenarios. the core of the RAP is based on CDS and supports all the draft functionality, the extensibility, and out-of-the-box implementation to take all the technical implementation tasks. With 7.5, it was the first time SAP introduced an end-to-end programming model. From CDS via BOPF up to the gateway level, we were able to create applications. RAP is the successor of the ABAP Programming Model for SAP Fiori. SAP extended the core data services by the so-called behaviour definition. The extension of the CDS language, and also the extension of the ABAP language itself, are used in order to have the native concept of built-in business objects.   Define a Database Table To implement the data model we would need at least one table. In this case, there is one single database table that contains flight connections. Here are the common steps that involve in the creation of a table. Create a Table Defini
Read more