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..
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) |
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) |
What are the course objectives?
What are the roles and responsibilities and methodology of this module?
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?
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?
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?
Instructor-led Sessions
Weekday Classes: 60 sessions of 1 hour each.
Real-life Case Studies
Assignments
Lifetime Access
24 x 7 Expert Support
Certification
SAP Trainee.
Forum
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
level – View Level – Control Level – MVC Architecture – SAPUI5 With JavaScript View
and XML View – View to View Navigation
OData Services
$orderby – $select – $filter – $expand – using multiple querystrings in a single URL –
Configure the odata domain in the SAP HCP.
SAP WEBIDE:
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
• 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
• 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
• Read (get)
• Update (put)
• Delete (delete)
OData Query Options
• $select
• $orderby
• Client-side paging ($top, $skip, and $inlinecount)
• $count
• $expand
• $format
OData Service Creation
o Service Generation
Service Creation Process
• Service Implementation
• Service Maintenance
SAP NetWeaver Gateway Service Builder
OData Channel Development Paradigm
• Data Provider Class
SAP FIORI
• 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 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.


In future, if I want to learn any courses, I’m sure that I will approach EMAX Technologies only.
Thanks to all.

WHAT IF I MISS A CLASS?
WHAT IF I HAVE QUERIES AFTER I COMPLETE THIS COURSE?
HOW SOON AFTER SIGNING UP WOULD I GET ACCESS TO THE LEARNING CONTENT?
IS THE COURSE MATERIAL ACCESSIBLE TO THE STUDENTS EVEN AFTER THE COURSE TRAINING IS OVER?
- BengaluruDelhi
- Kolkata
- Chennai
- Hyderabad
- Pune
- Gurgaon
- Mumbai
- Noida
Comments are closed.