openSAP

Build Your Own SAP Fiori App in the Cloud – 2016

Edition

Week 01 Unit 01

00:00:11 Hello and welcome to Week 1, Unit 1 of the Build your own SAP Fiori app in the Cloud 2016
Edition openSAP course. My name is Bob Caswell, and I'm a product owner on the Scale,
Enablement & Transformation team here at SAP.
00:00:27 On behalf of the whole team behind this course, we are extremely excited to be back with
you to bring you the latest and greatest on SAP Fiori app design, development, and
deployment.
00:00:37 If you took the 2015 edition of this course, this 2016 edition is for you.It's nearly all new
content and is the next step in learning how best to build your own Fiori apps.
00:00:49 If you did not take the 2015 course, this course is just as applicable for you.It has been
designed as a self-contained, end- to-end hands-on learning experience on how to build
your own Fiori app
00:01:01 and covers the latest UX topics and tools such as Fiori 2.0, S/4HANA, SAP Splash, Build,
and more.So it's ok if you've never heard of any of these new topics or tools I just
mentioned
00:01:15 because we will be covering each of them in detail here throughout the course.So without
further ado, let's get started.
00:01:23 Before we jump into SAP's user experience strategy, I just want to give you a quick
overview of the course structure, deadlines, and requirements.
00:01:31 As you can see here, this course will take place over 10 weeks.We have six instructors,
each with their own expertise in the specific areas covered throughout the first 7 weeks of
video instruction.
00:01:43 The last three weeks of the course are reserved for you to take part in the final assignment,
which - not surprisingly - is building your own Fiori app.
00:01:52 We've designed this course so that you shouldn't need more than 3 to 4 hours each week to
learn the fundamentals required for designing and developing your own Fiori app and to
complete the course successfully.
00:02:04 However, we also provide a lot of supplemental learning resources and exercises.So if you
have more time, there's always more to do to practice and refine your skills learned here.
00:02:14 Every week includes lots of demos along with optional exercises to help you master these
topics.So there's just one quick tip I want to give you here:
00:02:23 If something is being demoed in a video lecture, it's best if you don't worry about trying to
follow along and copy the same experience with your own system.
00:02:32 The reason I say that is because this course uses a lot of cloud products - in fact the whole
course is in the cloud - and these cloud products are constantly being updated.
00:02:42 So the goal of the video lectures is to give you the learning you need to then be able to
apply what you've learned through completing the optional hands-on exercises,
00:02:52 which have step-by-step instructions that we as a team will keep up to date during the
course.So as you can see, we start with an introduction to the SAP Fiori user experience in
Week 1.
00:03:04 Then move to the design topic in Week 2, you then get ready to create your first app in
Week 3 followed by the actual develop process in Week
00:03:15 Weeks 5 and 6 are additional guidance on how to enhance and extend your app.And then
Week 7 brings it all together with end- to-end demos showing the build process.
00:03:26 There are online discussion forums open throughout the entire duration of the course.So we
encourage you to engage there if you have any questions or comments.
00:03:35 One other unique aspect of this course is that there are two graded challenges: One is for
designing your own Fiori app, and another is for developing your app based on those
designs that you do in the first challenge.
00:03:49 As part of each of those challenges, you'll get a chance to give feedback on your peers'
design mock-ups and created apps as well as get feedback from your peers on your design
and mock-ups and created app.
00:04:03 OK. So how do you get points and successfully complete the course? Well, there are five
graded assignments throughout the first seven weeks of instructional content.
00:04:13 Each assignment is worth 30 points for a total of 150 points, which is half of the total points
available in the course.
00:04:21 The other half of the available points is split between the Design Challenge and Develop
Challenge, which are each worth 75 points.You'll get more details and instructions for each
challenge in Week 2 for the Design Challenge and Week 5 for the Develop Challenge.
00:04:38 Just know that we've structured the course such that when you're working on a challenge,
you'll have a lot less work to do in other areas. And as part of the Develop Challenge, if you
meet certain criteria,
00:04:50 you'll have a chance to be recognized in the course's app gallery, with the top three creators
each winning an Apple iPad Pro.And, of course, just like every openSAP course, you need
at least half of the maximum points available - in this case 150 points -
00:05:05 to pass the course and receive your record of achievement.OK. Now just a brief mention of
what's required for you to participate effectively in this course.
00:05:17 The good news is it's not much.We will frame everything we discuss within the shared
context of SAP systems and processes.
00:05:25 So it's best if you have a basic understanding of how business processes are typically
depicted in an SAP system.And we will also be going hands on with building apps, so basic
programming skills including HTML and JavaScript would be helpful.
00:05:40 That said, if you've never programmed before, that's totally fine.We've worked to make the
course intuitive and achievable for learners with no programming skills.
00:05:49 This course is really meant to be for almost everyone.Also, if you haven't already, you may
want to check out an earlier SAP Fiori course called Introduction to SAP Fiori UX.
00:06:00 It focuses more on the deployment and configuration of SAP Fiori, whereas this course
focuses more on design and development.
00:06:08 Of course, as mentioned, this course is self- contained.And we will still provide the
appropriate introduction to SAP Fiori UX
00:06:15 so that you get a clear understanding of what you need to know before designing and
developing your own apps.OK, so enough said on course logistics, let's start off by talking
about SAP's user experience strategy.
00:06:31 Traditionally software, and especially enterprise software, has been written from the
perspective of the features and functionality included.So while it can be very powerful, it can
also come across as intimidating and complex.
00:06:45 In contrast, most users don't view software in the context of all the features and functionality
included.They're actually much more interested in how easy it is to get things done
00:06:58 and how easily the software helps to facilitate what they're trying to accomplish day to
day.So let's briefly take a look at the benefits of putting the user first.
00:07:07 First, there are the benefits of monetary value.Studies have shown that intuitive, consistent,
and simple user experiences save time and increase productivity.
00:07:18 Users make fewer errors, training isn't as complicated, and there is a decrease in change
requests.Next are the benefits of human value: Employee satisfaction rises, customers are
more loyal,

2
00:07:32 solutions are adopted more, and relationships are strengthened, especially those between
IT and business. So if you think about it, even just one good improvement to a user
experience can quickly pay off,
00:07:44 especially for repetitive or cyclical tasks that are going to be done over and over again.So
how does SAP approach user experience now that you see just how relevant it can be?
00:07:56 SAP's user experience vision is to provide the leading user experience for business
applications, and, to that end, SAP's mission is to simplify your world with design.
00:08:06 So moving forward, the SAP Fiori user experience is the default user experience across all
SAP solutions including SAP's newest Business Suite SAP S/4HANA, which you'll learn
more about in later units.
00:08:21 SAP has also renewed many of its most common scenarios with SAP Fiori.However, since
SAP has over 300,000 screens across all its solutions,
00:08:31 it's really important that we at SAP empower anyone using SAP systems with the right tools
and technologies to make their own beautiful user experiences.
00:08:45 Hence, the reason for this course.Alright, so a few more aspects to the SAP User
Experience strategy that are worth mentioning briefly.
00:08:55 SAP's new User Experience ties in nicely with SAP's strategy to be the cloud company.So it
follows logically that Fiori, as SAP's modern user experience, isn't just something for more
traditional SAP systems.
00:09:09 SAP's portfolio of experiences has grown significantly in the past few years especially.And
you're going to see more and more of Fiori unifying these cloud experiences in the future.
00:09:21 It's also important to note that SAP Fiori has been designed for all screens or solutions and
is meant to be the right balance of simple and sophisticated.
00:09:30 The end user expectation nowadays is that the experience remains consistent across not
just all SAP solutions and systems but also across all input devices leveraged to access
those systems.
00:09:43 So regardless of whether you're on a mobile phone, laptop, tablet, or desktop, SAP's new
UX strategy has Fiori as the core user experience remaining very similar across all those
devices.
00:09:56 But Fiori also takes advantage of the screen it's so that certain experiences are more
sophisticated based on the role and primary screen used.
00:10:04 So, for example, if you're on a desktop screen, you're going to see more on the screen and
have more functionality potentially.So how does one make this strategy into a reality?
00:10:16 Well, in a nutshell, we like to think of it as "humanizing IT".And what that's supposed to
mean is that rather than focusing on systems, specs, or features, we want to show what's
possible
00:10:27 when starting with a focus on the end user and using a methodology called "design thinking"
to create innovative solutions.Design is generally or typically considered sort of a separate
discipline from development,
00:10:40 but the two really do go hand in hand, especially in this world of putting the user first.So
that's what we're here for - we're here to show you how you can apply design principles
quite effectively.
00:10:52 You're going to learn a lot more about Design Thinking in Week 2.Now, so far this topic of
User Experience strategy may have come across as a bit abstract.
00:11:03 But we wanted to give you this introduction up front because we think it's really important to
set the stage with how user experience is driving the enterprise experience of today.
00:11:13 In the industry, it's often referred as the "consumerization of IT".Nowadays, the proliferation
of smartphones, and the apps that come with them,
00:11:22 has raised the bar in terms of what users expect from enterprise software.This
consumerization and innovation is ultimately benefiting all of us.
00:11:32 So, SAP is very committed to its User Experience strategy and Fiori is a major part of with
tons of new design and development resources released in just the past year alone

3
00:11:43 to help you move quickly from strategy or theory to practice and hands-on use.So we're
here to do that in this course and show you how to do all of those aspects of design and
development of apps.
00:11:56 So that's it for this session.In the next unit, you'll be introduced to more details about SAP
Fiori specifically.
00:12:03 Thanks for joining, and enjoy the course!

4
Week 01 Unit 02

00:00:12 Hello and welcome to the second unit in Week 1 of the 2016 edition of Build your own Fiori
App in the Cloud.My name is Yoram Friedman and I'm a product owner for User Experience
and Mobile Best Practices at SAP.
00:00:24 And I'm really excited to be here with you again this year for the second edition, the 2016
edition, of the Fiori course.This year we've prepared lots of really exciting and innovative
topics.
00:00:36 All the latest and greatest around the technologies and UIs that we have.But before we dive
into that, I want to introduce you again to what Fiori is all about.
00:00:47 We'll talk a lot about Fiori, we'll talk about the next version of Fiori later in this course, but
let's start with what Fiori is today.Fiori is the new face of SAP applications.
00:00:59 It's the default user experience we have today for many new solutions like S/4HANA, like
many of the new cloud solutions.And it's designed to be the face for all SAP business
solutions across all devices, domains, everywhere.
00:01:15 You will get to see Fiori a lot more over the next few months when we introduce more and
more solutions that are going to be based on Fiori.So it's a good idea to understand what
Fiori is all about
00:01:27 and what it represents compared to what we used to have in the past.Fiori brings a new
user experience that is different in many aspects
00:01:37 to what we used to have in SAP GUI and NetWeaver business client. The first thing that
we're trying to achieve with Fiori is to make sure that we have a coherent user experience
across functional areas.
00:01:48 So we are trying to provide a similar user experience no matter what the business domain is
that we're trying to interact with.It can be a finance scenario, it can be a CRM scenario, it
can be a human resources scenario, it can be a procurement scenario.
00:02:03 It can be something based on SAP ERP or maybe based on SAP SuccessFactors.No
matter what the scenario is, the user experience should be similar.
00:02:14 And you as the users who are trying to interact with the system should be able to
understand and know how to do this interaction using that specific UI.
00:02:24 So this is the first thing that we're trying to achieve with SAP Fiori.The second thing is we
are designing the user experience for you - your needs and the way that you work.
00:02:36 So, in other words, we are making sure that this is a user-centric experience.We are trying
to satisfy first of all the needs of the user who is interacting with the system, and not
necessarily the needs of the transaction.
00:02:50 In the past, we used to have very complex UIs and we tried to put together all the different
fields and all the different buttons and everything that a certain transaction had to offer.
00:03:01 Now that we are breaking it, we are trying to create simple applications that are focused on
a single task for a single user.Instead of having one big screen with tons of fields, we have
very simple applications.
00:03:17 And each application is trying to fulfill a very simple task and target a very specific user.So
we are trying to design everything around the user needs and not around the database
structure for this transaction.
00:03:33 And the third thing is we are making sure we are focusing on the user activity.Sometimes
the user interacts with different systems in the same scenario.
00:03:41 Maybe you need to start with creating a sales quotation and then you need to do an ATP
check against another system, while at the same time, you want to create a leave request
because you need to go on vacation.
00:03:52 We're trying to make sure that no matter what the activity is, you can actually achieve that
using the exact same UI or at least the same experience.
00:04:00 And this is one of the cornerstones of SAP Fiori So just to summarize what we are trying to
achieve with Fiori:

5
00:04:08 If today we have applications that are mainly functional-based and are satisfying the needs
of specific complex transactions, today with Fiori we are trying to look at the user as the one
interacting with the system and what the needs of that specific user are.
00:04:27 And based on that design applications that are much more user-friendly and intuitive.And, if
in the past, we've had to interact with multiple applications -
00:04:36 one application for HR, another application for CRM, a third application for leave request -
We are trying to make sure that we have a single point of entry for all business activities,
regardless of the system.
00:04:49 So those are two main differences: First of all, we're creating multiple applications for users,
but we're maintaining a single entry point for all activities.
00:05:01 If we try to summarize what are the main principles for this new user experience, and this is
important to understand when building new Fiori UIs,
00:05:09 we have five main principles.First of all as I've mentioned, it's role-based.
00:05:14 It's designed for you, designed for your needs, and designed for the way you work.And
that's very important - think about the user first; and next week, we'll talk mainly about
design and how to design Fiori applications.
00:05:26 You will see that the user is the center of every activity we do when we prepare a Fiori
application.The second thing is the application is responsive.
00:05:35 Whether we run the application on a mobile device, on a desktop, on a tablet, the
application can adapt to the way that you work.You do not need to adapt yourself to where
you work and how the application wants you to work, the application will adapt to you.
00:05:51 It's simple.If you know how to interact with complex computer systems through Web UI,
00:05:57 if you know how to work with Office-based applications, if you know how to work with
Facebook, you don't need to learn something totally different to interact with SAP systems.
00:06:07 Let's make sure that we focus on what's important and let's make sure that the user
experience is as simple and intuitive as possible.
00:06:14 It's coherent as we mentioned, we have the same intuitive experience across all
systems.And it's delightful; there's no reason not to have some fun when interacting with our
system.
00:06:28 And we try to make sure that there is some emotional connection and you can really enjoy
working with Fiori UX.Traditionally, when we talk about Fiori, we're talking about three main
types of application.
00:06:41 We have transactional applications, and those applications enable you to interact with the
system and perform certain activities like creating a purchase order, approving a leave
request, and actually performing a transaction.
00:06:57 We have a set of analytical applications that enables you to gain insight into what is
happening in a certain system.And we have fact sheets that enable mostly to look at
business objects from all different angles and do complex searches in the system.
00:07:14 All those different applications share very similar UI elements.And over time, we'll see that
the differences between the applications are going to fade.
00:07:25 But we still in many cases talk about the differences between transactional and analytical,
fact sheet application, you'll probably hear it a lot.
00:07:33 Even though you will see that in some cases you can't really distinguish whether that
application performs a more analytical activity or a more transactional activity.
00:07:42 And that's also fair, you don't necessarily need to be very strict here.But those are the main
three types of applications that we have today.
00:07:50 Another important element that we have in Fiori is the launchpad.The launchpad is the first
point of interaction with the Fiori UX.
00:07:59 So when I as a user want to interact with a new system that is based on Fiori, I start with the
launchpad.And this is the place where I put all my applications.
00:08:08 And my applications are presented on the launchpad by way of tiles, small rectangular
shapes that I click on to launch the application.

