openSAP

Introduction to SAP Fiori UX

WEEK 1, UNIT 1
00:00:13

Hello and welcome to the SAP Fiori User Experience openSAP course.

00:00:19

Im excited to have you here with me and am looking forward to a fun-filled 6 weeks sharing
SAP Fiori UX knowledge with you!

00:00.26

My name is Prakalp Phadnis, I'm a principal consultant in the Global Mobility Services SWAT
team and have been focusing on all topics related to Fiori for the past two years,

00:00:37

and have been working at SAP for about 8. During this time on the Fiori front I have led the
Learning Room at the SAP Learning Hub on Fiori,

00:00:46

run enablement sessions for partners, implemented Fiori at customers, and contributed to
various Fiori and mobile-related topics.

00:00:54

Together with two of my SAP colleagues and various guest instructors, also SAP colleagues,
we will guide you through the next six weeks to deliver a thorough introduction to SAP Fiori
User Experience.

00:01:07

The next instructor youre going to meet is Elizabeth Thorburn. Elizabeth has been at SAP for
about 9 years, and she's a part of the Customer Experience Group.

00:01:17

And her teams main mission is to focus on the needs of SAP customers by taking them on a
journey, as SAP evangelizes our innovative products to drive an exceptional end-to-end
customer experience.

00:01:30

She is currently focusing specifically on the SAP Fiori launchpad, and is hosting, among other
things, design councils to achieve this mission.

00:01:41

Our third main instructor is Jamie Cawley. Jamie is also with the Customer Experience Group;
he has been at SAP for about 10 years,

00:01:49

and his focus currently is the Rapid Development Environment internal project name is
River, you may have heard of this but he's also an expert on the Fiori launchpad.

00:02:02

In addition, we are very happy to have Bob Caswell with us. Some of you who took the
openSAP RDS course may already recognize Bob from that course.

00:02:15

Bob will, in this week, in the first week, go through some of the RDS packages and their
relationship to the Fiori offering.

00:02:25

Daniel Huber and Marcus Behrens they're from the SAP Smart Business team

00:02:30

and they will teach units in week 3 and 6 on the topics of Fiori Search & Smart Business
Content as well as run the exercises related to these topics.

00:02:40

Now, there are about 300 role-based applications in the..., which are applying the Fiori User
Experience paradigm.

00:02:50

And they're providing enhanced user productivity and personalization for customers on the
SAP Business Suite.

00:02:56

So SAP Business Suite, any database, any traditional database, and also the SAP Business

Suites that are powered by our HANA database.

00:03:06

And these apps represent the new SAP User Experience paradigm. This course will provide
you with an introduction to Fiori.

00:03:15

It will provide an end-to-end introduction to Fiori. At the end of these six weeks, we hope that
you will be able to understand our user experience strategy

00:03:24

why we are focusing on Fiori, why it was developed. We would hope that you will be able to
articulate what exactly SAP Fiori is made up of,

00:03:34

the different app types, the different architectures that these app types are based on.

00:03:40

We hope you will be able to talk about what it takes to successfully install, configure,
and...SAP Fiori,

00:03:50

and what tools are being provided by SAP to help you make this process as easy and smooth
as possible; and finally, also be able to extend SAP Fiori applications.

00:04:05

User experience (or UX for short) is about the overall experience that a person has when using
a product

00:04:17

whether it's a Web site or an application, or whether it's on a mobile or it's on a handheld or
desktop, whatever.

00:04:24

And especially when using these applications how easy they're to use, the ease of use, how
pleasing they're to use,

00:04:36

how close they get to their end user. And this is what we're considering in all our products, in
all our systems and services at SAP.

00:04:48

For SAP, the user experience needs to be as simple as possible so that the users can achieve
their goals as well as possible when interacting with our systems.

00:04:58

And when the right balance is struck between the three concepts of technology, business
needs, and desirability

00:05:05

as you can see in the slide over here that intersection is where innovation is really
happening.

00:05:12

And SAP is striving to be exactly in that sweet spot when developing new products and
solutions.

00:05:17

So to quote from our user experience strategy:

00:05:22

Following these design principles, SAP will make superior user experience and design an
integral part of a brand experience, just as the SAP platform has reconfirmed our reputation for
innovation.

00:05:38

Now to reach these design goals, SAP is focusing on three important areas:

00:05:45

New which is to provide consumer-grade user experience for new applications

00:05:50

Renew which is to improve the user experience of our existing applications, starting with the
most commonly used business scenarios

00:05:58

And finally Enable which is to enable our customers by giving them the ability to improve the
user experience of

00:06:07

SAP software in those ways that allow them to decide which of these business-critical er,

sorry business scenarios which are most mission-critical for them,

00:06:17

and important for them can be, you know, enhanced.

00:06:22

This strategy is further complimented by SAP's offering of specific user experience design
services that aim to support customers in their future user experience endeavors.

00:06:33

Our vision is to provide the leading user experience for business applications. And our mission
is to simplify your world with design.

00:06:43

So why did we create SAP Fiori? Well, we created this SAP Fiori User Experience to be the
center of our renew part of the strategy.

00:06:56

We took the most commonly used business scenarios and created Fiori applications for them.

00:07:03

SAP Fiori, as youll soon learn, is the new user experience for SAP software.

00:07:09

It provides optimal usability for simplified business interaction and provides greater ease of
use.

00:07:18

To date, we have about 300 scenarios and growing extensive portfolio.

00:07:24

We are spanning a number of business areas, business roles. And in this week, Elizabeth will
work with you on exactly these topics.

00:07:34

Now by this time, if you're still listening, it means that we havent scared you off with a...

00:07:41

with a lot of strategy and with a lot of other information. So this is good because it's not our
intent.

00:07:48

However, I do want to talk a little bit about what kind of skill sets are core to really leveraging
the information that you'll be receiving during the course of these weeks.

00:08:04

Most of our work is done within the ABAP stack so, obviously,

00:08:11

knowledge of ABAP programming is not required, it's not mandatory but it's good to have.

00:08:17

