In this blog, I will introduce you to the Fiori user
experience and show you how this can be achieved using the portal service.
SAP Fiori is the new SAP user experience and the new face of
SAP for all business users across all business applications. SAP Fiori is the
default user experience for S/4HANA and is already making its way into other
SAP Cloud solutions.
The Fiori user experience comprises "Principles", "Design", and "Technologies". There are five core
guiding design principles.
1) First of all, all Fiori applications are role-based - So when a user sees an
app, that's an app that was designed for that particular user’s specific role.
It is designed for a user as someone who knows how to use it, and it targets
the way that the user like to do his work.
2) It's responsive
– The user can use the same app on his desktop, tablet, or mobile phone, and
the UI will adapt itself. This enables a user to quickly complete their task no
matter where they are.
3) It's simple
– this is one of the highlights of Fiori and everything that SAP is doing now. It
should be as intuitive as using any other app on your phone today, and it needs
to focus on important items, providing you with only the information you need
to complete your task at hand.
4) It's coherent – meaning I am going to be able to do the same activities
a similar wayeven if it is coming from different domains or different business
areas.
5) And finally, it's delightful – making an emotional connection is very important.
SAP Fiori is
a design language which constitutes a set of interaction patterns and visual
designs which enable users to accomplish their tasks quickly and easily. Design
guidelines are periodically updated for customers and partners to build their
own Fiori applications.
And finally,
it's based on proven technology. We are basing the Fiori applications on SAPUI5
and OData, where we are separating the business logic from the user interface.
SAP Fiori launchpad is the strategic
“single point of entry” for all SAP business applications and analytics. Fiori
launchpad itself is based on the Fiori user experience and provides a central
point of access to all types of business content across functional areas and
technologies, be it Fiori apps or even SAP GUI, SAP Screen Personas, or Web
Dynpro ABAP applications.
The
launchpad also provides end users with personalization options to build their
own device-specific home pages according to their daily business requirements.
It also runs on multiple devices – desktops, tablets, or smartphones –
providing an aligned user experience across devices. The launchpad’s visual
design adapts automatically to the respective screen size.
SAP Fiori 2.0 - is the next significant
step in the evolution of user experience for business applications. It has a
significant impact on the Fiori launchpad.
1) Firstly, it comes with a new visual theme called Belize, which you can see on the slide.
2) It brings an improved design for the Fiori
launchpad with user profile, a recent objects menu, and improved home page with
features like link lists and anchor navigation.
3) A viewport has also been introduced to allow the
users to concurrently work with different screen areas, like the home page, Me
Area, and Notification Center.
· And finally, Fiori 2.0 has also introduced new
and improved floorplans like the object page and the overview page with new
layouts and elements.
Relevance of Sap Fiori and Fiori
Launchpad in portal service in the cloud platform
Fiori
launchpad on SAP Cloud Platform is an instance of Cloud Portal. The portal can
be used to create a Fiori launchpad-based site which delivers the Fiori user
experience. Fiori launchpad is one of the site templates which is delivered out
of the box and is more suited for application and process- centric B2E
scenarios like employee self-service. You can use Fiori elements like overview
pages and object pages to structure access and provide role-specific insights.
Building blocks of a fiori launchpad site
An app
represents any business application that users can launch from their Fiori
launchpad. Typically, apps are represented by tiles and the navigation to these
apps is via "intents". So what are “intents”? An intent is a unique combination of a semantic object
and an action. For example, a semantic object could represent an object like
"sales order", and an action could be "display". So to
summarize, when a user clicks on a tile in their launchpad, the intent
navigates to an app and opens it.
Catalogs are collections of apps that
you want to make available for a specific role. When viewing the launchpad,
users can find the assigned catalogs under App Finder in the Me Area.
Groups consist of
tiles and represent a subset of apps. When viewing the launchpad home page, the
groups show up at the top anchor navigation. End users can personalize their
launchpad by adding or removing apps from out-of-the-box or self-defined
groups.
Then we have roles.
Roles are a way to limit access to the Fiori launchpad objects, Catalogs and
groups are assigned to roles. And end users start to access the apps in the
Fiori launchpad based on their assigned roles.
Now, let see how the Fiori launchpad looks in the cloud
platform.
Now when a
user logs on to the Fiori launchpad site, they will first be taken to the home
page. This is where they spend much of their time accessing all the
applications.
On the home
page, tiles are bundled into groups. The groups show up at the top as anchored
navigation. So at any point in time, if the user wants to navigate to a
particular tile within a group, I can just click on the group at the top and
the page will scroll down and I'll be able to access the tiles within the
group.
The launchpad also serves different types of tiles. As you
can see here, there's a "Sales Orders" tile here which gives all the
static information. The tile adjacent to it has got a counter. The counter here
denotes there are 20 new sales orders for this month. The tile adjacent to
“Sales Order” tile is a custom tile, You have complete flexibility to create
your own tile and also configure the visualization of each of these tiles. The
one used here shows the pictures of different products in the catalogs along
with a description for each of these products and the price of the product on
the tile.
Also, what you see in the launchpad on the right- hand side
is the notifications. Notifications
are system-generated and they could be events that you have subscribed to, or
they could be workflow items which require your action. You can click on each
of these notifications to go directly into the details of an application and
then action it.
So in this blog we learned what the Fiori user experience is
all about, moreover about the Fiori Launchpad. We also learned the basic
building blocks of a Fiori launchpad site and the relationship between them.
And finally, we had a look at a Fiori launchpad- based site which is based on
the Fiori 2.0 concepts hosted on the cloud platform. That’s it for this blog,
in the next blog we will learn more about fiori launchpad portal service.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon