WDA-How to Launch Web Dynpro ABAP and SAP GUI for HTML Application Types From the SAP Fiori Launchpad

SAP Fiori launchpadHow-To Guide Provided by Customer Experience Group How to Launch "Web Dynpro ABAP" and "SAP GUI for HTML" Application Types from the SAP Fiori launchpad Applicable Releases: SAP Fiori launchpad Version 1.0 - September 2014 Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Document History Document Version Authored By Description 1.0 Customer Experience Group (CEG) First release of this guide 2 .....18 6...........................................................................13 5........................18 6.......................................................2 Access the launchpad designer and define catalog ..............................................................................24 3 .......................................................19 6..................................................1 Configure the navigation target in the LPD_CUST transaction ..................................................... Background Information .................................... 6 5.........11 5................................. 4 3.................................................3 Define Static/Dynamic tile ...... Business Scenario ....... Configuration to launch an SAP transaction using "SAP GUI for HTML" application types .3 Define Target Mapping with related semantic object ..................................................... 8 5....................... 4 2.. 5 5......................................................................................................... 4 4. 6 5...............................................................22 6...4 Define Static/Dynamic tile ...................1 Configure the navigation target in the SAP GUI transaction:LPD_CUST ......................................................................................6 Testing the launchpad................2 Define Target Mapping with related semantic object .......... Step-by-Step Procedure: ..................................................................................................................................................................................................... Prerequisites .............. 9 5...............................................................15 6............................................................ Configuration to launch "Web Dynpro ABAP" application types........................................4 Testing the launchpad ................................................................5 Create the needed role with transaction PFCG...........Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane TABLE OF CONTENTS 1............................................................... 3.0 SP09 for SAP NetWeaver. and provides the apps with services such as navigation. BUSINESS SCENARIO SAP Fiori launchpad is a shell that hosts SAP Fiori apps. The following application types can be launched from the launchpad:  SAPUI5  Web Dynpro ABAP  SAP GUI for HTML SAPUI5 applications are displayed in the content area of the launchpad. embedded support.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 1. BACKGROUND INFORMATION In this How-To Guide. Web Dynpro ABAP and SAP GUI applications are launched via NWBC for HTML and displayed in a new browser window. we will step-by-step detail the configurations necessary to launch the Web Dynpro ABAP and SAP GUI for HTML applications from the SAP Fiori launchpad. and application configuration. PREREQUISITES This How-To Guide is created on the Fiori landscape with User Interface Add-On 1. 4 . 2. STEP-BY-STEP PROCEDURE: 1) 2) 3) 4) 5) Configure the navigation target in the LPD_CUST transaction Access the launchpad designer and define catalog Define Target Mapping with related semantic object Define Static/Dynamic tile Create the needed role with the PFCG transaction and add it to the created catalog or group.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 4. Then assign the roles to the users 5 . . Open the SAP GUI and connect to the gateway system. we will use the Web Dynpro Application “APPL_SOAP_MANAGEMENT” to demo the step by step configuration.1 Configure the navigation target in the SAP GUI transaction:LPD_CUST . instance and description  Enter a role of your choosing  Enter “TRANSACTIONAL” for the Instance. CONFIGURATION TO LAUNCH "WEB DYNPRO ABAP" APPLICATION TYPES In this guide. Run the transaction LPD_CUST.. Create a new Launchpad by choosing ‘New Launchpad” Mandatory fields are role.  Enter a description of your choosing Create a New Application 6 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 5. 5. Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Provide the value for parameters (Link Text. Going back to the original screen. you should now find a row like this 7 . Ex: Parameter Value Link Text SOA Management Application Type Web Dynpro ABAP Namespace SAP (The namespace can be the standard namespace /SAP/ or customer namespaces*) Application APPL_SOAP_MANAGEMENT System Alias ERP_100_HTTP (This is the HTTP connection**) Application Alias SOAManagement *For more informaiton: http://help. System Alias.sap. Application. and Application Alias) and click on Save.com/saphelp_smehp1/helpdata/en/8c/780741375cf16fe10000000a1550b0/con tent.htm **This is the HTTP connection to the SAP backend system. You can find this connection information in transaction SM59 under the folder „HTTP Connections to ABAP System“. Application Type. where the LPD_CUST transaction is displayed. Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 5.html?sap-client=<client>&scope=CUST where <server> can be a string like this http://zmetdc00.corp:55081 and <client> is the number of the SAP Client.. Open the Fiori launchpad Designer through <server>/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.wdf.2 Access the launchpad designer and define catalog .. 8 . Select the Catalogs tab and click on the “+” sign at the bottom of the page Create a new standard catalog and click on Save.sap. Select the U88 Catalog you have created in the previous step and click on . 9 . Then. Click on “New Entries” button to add in a new semantic object and save.. Return to the launchpad designer.3 Define Target Mapping with related semantic object . Open SAP GUI and connect to the gateway system. Run the /N/UI2/SEMOBJ transaction to define a semantic object of “SOAManagement”. Click on the ‘display -> change’ button to toggle to edit mode.. click on “Create Target Mapping”.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane You should now see the new catalog among all the available catalogs in your designer left panel 5. Parameter Value Semantic Object SOAManagement Action display Launchpad Role Z_LPD_U88 Launchpad Instance TRANSACTIONAL Application Alias SOAManagement 10 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Fill in the required parameters and Save your entries. . you can add the tile that will be displayed on the launchpad. 11 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 5.no information is displayed on the tile For the scope of this HTG let’s create a static tile. You can now select one of two templates for this kind of tile: dynamic tile .4 Define Static/Dynamic tile . A new tile is created displaying some sample data.. Click on the App Launcher # Static tile. Click on the button beside the target mapping button. Click on this new tile. Once you have added the target mapping.some information will be displayed on the tile itself static tile . Click on the “+” sign to add the app tile. Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Fill in the value of the parameter for the new tile: Parameter Value Title SOA Management Subtitle: Web Dynpro ABAP (This is optional) Icon <Choose what you want> Information APPL_SOAP_MANAGEMENT(This is optional) Semantic Object SOAManagement Action display 12 . First save the new role Click on the Menu tab and then on the small bottom-right arrow beside the button named Transaction select the Catalog item in the list. 13 . Provide the name Z_ROLE_U88 and click on the Single Role button. so type as the name of the package the string $TMP . enter the name of the package where you want to put this new role. 5. you should have the following tile on the designer. Connect again to the gateway system through the SAP GUI.. Create the needed role with the PFCG transaction and add it to the created catalog or group.5 Create the needed role with transaction PFCG . Run the transaction PFCG.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane After saving the settings. If requested. Then assign the roles to the users. For the scope of this document we can put it into the temporary package.. A new item. related to this new catalog. is added in the Role Menu. 14 . Click on the green mark button.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Click on the browse button beside the text box for the “Catalog ID” Select the name of the catalog you created and double click on it. . 15 . Click on the button on the top-left corner Click on the Tile Catalog. Click on the User tab. Open the SAP Fiori launchpad.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Finally you need to associate this new role to your user. add the name of your user and click on the Save button. 5.6 Testing the launchpad .. 16 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane You should be able to see the tile we have added before and it’s available to be used. Click on the Back button to go back to the home page. The tile has been added to My Home. So click on the “+” sign below the tile in order to add it to the My Home tiles. Click on the button SOA Management tile. Congratulations! You have successfully added a tile to launch "Web Dynpro ABAP" application. 17 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane The new tile has been successfully added. The Web Dynpro application will display on the pop-up window. 6.1 Configure the navigation target in the LPD_CUST transaction . we will use the SAP transaction “HELLO_T_WORLD” to demo the step by step configuration.. Application Type. CONFIGURATION TO LAUNCH AN SAP TRANSACTION USING "SAP GUI FOR HTML" APPLICATION TYPES In this guide.. Open the launchpad role that we created in the previous step. Create a New Application Provide the value for parameters (Link Text. Open SAP GUI and connect to the gateway system.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 6. and GUI Type) and click on Save. Transaction Code. Application Alias. Ex: Parameter Value Link Text Hello World Application Type Transaction Transaction Code HELLO_T_WORLD System Alias ERP_100_HTTP (This is the HTTP connection) Application Alias HelloWorld GUI Type SAP GUI for HTML 18 . System Alias. Run transaction LPD_CUST. . Run the /UI2/SEMOBJ transaction to define a semantic object for “HelloWorld”. Click on button to toggle to edit mode.. Open SAP GUI and connect to the gateway system.2 Define Target Mapping with related semantic object .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 6. Click on “New Entries” button to add in a new semantic object and save. 19 . Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane From launchpad designer. select the U88 Catalog you have created in the previous step and click on . Then. click on “Create Target Mapping”. Parameter Value Semantic Object HelloWorld Action display Launchpad Role Z_LPD_U88 Launchpad Instance TRANSACTIONAL Application Alias HelloWorld 20 . Fill the required parameters and Save. Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 21 . . 22 . Click on the “+” sign to add the app tile. Click on the App Launcher # Static tile. Once you have added the target mapping.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane 6. Click on the beside the target mapping. you can add the tile that will be displayed on the launchpad.. Click on this new tile. A new tile is created displaying some sample data.3 Define Static/Dynamic tile . Parameter Value Title Hello World Subtitle: HELLO_T_WORLD (This is optional) Icon <Choose what you want> Information Tcode HELLO_T_WORLD (This is optional) Semantic Object HelloWorld Action display 23 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Fill in the value of the parameter for the new tile and Save. 4 Testing the launchpad . Open the SAP Fiori launchpad. 24 . You should be able to see the tile we have added before and it’s available to be used. 6.Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane After saving the settings.. Click on the button on the top-left corner Click on the Tile Catalog.. So click on the “+” sign below the tile in order to add it to the My Home tiles. Refresh it. you should have the following tile on the designer. Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane The tile has been added to My Home. 25 . Click on the Back button to go back to the home page. The new tile has been successfully added. 26 .Extend a SAP FIORI app (HCM_TS_APV) from remote using the extensibility pane Click on the button Hello World tile. The SAP GUI for HTML application will display on the pop-up window. Congratulations! You have successfully added a tile to launch SAP transaction using "SAP GUI for HTML" application. SQL Anywhere. BusinessObjects. Web Intelligence. These materials are subject to change without notice. Crystal Decisions. iAnywhere. Sybase and Adaptive Server.sap. StreamWork. Data contained in this document serves informational purposes only. Crossgate. All other product and service names mentioned are the trademarks of their respective companies. R/3. B2B 360°. .com © 2014 SAP AG. and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd. SAP HANA. and B2B 360° Services are registered trademarks of Crossgate AG in Germany and other countries. Xcelsius. All rights reserved. Business Objects and the Business Objects logo. Sybase 365. and SAP Group shall not be liable for errors or omissions with respect to the materials. without representation or warranty of any kind. m@gic EDDY. ByDesign. SAP. if any. National product specifications may vary. Duet. and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Crystal Reports. SAP NetWeaver.www. PartnerEdge. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only. and other Sybase products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase Inc. Nothing herein should be construed as constituting an additional warranty. Crossgate is an SAP company. Business Objects is an SAP company. Sybase is an SAP company. SAP BusinessObjects Explorer. The only warranties for SAP Group products and services are those that are set forth in the express warranty statements accompanying such products and services.