Quick Contact

SAP UI5/FIORI ON S/4HANA Training In Hyderabad

UI5/Fiori on S/4HANA represents the evolution of SAP’s user experience, combining the SAPUI5 framework with the Fiori design principles to deliver modern, responsive, and enterprise-ready applications that run seamlessly across devices—smartphones, tablets, and desktops. Leveraging fundamental improvements such as modular code, asynchronous loading, and adherence to web standards, UI5/Fiori on S/4HANA ensures fast, future-proof, and scalable applications fully integrated with the S/4HANA digital core. It offers a consistent and intuitive user experience through its model–view–controller architecture, advanced data binding, rich UI controls, and built-in internationalization, allowing businesses to transform their processes with efficient, adaptable, and device-independent interfaces..

Upcoming Batches
AUG 5th MON – FRI (75 DAYS)
ONLINE
Timings – 07:00 PM to 08:00 PM (IST)
AUG 6th MON – FRI (75 DAYS)
ONLINE
Timings – 07:00 AM to 08:00 AM (IST)
Upcoming Batches
AUG – 5th MON – FRI (75 DAYS)
ONLINE
Timings – 07:00 PM to 08:00 PM (IST)
AUG – 5th MON – FRI (75 DAYS)
ONLINE
Timings – 07:00 AM to 08:00 AM (IST)
Description

What are the course objectives?

UI5/Fiori on SAP S/4HANA is the modern user experience (UX) framework for enterprise applications, building upon SAP’s UI5 JavaScript-based toolkit and the Fiori design system to deliver responsive, multi-platform business applications across desktop and mobile devices. Fiori serves not just as a technology but as a design language that enforces intuitive, role-based access to applications via the Fiori Launchpad, enabling seamless integration of both transactional and analytical apps. With the latest SAP S/4HANA releases, organizations can leverage hundreds of standard Fiori apps—built with SAP UI5—that extend classic SAP capabilities and are accessible via browsers on any device. SAP continues to strongly invest in Fiori innovations, including recent support for cloud deployment, adaptation projects for custom requirements, and streamlined upgrades that help maintain consistent UI/UX across on-premise, private, and public edition S/4HANA systems. SAP UI5 and Fiori together promote extensibility, upgrade flexibility, and improved productivity, while the latest best practices emphasize lifecycle management, application variants, and readiness for cloud extensions to achieve a unified digital experience for business users.

What are the roles and responsibilities and methodology of this module?

SAP UI5/Fiori on S/4HANA offers a modern, unified user experience (UX) and is SAP’s design paradigm for delivering intuitive, responsive, and role-based applications across desktop, tablet, and mobile devices. As of 2025, the integration of UI5 and Fiori with SAP S/4HANA has introduced several significant advancements and capabilities:

What is UI5/Fiori on S/4HANA?

  • SAP Fiori: A user experience and design framework providing over 3,000 standard apps, organized into more than 600 business roles, tailored for SAP S/4HANA. Fiori apps handle core functions like workflow approvals, information lookups, analytics, and self-service tasks. The Fiori Launchpad acts as the central entry point for users, integrating Fiori, classic SAP GUI, and custom applications in a cohesive environment.

  • SAP UI5: The underlying development technology—an enterprise-ready web application framework based on HTML5 and JavaScript—enabling the creation of highly responsive, mobile-friendly, and customized business apps on the S/4HANA platform.

Who should go for this training?

Any graduate can learn this course,If you have freedom to choose one of these four languages: html, js, xml, json to design the UI.

The controller is used to write several events defined in sapui5 which are based on javascript and jquery. You can also use javascript and jquery to achieve the desired goal.

What are the skills that you will be learning with this course?

Strong experience in developing user, functional, and system requirements for UI5/Fiori applications on S/4HANA.
Expertise in Fiori design patterns and UI Theme Designer to customize and enhance the user interface.
Comprehensive understanding of SAP Fiori UI principles and the SAP Fiori design guidelines.
Skilled in capturing and tracking functional requirements for S/4HANA Fiori apps to ensure alignment with business processes.

What are the prerequisites to learn this course?

You should have knowledge of UI5/Fiori on S/4HANA, as SAP Fiori—which is built on SAPUI5—leverages web technologies such as HTML, JavaScript, XML, JSON, and CSS. This technical expertise is especially important for developing and customizing Fiori applications within the S/4HANA environment.
Key Features

Instructor-led Sessions

45 Hours of Online Live Instructor-Led Classes. Weekend Classes: 24 sessions of 2 hours each.
Weekday Classes: 60 sessions of 1 hour each.

Real-life Case Studies

Live project based on any of the selected use cases, involving implementation of the various concepts.

Assignments

Each class will be followed by practical assignments.

Lifetime Access

You get lifetime access to LMS where presentations, quizzes, installation guide & class recordings.

24 x 7 Expert Support

We have 24×7 online support team to resolve all your technical queries, through ticket based tracking system, for the lifetime.

Certification

After completing your final course project successfully emax will provide you certificate as a
SAP Trainee.

Forum

We have a community forum for all our learners that further facilitates learning through peer interaction and knowledge
Preview