6
00:08:19 So the launchpad is just my starting page, my homepage, the first page from which I interact
with all the systems.It is role-based, so every launchpad is slightly different based on my
role.
00:08:32 If I'm a controller, then I will see a different application to if I'm a recruiter who needs to see
other types of application.So based on my user role, I will find the relevant application in the
launchpad.
00:08:44 I can put different types of application, they can be transactional, analytical and fact sheet
applications.But they can also be different, other types of application, like traditional Web
Dynpro applications,
00:08:56 Screen Personas applications, those can be links or integration with new size or Jam or
things like that.So mostly I have Fiori applications in the launchpad as well as other types of
applications are also featured in the launchpad.
00:09:11 I can group the applications based on certain criteria, so I'll find the applications that I use
most at the top.I can put applications based on their business context or based on how
much I want to interact with them, how often I interact with them.
00:09:26 So I can actually personalize the launchpad to my specific needs.The launchpad comes
with built-in search across the different applications.
00:09:36 And there are all kinds of other functionalities like that.The ability to have color coding so I
know that I can see different alerts on the application tiles.
00:09:46 I can edit the launchpad to my needs.And you will get to play with the launchpad later in the
course, so you will see that.
00:09:54 But this is the one place from which we start the interaction with Fiori-based system.And
later when we talk about Fiori and S/4HANA, we'll demo how we start from the launchpad
00:10:05 and interact with different systems using Fiori on an SAP new S/4HANA system.Another
important thing about Fiori is it's fully customizable
00:10:16 and you can extend, you can personalize it, you can change the applications to a certain
degree.Or you can change the look and feel of applications.
00:10:26 You can use a tool called theme designer that you will try and play with later this week
during the exercise.And that tool enables you to completely change the look and feel of an
application.
00:10:37 Change the color, change the background, change whatever you want, put images, do all
kinds of modifications to the application itself.Fiori applications are standard UI5
applications so it's very easy to customize the look and feel of those applications.
00:10:53 And we mentioned before that the applications are responsive.So most of our applications
can run on any device and are going to adapt themselves to the screen size of different
devices.
00:11:05 You can run the application on a full-size desktop screen.And then you can continue and
work on a tablet or on a mobile device and you will get the same functionality.
00:11:17 The screen length might change slightly because we are adapting it to a certain tool.Maybe
some of the elements will be slightly enlarged on a mobile device so you can easily click
with your finger there.
00:11:29 But the overall functionality and the overall experience are going to be the same.So if you
know how to work with Fiori on a desktop, you'll have no problem continuing and working
with Fiori on a mobile device.
00:11:40 And this year we'll also test the Fiori applications on the smartwatch.So if you have a
smartwatch, you can continue that experience: Start from the desktop, use the Fiori
applications on a mobile device.
00:11:50 And go all the way to get notifications and to perform transactional activities even on the
small screen of a smartwatch.So to summarize what Fiori is all about:
00:12:02 We talked about the five main principles of Fiori: It's role-based, responsive, simple,
coherent, and it's delightful - it's really fun to do.
00:12:12 Fiori is based on the very strict criteria of visual design.So there are clear guidelines for how
Fiori applications are designed.

7
00:12:21 And we'll talk about the anatomy of Fiori applications later in the course.There is a very
clear architecture for the applications, for the information that we put inside the applications.

00:12:32 There are very clear interaction patterns, what happens in terms of navigation.When you
click in a certain area, something else is going to change.
00:12:40 How you switch between different screens, how you change tabs; so all these things are
well defined and repeatable.And that makes this whole experience repeatable and coherent.

00:12:51 And after a very short interaction with Fiori, you can really master this user experience and
interact with any SAP system that is based on Fiori.
00:13:01 And it's based on proven technologies; we're basing Fiori applications on UI5, on OData.So
we are using a proven technology to build a very attractive user experience.
00:13:15 That's all I have to say about Fiori.You will get a chance to play with Fiori applications later
this week.
00:13:21 And very soon, you will get a chance to create applications and build your own Fiori apps.

8
Week 01 Unit 03

00:00:12 Welcome to Week 1 Unit 3 of the 2016 Build your own Fiori App openSAP course.My name
is Virgil Suteu and I am an UX Technology Expert at SAP.
00:00:23 In this unit, I will give you an introduction to the SAP HANA Cloud Platform.The SAP HANA
Cloud Platform is an in-memory platform-as-a-service offering from SAP
00:00:35 that enables customers and developers to build, extend, and run applications on SAP HANA
in the cloud.With flexible subscription models and services for infrastructure, database and
application development,
00:00:48 it provides instant access to the full power of SAP HANA.In the context of SAP S/4HANA,
SAP HANA Cloud Platform serves as an extension platform and agility layer.
00:01:01 It is possible to build specific capabilities extending the scope of SAP S/4HANA by either
integrating non-SAP functions or building your own capabilities.
00:01:12 The cloud platform not only serves as the development platform but also as the runtime
foundation for the developed solutions.
00:01:20 The extensions built on the cloud platform can run on both cloud and on-premise
deployments of SAP S/4HANA.First, let's talk about some cloud basics to get a common
understanding of the different terms
00:01:37 and to understand where the SAP HANA Cloud Platform is part of.First, Software as a
Service.
00:01:46 It is a subscription-based or on-demand and centrally hosted software like SAP Fiori apps in
the Cloud.The next layer is Platform as a Service.
00:01:56 Develop, run, and manage web applications on a cloud environment.This is provided by the
SAP HANA Cloud Platform that integrates SAP Web IDE for developing applications.
00:02:07 And the third layer is the Infrastructure as a Service.This means Internet-based computing.
00:02:14 And it is a shared cloud infrastructure and its resources where customers are paying when
they really use it.The non-cloud approaches are managed IT environments.
00:02:27 Here, customers can choose from the following: Virtualization - Acting as a real server, the
customer's environment runs alongside other virtual machines
00:02:37 on one powerful computer landscape, for example.Hosting - The customer uses an entire
server that is not shared with anyone else.
00:02:52 The SAP HANA Cloud Platform key capabilities are that customers can easily create
engaging business sites with mobile access, own branding, and own customizations and
extensions.
00:03:05 It seamlessly integrates SAP's cloud and on- premise solutions like SAP SuccessFactors,
SAP Cloud for Customer.Also, it provides suitable access to customers, employees, and
partners based on role-based authorization.
00:03:21 And, the SAP HANA Cloud Platform delivers a rich user experience by the SAP Fiori
launchpad as an entry point for SAP Fiori apps and different templates and extension
possibilities for developing own applications.
00:03:38 The SAP HANA Cloud Platform has several services that provide additional functionality.For
customers, the Connectivity Service is a very important one.
00:03:48 It allows a secure integration with on-premise systems via the SAP HANA Cloud
connector.An on-premise agent establishes a secure SSL VPN connection between SAP
HANA Cloud Platform and on-premise systems.
00:04:02 It supports a pre-configured "destination API" and certificate inspection to safeguard against
forgeries.The Connectivity Service is complementary to the SAP Gateway, SAP HANA
Cloud Integration,
00:04:16 and 3rd party integration both on-premise and in the cloud.Now, how do you get access to
the SAP HANA Cloud Platform?
00:04:31 When you register to the SAP HANA Cloud Platform through hcp.sap.com, you will
subscribe to your personal developer account.This SAP HANA Cloud Platform Trial Account
offers you a free and unlimited-in-time access to the platform.

