SAP Fiori Instructional exercise. Part II. Start to finish Execution of Fiori Application

To a limited extent I of our SAP Fiori Bit by bit Guide, we found out about Framework Setup and Establishment. You presently know how to check assuming that your SAP Scene Framework is prepared for SAP Fiori Execution and Arrangement. In this article, we would investigate the Fiori Application related Setups. Framework Setup check is a greater amount of Premise/Administrator related action yet Fiori Application related design and configuration most certainly come in the purvue of an ABAPer and Front-end engineer. Thus, ABAPers, hone your fixation power and keep your psyche open to realizing this helpful subject of investigating the SAP Fiori Library, actually taking a look at the Additional items for the picked Standard Fiori Applications (two models), enacting the Administrations (UI and OData) of Standard Fiori Applications, plan and send off the Fiori Platform.

Coming up next are the Fiori Application explicit Arrangements and focuses which we would attempt to comprehend, absorb and cover today.

 

1. 1. Fiori Library

1. 1. Activation of front-end UI Service and back-end OData Service

1. 1. Authorizations (Admin & End Users)

1. 1. Fiori Launchpad Designer

1. 1. Start the Fiori Launchpad

Step 1) Fiori Library
Satisfy bookmark the beneath connection to the standard SAP Fiori Library. Starting today, 11:02 PM CST (see, how late in the night our  ELS Cooperation), 22nd Jan 2017, there are 7671 Applications delivered by SAP. For each Fiori Execution, we would have to allude to this Fiori Library.

Que: For what reason do we want to visit the SAP Fiori Library?
Ans: Library is the sanctuary of data. Isn’t excessively enough?
Prior to choosing to fabricate any custom Application, you really want to peruse the library assuming SAP has given any standard App(so that you don’t re-design the wheel). In the event that you definitely realize the Applications name to carry out, you can get more data in regards to the Vital highlights of the standard Application as what kind of Application is it (Conditional/Truth/Scientific) and what the Application should do.

The library additionally fills in as the manual for specialized people like us. It has all the expected data required for Establishment, Setup, Expansion and Backing.

What is SAP Fiori used for?

Allow us to see, what is under  Installation section.

Check the Product Part Rendition and Pre-essential for Establishment segment for both Front-End and Back-End Parts in the Establishment segment of the Library (picture above). UIHR001 100 – SP0005 is the Front-end Programming Part Form and Pre-essentials as displayed previously. Presently, let us go to our SAP Front-End (Passage) framework and really look at our rendition (picture underneath). Fortunately, both, Programming Part Adaptation UIHR001 and Pre-imperatives are met in our Scene as displayed underneath.

Go to t-code SAINT person to actually look at your Parts/Additional items and administration pack levels.

If you do not have access to t-code SAINT or if you want more information regarding your system, go to any t-code, from System Menu > Status > Product Version Component details.

Really look at the Introduced Item Adaptations. It meets every one of the necessities referenced in the Establishment Part of the Fiori Library.

Likewise, really take a look at the Item and Part Forms and Pre-necessities in SAP Back-End framework. According to the Fiori Establishment guide in the Library displayed above, GBX01HR is the Product part and Delivery 600 SP 0005. Look underneath, our framework has the part (GBX01HR) introduced and has the right variant.

SAP FIORI FOR SAP ERP HCM 1.0 – SPS 05 (07/2016) is the Essential for establishment and since we saw that the Product Part with right Rendition is as of now introduced in our framework, the pre-imperative must be met (underneath picture).

Trust at this point we had the option to legitimize the significance of alluding to the Fiori Library. On the off chance that still not persuaded, take a gander at the Design Segment for gems of specialized data.

Configuration Section:

The arrangement segment is the one which most ABAPer and Front-End Engineers need to allude. It has Application explicit information expected to arrange the Application for example the specialized names of SAPUI5 Application Administration (front-end), Back-end OData Administration, Platform related data (Inventory/Gathering/Job/Target Planning) and so forth.