SAPUI5 - Fundamental requisite

  • HTML5 – Structure, Headings, Formatting, Font, Paragraph, Div,
    Form , Input, RadioButton, CheckBox, Select, Page To page
    Navigation.
  • CSS3 – Cascading Style Sheets: CSS syntax, Integrating CSS
    in HTML, Types of Style sheets – External, Internal- CSS,
    Selectors – Universal/Global, Type/Element, ID, Class.
  • Chrome Browser : Console Introduction, Element Tab, Console
    Tab and its users – Source Tab and Network Tab.
  • JavaScript – Intro to Core JavaScript –journey from ES1 to
    latest ES2019-ES10 – ECMA10 Latest JavaScript methods –
    using Internal and External JScirpts – integrate script into HTML
    – Variable Declarations – Primitive and Object Datatypes –
    Number – String- replacing document.write() and other methods
    in SAPUI5 with MessageToast – MessageBox classes – intro to
    the latest ECMA10 JS methods like JSON.stringify() –
    Array.flat() – Object.fromEntries() – String.trimStart() –
    trimEnd() – Array.sort() – Array.flatmap() and all latest methods
    including – Array Properties – Constructors – Methods like
    pop(), shift(), push(), slice(), join(), toString(), reverse(), sort(),
    copyWithin(), split() , concat(), index().
  • JSON – Intro to Object oriented JavaScript – how JSON is used
    to handle client side data and in OData Services.

SAPUI5 - Getting started

  • Introduction.
  • Eclipse IDE installation

SAPUI5 Runtime Environment

  • Databinding –
    • JSONModel
    • ResourceModel
    • ODataModel with Real TIME SCENERIOS ONLY.

SAPUI5 Controls

  • Action Controls
    Button-Info Label- Link – OverflowToolbarButton –
    PullToRefresh – ToggleButton – UploadCollection.
  • Container
    Carousel – IconTabBar – Panel – Page.
  • Data Visualization
    VizFrame Charts – Bar – Bubble – Bullet – Column – Donut
    – Heatmap – Line – Pie – Waterfall.
  • Display
    Busy Indicator – Image – Label – MessageManager –
    ObjectStatus – PDF Viewer – Text – Title.
  • Layout
    VBox – HBox – Form – Grid – ObjectPageLayout.
  • List
    Column – List – ResponsiveTable.
  • PopUp
    Dialog – MessageBox – MessageToast.
  • UserInput
    Calendar – CheckBox – DateTimePicker – Input –
    RadioButton – Select – Switch – TextArea.

Major UI5 Topics for RealTimeProject Development

Levels of Binding – Application
level – View Level – Control Level – MVC Architecture – SAPUI5 With JavaScript View
and XML View – View to View Navigation

OData Services

Introduction to OData Architecture – Query Strings intro using –
$orderby – $select – $filter – $expand – using multiple querystrings in a single URL –
Configure the odata domain in the SAP HCP.

SAP WEBIDE:

Intro to SAP HCP – Configuration of OData domain and Servers both OnPremise and
CLOUD connectors – Invoke WEBIDE from SAP HCP – Usage of Templates – Worklist
, Master Details & CRUD MasterDetails Template – use these for REAL TIME
PROJECTS.

UI5 Concepts

  • BindingContext – Filters – using Expand on 2 entitysets – Formatters –
    usage of Fragments – Custom Formatters – Expression Bindings – Graphs – CRUD
    operations on SAP OData Services in UI5

SAP NetWeaver Gateway Service Builder

• SE11 – Custom Table Creation
• SE37 – Function Module Creation
• Introduction to Netweaver Gateway Service Buildwer
• Architecture
• Installation – Hardware & Software requirements

SAP NetWeaver Gateway Setup and configuration

  •  SICF configurations

OData Service

o Structure of OData service
• Service Document
• Service Metadata Document

o Elements of OData Documents

• Entity
• Entity Type
• Entity Set
• Property
• Navigation Property
• Association

o Data Model

OData Operations - CRUD

• Create (post)
• Read (get)
• Update (put)
• Delete (delete)

OData Query Options

• $filter
• $select
• $orderby
• Client-side paging ($top, $skip, and $inlinecount)
• $count
• $expand
• $format

OData Service Creation

o Service evelopment
o Service Generation

Service Creation Process

• Data Model Definition
• Service Implementation
• Service Maintenance

SAP NetWeaver Gateway Service Builder

• Runtime Artifacts

OData Channel Development Paradigm

• Model Provider Class
• Data Provider Class

SAP FIORI

• Fiori Designer – Catalogs – TargetMapping – Tiles – Groups Creation
• STEP by STEP approach of how to place the Fiori Standard and
Custom apps on the Fiori Launchpad
• Fiori Apps Library
• Fiori App Types

Course Support

 Real Time Objects & Examples with Real Time Application Development.
 Real Time Project Procedure and Detailed Course Material, Resume
Preparation.
 Daily Assignments and assessing on the Progress from Beginner Level
to Expert Level.
 Minute focus on every student/trainee to handle the SAP UI5 Project on
his/her own in the company.
Reviews
FAQs

WHAT IF I MISS A CLASS?

You will never miss a lecture at Emax You can choose either of the option: View the recorded session of the class available in your LMS.

 

WHAT IF I HAVE QUERIES AFTER I COMPLETE THIS COURSE?

Your access to the Support Team is for lifetime and will be available 24/7. The team will help you in resolving queries, during and after the course.

HOW SOON AFTER SIGNING UP WOULD I GET ACCESS TO THE LEARNING CONTENT?

Post-enrolment, the LMS access will be instantly provided to you and will be available for lifetime. You will be able to access the complete set of previous class recordings, PPTs, PDFs, assignments. Moreover the access to our 24×7 support team will be granted instantly as well. You can start learning right away.

IS THE COURSE MATERIAL ACCESSIBLE TO THE STUDENTS EVEN AFTER THE COURSE TRAINING IS OVER?

Yes, the access to the course material will be available for lifetime once you have enrolled into the course.
Find SAP UI5/FIORI ON S/4HANA Certification Training in other cities
Delivered By

Karthik

Sr. SAP UI5/Fiori on s/4 Hana Consultant

12+ Years of Experience

Contact Us

+91 99484 44808

Comments are closed.