What is FIori?

Ans:- SAP Fiori is the new user experience (UX) for SAP software. It applies modern
design principles for a completely reimagined user experience. SAP Fiori UX
represents a personalized, responsive and simple user experience across devices
and deployment options.SAP Fiori is a standard package with collection of standard
applications.SAP Fiori contains standard applications for common business activities
like Purchase order, approve reject leave request, tracking shipments, tracking
purchase order. It contains all standard applications develop using UI5 and ODATA
framework.SAP Fiori application are also device independent(Desktop, Mobile,
Tablet)

What are the types of Fiori applications?

Ans:-Based on design principles SAP is released different types of applications, in
today we have 3 main types of applications
1.Analytical applications
2.Fact Sheet applications
3.Transactional applications
Analytical applications:- Analytical applications give users access to real-time

data regarding the business. These apps collect and process a huge amount
of data in a matter of seconds and present the results in a simplified format
that the user can understand and relate to easily. Analytical apps use the
huge data-processing and analytical power of SAP HANA.
Fact Sheet applications:- Fact sheet apps display information and key facts

about central objects used in the users business operations. From a fact
sheet tile, users can drill down into details and navigate from one fact sheet
to another
Transactional applications:- Transactional apps in SAP Fiori are used to perform

transactional tasks like a manager-employee transactions such as leave

request, travel requests, , approving purchase orders etc.
What are the design principles of Fiori?
Ans:- Fiori was developed based on the design principles
Role:-All Fiori applications are a role based, Each app is specific to a users role:

manager, employee, salesperson, and so on.

responsive:-Because its HTML5 based, Fiori can run on multiple devices, we can
use same application on desktop or on my laptop, or mobile phone and UI is going
to adopt itself and responding the changing the screen size
Simple:-it simple to use the Fiori application, you don't need any training for this
Coherent:- No matter how many apps Fiori has, they all have the same design
footprint and
thus the same look and feel.
This helps users become familiar with Fiori apps. After using one Fiori app, users feel
comfortable with other Fiori apps, because every app speaks the same design
language.

Delightful: Apart from making you work smarter, SAP Fiori also enriches your work
experience by allowing you to simply do your job.

What are the design patterns available in SAP UI5?

Master-Detail: This pattern is supported by SplitApp control of SAPUI5 and it is just
a master list displaying list of content which allows lead selection and its detailed
view. This I think is mostly the starting point in application building.
Full Screen: This is best suited for displaying charts, bar graphs and pictorial
data.
Multi-Flow: SAP recommends using this pattern when application flow is too
complex and you need to use all patterns together to build the working app.
Master-Master-Detail: Think of Shopping Cart or Trip Booking Application. You
dont want your trip to be booked right on the first page or payment to be made
when you visit shopping cart. You want to see a confirmation page which will show
what you are buying or which flight you are booking and also display details of the
transaction in the detail section.

What is Fiori Launchpad?

Ans:-SAP Fiori launchpad:-It is the entry point to Fiori apps on mobile or desktop
devices. The launchpad displays a Homepage with tiles. which can display live
status indicators, such as the number of open tasks. Each tile represents a business
application that the user can launch. This includes SAP Business Suite transactional
applications, and SAP Smart Business analytical applications. The launchpad is rolebased, displaying tiles according to the users role.
SAP Fiori launchpad designer:- It is a browser-based administration tool that
enables an administrator to configure tiles, create groups for the home page, and
create catalogs for the tile catalog.
The Fiori launchpad designer is the standard tool for:
Configuring the tiles for static app launchers, dynamic app launchers, and
target mapping.
Creating pre-configured groups and catalogs for the home page.
Transporting the configurations via correction requests / packages or
customizing workbench.

Different type of Tiles in FIORI?

a. Static AppLauncher : AppLauncher with static info where you can specify
icons and titles
b. Dynamic AppLauncher : Show dynamic number values such as pending
purchase order approvals, travel requests, missing days for timesheet etc and
can be different color such as Critical, Negative, Positive or Neutral as defined
by the oData service dynamically.
c. News tile : For displaying the news using the RSS feed.

What is Tile ,Catalog and Groups?

Ans:- A tile is a container that represents an app on the SAP Fiori launchpad home
page. All apps have at least one tile, Tiles are only used for launching apps and
presenting them on the launchpad.
Tiles can display different types of content. They can contain an icon, a title, an
informative text, numbers, and charts
Catalog is a collection of application and group is a collection of catalogs

How can you get to know that device is Touch Screen or not?
Ans. SAPUI5 library provides a special API sap.ui.Devicewhich can be used to for
device and its feature detection. This API has a flag sap.ui.Device.touch which
returns true if device is a touch screen otherwise false.

How can you get the web browser of the client on which SAP Fiori
application is running?
Ans. SAPUI5 library provides a special API sap.ui.Devicewhich can be used to for
device and its feature detection. This API provides flags like chrome, Firefox,
Mozilla, edge etc. in sap.ui.Device.browser API which returns Boolean values.

What is Theme Designer?

