Hi, my name is Denys van Kempen, SAP HANA Academy.
You are watching a video tutorial that is part of a series about the SAP Business Technology
Platform, SAP Extension Suite certification.
The topic of this tutorial is the user interface (UI)
This video was recorded in June 2022.
For the latest tutorials on the topic, please check the playlist.
User Interface is listed as topic with a weight of 8%, about 6 questions, minor topic.
In the training material, the topic is covered in the unit User Interface and Business Logic,
also covering event and error handling, and there is an exercise, the business case, to
make this concrete.
We need to know how to generate a user interface with SAP Fiori elements and modify the UI
with OData annotations but the business case is covered in another tutorial in this series.
What’s Fiori?
Flowers in Italian, which the Japanese call “hana” curiosly enough (but not very relevant
here).
What you need you to know is that SAP Fiori is a design system (design language).
On the SAP.com website we can find some high-level information.
Listed as product but it is not really a product, you cannot buy Fiori from SAP.
Enables you to create business apps with a consumer-grade user experience.
Introduced back in 2013, when everyone was starting to use mobile devices with all these
wonderful apps and we needed an update for the SAPGUI screens on desktop computers.
Easy to build, easy to use.
Ships with SAP business applications and when you, as developer, use the same design guidelines
and tools, your users get the same experience and benefits.
To get started, visit the SAP Fiori topic on the SAP Community, which you can follow
for updates.
Key resources.
Training and documentation.
There is the design part, with the design guidelines;
the key elements: role-based, adaptive, coherent, simple, delightful
which you can explore in more detail.
There is a designer toolkit, icon explorer, guidance for user research, design thinking,
and for the developer persona, which might be you, there is information about the tools,
Business Application Studio and the UI technology, SAPUI5, with the back-end technology for building
UI services, pointing to CAP, SAP Cloud Applications Programming model, covered in another tutorial
in this series and used for the business case.
SAPUI5 is a JavaScript framework and UI library, the building blocks to create Fiori apps,
so to speak.
Again, lots of information, probably a bit too much if you are just getting started,
where to learn more, including a SAPUI5 demo kit hosted on ui5.sap.com
Okay, so we have a design system (language) called SAP Fiori, a UI technology called SAPUI5,
and then there is also something called SAP Fiori elements, which is a library of what’s
called floorplans.
Again, lots of information Suggest to take a look at the documentation,
to learn why?
Developer productivity, user experience consistency, and enterprise readiness.
And the floorplans: list report, object page, worklist, overview, and analytical list page
(and there is a reason of course, I am mentioning all of this).
To get hands-on, you can try some of the tutorials, they are hosted from the SAP Development center
You can filter on SAP Fiori, SAPUI5, indicate your experience.
Great way to learn.
As mentioned, there are openSAP courses but most will be out of scope for the exam.
SAP Fiori elements are also covered in the Guidelines, here we have the supported floorplans
again, and SAP Design also has a channel on YouTube, which may be a nice way to learn
more about SAP Fiori, SAPUI5 and SAP Fiori elements as well.
That’s it, for SAP Fiori.
Remember, it is a minor topic, only six questions, high-level.
You may already know some of the answers without any study or after watching this video.
For the exam, don’t get lost in all the documentation and material about Fiori and
tools but as UI developer and designer, of course, dive in and have fun.
You can find the links to the resources mentioned in the description of this video below.
This video tutorial was recorded by Denys van Kempen, SAP HANA Academy.
Any good?
Give us a like, and for updates, don’t forget to subscribe.
Thanks for watching.