Technology Blogs 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: 
Ralph_reinemann
Product and Topic Expert
Product and Topic Expert

Introduction:

In today's globalized business environment, multilingual support is crucial for ensuring effective communication and user experience. SAP SuccessFactors offers powerful HR solutions, but customizing and translating picklists to suit diverse user needs across different regions and languages can be a challenging task. In this article, we'll explore how a custom SAPUI5 application could look like that integrates with the SAP Translation Hub of the SAP Business Technology Platform (BTP) to seamlessly translate picklists in SAP SuccessFactors.

 

Overview of the Solution:

This article is about building a sample SAPUI5 application that acts as a frontend interface for translating picklists in SAP SuccessFactors. Leveraging the SAP Translation Hub provided by the SAP BTP, we'll enable dynamic translation of picklist values into multiple languages. This integration will streamline the translation process and enhance user experience for global users of SAP SuccessFactors.

This article should therefore be seen as an example how standardised AI services can be leveraged for custom SAP Successfactors use cases and not as an official  product recommendation.

 

Ralph_reinemann_0-1713428742730.png

 

Prerequisites:

Before proceeding, ensure you have the following prerequisites in place:

  1. Access to a SAP SuccessFactors instance with appropriate permissions to manage picklists and access to Odata API.
  2. Identity Authentication Service (IAS) connected to both, the SAP SuccessFactors environment and to the BTP as custom Identity Provider.
  3. SAP Business Technology Platform subaccount with access to SAP Translation Hub (https://discovery-center.cloud.sap/serviceCatalog/sap-translation-hub?region=all
  4. Business Application Studio (BAS) environment and sufficient permissions to deploy a Fiori app
  5. SAP Workzone Standard edition (or higher) for the consumption of the UI5 App

 

Step-by-Step Implementation:

  1. Set Up SAPUI5 Application:

Access your DEV space of the BAS to start off with the implementation. The DEV space should be entitled to work with FIORI applications

Ralph_reinemann_0-1713431855196.png

An example of the Translator app can be found here.  This repository might serve as staring point for the implementation and or adaption of the project as it already holds some logic which can help you to speed up your project. If you want to use it, feel free to clone the git repository into your BAS with the clone transaction, provide the repository URL and continue with the blog.

Ralph_reinemann_1-1713432010377.png

One thing that needs to be adapted in any case in the template to make it fit to your SAP SuccessFactors environment is the metadata structure of the write back payload. Therefore access the PicklistValueView.controller.js in the webapp > controller directory of your cloned application and adapt the uri to the SAP SuccessFactors datacenter api endpoint your instance is located in. A list of datacenter and endpoints can be found here

Ralph_reinemann_1-1713428295298.png

2. Integration with SuccessFactors APIs

After you cloned the template from the Github repository and adapted the uri you need to define the respective destinations in the BTP subaccount for this application. For the access to your SAP SuccessFactors environment the app uses a destination called SFADMIN. Make sure you use the API endpoint of your SuccessFactors environment and an appropriate authentication method. For a list of SAP SuccessFactors datacenter APIs click here

Ralph_reinemann_2-1713428295298.png

3. Implement Translation Service Integration

Integrate with the Translation Service APIs provided by the SAP BTP. Use the APIs to dynamically translate picklist values into multiple languages based on user preferences. Therefore you need to subscribe to the SAP Translation Hub in your subaccount. Please also check the scope of languages which are currently supported by the SAP Translation Hub. 

Ralph_reinemann_2-1713432153773.png

Create a service instance of the Document Translation service to get the relevant Credentials (Endpoint, ClientId, Client Secret..) needed for the destination with Oauth2ClientCredentials, which is called Translation.

Ralph_reinemann_3-1713428295298.png

Create a Translation Destination in the same subaccount as the app will be later deployed into. Therefore you can try to create the destination out of the service or download the credentials and create the destination manually. (Do not forget the /oauth/token after the token url)

Ralph_reinemann_4-1713428295298.png

4. Test (optional)

Thoroughly test the SAPUI5 application to ensure that picklist data is retrieved accurately from SuccessFactors APIs. Therefore you can use the integrated Preview function of the Business Application Studio (right click on webapp)

Ralph_reinemann_5-1713428295298.png

 

Testing the app in the preview mode will only load the picklist from SAP SuccessFactors and allow you the basic navigation of the app. The translation service  and the write back  to SAP SuccessFactors will only be available after the deployment of the app. The app will automatically detect the languages being enabled in your SAP SuccessFactors environment and present them accordingly.

Ralph_reinemann_6-1713428295298.png

5. Deployment and Monitoring:

Rightclick the mta.yaml to build your app and then right click the mtar file in mta_archives to deploy it to your SAP Business Technology Platform Subaccount. Make sure you have the needed permissions in the subaccount and org space.

After the successful deployment navigate to your subaccount > HTML5 Applications and access the app

Ralph_reinemann_7-1713428295299.png

The app can either be now integrated into your SAP Successfactors environment as per Custom External Module  and be made available via the action search or you can configure its access in the SAP Workzone Content Manager.

Ralph_reinemann_8-1713428295299.png

 

Conclusion:

By leveraging the Translation Service of the SAP Business Technology Platform, organisations can enhance the multilingual capabilities of SAP SuccessFactors and provide a more inclusive user experience for global users. Building a custom SAPUI5 application to integrate with SuccessFactors APIs and Translation Service APIs empowers organizations to efficiently manage and translate picklists, contributing to better user adoption and satisfaction across diverse regions and languages. The sample application which is presented here can serve as a good starting point or inspiration for such a mission and therefore act as an accelerator for your journey.

1 Comment