In the Library, do check the Extensibility and Backing segment. Whenever we want to do any alteration to the standard Fiori Application, we would have to allude to this part to search for the expansion focuses in perspectives and snares for custom code in regulators. At the point when you want to raise OSS solicitation to Drain for their help in the event of any issue in standard Application, you would have to type in the Application Part and Type from the Help segment of the library for the right group from SAP to pick your ticket and work on it.

Step 2) Activation of frontend UI Service and backend OData Service

We will arrange “My Time Occasion” Application and “Support Timesheets” (Rendition 2) Application all the while. We would show bit by bit for My Time Occasion and you really want to do similar strides for Support Timesheets too (involved for you). All the screen shots above were for My Time Occasion Application.

Hand-On Exercise # 1: Go to the Fiori Library and check the Establishment and Arrangement segment for Support Timesheets Application.

i. Active the SAPUI5 Application (service) In the Front-end system

Go to t-code, SICF. Offer support name HCM_CICO_MAN (we got this assistance name from Fiori Library) and execute. Right-click on the assistance name and Enact it (on the off chance that not dynamic). On the off chance that you don’t approach or approval for SICF, kindly take help of your organization’s SAP Administrator or Premise Group.

Path to ICF Node is /sap/bc/ui5_ui5/sap/hcm_cico_man

Do a similar step for Endorse Timesheets Application UI Administration: HCM_TSH_APV. How could we get this Help name? From the Fiori Library amigo. Go the library and look for Endorse Timesheets and get the data.

ii. Activation of back-end OData Services

Assuming that you have implanted framework, your front-end and back-end administrations should be enacted in a similar one framework. In any case, assuming that you have Focal Center point Framework (separate front-end and back-end), you really want to add and actuate the back-end OData Administration toward the front server (despite the fact that it is back-end OData administration). To start with, I thought the OData Administration must be added to the back-end framework yet I was off-base. I had some disarray at first so considered bringing up this.

a) Go to t-Code /IWFND/MAINT_SERVICE

b) Provide the System Alias and Technical Service Name (HCM_CICO_MANAGE_SRV)

c) Select the row and hit Add Selected Services

d) Keep the default Technical Service Name or change the name as per Project naming convention

e) This Pop-Up Message would come

f) Go back to t-code IWFND/MAINT_SERVICE. The added service should be available.

At the point when you select the additional assistance and hit the Call Program on the above screen, a XML page ought to open up. Accepting the Framework Pseudonyms and different arrangements referenced To some degree I is done accurately. In the event that the program shows any blunder, fix the mistake first before you continue to subsequent stage.

Hand-On Exercise # 2: If it’s not too much trouble, follow similar advances and actuate the OData Administration HCM_TIMESHEET_APPROVE_SRV for Approve Timesheet App.

Also Read: Understanding SAP NetWeaver

Step 3) Authorizations (Admin & End Users)

Approval object S_RFCACL ought to be relegated to Fiori Application clients with the goal that they can utilize a confided in association.

According to the Setup part of the Fiori Library, standard PFCG job ‘SAP_HR_BCR_EMPLOYEE_T’ is required for My Time Occasion Application.

Clients likewise need the under two Jobs according to their work obligation:

Standard Job SAP_UI2_USER for Fiori Platform Client
Standard Job SAP_UI2_ADMIN for Fiori Platform Planner

In addition to the above roles, Fiori User who intend to use the My Time Event App, should be provided access to the Service Object generated in t-code /IWFND/MAINT_SERVICE. Go to t-code PFCG, Menu Tab > Authorization Default > TADIR Service:
a. Program ID: R3TR
b. Object Type: IWSG

Keep up with the recently added Administration Item Name ZHCM_CICO_MANAGE_SRV_0001.