9
00:04:48 This I will show you in another exercise.But, for now, let's have a look at what the HANA
Cloud Platform looks like.
00:04:56 To do this, I will jump into my browser.And take a look first at my dashboard.
00:05:04 The dashboard is what you see when you start your HANA Cloud account.Next, I will jump
into the Services area.
00:05:17 The Services that are activated on my computer are listed here, for example, the HANA
Cloud portal, Mobile Services, SAP HANA Cloud Connector, and all others that are
available here.
00:05:30 Below the subscriptions, I can see what applications I have subscribed to, like the SAP Web
IDE, this is an online editor, or the theme designer.
00:05:44 Behind the Destinations navigation point, I can see all my back-end systems that I have
connected with my SAP HANA Cloud Platform.Here, for example, the ES4.
00:05:57 This is the back-end server that we will need in our exercises.Also, the HTML5 Applications:
These are my applications that I have developed and deployed on the SAP HANA Cloud
Platform.
00:06:13 And last, the Git repositories.The Git repositories are a list of applications that I stored into
the SAP HANA Cloud Git Repository.
00:06:24 A Git repository is a storage of all my developments.So on open.sap.com, there are courses
teaching the SAP HANA Cloud Platform in more detail.
00:06:41 They are available for learning self-paced.Here are some related courses, you can check
them out yourself.
00:06:51 Also, for further information on the SAP HANA Cloud Platform, you may have a look into the
SAP Product Roadmap.Additionally, we provided you some key links to topics that are
related to the SAP HANA Cloud Platform.
00:07:07 All links are available in the presentation slides below this video.So thank you for watching
this introduction to the SAP HANA Cloud Platform.
00:07:16 Now, please create your own HCP Trial account, if not already done, and start exploring the
platform.

10
Week 01 Unit 04

00:00:11 Hello and welcome to Week 1, Unit 4 of the 2016 Build Your Own Fiori App course.Now that
you've had a good introduction to Fiori, we thought we'd put together some other resources
00:00:24 to help you with Fiori and user experience in general. So let's get started.
00:00:29 So before I show you some of these other resources, it's important to note that choosing the
right tool and technology is an important step, especially with user experience.
00:00:39 But it's neither the first step nor the most important step because it's just a means to an The
most important thing is that in the end you want to have a delightful, simple, easy-to-use
user experience
00:00:51 that your end users are willing to use.And the tool that gets you there, whatever works for
you is great.
00:00:58 But they're not going to know about it, they're just going to know about the outcome.So
whichever tools work for you and get you to the outcome of happy users, those are the ones
you should use.
00:01:08 Obviously we're using certain tools in this course that we've put together that we think are
the right combination for you.But if you want to use some external tools and resources,
that's great, so we're going to show you some of those now.
00:01:21 So you've gotten an introduction to the HANA Cloud Platform.And on the HANA Cloud
Platform, there are a lot of tools, including Splash, Build, the Web IDE.
00:01:34 There's infrastructure, the Fiori infrastructure that you need; there's optimizing Fiori with the
HANA mobile services.And we have guides and resources for each of these steps along the
process.
00:01:48 Oftentimes (this is an overview slide), you have certain things you need to do to discover
and design what you're trying to put together for your end users.
00:01:58 And then you have other tools that you need for developing and deploying what it is that
you've discovered and designed for them to use.Sometimes you'll find that there are
existing apps and tools that are out of the box and can work great for certain end users.
00:02:15 For example, SAP has created several hundred Fiori apps.And there may be some that
work exactly as they are.
00:02:22 But then you need to understand exactly how to deploy them and implement them for the
appropriate use case for your users.So we're going to walk through some of those ways to
do that.
00:02:34 So the first tool I want to call attention to is the Fiori apps library.What this is is a listing of all
of the Fiori apps that are currently available from SAP.
00:02:44 And it gives you some details about each app - what the prerequisites are, some
screenshots, some things to know on what they do, what the use cases are for each of
them.
00:02:54 It's a good way to browse through what's already been made available before you go and
build what you think you need for your users.
00:03:02 There's also a link here for SAP road maps.SAP does release certain future-looking
statements about Fiori and user experience products.
00:03:13 And if you follow that link, you can go through and check out what the road maps are
currently.Now, they're not the reality of today of course, but at least it gives you some hints
as to what's coming in the future.
00:03:25 Also, SAP has a number of best practices related to Fiori and User Experience.You can
download these if you're an SAP customer or partner from the Service Marketplace.
00:03:38 These are rapid-deployment solutions, these are best practices that make it easy for you to
implement the existing apps.So there's one RDS called SAP Fiori Apps.
00:03:51 And there's another one called SAP Mobile Platform, which is for getting HANA Cloud
Platform mobile services up and running for running SAP in a more mobile environment.
00:04:02 And I'll walk you through later in this session where to find those resources.And I should
note that they're not required in any way for the learning throughout this course.

11
00:04:12 This is just supplemental material for those of you who are customers or partners and want
to understand the implementation specifics for the existing Fiori apps as they are.
00:04:24 There's also a Fiori apps gallery that we've put together from the course that we ran in 2015
on building your own Fiori app.And you can browse through what others have already
created prior to this course
00:04:39 as a kind of inspiration and a starting point for being able to see what's possible with SAP
Fiori.So for the Fiori apps RDS, there are two versions actually.
00:04:52 So we've provided multiple links. One of them you can get to in the browser directly from
your The other one works better on a mobile interface.
00:05:03 Whichever way is good for you - you can download the assets or you can browse them
directly on your mobile device.For the Fiori apps gallery, we also have two links.
00:05:11 We have one that's more visually appealing that shows it to you in a Fiori look and feel.Then
we have another one that gives you a lot more detail
00:05:19 and shows you all of the assets that each of the creators of the apps submitted with the
apps that they created.A couple more links here for the other rapid- deployment solutions
that you can find on Service Marketplace.
00:05:37 And also sapfioritrial.com is where you'd go to get started with the Fiori, cloud edition, where
you can kind of get hands on with Fiori and the look and feel before you even look into
design or deploying any apps.
00:05:56 And last but not least here's another list of links.There's a User Experience Community
where you can get the latest and greatest on design tips and tricks.
00:06:06 There's a Fiori Design Guidelines webpage, which is really helpful for designing your own
And there's also something called the SAP UX Explorer,
00:06:16 which is a semantic knowledge base of all the tools and resources that SAP has for User
Experience.It's really actually an intuitive way to browse all of these topics in one location.
00:06:27 So if you ever wonder - you hear some buzzwords or I said something and you're
wondering what does that even mean - you can just put it in that - it's like a mini search
engine - and get results back on exactly what all these tools and resources are.
00:06:41 And I also need to mention that there are a lot of resources for SAP S/4HANA.Now
S/4HANA is SAP's next generation Business Suite built on HANA, which is SAP's in-
memory platform.
00:06:55 So Fiori is the new user experience for SAP S/4HANA.And so if you're interested in how
that works and how Fiori is being used as part of S/4HANA,
00:07:08 you can follow a lot of these links as well to learn more about how Fiori works specifically for
S/4HANA.So with that, let me show you some of these links live because it might make
more sense that just talking about them.
00:07:20 This first one I'm showing you is the Fiori apps library, the Fiori apps reference library is the
full name. You can browse through, as of this presentation, it looks like there are 760 apps
you can browse through and you can click on any of these.
00:07:35 And you'll get a brief explanation of what they You can click on product features to
understand the use cases,
00:07:43 the implementation information for the version that you need of the underlying
components.And you can do that for any of these apps in this list.
00:07:54 The next link I wanted to show you live is the Fiori apps rapid-deployment solution.This is
where you go to get those best practices for step-by-step guides
00:08:03 for how to implement the existing Fiori apps that SAP has already created.You just follow
the URL provided service.sap.com/rds-fioriapps
00:08:15 And you look for the big orange button that says Download package.You can get a little bit
more detail on what's included in the package by clicking on the Solution details link or
Package fact sheet.
00:08:25 But really if you just want to download the step- by-step guides, you hit that big orange
button.Next is the gallery of apps that were created in the last openSAP course on building
Fiori apps from last year.