HTML5, JavaScript these are all skills which will really enhance the takeaway from these
next weeks.

00:08:27

If you have worked with SAPUI5, that's a big bonus because our front end is based on
SAPUI5.

00:08:34

If you have basis skills, meaning ERP implementation experience, that's a great advantage.

00:08:41

Those of you who have experience within creating OData services and manipulating OData
services will feel comfortable.

00:08:50

And also the NetWeaver Gateway, or the front-end server as it's called now, is an integral part
of what we'll be doing for the next six weeks.

00:08:59

And also SAP HANA. Now HANA because a large part of our content is leveraging the HANA
database.

00:09:11

So if you have taken the HANA Academy courses or the openSAP HANA courses, then that
makes you, you know, empowers you to take away as much as possible from these six weeks.

00:09:24

Just to be clear: These are just an indication of what kind of skills we're looking at during these
weeks.

00:09:32

It's not a mandatory requirement, there's no hard requirement here, but just an indication of

what kind of skills we're going to be looking at.

00:09:43

Now over the next six weeks in this course, we will provide videos, various videos during the
week. And after each video, there is a self-test.

00:09:56

At the end of the week, there is a cumulative exam on the topics that we have covered during
the week.

00:10:02

And then, there is some kind of a point to grading system attached to it.

00:10:07

In addition to the videos and the assignments, you will have...there is an online forum where
you can participate, collaborate with other students.

00:10:16

We will be there, instructors will be there. We will drive discussions, answer any questions that
we need answering.

00:10:23

And generally, you know, be there to help as needed.

00:10:27

There are exercises in this course; they're not mandatory but it's great hands-on time in the
system,

00:10:35

so I do encourage you to take some time to do the exercises.

00:10:39

And it does give you a very, very different perspective to...

00:10:45

what we're doing, what's happening in the system than just hearing me or anyone else talk
about it.

00:10:52

And finally at the end of all this, finally in week 7, there's a final exam.

00:10:57

Yes, there's a final exam. You can take that exam to act on something called...

00:11:07

record of achievement that's the word I was looking for, sorry about that.

00:11:11

Record of achievement. And...yeah, and I hope as many of you as possible will be at that
stage.

00:11:20

I'm very happy, we're thrilled to have you here and look forward to sharing our knowledge with
you on Fiori over the next six weeks.

00:11:28

And in the next unit, Elizabeth will take you through the overview and the user experience
strategy.

00:11:36

So it's going to be very interesting. I look forward to meeting you all again in week 2 when I'll
be back to talk about more technical stuff that's the week we'll talk about deployment.

00:11:45

But until then: Good luck and let's get started!

WEEK 1, UNIT 2
00:00:12

Hello and welcome to week 1, unit 2: the UX Paradigm.

00:00:17

My name is Liz Thorburn and I'm part of the Customer Experience Group focusing on the SAP
Fiori launchpad.

00:00:23

I'll be with you for the remainder of the week as we focus and discuss the SAP Fiori UX basics.

00:00:30

In the first unit, Prakalp welcomed you to the course and discussed at a very high level the UX
paradigm in terms of design innovation,

00:00:37

and detailed the course structure.

00:00:39

In this unit, we'll be discussing the SAP UX paradigm in detail.

00:00:43

I'm going to start this unit off by showing you a quick two-minute video

00:00:47

that gives a nice introduction to SAP Fiori UX and the design principals it follows.

00:00:52

From there, we'll revisit the SAP UX strategy Prakalp introduced you to and talk about each
part in detail.

00:00:59

We'll compare the old UX to the new SAP Fiori UX and we'll briefly discuss the UI5
development guidelines SAP Fiori UX follows.

00:01:07

Let's dive right in by watching the video.

00:01:13

What's the secret of real-time business?

00:01:17

It's simple: getting the insight you need at the right time for instant value.

00:01:23

Instead of struggling to connect analysis with execution,

00:01:27

it's harnessing the power of faster-than-ever and advanced analytics to drive smarter decisions
for instant insight to action.

00:01:36

Instead of making you wait,

00:01:38

it's responsive, enabling you to see the structure in the chaos and find the needle in the
haystack

00:01:45

quickly and interactively.

00:01:48

Instead of information at multiple places

00:01:50

it's a single source of truth so you can analyze KPIs with real-time consistent information

00:01:58

and, in case of deviations, trigger follow-up actions immediately.

00:02:03

Instead of using days, hours, or even minutes-old information,

00:02:07

it's using real-time data for an informed up-to-the-second view of any business situation,

00:02:13

even enabling forecasting and simulation.

00:02:17

Instead of forcing you to use a generic user interface,

00:02:21

it's personalizing the view for key roles across your organization,

00:02:25

so you can always stay on top of your business by deciding and acting in real time

00:02:31

more accurately, more interactively, more collaboratively.

00:02:36

Whatever your line of business, it's personalized yet simple access to real-time information
anytime and anywhere

00:02:44

for instant insight to action.

00:02:47

Natively designed to work with the SAP Business Suite powered by SAP HANA,

00:02:52

it leverages SAP Fiori design principles for a truly new user experience.

00:02:58

It's responsive. It's real time. It's individualized. It's beautiful. It's SAP.

00:03:05

SAP Smart Business cockpits. The simple secret behind real-time business.

00:03:17

The video we just watched has a heavy focus on the analytical app types, which we'll discuss
in more detail later.

00:03:23

But overall, it provides you with a nice first glance at SAP Fiori UX.

00:03:27

It's simple, it's intuitive, it's role-based, and it provides business users with one entry point for a
completely reimagined user experience.

00:03:35

So now that we know what SAP Fiori UX is let's talk about why we developed it.

00:03:40

Think about the world today in terms of technology.

00:03:43

It is constantly evolving and changing at a rapid pace.

00:03:46

Most people are equipped with at least one mobile device and even small children can pick up
a device and intuitively know how to navigate through it.

00:03:53

This new evolution is amazing and has become the new standard.

00:03:57

Younger generations are going to demand the same ease and simplicity of their business
processes

00:04:02

