VERSION IT

(603, Nilgiri Block, Aditya Enclave, Ameerpet, Hyd-38, Ph-040-66738677/8766)

SAP UI5 With FIORI

1. SAP UI5 Overview
a.
b.
c.
d.
e.
f.
g.
h.
i.

Introduction
Background of SAP UI evolution
Different ways of App development
SAP UI5 Architecture
Features of SAP UI5 and SAP Fiori
SAP UI5 Development Process
Components of SAP UI5
Software components overview
Installation overview

2. ODATA Services
a.
b.
c.
d.
e.
f.
g.
h.
i.
j.
k.

ODATA overview
HTTP Protocols
DATA Transfer using JSON
ODATA basics
ODATA using Open Services
REST Services
XML vs JSON data
Formatting Http requests
GET,POST,PUT and DELETE Operations
Consumption of North Wind Services
Usage of REST Client

3. SAP Net Weaver Gateway

a.
b.
c.
d.
e.
f.
g.
h.

SAP back end system configuration

Modeling overview
Enhancing the EXT Methods
Activating and testing the service
Read Single Entity
Associations
Creating and updating data by services
Create CRUD services by RFC's

SAP UI5 and Fiori Training

i. Create CRUD services by Method implementations

j. Create CRUD services by BAPI's
k. Interview oriented real time issues

4. HTML5 and CSS

a.
b.
c.
d.
e.
f.
g.

Basic tags, Selecting elements, Borders, Colors

Formatting tags, Html Page Structure
HTTP Status Messages
Styles & Semantic Tags
Working with colors- Background images
ID's, child selectors, pseudo classes
Styling links, styling lists

5. Java Script
a.
b.
c.
d.
e.

Objects , Boolean, Strings, Arrays, Date, Math

Operators
IF ....Else, Switch . Case, While Loop, For Loop
Loop Controls, Functions, Events.
Image Map, Error Handling, Validations.

6. SAP UI5 Front End Components

a.
b.
c.
d.
e.
f.
g.
h.

Components Overview
MVC Architecture in UI5
HTML5 Basics
CSS3 Basics
Java Script and JS Query
Different Views
Different Layouts (Matrix, Grid and Form)
Interview oriented real time issues

7. SAP UI5 Controls

a.
b.
c.
d.
e.
f.

UI5 Simple Controls.

UI5 predefined Icons Overview.
Splitter, Tab strip,Matrix layout,Simple form.
Message Box,Dialog box.
Buttons,Image,Image Map,Label,Link,Scroll bar.
Checkbox, Radio button, Dropdown

8. SAP UI5 Components Development

a. Basis UI5 elements
b. Sample Program development

SAP UI5 and Fiori Training

c.
d.
e.
f.
g.
h.
i.
j.
k.
l.

OData Binding concepts

Mobile Libraries Introduction
Different Controls for Mobile
Usage of Advanced Controls
Charting Libraries
Table Display in UI5
Interactive UI5 Application
Deploying the application in SAP
Mobile Deployment
Interview oriented real time issues

9. Screen manipulations
a. Hiding the screen elements
b. Enable and Disable Screen elements
c. Hiding UI5 controls with another set of images.

10. API class Library References

a. SAP.UI.commons
b. SAP.m

11. SAP UI5 Best Practices

a.
b.
c.
d.
e.
f.
g.
h.

Using standard templates for development

Usage of SAP standard help for development
Real time issues in Production deployment
How to use the FIORI Templates
Creating an FIORI application in 3 minutes
Creating a Mockup for the SAPUI5/ FIORI Application
How to setup an Infrastructure in Customers Landscape
Best Practices

12. SAP Fiori

a.
b.
c.
d.
e.
f.
g.
h.
i.
j.

Overview of fiori technology and Configuration.

Installation of Backend components
Installation of Front End components
Configuration of SICF services
Activation of basic services
Basic User administration and Configuration
SAP Fiori Launch pad
Configure SAP Fiori Application in Launch pad
Fiori architecture.
Different Application types in fiori.

SAP UI5 and Fiori Training

k.
l.
m.
n.
o.
p.
q.

Fiori launch PAD and Fiori Client.

Deploying UI5 APP on fiori Launchpad.
Transactional APPS.
Analytical APPS.
Fact Sheet Apps.
Build your own Fiori APP in Cloud.
Troubleshooting Fiori Apps

13. How to Create End-to-End UI5 application in Client Systems

a. Requirement Analysis
b. Designing Principles
c. Development
d. Common Problems during Deployment

SAP UI5 and Fiori Training