Technology Blog Posts by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
StefanFell
Associate
Associate
675

The course development of the UX100 is (again) finished. Let’s summarize all the new and updated topics in a central place. Welcome to my fourth blog post about the customer training UX100 (SAP Fiori – Foundation).

If you are more interested in a digital learning for SAP Fiori, please read my blog post:
SAP Learning Journey – Learning the Basics of SAP Fiori

Introduction

Starting in 2016, this is now the seventh incarnation of the introduction to SAP Fiori for on-premise. SAP Fiori moved on and therefore the UX100 moved on. With SAP S/4HANA 2023, the SAP Fiori groups are deprecated and were removed from UX100. In addition, the SAP Fiori launchpad designer is no longer recommended and was reduced to its core tasks, where no other tool is in place, yet. Finally, the appendix was dropped with all those long-ago-features from the SAP Business Suite.

The units in the current version are the following:

  1. End-User Perspective
  2. Technology
  3. Architecture
  4. Content Management
  5. Content Administration
  6. Adaptation
  7. Mobility
  8. Integration
  9. Further Information

If you are interested in an adapted version of the material, you can order a customer specific version of the course including only the topics you wish.

System Landscape

Let’s start with the system release: SAP S/4HANA 2023 FPS02. Our system landscape – we call it universal target – is used in nearly all our technology courses and offers full access for the participants from the SAP Fiori launchpad (FLP) in the browser down to SAP HANA on the SUSE Linux Enterprise server (SLES). Everything is set up following the newest guidelines of SAP so that it can really act as a template for customers.

UX100 System Landscape (Screenshot from System Setup Guide)UX100 System Landscape (Screenshot from System Setup Guide)

In addition, we offer a self-service for participants to create a subaccount in SAP Business Technology Platform (BTP) for the exercises. It is comparable to the SAP BTP trial but limited to services used in UX100 and only valid for the training week. If you need more time to test SAP BTP, please check out the SAP BTP trial.

User Experience

One goal of this update was to update all slides to the newest design guidelines of SAP. Nowhere can this be seen better as in the SAP Fiori launchpad itself. SAP Fiori with Horizon provides a fresh look and feel with new colors and a better user guidance.

How to Add Apps as Favorite to My Home Page (Screenshot from UX100)How to Add Apps as Favorite to My Home Page (Screenshot from UX100)

The first thing users see when starting the SAP Fiori launchpad is the new My Home. It is a page just for the user, which can be personalized in many ways. Beside to dos, pages, and insights, the apps section can be populated with favorites. This can be done in two ways:

  1. Choose Add Apps in the Apps section to open the app finder and select an app from a catalog.
  2. On an SAP Fiori page assigned to your user in FLP, choose Edit Current Page in the User Actions Menu and choose Add to My Home in the context menu of a tile.

The first way comes in handy if you browse all apps assigned to you without concerning, if the app is already part of any page. It is a search for functionality rather than process. The second way instead allows to bring an app in the foreground, which may be the start of a bigger process the user regularly runs from a page. It is about getting faster access to this process.

For more information about the SAP Fiori user experience, please read the blog post of ThomasReiss:
User Experience Advances with SAP S/4HANA 2023 FPS01 (Private Cloud and On-Premise)

Technology

The other ongoing goal is to keep track with all the advancements in SAP Fiori technologies. For example, TypeScript got introduced in SAPUI5 to ease the work of developers and consuming OData V4 services gets more and more common. The development tools continue to advance, too.

How to Access a Dev Space in Visual Studio Code (Screenshot from UX100)How to Access a Dev Space in Visual Studio Code (Screenshot from UX100)

The SAP Business Application Studio toolkit extension allows to connect and access dev spaces of SAP Business Application Studio (BAS) in Visual Studio (VS) Code. It can be found and installed in the extension marketplace.

The extension adds the SAP BAS Desktop Client as side panel. For the connection, the URL to access the SAP BAS is needed. The logon uses a Web browser window asking for your credentials and establishing an SSH connection in a new VS Code window. You can access and change the connection details choosing the blue SSH URL at the bottom of the window.

Accessing a dev space in VS Code loads all extensions of the dev space in the local VS Code window. This includes extensions, which are not available in the extension marketplace like Joule. In addition, you can add additional extensions from the extension marketplace.