12
00:08:38 There's a listing of the top 170.And each of them is categorized - if they're a winner or a
runner-up, they're listed at the top.
00:08:48 But then we've categorized the rest by topic area, so asset management, finance and
accounting.There's lots to browse through here, but you might get some inspiration from
what others have created already
00:08:59 using the Fiori design guidelines and course materials.So each app is running live on the
HANA Cloud Platform.
00:09:08 And there are some mock-ups that are available in PDF or video format.Next I wanted to
show you the Fiori, demo cloud edition.
00:09:17 If you go to the URL sapfioritrial.com you'll get to this page, and if you click the "See it in
action" button, then what will load is a Fiori launchpad that shows you what Fiori looks like.
00:09:28 And you can click through some of these apps in this demo environment to get a good idea
of what Fiori entails and just as a good place to demo it for anybody who's experiencing it
for the first time.
00:09:39 Next is the User Experience Community, which is at experience.sap.com.This is where
you're going to learn about user experience specific to SAP and SAP products.
00:09:51 And you'll also learn of course a lot more about Fiori since that's the main focus of User
Experience at SAP.Some really interesting use cases and blog posts and tips for how best
to implement SAP User Experience.
00:10:05 And next is SAPUI5.Now this is the UI development toolkit for SAP products; it's based on
HMTL5, which is what most modern apps run on in the browser.
00:10:19 This is a guide for exploring all the different components that are part of SAPUI5, which is
the underlying code for SAP Fiori.You won't need this right away, but later in the course it
might be helpful.
00:10:31 We'll give you a bigger introduction to SAPUI5.And you'll want to keep this link handy to
explore some of these resources at that point.
00:10:41 If you're interested in implementing SAP S/4HANA, and SAP Fiori is part of that since it's
the default user experience for SAP's next generation Business Suite,
00:10:52 you'll want to check out this site, which is sap.com/activate, which is the innovation adoption
framework for S/4HANA and SAP Fiori in that context.
00:11:03 That's just another resource for that specific implementation of Fiori on top of SAP
S/4HANA.And last but not least, the UX Explorer - this is where it all comes together.
00:11:16 If you come to this page, you can basically type in any term. If you type in "fiori", you'll see
that it already suggests a number of topics.There's the cloud edition, Fiori Overview Page.

00:11:28 You can type in any User Experience term and then click on the entry for that term.And then
you'll get a good overview with a fact sheet of features and screenshots
00:11:39 and videos for basically any SAP User Experience-related tool or resource.So with that,
thanks for joining this session.
00:11:49 Check us out in the discussion forums on the course landing page if you have any questions
about these resources.And thanks for joining.

13
Week 01 Unit 05

00:00:12 Hello and welcome to Unit 5 in Week 1 of the 2016 Build Your Own Fiori App in the Cloud.In
this unit, I want to introduce you to the Fiori, cloud edition or Fiori in the Cloud.
00:00:25 In the previous unit, we talked about the HANA Cloud Platform.The HANA Cloud Platform is
a platform as a service offering from SAP
00:00:33 that provides functionality to create, administrate, and run applications in the cloud.HANA
Cloud Platform provides us with different services:
00:00:43 Collaboration services, data services, security services, development services, as well as
User Experience services and technologies.We can use this set of services to create Fiori
applications as well as to host and run Fiori applications from the cloud.
00:01:01 So when we talk about Fiori in the Cloud, what is it all about? When we run Fiori on the on-
premise system, we actually invest in the implementation of NetWeaver, NetWeaver
Gateway, UI5.
00:01:16 We need to deploy all those components, and we are hosting the application inside those
components.We actually create an infrastructure called the Fiori front-end server,
00:01:27 which includes the Fiori launchpad, the Fiori applications, the UI5.And this is where all those
technologies run and this is where all the Fiori applications are deployed and executed from.
00:01:40 Fiori in the Cloud is software as a service implementation of this exact front-end server as
well as a set of applications that can run from the cloud.
00:01:54 Once we host all those technologies in the cloud, the front-end server as well as the
applications, it is very easy to subscribe to those applications.
00:02:05 And to actually use them and to onboard to the cloud and start to use those Fiori
applications.Because that requires almost zero installation.
00:02:16 In order to understand it better, we need to understand the different components that make
up Fiori and how they play out in the cloud.And the first thing is the Fiori launchpad, we
already talked about the Fiori launchpad in previous sessions.
00:02:28 And this is a role-based environment which enables me to launch and host any Fiori
application.It can be personalized to adapt to different user roles.
00:02:40 It can run on any device and it can host a variety of applications.Actually there are different
flavors for the Fiori launchpad.
00:02:48 We have a version of the Fiori launchpad that runs on the app front-end.And actually it's
hosted inside NetWeaver Gateway.
00:02:55 We have a version of Fiori launchpad that is extending SAP Enterprise Portal on-premise
and enables us to run mobile applications and Fiori applications from the SAP Enterprise
Portal.
00:03:08 And we have another version of the Fiori launchpad which is hosted on the HANA Cloud
Platform and enables me to run Fiori applications in the cloud.
00:03:19 Now when we look at the HANA Cloud Platform, one of the main services we've had on the
Platform for a long time is the HANA Cloud Portal.
00:03:28 And the HANA Cloud Portal is a simple and easy cloud offering designed for business
applications.The HANA Cloud Portal - which again is a service that has existed on the
HANA Cloud Platform for a long time -
00:03:40 now includes a specially designed site that is the Fiori launchpad.And if you think about it,
there are a lot of commonalities between the portal functionality and the launchpad
functionality.
00:03:52 User role management, personalization, permission, hosting of different types of
applications, So all the services are common between the launchpad and the portal.
00:04:03 And the Fiori launchpad in the cloud is actually a subset of or a mini-site that is part of the
HANA Cloud Portal.So it's a well-proven technology that we have on the HANA Cloud
Platform.