that they have come to expect from their personal lives.

00:04:04

Think for a minute about the sites you access on a daily basis, such as a Google, Amazon, or
any of the social media sites.

00:04:11

They are all intuitive and easy to use.

00:04:13

This new situation is defined as the consumer user experience and it is the new standard.

00:04:18

Going forward, SAP Fiori is our new user experience for SAP software.

00:04:23

It applies modern design principles for a completely reimagined user experience.

00:04:27

SAP Fiori UX is the new face of SAP to business users in all lines of business across devices
and deployment options.

00:04:35

It provides optimal usability for simplified business interaction and ease of use.

00:04:40

SAP solutions, such as our SAP Business Suite powered by SAP HANA,

00:04:45

are applying the SAP Fiori UX to provide a personalized, responsive, and simple user
experience.

00:04:50

Now SAP users can enjoy a real-time user experience that is intuitive and beautiful.

00:04:57

In the welcome session, Prakalp introduced you to the SAP User Experience strategy: New,
Renew, Enable, and Design Services.

00:05:05

Let's talk about each part of the strategy, starting with New.

00:05:08

The New part is our commitment to providing consumer-grade user experience for all new
applications we develop.

00:05:14

SAP is a world class innovative software company, so although our core is enterprise software
we will continue to be innovative and produce new applications.

00:05:23

The second part is Renew, which is where SAP Fiori UX was developed.

00:05:27

We looked at everything in our portfolio and, collectively with some of our customers, we made
a list of the most frequently used business processes

00:05:35

and set out to develop an improved and simplified user experience.

00:05:38

We didn't stop at SAP Fiori apps.

00:05:40

This renovation is being done throughout SAP's entire portfolio

00:05:44

and will continue until everything is simplified and delivers a beautiful and intuitive end-user
experience.

00:05:50

As I've mentioned, going forward, SAP Fiori is the new user experience for SAP software.

00:05:56

The Enable part of the strategy speaks to SAP recognizing that not all of our customers work
the same.

00:06:01

What may be a core and highly used business function for one customer might not be the
same for another customer.

00:06:08

We didn't want to create a new user experience strategy and then pigeonhole some of our
customers by not offering what they needed.

00:06:14

Therefore, we set out to create enablement tools that provided customers the ability to improve
the user experience of SAP software

00:06:21

that they find mission-critical.

00:06:24

An example of such an enablement tool is SAP Screen Personas.

00:06:27

It is a simple drag-and-drop approach to modify SAP GUI screens to make them more
appealing.

00:06:33

The final additive to our user experience strategy is Design Services.

00:06:37

In working with our customers to develop our own user experience strategy, our customers
expressed their desire to do the same.

00:06:43

Design Services is our way of transferring our strategy and value of a solid user experience
through advising.

00:06:50

We developed a three-step approach for our customers to first understand our UX strategy,

00:06:55

to second define and execute their specific UX strategy

00:06:58

and third to leverage SAP's user experience Design Services.

00:07:03

As you can see, this strategy is very important for us and we've made and continue to make

efforts to ensure this strategy is realized across all of SAP.

00:07:10

With that in mind, this course will focus entirely on SAP Fiori UX from the Renew portion of the
strategy.

00:07:18

You commonly see flower pictures associated with SAP Fiori UX

00:07:22

and the reason being Fiori means flowers in Italian

00:07:25

and it represents our intent to deliver consumer-grade, completely reimagined user experience

00:07:30

to our most broadly and frequently used business transactions.

00:07:33

SAP Fiori UX is the new face of SAP to business users in all lines of business across devices
and deployment options.

00:07:41

With over 300 role-based apps to date, the new user experience speaks a consistent design
language and makes use of a common technical infrastructure.

00:07:50

By blurring traditional computing boundaries and using interactive and attractive UI elements,

00:07:56

SAP Fiori UX provides a consistent end-to-end user experience.

00:08:00

The launchpad, which the screen in this image, is the central entry hub to all SAP Fiori apps
via tiles.

00:08:08

The launchpad provides services for navigation, personalization, single sign-on, and search.

00:08:13

In addition, it can be adapted to meet end-users' needs.

00:08:16

Users enter the launchpad through their device of choice and are greeted with apps that are
assigned specifically to their role.

00:08:22

These apps allow end users to easily conduct transactions, get insight, and take action, as well
as view factsheet and contextual information.

00:08:31

There are five design principles that the SAP Fiori UX emulates.

00:08:35

The first design principal is Role-based.

00:08:38

We wanted to design apps that are centered only on the tasks that are relevant for a specific
user's function or role.

00:08:44

To achieve this, we broke down complex applications into easy-to-use apps that are tailored to
end user's needs and accessible from one single place.

00:08:53

The second design principal is Responsive.

00:08:55

SAP Fiori UX is designed and developed to facilitate a consistent user experience on multiple
devices.

00:09:02

It supports multiple form factors for phones, tablets, and desktops,

00:09:06

multiple interactions such as touch, mouse, or keyboard,

00:09:09

and multiple technologies, including iOS, Android, Windows, Mac, and PC.

00:09:15

The third design principal is Simple.

00:09:17

SAP Fiori UX is focused on delivering a straightforward, intuitive user experience focusing only
on what is important for each specific user.

00:09:26

To continue catering to the new generations that are technically savvy,

00:09:29

all important things needs to be extremely easy to use and learn.

00:09:33

The fourth design principal is Coherent.

00:09:36

Again, in alignment with the goal of simplicity, SAP needed to ensure all new Fiori apps speak
the same language

00:09:42

so that deployment and use are easy no matter what the circumstances.

00:09:46

These apps all feel similar because they all embrace established best practices.

00:09:51

Finally the fifth design principal is Delightfulbeyond the expected and making an emotional
connection with end users.

00:09:58

We wanted to make end users better at their job, to feel like they are an expert and can easily
see the impact of their contribution.

00:10:05

We wanted to provide business users with beautiful apps that enable them to be smart and
proactive by providing an assistant, not just a tool.

00:10:12