You can start and stop dev spaces, open the dev space manager, and connect to multiple dev spaces of different accounts. All settings are saved in the dev spaces but are used locally in VS Code.

For more information about the SAP BAS in VS Code, please read the blog post of geert-janklaps:
Access SAP Business Application Studio as a remote from Visual Studio Code

Spaces and Pages

The heart of the UX100 will always be the content management of the SAP Fiori launchpad. One part of this is spaces and pages. Introduced in SAP S/4HANA 2020, they got some new features in the latest releases like sort priority or merging spaces and pages with other spaces and pages.

Merge of SAP Fiori Pages (Screenshot from UX100)Merge of SAP Fiori Pages (Screenshot from UX100)

Sometimes users see the same apps several times or have similar pages assigned more than once, because they have similar roles assigned. For example, the sales manager and the sales accountant have overlapping tasks and therefore apps in their pages. Such pages can be merged to combine the apps or sections in one transient page at runtime. This means that the merged page is not visible in the Manage Launchpad Pages app, but just for the user in the SAP Fiori launchpad having all pages assigned.

Customer pages can be merged with other customer pages or with an SAP page. For the second one, you enter the name of the SAP page in the Merge ID field in the General Data tab of the customer page. When merging customer pages, you can define an own name for the merged page and enter it as Merge ID in all pages you want to merge.

For more information about merging spaces and pages, please read the blog post of KattiaJ-P:
Merging Spaces and Pages

Catalog Management

The other part of SAP Fiori content is catalogs. There were several advances in the latest releases, for example, the introduction of typed catalogs in SAP S/4HANA 2020. The tool for managing those catalogs is the SAP Fiori launchpad application manager (FLPAM). In SAP S/4HANA 2023, it got a new feature.

How to Adapt a Technical Catalog (Screenshot from UX100)How to Adapt a Technical Catalog (Screenshot from UX100)

The adaptation mode in the FLPAM allows you to make (limited) adaptations in the launchpad app descriptor items (LADI) of SAP-delivered technical catalogs. The changes are directly available in all references in business catalogs.

Switching to the adaptation mode adds the Adaptation tab to the details of a LADI. Enlarge the tab and choose Edit: You can now select the Adapt checkbox for each property you want and enter your adaptation in the input field behind. Adapted values can be translated using the SE63.

For more information about adapting technical catalogs, please read the blog post of ruth_groene:
SAP Fiori Launchpad: New Fast and Easy Option to Adapt SAP-delivered Launchpad Content (for On-Premi...

Key User Adaptation

There are so many other topics around SAP Fiori that there is just not enough room for everything in a 5-day-couse. But one topic was always there as an outlook: Key user adaptation. With key user adaptation or UI adaptation at runtime (RTA), SAP Fiori apps based on SAPUI5 that support RTA can be changed directly and intuitively in the SAP Fiori launchpad without developing any source code. With SAP S/4HANA 2023, versions of such app variants were introduced.

How to Activate and Publish a New Version (Screenshot from UX100)How to Activate and Publish a New Version (Screenshot from UX100)

After the adaptations to an app have been saved in a variant, they can be activated as a new version. This sets this variant as the active version for all users in the system replacing the original app or any previously active version. You can switch to an older version by activating it as a new version.

With the active version being selected, the Publish button can be used to assign it to a transport request. A customizing or workbench request can be selected to decide, if the adaptations should be available client-specific or cross-client in the follow-up system.

For more information about key user adaptation, please read the tutorial of Vitor Seifert:
Key User Adaptation for SAPUI5 Applications - UI Changes and Modes

Summary

If you have read so far, it seems that you are really thinking about attending the course. Don’t hesitate and check out the physical and virtual events we offer:

https://training.sap.com/course/UX100

If you are more interested in a digital learning, please visit https://learning.sap.com. Many parts of the UX100 are already available free-of-charge:

https://learning.sap.com/learning-journey/learn-the-basics-of-sap-fiori

For any other questions around the offerings of SAP Learning Services, please jump to our community page and get in contact with us:

https://pages.community.sap.com/topics/training-certification

I hope even if you won’t attend the UX100 in any kind, you found some useful information or references around SAP Fiori in this blog post.

Happy learning
Stefan