14
00:04:17 And that specific launchpad that we have in the cloud running as a service in the HANA
Cloud Platform.And anyone with a HANA Cloud Platform account can subscribe to this
service
00:04:28 and have the Fiori launchpad as part of the offering on the HANA Cloud Platform.So
basically you don't need to deploy the launchpad, you don't need to configure the launchpad
too much.
00:04:41 You just need to subscribe to that on the HANA Cloud Platform.And then once you've
subscribed to that, you get all the services of the launchpad.
00:04:48 And you can start to deploy Fiori applications to that launchpad.Now we have different
services that complement the launchpad and Fiori on the HANA Cloud Platform.
00:04:59 The first of them is Web IDE, which we are going to work with later on in this course.A full-
blown development environment that helps us create UI5 applications, Fiori applications.
00:05:10 And then deploy them, if we need to, to the launchpad.Of course, the launchpad is one of
the UI services that we have in the HANA Cloud Platform.
00:05:18 Theme designer, which is a specially designed tool to change the look and feel of the
applications that are hosted on the HANA Cloud Platform and any other UI5 application.
00:05:29 And the HANA Cloud connector, which is a set of technologies used to connect the
applications or the content that is running in the cloud to our on-premise systems.
00:05:42 And this is an important feature because if I'm hosting my Fiori applications in the cloud, I
need to consume the data, and sometimes that specific data is hosted on my on-premise
systems.
00:05:54 So I'm using a functionality of the HANA Cloud connector, and that's part of the connectivity
features of the HANA Cloud Platform, to create a secure tunnel between my cloud
environment and my on-premise.
00:06:12 And one of the advantages of the HANA Cloud connector is that the tunnel is created or
invoked by the on-premise system.The cloud is not creating a connection to my on-
premise,
00:06:24 but from the on-premise I'm initiating connectivity to the cloud, which is much more
secure.So the HANA Cloud connector enables me to securely connect my Fiori applications
that are hosted in the cloud
00:06:37 with my data or business logic that might still be on the on-premise system.So if we look at
the overall architecture of what we offer with Fiori in the Cloud:
00:06:49 We are offering on the HANA Cloud Platform a set of technologies: security technology,
integration technology, mobile services.We are offering the Fiori launchpad in the cloud.
00:07:00 And most importantly, we are now offering a set of applications that are now hosted in the
cloud and are available for subscription.So anyone who wants to use this application can
just subscribe to them and in seconds you can actually use them.
00:07:16 And I will show you in a minute how to do that.And, besides that, we also have the ability to
connect the cloud infrastructure to an on- premise infrastructure
00:07:28 and actually consume data from an on-premise system while using the Fiori apps that are
hosted in the cloud to present this data.Another important concept that we need to
understand before looking at Fiori in the Cloud is the account.
00:07:47 And when we talk about HANA Cloud Platform, an account is an important asset.Because
everything in the HANA Cloud Platform is part of an account.
00:07:55 So this is the place where we actually host our configurations and authorizations and
services and applications.They are all part of a specific account.
00:08:07 Now we can have different types of account on the HANA Cloud Platform.I can have a
developer account or a customer account; I can have a partner account.
00:08:16 So there are different types of account.And in this course, you're all going to use a
developer account, which is a 90 days or kind of a trial account
00:08:26 that you get for a limited time on the HANA Cloud Platform.You can also define different
types of account based on your lifecycle management.

15
00:08:34 You might want to have a development account and a test account, and a production
account.And they might be different types.
00:08:40 Now there are also central accounts.So we host the Web IDE, for example, and the
launchpad and the theme designer and the Fiori app in central accounts
00:08:51 that are managed by SAP.And whenever you want to use one of those services from your
own trial account or customer account,
00:09:00 you just need to subscribe to those services.So the overall picture is you as a developer,
you have your own developer account.
00:09:11 You subscribe to services from a central SAP account.Services like Web IDE, Fiori
launchpad, services like Fiori applications.
00:09:20 And if you want, you can connect those applications to your on-premise system and your
own data using the HANA Cloud connector, NetWeaver Gateway, and technologies like
that.
00:09:33 So you can actually create a mixed environment in which you have your own account,
subscribe to centrally hosted services, and be connected to your own system.
00:09:43 And you will play with some of those technologies later in this course.Now the best way to
understand how it all works is to just to try and see it.
00:09:52 And I will try to demonstrate what we get in Fiori in the Cloud.So when we first launch Fiori
in the Cloud, we actually have two versions of that.
00:10:03 The first version you can use is the Fiori, demo cloud edition.This is a runtime only version
of Fiori and it's used mainly to demonstrate the capabilities of Fiori.
00:10:15 When you go to the Fiori, demo cloud edition, you are using a demo user.Let me try and
enlarge the screen a little bit so you can see it better.
00:10:26 So we are using a demo user in this case.And here you can launch different applications
and see the functionality and understand how Fiori works.
00:10:35 So here we are hosting a bunch of applications.You can't do much with those applications
besides launch them and understand how those applications work.
00:10:44 And if you're curious as to whether a certain application fits your specific needs, then go to
the Fiori, demo cloud edition. You will find dozens of applications there, and we are adding
more and more applications all the time.
00:10:55 And you can see if those applications actually match your specific needs.But you can also
try and use the full-blown Fiori, cloud edition
00:11:09 by having your own account of the Fiori Demo Cloud.So once you've signed up for your own
account, and I've just clicked on my own account,
00:11:24 now you can see that I'm switching to an account that is under my name.You can see this is
my name, and whenever you sign for this account, you'll get an account under your name.

00:11:37 And we see that this account is going to expire after a certain time because this is a trial
account.Now you have the exact same Fiori applications.
00:11:44 And keep in mind those Fiori applications are hosted in a central place.And I'm subscribed
to that central application, I can use those applications, I can launch those applications in
the same way.
00:11:55 But now I also have the ability to change those applications.I can extend those applications,
I can change the look and feel of those applications.
00:12:05 And in the future, I should also be able to connect those applications to my back end.I have
full control, and I can manage this site.
00:12:16 So I can actually go to the catalog of applications like any other Fiori site, and I'll find that I
have different tiles.I can add tiles and I can remove tiles.
00:12:27 And I can move them around and delete tiles.So I can do whatever I want with this specific
Fiori system.
00:12:33 And I can also see the management console behind this site.So I can go to Manage Site
and there I will find the Fiori configuration console.

16
00:12:43 And we'll talk about it later in the course as well.So here I can actually add applications, I
can change the look and feel of Fiori applications with the theme designer.
00:12:53 And just to show you something interesting: I can go to my HANA Cloud Platform
Cockpit.And there I can see which services I've subscribed to.
00:13:02 So if I go here, I'll see that in this case I've subscribed to all the different Fiori apps that I can
see in the launchpad.Let me try and enlarge this a bit so we can see it better.
00:13:14 So here are my subscriptions, and you can see that I've subscribed to a bunch of Fiori
applications.I've also subscribed to other centrally hosted services like Theme Designer and
Web IDE.
00:13:27 Now it might be a bit confusing, but keep in mind that during the course, you're actually
using two different versions of the HANA Cloud Platform account.
00:13:37 You have your developer accounts that you're going to use for the basic exercises with Web
Also, you have your own account on the Fiori, cloud edition.
00:13:47 And that Fiori, cloud edition account comes with its own HANA Cloud Platform account.It's
hosted on a different HANA Cloud Platform; so you will see that you actually have two
cockpits.
00:14:00 One for your basic exercises with the Web IDE.And on that specific developer account, you
don't have any Fiori applications.
00:14:08 And you don't have any content.And you have another account, or you can use another
account, which contains tons of Fiori applications for you to play with.
00:14:16 And that's a different account on the HANA Cloud Platform.So make sure that you're not
confused by the two accounts.
00:14:24 You have one developer account with no content just for the basic exercises with Web
IDE.And you have another account with tons of Fiori applications and the launchpad and
everything
00:14:34 for more advanced scenarios in which you want to start from a Fiori application.In terms of
availability, as I mentioned we have two different Fiori cloud editions.
00:14:52 we have the demo cloud edition, which is available today with tons of applications.You can
browse the applications there, you can extend the applications, you can customize them.
00:15:03 And in the near future, you can connect those applications to your own back-end
system.And in the very near future, we're going to have a production version - the Fiori,
cloud edition.
00:15:16 A full production version of Fiori in which you can actually run applications in production
mode and host real business scenarios in the cloud.
00:15:26 Now I just want to emphasize one more thing before we end this session.I mentioned that
we had the theme designer as one of the offerings on the cloud.
00:15:35 This week we're going to have an exercise in which you use the theme designer and the
Fiori cloud edition to change an application.We're not going to have a session on the theme
designer, we're only going to have an exercise on it.
00:15:48 It's a very simple exercise, it's a very fun exercise in which you pick a Fiori app or the
launchpad and change the look and feel to whatever you want.
00:15:56 So we will have detailed guidance on exactly how to do it.And you will do it after you've
signed up for the Fiori, cloud edition.
00:16:05 So I really hope that you're going to enjoy that.That concludes everything I wanted to say on
the Fiori, cloud edition; I will see you in the next session.