These five design principals put together create a beautiful user experience that is consistent
regardless of your role in the organization.

00:10:20

Employees and managers alike gain a consistent, coherent, simple, and intuitive user
experience across multiple devices to work smarter,

00:10:27

work more efficiently, and deliver on business objectives.

00:10:32

This slide gives you a nice overview of what the SAP user experience used to look like and
what it looks like following the new SAP Fiori UX standard.

00:10:40

This slide shows you approve requisitions, an ERP function.

00:10:44

The left side shows you what it used to look like and the right shows you what it looks like
using an SAP Fiori app.

00:10:50

Before, everyone accessed the same transactions to accomplish tasks regardless of their role.

00:10:55

This resulted in end users being exposed to much more data than they needed or even had
access to.

00:11:00

We needed to simplify this process

00:11:02

so we focused on the roles of our end users and extracted only the relevant information
needed per role to complete a task.

00:11:09

An employee, for example, would see different fields then a manager.

00:11:14

All of the SAP Fiori UIs are built using state-of-the-art SAPUI5 technology.

00:11:19

SAPUI5 is a client-side HTML5 rendering library with a rich set of UI controls

00:11:26

for building applications on any device,

00:11:28

providing a lightweight programming model for desktop and mobile applications.

00:11:32

To support you in developing applications, SAPUI5 tools come with a set of Eclipse-based
wizards and editors.

00:11:39

They provide wizards to create application projects and views according to the Model View
Controller concept

00:11:45

and other features like JavaScript code completion, templates and snippets, and in-place
application preview.

00:11:52

Other benefits of SAPUI5 technology include a rich control set including charts for all devices,

00:11:59

an application development environment for all platforms,

00:12:02

OData integration for timeless software,

00:12:05

extensibility concepts for custom controls,

00:12:08

modern theming and branding concepts,

00:12:10

and it embraces open source framework(s) and Web standards.

00:12:14

It also targets developers with Web development skills, including HTML, CSS3, JavaScript.

00:12:21

The toolkit can be found using the link in this slide.

00:12:24

This now concludes unit 2: The UX Paradigm.

00:12:27

I'll see you soon for unit 3: Overview of SAP Fiori UX. Bye.

10

WEEK 1, UNIT 3
00:00:00

Welcome to unit 3 an Overview of SAP Fiori UX.

00:00:16

In the second unit we talked about the SAP UX Paradigm in detail and we understand that
Fiori is the main focus of the Renew portion of the strategy.

00:00:26

From this unit onward were going to be entirely focused on SAP Fiori UX and the technologies
that encompass it.

00:00:33

Lets start by discussing the current challenge faced by business users. They have access to a
lot of data but have no way to use it for timely decisions and execution.

00:00:43

Further adding to the challenge, business users are under an immense amount of pressure on
a daily basis.

00:00:49

They are faced with having to deal with the challenges of the infamous 3Vs of big Data
(Volume, Velocity, and Variety)

00:00:56

while at the same time being asked to make critical decisions based on the analysis of data.

00:01:02

For example, making flexible long term plans that can mitigate future uncertainty through
scenario planning, or responding to deviations and alerts in real time and within a certain
window of opportunity.

00:01:13

We discussed in the last unit the consumer user experience and the need for business users
to have access to all their needs instantly.

00:01:21

In addition we talked about how quickly technology is evolving and that new generations
demand simplicity and ease.

00:01:28

Without that they will simply skip processes that could be critical. At SAP we have recognized
this change which is why we set out to develop SAP Fiori apps.

00:01:38

These are big changes to address and they can require changes in both the underlying
enterprise software architecture as well as the user experience

00:01:47

that business users rely on to interact with traditional transactional and analytical enterprise
applications.

00:01:55

Our answer to these changes was to reinvent the entire way users are working today. The key
requirement here is the responsiveness of the system.

00:02:03

Business users need immediate answers to very precise questions. By combining analytics
with transactions, business users can now get a unified access

00:02:13

to information within context, at their finger tips 360 views of real-time information, on any
device, across all SAP Business Suite applications and even beyond.

00:02:24

Suite on HANA returns both structured data, such as business objects and unstructured data,
HTML files, presentations, etc. from SAP systems and other search providers.

00:02:36

It also allows direct access to associated applications and actions.

00:02:42

Combined with people-centric interfaces and Google like search functionality, this new
approach brings much more flexibility, speed and powerful information to users.

00:02:52

As an example, business users usually only enter data when finally required at the latest point
in time they do this to avoidrepeated waiting times.

11

00:03:01

But the problem with this is, it drives wrong decisions as data can be required by other
departments sooner.

00:03:07

Suite on HANA means less waiting times and higher user satisfaction through the use of
interactive dashboards as an example, leading to higher responsiveness and process
compliance.

00:03:18

This right here is the beauty of SAP Fiori. The SAP Fiori launchpad provides a web-based
entry point for SAP business applications.

00:03:29

End users can access the launchpad from any device and based on their login, they will be
presented with tiles assigned to their user.

00:03:36

The launchpad acts as a shell which provides beneficial capabilities for SAP Fiori such as
personalization, navigation and search.

00:03:44

Administrators design and maintain the launchpad using the launchpad designer tool.

00:03:50

The launchpad runs on multiple devices, using the responsive design paradigm, and is
deployable on multiple platforms.

00:03:57

It is designed according to simple and intuitive SAP Fiori user experience, while supporting
established UI technologies.

00:04:05

You should now understand that SAP is moving from the classical transactional approach to
using role based apps

00:04:12

that expose only relevant information and fields so that end users can work more productively
and efficiently.

00:04:18

That being said, SAP has developed 3 app types, each of them distinguished by their focus
and infrastructure requirements.

00:04:26

The first app type are transactional apps, and as the name indicates they allow you to perform
transactional tasks, such as creating, changing or processing requests.

00:04:35

The second app types are analytical apps and they allow you to have role-based insight into
real-time operations of your business by collecting and displaying key figures directly in your
browser.

00:04:47

Analytical apps offer the ability to monitor your most important KPIs in real time where you can
react immediately on changes in market conditions or operations.