How could we come to be aware of the ZHCM_CICO_MANAGE_SRV_0001 name? Do a F4 in the PFCG while adding it, you can track down it. Or on the other hand go to Upkeep View ‘/IWFND/V_MGDEAM’ (Allocate SAP Framework False names to OData Administration) to get the specific Assistance Archive Identifiers.

Hand-On Exercise # 3: What is the standard Business PFCG Job name for Endorsement Timesheet Application? Here’s a clue: Really take a look at the Fiori Library.

Step 4) Fiori Launchpad Designer

The default URL for the Fiori platform is:
https://:/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

The default URL for the Fiori platform planner is:
https://:/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html

Que: How do we know the Hostname and Port number of our SAP System?

Ans: If it’s not too much trouble, really look at Part I for it. Or on the other hand execute t-code/UI2/FLP for SAP Fiori Platform and t-code/UI2/FLPD_CUST for Fiori Platform Architect (client-spec.)

i. Create Custom Catalog and Add Standard Catalog Tiles to Custom Catalog Tiles

Go to your Fiori Platform Architect interface or execute t-code/UI2/FLPD_CUST. You ought to see a clear screen like underneath.

Select the Catalog Menu and hit the + icon at the bottom.

Provide a suitable Title and Id. You can change the title anytime but the Id cannot be edited. So give the id as per the naming convention of your project.

Presently look for the standard index which we need to move to the new custom inventory. For our case, we are utilizing Employe (HCM) SAP_HR_BC_EMPLOYEE_T inventory. Check the Fiori Library Design segment for the Index name for My Time Occasions Application.

The second you hold any tile, Make Reference and Erase choices appear. Hold the My Time Occasion Application and intuitive it to Make Reference symbol.

It would request the Index where you need to put. Look for the new Inventory which you recently made.

You would see the underneath message at the lower part of the screen.

Along with tiles, we also need to move the Target Mapping.

Click on the Tile of the Application (My Time Occasions) for which we need to move the Objective Planning. Observe the Semantic Article and the Activity.

Return. Select the Objective planning Symbol. Pick the Semantic Article and Activity which we noted previously. When you select the line, buttons become dynamic at the base.

Hit on Make Reference. We are simply making the reference (interface) from standard to our custom Inventory.

Look for your custom index where you need to save it.

You ought to see the affirmation message like beneath.

Please note: The custom index has number 2 alongside it. Trust you got it accurately. One is for the tile and another is for the objective planning which we recently added. The number would develop as we continue to add tiles and target mappings.

Tip: Typically, the quantity of Tiles and Target Planning ought to be same. Continuously look at the numbers. In the event that you neglect to design the Objective Planning accurately, your Platform would have an issue.

Presently, let us accept our platform should be accessible for the approvers too. So let us design the standard platform for Timesheet Endorse Application.

Hand-On Exercise # 4: Configure the standard inventory of Timesheet Support Application into the custom list made previously.

Hint screenshots below.

At this point, let us check how our Custom Catalog looks like.

We referenced before, Tiles and Target Planning numbers ought to be same. However, it isn’t matching for this situation. Thus, let us add our target mapping.

Take the note of Semantic Article and Activity.

Allow us to check our custom list once more. This time Tiles and Target Mapping matches.

Check the Tiles are as yet Referred to.

That is to say, the Tiles are referred to and the first tile or application dwells elsewhere.

How to break the Reference of the Tiles/Apps?

There is a message which says, it is a reference tile.

Any adjustment of the Tile would break the reference. We will change the Title from My Time Occasions to Worker Time Occasions and save it. Spring up message affirms it would break the reference.

Allow us to check the custom inventory tile once more.

Presently, assuming you click on Representative Time Occasions tile, you wouldn’t see any Reference Message. Did you see on the above picture, the dabbed line is evaporated from non-reference tile however exists on the reference one?

Hand-On Exercise # Following the above advances, break the reference of Endorse Timesheets Tile/Application.

ii. Create Custom Gathering and Add Tiles

Go to the Gatherings menu, hit the + icon, give the Title and Id and hit Save.

