SlideShare a Scribd company logo
1 of 2
SAP Fiori and UI5
SAP Fiori and SAPUI5 are components of SAP's user experience (UX) strategy, designed
to provide a consistent and intuitive user interface for SAP applications across
different devices. Here's an overview of each:
SAP Fiori:
Definition: SAP Fiori is a design principle and user experience (UX) approach developed
by SAP to enhance the usability and visual appeal of its software applications.
Key Features:
Role-Based Design: Fiori is built around the concept of role-based design, meaning that
users get a personalized and role-specific experience tailored to their tasks and
responsibilities.
Responsive Design: Fiori applications are designed to be responsive, ensuring a
consistent user experience across various devices such as desktops, tablets, and
smartphones.
Simplification: Fiori simplifies complex business processes and provides a modern,
consumer-grade experience for enterprise applications.
SAPUI5 (SAP User Interface for HTML5):
Definition: SAPUI5 is a collection of libraries and tools for building responsive and
cross-browser web applications.
Key Features:
OpenUI5: SAPUI5 is based on the OpenUI5 open-source project, which allows
developers to use the framework independently of SAP systems.
MVC Architecture: It follows the Model-View-Controller (MVC) architecture,
promoting a clear separation of concerns in application development.
Data Binding: SAPUI5 supports data binding, making it easy to connect the user
interface with the underlying data model.
Extensibility: Developers can extend or customize SAPUI5 applications to meet specific
business requirements.
Integration:
Fiori applications often use SAPUI5 for their user interfaces. SAPUI5 is the underlying
technology that enables the development of Fiori apps. However, it's important to
note that while Fiori is primarily a design philosophy and user experience guideline,
SAPUI5 is the technical framework used to implement Fiori applications.
Development Environment:
SAPUI5 applications can be developed using the SAP Web IDE (Integrated
Development Environment) or other popular IDEs. Developers use JavaScript (and
sometimes TypeScript), XML, and CSS for building user interfaces.
In summary, SAP Fiori provides a design approach and principles for creating a
consistent and user-friendly experience across SAP applications, while SAPUI5 is the
underlying framework for building web applications that adhere to Fiori design
principles. For more information visit Roi e-solutions

More Related Content

Similar to SAP Fiori and UI5. docx

Neha_Thapa_Resume
Neha_Thapa_ResumeNeha_Thapa_Resume
Neha_Thapa_Resume
Neha Thapa
 

Similar to SAP Fiori and UI5. docx (20)

Fast Track your SAP Fiori Journey with HANA Cloud Platform
Fast Track your SAP Fiori Journey with HANA Cloud PlatformFast Track your SAP Fiori Journey with HANA Cloud Platform
Fast Track your SAP Fiori Journey with HANA Cloud Platform
 
SAP Fiori : Drive Digital Transformation
SAP Fiori : Drive Digital TransformationSAP Fiori : Drive Digital Transformation
SAP Fiori : Drive Digital Transformation
 
SAP Fiori : Drive Digital Transformation
SAP Fiori : Drive Digital TransformationSAP Fiori : Drive Digital Transformation
SAP Fiori : Drive Digital Transformation
 
SAP TechEd 2017 Fiori and SAP Screen Personas NET 52541
SAP TechEd 2017 Fiori and SAP Screen Personas NET 52541SAP TechEd 2017 Fiori and SAP Screen Personas NET 52541
SAP TechEd 2017 Fiori and SAP Screen Personas NET 52541
 
Dashboard and apps - part 1
Dashboard and apps - part 1Dashboard and apps - part 1
Dashboard and apps - part 1
 
Fiori Digitization: Overcoming Challenges in the 2021 SAP Environment
Fiori Digitization: Overcoming Challenges in the 2021 SAP EnvironmentFiori Digitization: Overcoming Challenges in the 2021 SAP Environment
Fiori Digitization: Overcoming Challenges in the 2021 SAP Environment
 
Enterprise UI: Transforming enterprise application into engaging experience
Enterprise UI: Transforming enterprise application into engaging experienceEnterprise UI: Transforming enterprise application into engaging experience
Enterprise UI: Transforming enterprise application into engaging experience
 
SAP Fiori ppt
SAP Fiori pptSAP Fiori ppt
SAP Fiori ppt
 
SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas
SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personasSAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas
SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas
 
Эволюция интерфейса Siebel - Responsive Web Design
Эволюция интерфейса Siebel  - Responsive Web DesignЭволюция интерфейса Siebel  - Responsive Web Design
Эволюция интерфейса Siebel - Responsive Web Design
 