17
Week 01 Unit 06

00:00:13 Hello again, and welcome to Unit 6 in Week 1 of the 2016 Build Your Own Fiori App in the
Cloud.Earlier this week, we talked about Fiori, we talked about the HANA Cloud Platform,
we talked about Fiori in the Cloud.
00:00:25 And we mentioned many times that Fiori is the new face of SAP.We also mentioned that
Fiori is the new UX for the SAP S/4HANA business solution.
00:00:37 And in this session, I want to introduce you to what S4/HANA is all about, and to what Fiori
provides as the user experience in S4/HANA.
00:00:47 So S4/HANA is the latest business solution of And the idea behind S4/HANA is that we're
trying to adapt business to the digital economy.
00:00:59 And when we talk about digital economy, we're talking about the fact that every part of the
value chain in almost all business today is digitized.Invoices, purchase orders, shipments,
procurement, travel - everything today is digitized.
00:01:16 And once all the parts of our value chain are digitized, we can try to do much more powerful
things when we try to connect everything together.
00:01:28 And the idea behind S4/HANA is that we're trying to create one digital core that
interconnects all the different parts in our value chain that have already been digitized over
the past few years.
00:01:40 And by interconnecting everything, we can try and do new processes; we can try and
improve, we can try and do things in a different way.Or in other words, we can try and
reimagine our businesses.
00:01:54 And when we talk about reimagining our businesses, we can do different things.We can
reimagine business decisions.
00:02:00 We no longer need to look into Excel charts and paper charts and things like that.We can do
real-time analytics; we can get data in real time from a memory-based database,
00:02:12 a high-performance database like HANA, and see in real time what happens in our
business.We get real-time insight.
00:02:20 We can reimagine business processes.We no longer need to be working with the same
business processes that we had 30 or 40 years ago for procurement or purchasing.
00:02:30 We can try and do things in a different way.There is no more batch processing, we can do
things in real time.
00:02:37 And we can try reimagining business models; we can connect things in a different way.We
can connect people, machines, networks, organizations.
00:02:46 We can do all kinds of things when we try to connect different solutions that are currently
fully digitized.So this is one aspect of reimagining our business.
00:02:56 And when we look at what S/4HANA provides us with, it provides us also with new
technology.The first thing is that we are reimaging the user experience.
00:03:04 We now provide a much more intuitive user experience.We provide Fiori, and Fiori is the
default user experience for S/4HANA.
00:03:12 There's no other user experience there.We're not using SAP GUI, we're barely using any
other user experience like NetWeaver business client.
00:03:21 We are mostly using SAP Fiori.And we're providing all kinds of Fiori applications that are
really adapted and created specifically for those new business scenarios.
00:03:34 We are reimagining the system configuration, we provide tools, some of them also have a
Fiori UI, to configure the system.So it's much faster now to configure and to change the
system and adapt it to new needs.
00:03:47 And most importantly, we are reimagining the data models.We are using the HANA
database, we are simplifying the database.
00:03:54 We are creating fewer tables and fewer data structures.And everything is now working very
fast, in- memory processing.

18
00:04:05 So once the data model is very simple to consume and the UI is very easy to use, we can
actually create amazing things.And when we talk about Fiori, we said that we are simplifying
everything.
00:04:17 And when we talk about Fiori, we are creating applications that are first and foremost role-
based.We are trying to satisfy the needs of the user, not the needs of the transaction.
00:04:27 We are trying to make sure that the users are most productive.We are not trying to put all
the fields from a single transaction on one screen.
00:04:34 But we're trying to make sure that each user gets the best experience when using the Fiori
applications that were designed specifically for his or her role.
00:04:44 We are providing instant access to any business insight.We are providing many Fiori
applications that provide analytical data and graphical data and charting, and everything.
00:04:54 And we provide object pages or fact sheets that give you a 360° view of everything that is
happening in your system.So it's very easy now to understand what is happening in your
organization using this instant access.
00:05:08 And the design is very simple; the business processes are much easier to
understand.They're implemented using multiple small tasks that are easy to consume.
00:05:18 And you can mix and match those applications any way you want.So if we look at this user
experience, the Fiori apps that we have in S/4HANA are more complex
00:05:29 than the traditional Fiori apps that some of you have played with in the past two years.But
even though they are more complex, we try to maintain a simple design.
00:05:38 We try to make sure that the design is coherent across all applications.So once you know
how to work with a Fiori app, whether it's a split-screen or full-screen application,
00:05:48 you know how to work with any other Fiori application.And you will see that sometimes we
put a side bar with, for example, the customer contact history.
00:05:58 And we have tables and we have charts; but those UI objects repeat themselves in many
applications.So once you get used to seeing this user control,
00:06:11 you will actually be familiar with that specific user control and get comfortable seeing that in
other applications.So we are trying to make sure that the user experience is repeatable and
it's consistent.
00:06:25 So once you know how to work with those applications, it's very easy and it doesn't really
matter if you're doing a financial scenario or you're doing procurement or travel
management, the applications are going to be very similar.
00:06:39 Now one thing that we've learned when working with the Fiori app is that the Fiori apps
really make it easier to interact with the system.And we're conducting many tests to
compare how much time it takes to perform a certain activity using the Fiori application
00:06:56 compared to what it has taken to do the same activity using SAP GUI or NetWeaver
business client in the past.And if we look at a simple scenario like clear incoming payments,

00:07:06 we compare that and we know that the duration of that using SAP GUI was on average 2
minutes and 25 seconds.With the Fiori app, we are doing that in slightly over one minute.
00:07:17 So a reduction of almost 50%.The number of clicks was significantly reduced when we used
the Fiori app.
00:07:25 The number of screen changes was dramatically reduced by more than 90%.And overall,
we proved that it's more efficient to use the Fiori app for this scenario than when we used
SAP GUI.
00:07:42 We are comparing that across many applications.And we are making sure that the Fiori
applications that we create for S/4HANA are significantly better
00:07:51 in terms of the user experience and performance than the respective SAP GUI or
NetWeaver business client apps that we had before.So, we are trying to make sure that
we're using the Fiori concept - role-based, responsive, simple, coherent, delightful.
00:08:12 We're providing experience that is much more desirable for users; it's fun, easy, fast.And
we're making sure that we provide many Fiori applications.