The theme designer is a very useful tool that lets you change the look and feel of
the launchpad and Fiori apps. You can add a custom background, change the default
logo, and so on.
You can launch the theme designer from the Gateway SAP system by executing the
t-code /UI5/THEME_
DESIGNER. When you do, the theme designer opens in a web browser automatically

How to Download standard Fiori Application Code?

1.First you need to find the BSP name of the standard app. There are two ways to
find out
2.first you can execute the SICF transaction and navigate to the path /default
host/sap/bc/UI5_UI5/sap
and search the app name manually
3. second, you can open the launchpad designer, and search for the Track Purchase
Order app in the business catalog and here you find the launchpad role and buy
using this go to gateway system execute the transaction LPD_CUST and search for
launchpad role
4. After youve found the app name Go to transaction SE38, and execute the app
/UI5/UI5_REPOSITORY_LOAD & Give your UI5 app name in the input field, select
Download, and execute the app.
5. Select a folder on your system where you want to download the code

How to Import Fiori standard application source code into Eclipse?

1. Open Eclipse, and click New Other
2. Select Application Project in the SAPUI5 Application Development
folder

3. Click Next, on the second screen give a name for your project and
uncheck the "Create an Initial View check box and click on Finish The
new project is created on the left side of Eclipse in the project explorer
pane
4. Copy the contents of the WebContent folder of the source code for the
standard Fiori Track Purchase Order app you downloaded earlier
5. In Eclipse, right-click the WebContent folder, and paste in the copied
code Select Yes to All in the pop-up screen to overwrite the folder's
contents.
If you check one of the standard codes views, such as S2.view.xml, you see
a <core:ExtensionPoint/> tag (see Figure 4-21). This is basically a flag for the
Fiori toolkit or Web IDE to find extension points where you can insert custom
code into the standard code. Usually, extension points are available for
Header, Main Content, and Footer, but they may differ from view to view.
Some views dont have extension points, in which case you have the option
to replace the entire view with custom code.

How to configure Fiori launchpad?

Ans:-1.After developing custom app or standard extension app upload the custom
application to the gateway server as BSP application
2.Register a new LPD with LPD_CUST transaction on the SAP NW Gateway and add
the desired BSP apps
When creating new LPD you need to specify the
ROLE,INSTANCE&DESCRIPTION.
Then Click on New application to integrate our application with URL, and you
need to provide some information here like Link Text, Application Type, URL,
Application Alias& Additional information
3.After creating Launchpad Instance login to the Fiori launchpad designer and
create a new CATALOG in launchpad designer
4.Then add Tiles to the catalog and also while adding tile you need to select the
type of tile i.e. Static tile, Dynamic tile& New tile
5.After creating tiles, you need to configure their properties like general section and
navigation section for example you are configuring a dynamic tile you need to
configure tile with one of the standard Fiori app
a. In the general section, give the tile a title, subtitle, keywords (which help Fiori
know where to show the app in search results in the launchpad), and icon
b. Because this is a dynamic tile, you must provide a OData service URL in order
to show dynamic data
c. The Navigation section is where you indicate whether users can open the app
via semantic object-based navigation or directly provide the URL of the app
they want to launch. The semantic object is the link between the tile and the

target-mapping tile that opens the app. The Action option specifies the type
of action the user will carry out with the app: Display, Create, and so on.
d. The Tile Actions feature lets the tile execute additional actions.
6. Now we need to configure the Target Mapping for static or dynamic tile(New tile
don't require a target mapping) and give the target mapping settings for static tile
here you need to provide the INTENT, TARGET and GENERAL settings
a. In the Intent area, you link the tile and the target-mapping tile
b. The Target area has two options for the navigation source. The SAPUI5 Fiori
App option has a direct URL and a component name, which is maintained in
component.js in the Fiori app source code. The Other SAP Fiori App option
specifies an app in the LPD_CUST transaction with a launchpad role and
launchpad instance.
c. The General area is used to specify device types supported by the app and to
enter additional parameters
7. After configuring the tiles, you need to Assign and Maintaining Roles for End
users, for this create a new role with PFCG Transaction and assign the created
catalog to it. Then assign the role to the users
8.Finally we must add the app to an existing group or create a custom group to
visible on home page and add app to it

How to redefine the standard OData service?

Ans:- 1. Execute the transaction SEGW ,Create a new project give the
Extension name
2. Right Click on Data Model and navigate to Redefine -> oData service and
it will open a pop up and enter the standard OData service name and select
the entities
3.If you want to add some more extra fields to view, first find the DDIC
structure of that entity and add the fields to the DDIC structure by using
Append Structure. You can find the structure in SE80 under package enter
the name package name in structures folder you can find the structure
4. Then we have to add the custom fields to the entities
5. Then to apply changes to the service click on generate and go to the DPC
EXTENSION class and you need to write the logic to fill the additional fields
in the entity. To add custom data choose the method
GET_ENTITYSET_METHOD and click on redefine
6. In the Redefinition folder you can see the redefined method and copy and
paste the standard code and add your custom code to append the new fields

Useful T codes:

Transaction: LPD_CUST - launchpad Customizing

Transaction: /UI2/SEMOBJ_SAP - Semantic objects delivered by SAP
Transaction: /UI2/SEMOBJ - Custom semantic objects