00:04:57

The third app type are Factsheets and they display contextual information about central
objects used in business operations.

00:05:04

For example, we have a Material Factsheet which Jamie will talk to you about in Week 6 and
they allows users to display contextual information about the Material.

00:05:13

In addition, Factsheets allow you to navigate from one factsheet to another related Factsheet
or to a transactional app.

00:05:20

Youll notice that transactional apps have been developed to work on any database but they do
run best on the SAP HANA database.

00:05:28

Analytical apps and Factsheets require SAP HANA as the underlying database, no exceptions.

00:05:34

With SAP Smart Business cockpits, which apply SAP Fiori UX, users get instant insight to
action with real-time information access,

12

00:05:45

in one place, for the best simplified business interactions and ease of use.

00:05:49

SAP Smart Business combines multiple SAP transactions into one business process-oriented
cockpit.

00:05:57

The cockpits allow users to analyze and evaluate strategic or operational KPIs with graphical
visualization in real time

00:06:05

and to trigger the right action by launching the respective transactions. There are two sides to
all of the app types supporting SAP Fiori UX.

00:06:13

There is the runtime side and the design time side. The next couple of slides will discuss both
of these sides with the focus on SAP Smart Business.

00:06:24

SAP provides end-to-end insight to action scenarios based on real time KPIs for business
users in LoBs and industries.

00:06:31

Customers can either use the pre-defined content or they can define their own KPIs and drilldown visualizations. Every value scenario comes with pre-defined KPI tiles and drill-down
configurations.

00:06:43

SAP provides 4 standard KPI visualizations. Based on threshold calculations the end user gets
alerted as soon as a KPI value becomes critical.

00:06:54

The end user can freely arrange his KPIs and other tiles based on the Fiori launchpad. In
addition, SAP provides a standard drill-down to analyze critical KPIs in real time.

00:07:05

The drill-down configuration can be easily adapted by simple configuration. Alternatively,

customers can use SAP Lumira for advanced analytics.

00:07:15

More detailed information on these topics can be found on help.sap.com and service
marketplace.

00:07:22

On the design time side SAP provides 8 Fiori apps for KPI modeling that allows business users
to define and adapt the SAP Smart Business content.

00:07:33

This was developed to simplify the KPI definition. The tiles are self explanatory but we will get
into more detail on these during Week 3 configuration.

00:07:42

Daniel Huber will take you through a unit detailing the specifics of these tiles and he is also
going to demo to you how to configure a smart business app end-to-end. This now ends our
Unit.

13

WEEK 1, UNIT 4

00:00:00

Welcome to Week 1, Unit 4.

00:00:14

SAP FIORI UX Architecture Overview. In the previous unit I introduced you to the three app
types currently supporting SAP Fiori UX.

00:00:24

Transactional Apps, Analytical Apps and Fact Sheets. In this unit we will be discussing the
architectures that the three SAP Fiori UX App Types follow.

00:00:33

As we move through this unit, you're going to notice some commonalities among the
architectures, as well as be able to understand the differences and how these apps can best fit
into your current infrastructure.

00:00:44

To start off the architecture topic, I want to discuss with you the deployment options for SAP
NetWeaver Gateway. Depending on your system landscape, you have two deployment
options.

00:00:55

A central hub deployment or an embedded deployment. When implementing Fiori apps into
our landscape, we at SAP recommend separating your business logic

00:01:04

and the UI components from each other by implementing the Central Hub Deployment Option.

00:01:09

This deployment option provides a single point of maintenance for UI issues as well as a
central place for themeing and branding SAP Fiori Apps.

00:01:18

You'll benefit from enhanced security do to there being no direct access to the backend data
and finally, the central hub option allows for decoupling the lifecycle of the UI app from the
backend.

00:01:29

This is especially important for transactional apps that can run on any database. The central
hub deployment option is the recommended approach and going forward you will notice all
architecture,

00:01:39

deployment and configuration topics as well as supporting documentation follow this

deployment option.

00:01:45

This site details the architecture of SAP Fiori Apps at the highest level possible. All clients
accessing SAP Fiori Apps,

00:01:55

regardless of app type must support HTML5. A reverse proxy server, we recommend using the
SAP Web Dispatcher, is required for analytical app types and fact sheets.

00:02:06

The ABAP frontend server is recommended for all app types and contains the UI components
and SAP NetWeaver Gateway.

00:02:14

An ABAP backend server is required for all app types and contains the backend business logic
in data as well as search models for fact sheets.

00:02:22

The SAP HANA Extended Application Service or HANA XS engine, for short,

00:02:29

is needed for analytical app types only and it replicates the data from the backend server and
remodels it using virtual data models.

00:02:37

As discussed previously, the underlying database can be any database for transactional apps
but it must be SAP HANA for factsheets and analytical app types.

00:02:46

In order to transfer application data and security credentials within your Fiori system

14

landscape,
00:02:53

communication must be established to the various servers using different communication

channels and protocols.

00:03:00

Let's talk this through by first fousing on the transactional app type. The client communicates
directly with the ABAP front end server by issuing HTML and OData requests through an
established HTTPS connection.

00:03:12

Data & services from the ABAP back-end server are provided to the ABAP front-end server
through OData services.

00:03:20

Communication between the ABAP front-end server and the ABAP back-end server is
achieved through a trusted RFC connection.

00:03:27

All app types follow the same communication channels and protocols, however, in addition, a
web dispatcher is needed for factsheets and analytical app types.

00:03:36

Also in the factsheet landscape, a client can issue a InA request for search models using
HTTPS communication and analytical app types also

00:03:47

communication between the web dispatcher and the SAP HANA XS engine.

00:03:52

The SAP Web Dispatcher forwards OData request from the client to SAP HANA XS engine
and the communication is achieved through an HTTPS connection.

00:04:02

In Week 4, Prakalp will talk to you in more detail about securing these communication
channels. This is the detailed architecture of the transactional app types.

00:04:13