19
00:08:25 And the users spend most of the time with this new user experience when they work with
S/4HANA than with any other user experience that we had before.
00:08:35 Now when we look at S4/HANA overall, it's not one solution, S/4HANA is a set of
solutions.So we have the digital core, the base of S/4HANA, with the HANA database and
the core business logic.
00:08:46 But, on top of that, we have different scenarios.So we have scenarios for finance, we have
scenarios for human resources.
00:08:52 We have scenarios for procurement, supply chain, travel, and manufacturing.We are also
introducing solutions that are part of other SAP solutions that were acquired over the years.
00:09:04 So for finance, S/4HANA is integrated with Ariba and Concur.For human resources,
SuccessFactors is part of the S/4HANA stack, Fieldglass, hybris.
00:09:15 So all those solutions are part of the big S/4HANA suite.And all of them share the same
user experience.
00:09:25 So we are using Fiori to integrate the different user experiences from different solutions.And
we have the same user experience on SuccessFactors as we have on S/4HANA ERP and
finance.
00:09:37 So the overall experience for the user is identical.As you're already familiar with this slide,
we're trying to make sure that the user has one entry point.
00:09:48 And the user has dedicated applications.So it doesn't really matter if you're performing an
activity that originated in SAP ERP,
00:09:57 or it originated in SuccessFactors or Ariba, the user will still see an application that looks
like a Fiori application.The user is still going to start that activity from the launchpad.
00:10:09 And if we just get a preview of some of those applications, you will see that overall we have
similar Fiori apps for different lines of business and for different business domains.
00:10:22 So marketing, human resources, supply chain, sales, enterprise management, finance: We
are working on providing Fiori applications and Fiori user experience for all those scenarios.
00:10:34 And in the end - and it will take some time as we don't have everything today but over the
next few months you will see more and Fiori apps for all those domains.
00:10:42 But in time we will have one single user experience, one entry point for everything.And
that's the idea behind having Fiori as the default UI for S/4HANA.
00:10:53 Another thing that we're doing when switching to S/4HANA is simplifying the overall
architecture.We mentioned that in the classical Fiori stack, we have transactional, analytical,
and fact sheet applications.
00:11:04 Some of them run on the HANA database, some of them can run on any database.In
S/4HANA, we have a single architectural stack.
00:11:12 Everything runs on the HANA database.Access to the data is always through a core data
service view.
00:11:18 And we can generate OData from those core data services.So all the applications consume
the data in a similar way.
00:11:27 So the distinction between analytical application, fact sheet and transactional application
fade away.And we can actually provide a much more coherent experience in that all the
applications behave in a similar way.
00:11:39 It's even easier to develop the application because there's one architectural stack when we
look at S/4HANA.And not three different architectural stacks.
00:11:49 Another thing that S/4HANA provides is a more unified mechanism for extensibility.We have
different types of extension, and when we look at S/4HANA, we have in-app extensibility,
00:12:00 in which a user can actually take an application and extend that specific application by
changing the application itself.You can do it using code or without code.
00:12:10 And we'll have a session on that later in the course.Or you can actually extend the
application with what we call side-by-side extensibility with the HANA Cloud Platform.
00:12:20 In this scenario, we are not touching the application itself.But we are adding the extension,
we are using a dedicated extension point in the application.

20
00:12:28 And we are just creating an extension.So we are not touching the original app.
00:12:34 Even if SAP upgrades that app or we change the app, the extensions will be maintained, so
we're not touching the basic code of the application.We're just providing an extension on the
side using HANA Cloud Platform or another solution.
00:12:50 And we'll talk about that as well later in the course.I just want to quickly show you one
scenario on S/4HANA.
00:12:59 It's mainly an analytical scenario, it's slightly different to the type of application that we
usually create, the starting application.But I just want to show you what some of those
applications look like on S/4HANA.
00:13:16 The first thing that I do is log into my S/4HANA landscape.Then as I mentioned, S/4HANA is
Fiori-based.
00:13:43 So the first thing that we get when we log into S/4HANA is a Fiori launchpad.And in the Fiori
launchpad, we have multiple tiles.
00:13:51 The tiles are grouped into different groups, and I can change that of course.I can move the
tile from place to place or add and remove applications there.
00:14:00 But what I want to do - and I'm here as a purchasing expert who is looking into the inventory
of my company which deals with automotive parts.
00:14:15 So I start my application and this is an analytical application, you see real-time data coming
from the database.And what I'm looking at at the moment is the inventory turnover analysis.

00:14:26 I want to see what the status of my inventory is.And I want to make sure that I don't have
any stock in my inventory that is not being used.
00:14:34 Because there's no point in actually having stock that is just standing in my inventory
without being used.And I can see in this chart that I have some parts that have a very high
turnover.
00:14:44 So the average inventory value here is quite low and the turnover rate is quite high.But I
also have a few parts that have a high inventory value.
00:14:53 So I have a lot of them in stock.And I have a very low turnover rate.
00:14:57 So we are not really using that too much, and I want to see if I can change something
here.So I can choose those four different parts and take a deeper look and understand
what's going on there.
00:15:10 So from this chart that provides me the insight, I'm moving into a split-screen application in
this case.And this split-screen application gives me access to those four different parts.
00:15:21 And the floorplan that we have here is quite complex, and that includes standard information
as well as another chart.So if I look at those different parts that I have, I can see the supplier
data for each of them.
00:15:35 So here I have a part infotainment system coming from a supplier in Pittsburgh.I have
another part that is a lighting system coming from a supplier in Columbus.
00:15:49 I have another part, maybe I want to change the way that I handle this part.But this specific
part, I can see that it's an alternator, it's coming from a supplier in Mexico, which is very far
away.
00:16:00 So I probably cannot do much about it because since the shipment time here is quite long, I
can't really reduce it or take a risk that I will not have it in time.
00:16:10 Maybe I can do something about this part.I check that - this is an exhaust system, and this
is coming from a supplier that is only 56 miles away from me.
00:16:21 So if the supplier is basically sitting next to me, maybe we can do something about it and
change the way we handle those parts.So let's try and see if we can do something about it.

00:16:32 And I have an idea, I want to share it with my co-worker.So I can actually send a message
and share it on a Jam site.
00:16:41 So let's pick up the correct Jam Group, and maybe we want to switch to the just-in-time
model.So seeing as that supplier is located next to me, I don't need to hold stock in my
warehouse.

21
00:16:59 I can actually order stock when I need it instead of having the stock there because it's only
coming from 50 miles away.
00:17:06 Let's share that.And I see that the request was sent to my co- workers, and I'll probably get
a notification from them later to see if anything happened.
00:17:20 Well, we won't wait for that here, but I just want to show you what happened a few months
after we did this change.And here I can just do another analysis for that specific part.
00:17:33 And if we go and browse, we can see that we have a high inventory all the time.But at some
point around the time that we switched to just in time, we can see that the inventory started
to drop.
00:17:44 And we don't hold too many of those exhaust systems in stock.And over time, we have
almost none in stock, we're just getting them when we need them.
00:17:55 So this is just one example of how we can interact with a Fiori UI in a real business
scenario.This business scenario is actually running on a real S/4HANA system using the
HANA database.
00:18:07 And you can actually get the data, it's real-time analytical data that you get.Then you can
see the data, or you can actually browse and play with the data in real time, which is very
impressive.
00:18:20 This concludes this session and the whole week.Next week, we're going to talk about the
future version of Fiori as well as of prototyping and design.
00:18:29 I hope you enjoyed this week; I really hope that you're going to enjoy the exercises that we
have for you.And I hope to see you again next week.

22
www.sap.com

© 2015 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#trademark for
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 SE’s 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.