Neha_Thapa_Resume
Neha_Thapa_ResumeNeha_Thapa_Resume
Neha_Thapa_Resume
 
UI5 Tooling & Ecosystem
UI5 Tooling & EcosystemUI5 Tooling & Ecosystem
UI5 Tooling & Ecosystem
 
SAP Fiori for Superior User Experience.pptx
SAP Fiori for Superior User Experience.pptxSAP Fiori for Superior User Experience.pptx
SAP Fiori for Superior User Experience.pptx
 
Introduction Into SAP Fiori
Introduction Into SAP FioriIntroduction Into SAP Fiori
Introduction Into SAP Fiori
 
UI5con 2018 - Keynote
UI5con 2018 - KeynoteUI5con 2018 - Keynote
UI5con 2018 - Keynote
 
UI5conBE 2020 - Keynote
UI5conBE 2020 - KeynoteUI5conBE 2020 - Keynote
UI5conBE 2020 - Keynote
 
SAP S4HANA FIORI Overview for SAP FICO Module
SAP S4HANA FIORI Overview for SAP FICO ModuleSAP S4HANA FIORI Overview for SAP FICO Module
SAP S4HANA FIORI Overview for SAP FICO Module
 
Sap Ui5 Overview | Sap Ui5 Architecture – Features
Sap Ui5 Overview | Sap Ui5 Architecture – FeaturesSap Ui5 Overview | Sap Ui5 Architecture – Features
Sap Ui5 Overview | Sap Ui5 Architecture – Features
 
Liquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdfLiquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdf
 
SAP TechEd 2016 ux209_sap_screen_personas_lecture
SAP TechEd 2016 ux209_sap_screen_personas_lectureSAP TechEd 2016 ux209_sap_screen_personas_lecture
SAP TechEd 2016 ux209_sap_screen_personas_lecture
 

Recently uploaded

Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
dlhescort
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
amitlee9823
 
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
daisycvs
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
daisycvs
 
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
Anamikakaur10
 

Recently uploaded (20)

Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort ServiceEluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
 
Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024
 
Falcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in indiaFalcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in india
 
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
 
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
 
Value Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and painsValue Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and pains
 
(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
 
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
 
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
 
PHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation FinalPHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation Final
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
 
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 MonthsSEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
 
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
Call Now ☎️🔝 9332606886🔝 Call Girls ❤ Service In Bhilwara Female Escorts Serv...
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
 
Whitefield CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
Whitefield CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLWhitefield CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
Whitefield CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
 
Falcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business GrowthFalcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business Growth
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptx
 

SAP Fiori and UI5. docx

  • 1. SAP Fiori and UI5 SAP Fiori and SAPUI5 are components of SAP's user experience (UX) strategy, designed to provide a consistent and intuitive user interface for SAP applications across different devices. Here's an overview of each: SAP Fiori: Definition: SAP Fiori is a design principle and user experience (UX) approach developed by SAP to enhance the usability and visual appeal of its software applications. Key Features: Role-Based Design: Fiori is built around the concept of role-based design, meaning that users get a personalized and role-specific experience tailored to their tasks and responsibilities. Responsive Design: Fiori applications are designed to be responsive, ensuring a consistent user experience across various devices such as desktops, tablets, and smartphones. Simplification: Fiori simplifies complex business processes and provides a modern, consumer-grade experience for enterprise applications. SAPUI5 (SAP User Interface for HTML5): Definition: SAPUI5 is a collection of libraries and tools for building responsive and cross-browser web applications. Key Features: OpenUI5: SAPUI5 is based on the OpenUI5 open-source project, which allows developers to use the framework independently of SAP systems. MVC Architecture: It follows the Model-View-Controller (MVC) architecture, promoting a clear separation of concerns in application development. Data Binding: SAPUI5 supports data binding, making it easy to connect the user interface with the underlying data model. Extensibility: Developers can extend or customize SAPUI5 applications to meet specific business requirements. Integration: Fiori applications often use SAPUI5 for their user interfaces. SAPUI5 is the underlying technology that enables the development of Fiori apps. However, it's important to
  • 2. note that while Fiori is primarily a design philosophy and user experience guideline, SAPUI5 is the technical framework used to implement Fiori applications. Development Environment: SAPUI5 applications can be developed using the SAP Web IDE (Integrated Development Environment) or other popular IDEs. Developers use JavaScript (and sometimes TypeScript), XML, and CSS for building user interfaces. In summary, SAP Fiori provides a design approach and principles for creating a consistent and user-friendly experience across SAP applications, while SAPUI5 is the underlying framework for building web applications that adhere to Fiori design principles. For more information visit Roi e-solutions