Presently let us add the custom Index to this gathering.

Since we added two Tiles in the Custom List, we have two accessible for the gathering.

Stir things up around town symbol underneath the tile symbol to add the tile to the Gathering. It would become green and you would receive a message.

Que:

How to allot the new Inventory and Gathering to SAP User?
Ans: Go to t-code PFCG and make a Job. Hit Menu and afterward Supplement Hub and add SAP Fiori Tile List and Gathering individually.

After you select SAP Fiori Tile List, pick the Inventory Id you maintain that the client should have.

(please pardon us for the low quality of the above three images)

Hand-On Exercise # 6: Following the steps mentioned above, add Catalog Group to SAP User Id’s role.

After both Catalog and Group are added, it should look like this.

Step 5) Start the Fiori Launchpad

http://hostname:port number/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html
or then again
https://hostname:port number/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html

In the event that you are thinking about how to recollect the connection for each and every other client. Simply recollect the t-code/UI2/FLP. This would take you to the SAP Fiori Platform.

After the job is appointed to the client, the Fiori login ought to show you the Gathering we make above. For our activity, we made the Gathering 3 (Representative Time Booking and Endorsement).

Keep in mind, we added just Worker Time Occasions Tile on the Gathering. Thusly only one tile is apparent when we sign into the Fiori Platform. The Support Worker Timesheet tile isn’t apparent at this point. Allow us to add Support Worker Timesheet Tile also to the Gathering. At the point when we re-login, we ought to have the option to see two tiles on the Worker Time Booking and Endorsement Gathering.

Moves toward add the second tile to the custom Gathering: Go to the custom gathering we made. Add the Endorse Representative Timesheet Tile.

All Green.

We just added the second tile to the Gathering. Allow us to sign into the Fiori connect once more. We would consider the second tile to be well. Trust this explains that the list tiles should be added to the gathering all together it to be apparent to the client.

Allow us to test the two Applications which we recently designed and carried out as conveyed by SAP, without a solitary line of custom code.

My Time Event App

Approve Timesheets

Congrats, you have effectively executed two standard Fiori Applications start to finish.

Today’s session Summary :

 

1. 1. We got the link to Fiori Library and how to interpret the App related information present in the library

1. 1. We learned how to activate the front-end UI Service and back-end OData Service

1. 1. Now we know the PFCG roles and authorizations needed by Admin and End Users

1. 1. We created a custom Catalog and custom Group and designed our Fiori Launchpad

1. 1. We logged into the Fiori Launchpad and executed two standard Fiori Apps

In the event that you are lost, kindly look up and attempt to go through this article once more (particularly assuming that you are a novice to Fiori). Irregularly, if it’s not too much trouble, sign into your front-end and back-end SAP Framework and attempt the t-codes. You want to have an old buddy in your Premise/Security Group to give you all the entrance. Bring them into certainty to give you the expected job in your sandbox framework so you can make your hands filthy and gain from your errors.

Ideally, this post and the one preceding this would give you the certainty to carry out any Fiori Application provided by SAP. Numerous clients like to carry out the Drain Fiori Application out of the crate with no customization and improvements. Such undertakings would be a decent learning ground for ABAPers. Take advantage of such open doors.

Be that as it may, everything isn’t a walk in the park. There are business cases and exemptions where you would have to alter and improve the standard Fiori Application. Presently, you are in a soup. You can definitely relax, Group ELS wouldn’t leave you with silly information about Fiori. In our next part, we would show bit by bit, how to upgrade a standard Fiori Application. We would likewise figure out how to upgrade a standard OData Administration, add new fields in the standard Fiori Application, add another section in the Standard Fiori Application table, conceal buttons and so on. Till then, at that point, get acquainted with the new T-Codes you ran over today. Attempt to carry out some more standard Fiori Applications separated from the two showed previously. Just sit back and relax, there is zero chance that you can break anything in your turn of events or sandbox framework.