Let's take it from the top. The ABAP front-end server contains all the infrastructure
components to generate an SAP Fiori app-specific UI for the clients and to communicate with
the backend systems.

00:04:24

The product specific add-ons, are the specific UIs for each SAP Fiori app.

00:04:30

The UI Infrastructure, provides the common infrastructure needed for all SAP Fiori apps and
contains the SAP UI5 control library and the SAP Fiori launchpad.

00:04:41

SAP NetWeaver Gateway, handles the communication between the client and the SAP
Business Suite backend.

00:04:48

It uses OData services to provide the backend data and functions and processes HTTPS
requests for OData services.

00:04:56

The ABAP back-end server is where the SAP Business suite products are installed. These
products provide the business logic and back-end data including roles and authorizations.

00:05:07

The Database for transactional apps, which I said before, can be any DB or SAP HANA. This
is the detailed architecture of analytical app types.

00:05:17

For this landscape you would need to have a reverse proxy installed in your landscape. In this
architecture you can see that we are using the SAP Web Dispatcher as the entry point for
HTTP(s) requests.

00:05:29

It can reject or accept connections and when it accepts a connection, it selects the appropriate
application server,

00:05:36

either the ABAP front-end server, the HANA XS engine or SAP NetWeaver Gateway to send
requests to. The ABAP front end server primarily remains the same.

15

00:05:45

We still have the product specific add-on, the UI infrastructure and SAP NetWeaver Gateway.

00:05:51

For the product specific UI we added the UI for HANA, which includes the Smart Business KPI
framework.

00:05:58

This framework is used to configure, view and analyze the KPIs and drilldowns in your tiles.
Daniel will be discussing this with you in more detail at the end of week 3.

00:06:08

The SAP Business Suite products are installed on the back-end server, however when using
analytical app types, this data is replicated from the back-end server to the HANA XS engine.

00:06:19

The XS engine is a lightweight application server in SAP HANA that takes the backend data
and remodels it using virtual data models.

00:06:27

The app content that you see in the HANA XS engine, in this slide, provides filters and views
as well as additional data for the products running on the SAP HANA server.

00:06:37

The virtual data models for this app type are deployed with SAP HANA Live. We are going to
discuss more details about this architecture in week 3

00:06:46

and of course, you know by now that this app types need to run on an SAP HANA Database.

00:06:51

The final app type are factsheets and this slide shows you a detailed view of the architecture.

00:06:58

With the exception of running on SAP HANA, having a web dispatcher in the landscape and
the search models the landscape is the same as the transactional app types.

00:07:07

This architecture layout is more detailed in an effort to show you how the search works. The
main takeaway here is that search models are exposed via OData.

00:07:17

This now completes unit 4 SAP Fiori UX Architecture Overview.

00:07:22

In the next unit you will meet our guest speaker Bob Caswell who will talk to you about the
SAP Fiori Rapid Deployment Solutions we are currently offering.

16

WEEK 1, UNIT 5
00:00:12

Welcome back to week 1. I'm Bob Caswell and I will be your guest host for this unit, unit 5.

00:00:19

So now that you've experienced a good overview of SAP Fiori UX,

00:00:23

what we're going to do is talk about SAP rapid-deployment solutions

00:00:27

and, more specifically, SAP rapid-deployment solutions for Fiori UX.

00:00:33

So let's get started.

00:00:35

So what are rapid-deployment solutions?

00:00:38

Rapid-deployment solutions, which we're going to call RDS for short,

00:00:41

is an implementation methodology and experience that leads to faster deployment,

00:00:47

predictable outcomes, and lower costs for on-premise, cloud, or hybrid scenarios.

00:00:53

It includes preconfigured software, best practices, and services that deliver 20% to 80%
savings

00:01:01

in terms of implementation time and cost when you compare it to a traditional deployment
approach.

00:01:08

The RDS approach allows companies of all sizes to quickly address specific business needs

00:01:14

and adopt the latest innovations from SAP by leveraging proven and tested configuration.

00:01:21

There's implementation content and guides included.

00:01:24

And really, it enables you to be flexible and provides pick-and-choose scenarios that are
optimized for fast time-to-value and predictable outcomes.

00:01:35

Predictable is the key word. That's what we strive for with the RDS packages.

00:01:39

And SAP has really invested heavily in RDS packages specifically for the SAP user
experience, for UX.

00:01:48

So each UX RDS stands as a foundation for showcasing the benefits of delighting customers
and end users

00:01:57

through minimizing clutter, increasing productivity, and improving user satisfaction.

00:02:02

All the stuff you'd expect from a good user experience.

00:02:06

The reason we're covering this here in the Fiori UX openSAP course as part of week 1

00:02:13

is because this course itself is largely based on the same approach leveraged by the Fiori UX
RDS packages.

00:02:21

And so while this course will try to cover as much as possible to get you started with Fiori UX,

00:02:26

if you really want to go even deeper, then you should consider downloading the best practices
found in the RDS,

00:02:33

in each of the RDS packages focused on user experience.

00:02:37

These best practices for Fiori UX are available for download by SAP customers with no
additional charge,

17

00:02:43

so it's a nice handy resource that's easy to get to.

00:02:49

So as previously mentioned, this packaged approach typically delivers 20% to 80% savings in
implementation time and cost.

00:02:59

That's comparing it to a traditional implementation approach.

00:03:02

You can see the comparison here on the slide between the two approaches.

00:03:07

Designed-to-order is the more traditional approach, and it includes a lengthy blueprinting

phase

00:03:12

and overall has a more open-ended set of requirements in terms of the time required.

00:03:18

But comparing it to the assemble-to-order option,

00:03:22

you can see that implementing an SAP solution with SAP rapid-deployment solutions

00:03:27

nearly eliminates the blueprint phase and becomes much more predictable and reliable as an
approach used successfully.

00:03:36

And I should say this approach has been used successfully both internally and externally by
initial customers and SAP here in our own labs.

00:03:45

So what we're doing is bottling up the best practices that we've determined and sharing those
for you to enjoy.

00:03:54

Why the need for rapid-deployment solutions for UX? Isn't UX a beautiful customer-facing look
and feel?

00:04:05

Yes, it is. As you've already learned and heard in previous units,

00:04:09

Fiori is a new approach to use experience that really does focus on the end user first.

00:04:14

And of course while the experience itself is quite delightful, it's coherent, it's simple,

00:04:20

that doesn't necessarily mean that's how it comes across at first

00:04:24

when you as an IT professional or developer are the one who has to unbox and unpack the
necessary components to get it up and running

00:04:32

so that it can get to that end state where it's easily consumed by the end user.

00:04:37

So I like to think of it as a piece of furniture that you see on the showroom floor when you go
shopping.

00:04:41

And it looks great it's in its environment and that's how you want it to look when you go home,

00:04:46

but then when you get home with the boxes, you find that you have a lot of work to do

00:04:52

to get it to look exactly as you saw it on the showroom floor, looking nice in your living room.

00:04:58

So that's where RDS steps in. I'll break form from the analogy now.

00:05:02

It's the methodology and a prescriptive set of guidelines and instructions to get you to that end
state for the end users.

00:05:10

So it really helps you as an IT pro or developer get Fiori ready for those end users.

00:05:18

So what do we have available? How have we sliced and diced? How have we positioned user
experience rapid-deployment solutions?

18

00:05:26

Perhaps the best way to understand each of these Fiori-based packages is to see them
compared side by side.

00:05:32

Now we're not going to go through all the details covered on this slide, but it's here provided for
your reference.

00:05:38

And I'll provide links later for where you can get even more details.

00:05:42

But the key takewaway is that there are three packages, three RDS packages, focused
explicitly on Fiori.

00:05:48

It's a key area for us in the rapid-deployment solution world.

00:05:52

So the first one is the Fiori Apps RDS.

00:05:56

This focuses on deployment and configuration of out-of-the-box Fiori apps.

00:06:01

Whereas the Fiori Design RDS takes SAPUI5 best practices

00:06:07

and shows specific examples for how to create your own custom maps

00:06:11

that are following the Fiori paradigm

00:06:14

and it includes some sample apps to get you started for creating your own apps.

00:06:18

So that's what you go for after you've already deployed the existing apps that SAP makes
available.

00:06:23

And then finally we have a third package focused on configuration of Fiori

00:06:29

specifically for the Business Suite powered by SAP HANA scenario.

00:06:33

So those new app types that move beyond the transactional use cases.

00:06:38

So depending on where you are and what you're trying to accomplish with Fioriwhere you
are in the life cycle, if you will

00:06:44

these three packages are the best approach for getting started.

00:06:52

How does this fit in to the overall SAP user experience strategy?

00:06:58

Just by way of quick review, you already saw this in unit 2.

00:07:03

Basically, Fiori apps and Fiori infrastructure are in the Renew category,

00:07:10

which means that SAP is provided apps out of the box for the most common use cases

00:07:17

and these two packages specifically help you get those apps up and running as quickly as
possible for those most common use cases.

00:07:26

Whereas the Fiori Design RDS is kind of for the long tail of scenarios covered

00:07:32

by SAP customers when they customize and create their own back-end integration touch
points.

00:07:40

So that's why we have this third Fiori package which is really about leveraging the same look
and feel that SAP provides out of the box through the other two packages,

00:07:48

but giving you guidance for how to create your own custom Fiori-designed apps.

00:07:59

One more view I wanted to show is how you should go about looking at these packages
compared to each other.

19

00:08:09

I like this view because on the x-axis you see required investment, and on the y-axis you see
level of improvement

00:08:16

or, you know, how much the user experience changes.

00:08:20

So the Fiori apps and Fiori infrastructure package are really a lower level of investment,

00:08:29

but aren't as big of a change.

00:08:31

Perhaps they are a big change from the traditional look and feel of SAP GUI,

00:08:35

but in terms of the work required since you're taking something that SAP has provided out of
the box,

00:08:42

they don't require as much investment to get that first baseline level of user experience
improvement.

00:08:48

However, if you want to make it your own and use the Fiori paradigm and user experience, the
Fiori UX,

00:08:55

for your own scenarios, that's why the Fiori Design RDS is a little bit higher on both the y-axis
and further along on the x-axis.

00:09:05

Because it requires more investment but it ends up allowing you to develop and design your
own experiences and apps.

00:09:16

So with that, I wanted to provide you a slide that has all the links for direct access to each of
these Fiori packages,

00:09:25

where you'd go to download the best practices included in each.

00:09:39

And I wanted to give you a quick demo of how that experience, what it looks like, and how
easy it is to get this content up and running.

00:09:42

So as you can see here, we have navigated to the page service.sap.com/rds-userexperience.

00:09:54

And on this page is a quick overview of much of what I just went through.

00:09:57

An overview of what rapid-deployment solutions are, the benefits, and then links provided on
the page for each of the specific packages.

00:10:06

And also in the left-hand navigation you can get to the different categories covered under the
topic of user experience.

00:10:12

Obviously for the purposes of this unit, we're interested in Fiori.

00:10:16

And so when you click on the Fiori link, you see this page,

00:10:20

which is more details on the Fiori packages and a little explanation for each.

00:10:26

And then with direct links to each package.

00:10:30

And finally, the links that I showed in the PowerPoint that you'll have for reference after this
session

00:10:26

are going to take you directly to each landing page for each specific user experience package.

00:10:42

So for example, this is the landing page for the SAP Fiori Infrastructure rapid-deployment
solution.

00:10:49

And they each have a similar look and feel so that navigation across each of them is really the

20

same.
00:10:54

So you get a little blurb about what the package is about. In this case, we're talking about

00:11:00

refreshing the look and feel of Business Suite applications that run on Business Suite powered
by SAP HANA.

00:11:09

And you have three links underneath the initial description.

00:11:13

The Package fact sheet, which...let me show you what that looks like.

00:11:18

It gives you an overview of the key benefits, the solution scope, and what's included.

00:11:23

And also gives you a run-through of all the software used that you should be aware of that's
part of the package deployment.

00:11:32

The other links. You have a Customer presentation, which gives you more details in a
PowerPoint view

00:11:38

of what you can expect is the outcome and deliverables as part of the best practices.

00:11:44

And then there's a link to Experience SAP Fiori, which takes you to the SAP Fiori product
page,

00:11:49

which is where you can get the latest information about the product itself.

00:11:54

So under the Includes section, if you scroll down,

00:11:57

these are kind of the components that make up each of the packages,

00:12:02

so we have it sort of sliced and diced into key topic areas that sometimes we refer to as scope
items or building blocks.

00:12:09

So you can see here you'd start with Installation and configuration of common components

00:12:14

and move to Preparing the landscape for SAP Fiori applications.

00:12:17

Then there's a Fiori network and security and configuration guide. And so on and so forth.

00:12:22

You can see you can expand or collapse all, and also use these blue arrows on the side,

00:12:29

and this shows you a description of each of these components of the package.

00:12:34

And even more to the point, you can click on the Configuration guide link

00:12:38

and get a preview of the content that is included in that component of the package.

00:12:44

So here is the Installation and configuration of common components of SAP Fiori.

00:12:49

And all of the rapid-deployment solutions follow the same format,

00:12:53

so you have a table of contents that explains what's covered in the document.

00:13:00

In this case, an overview of the different landscapes for the different app types and then postinstallation topics.

00:13:08

And then you scroll through and very prescriptively, step by step with images and diagrams
and the corresponding guided text,

00:13:17

it's explained to you exactly what order and in what way you should install each of the
components for this part of the rapid-deployment solution.

21

00:13:27

And then, last but not least, the most important point.

00:13:31

Scroll down further on the page...I'm going to collapse all here...you'll see this big orange
button.

00:13:36

And this is probably what you want to get to as quickly possible if you're interested in jumping
in.

00:13:42

If you click on the Download all button, it takes you through a download wizard.

00:13:45

And it basically downloads all of the content that you'd see through this preview mode on the
screen, plus even more.

00:13:51

So it's the full comprehensive set of best practices that then you have in an offline format.

00:13:59

It's in a ZIP file. You unzip, and then you have all of these documents that you can use for
reference.

00:14:07

So with that, thank you for joining me for unit 5.

00:14:13

And stay tuned for unit 6, which is going to provide some exercises for you to familiarize
yourself with Fiori UX.

00:14:21

And good luck with the rest of the course. Thanks for joining.

22

WEEK 1, UNIT 6
00:00:00

Hello and welcome to Week 1, Unit 6 an exercise to familiarize yourself with SAP Fiori UX.

00:00:19

Throughout this first week Ive introduced you to the Fiori UX topic. I talked to you about the
SAP UX strategy,

00:00:26

the different app types supporting SAP Fiori UX and the architectures each type follows as well
as the Fiori Launchpad.

00:00:33

Bob also talked to you about the exciting Rapid Deployment options we currently have
available. We accomplished a lot in this first week and I hope youre proud of yourselves.

00:00:42

Now is the time for you to take a break from lectures and get some hands on experience.

00:00:48

All of the exercises in this openSAP course are optional and your participation will have no
impact on your points earned or the final Record of Achievement.

00:00:56

If youre planning to use SAP Fiori UX app types in the future then these exercises would be
beneficial, however, the choice is completely up to you.

00:01:05

We decided to break this exercise out into two parts, each with a how to guide.

00:01:10

The first part will get you setup to access a demo appliance landscape for the openSAP
course introduction to a SAP Fiori UX.

00:01:20

Although all exercises are optional you will need to go through this how to guide before you
can touch anything Fiori related.

00:01:26

I would recommend everyone to either set up an account now or download the how to guide
for reference later in case you decide to try something out.

00:01:33

The how-to guide can be accessed via the link included in the slide deck I'm showing here or
directly below the video at the bottom of your screen.

00:01:42

After your account is set up you can move to the second part which will log you into all the
different systems to make sure for future exercises you have access.

00:01:51

This means well log into the front-end server, the back-end server, the SAP Fiori Launchpad
and the Launchpad Designer.

00:01:58

We wont configure or make any changes to anything but instead we will walk through the
different parts of SAP Fiori UX so when we move to later exercises you are familiar with where
to go.

00:02:08

Everything you need to follow this part is described in the part 2 how-to guide.

00:02:14

Again, you can download it using the link in the slide deck Im showing here or directly below
the video at the bottom of your screen.

00:02:20

Please feel free to use the forum for support and/or discussions.

00:02:24

I hope that you have fun and Ill see you again in week 3 for the configuration topic. Bye!

23

www.sap.com

2014 SAP SE or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form
or for any purpose without the express permission of SAP SE or an SAP
affiliate company.
SAP and other SAP products and services mentioned herein as well as their
respective logos are trademarks or registered trademarks of SAP SE (or an
SAP affiliate company) in Germany and other countries. Please see
http://www.sap.com/corporate-en/legal/copyright/index.epx#trademarkfor
additional trademark information and notices. Some software products
marketed by SAP SE and its distributors contain proprietary software
components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for
informational purposes only, without representation or warranty of any kind,
and SAP SE or its affiliated companies shall not be liable for errors or
omissions with respect to the materials. The only warranties for SAP SE or
SAP affiliate company products and services are those that are set forth in
the express warranty statements accompanying such products and services,
if any. Nothing herein should be construed as constituting an additional
warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue
any course of business outlined in this document or any related presentation,
or to develop or release any functionality mentioned therein. This document,
or any related presentation, and SAP SEs or its affiliated companies
strategy and possible future developments, products, and/or platform
directions and functionality are all subject to change and may be changed by
SAP SE or its affiliated companies at any time for any reason without notice.
The information in this document is not a commitment, promise, or legal
obligation to deliver any material, code, or functionality. All forward-looking
statements are subject to various risks and uncertainties that could cause
actual results to differ materially from expectations. Readers are cautioned
not to place undue reliance on these forward-looking statements, which
speak only as of their dates, and they should not be relied upon in making
purchasing decisions.