SAP Fiori - Hur kommer man igång? Christer Ingemarsson, istone

Transcription

1

2 SAP Fiori - Hur kommer man igång? Ingemarsson, istone

3 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

4 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

5 What is Fiori? New UX Design Principles Architecture SAPSA Impuls 5

6 What is Fiori? New UX Design Principles Architecture SAPSA Impuls 6

7 What is Fiori? New UX Design Principles Architecture SAP Impuls 7

8 What is Fiori? New UX Design Principles Architecture Role-based Responsive Simple Coherent Delightful SAPSA Impuls 8

9 What is Fiori? New UX Design Principles Architecture Transactional Apps SAPSA Impuls 9

10 What is Fiori? New UX Design Principles Architecture Fact Sheets Analytical Apps SAPSA Impuls 10

11 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

12 Why Fiori? Identify Need Design Thinking Business Value The main drivers for User Experience is to satisfy user needs, increase productivity and decrease operational costs Identify pain points and possible solutions Identify most common used transactions Run transaction SWI2_FREQ Check delivered Fiori apps in Fiori Apps Reference Library According to IDC, 83% of organizations are planning to invest in mobile technology in the next 12 months SAPSA Impuls 12

13 Why Fiori? Identify Need Design Thinking Business Value SAPSA Impuls 13

14 Why Fiori? Identify Need Design Thinking Business Value SAP Impuls 14

15 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Options Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

16 How do you Implement Fiori? Prerequisites Fiori RDS Implementation Steps Mobilizing Fiori Minimum System requirements SAP ECC 6.0 SPS 15 SAP NW Gateway 2.0 SP 08 or SAP NW 7.4 SP 05 (includes Gateway Services) Fact Sheet and Analytical Apps require that you run the backend system on HANA and install the SAP Web Dispatcher Check SAP note for Browser requirements App Specific requirements Check requirements for the apps you plan to implement in Fiori Apps Reference Library * Apply ALL recommended SAP Notes! SAPSA Impuls 16

17 How do you Implement Fiori? Prerequisites Fiori RDS Implementation Steps Mobilizing Fiori SAP Fiori RDS: SAPSA Impuls 17

18 How do you Implement Fiori? Prerequisites Fiori RDS Implementation Steps Mobilizing Fiori 1 2 Frontend Configuration (Gateway) - Gateway Basic Configuration - Add Backend system - Create trusted RFC Destination to SAP Backend System - Activate OData and UI5 Services - Create Fiori Users Backend Configuration (ECC, CRM etc) - Created trusted RFC Destination to Gateway system 3 Setting up Fiori Launchpad and Launchpad Designer (Gateway) - Activating Launchpad OData Services - Configuring ICF Nodes - Configuring Login Screen for Launchpad and Launchpad Designer - Configuring Authorization Roles and Assign to Fiori users - Assign RFC Authorization to Fiori User SAPSA Impuls 18

19 How do you Implement Fiori? Prerequisites Fiori RDS Implementation Steps Mobilizing Fiori 4 App Specific Configuration - Check the SAP Fiori apps reference library for the app s technical information - Download required components from Service Marketplace (if needed) - Gateway system: Install the required component/ui5 service (Transaction SAINT) - Back-end system: Install the required component/odata Service (Transaction SAINT) - Back-end system: Assign the Backend Role for the User (Transaction: PFCG) - Gateway system: Activate OData and UI5 Services (Transaction: SICF) - Gateway system: Activate Gateway Service in SAP Gateway (Transaction: /IWFND/MAINT_SERVICE) - Gateway system: Assign a User to the SAP Fiori Launchpad (Transaction: PFCG) *Approval apps require additional configuration steps, see the Configuration Guide in RDS SAPSA Impuls 19

20 How do you Implement Fiori? Prerequisites Fiori RDS Implementation Steps Mobilizing Fiori Sap Fiori Client Mobile App Improves caching and lifecycle management SMP is optional SAP Fiori Client Mobile App + Kapsel SDK Native device capabilities Foundation for offline access, push notifications, and additional security SAPSA Impuls 20

21 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

22 How do you Extend Fiori apps? Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility Guarantees a modification free parent application, all the extension are stored in an Extension project This means that the partent application remains the same and works the same way after upgrades etc SAPSA Impuls 22

23 How do you Extend Fiori apps? Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility SAPSA Impuls 23

24 How do you Extend Fiori apps Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility SAP Fiori Apps Reference Library contains extensibility information Implementation Information -> Extemsibility Useful HowTo Guides SAPSA Impuls 24

25 How do you Extend Fiori apps Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility Web IDE is the new tool for extending and building Fiori Apps Templates and Wizards Mock data support Code Editor with Code Completion Preview with different screen sizes Import and Publish to ABAP Backend and HANA Cloud Platform SAPSA Impuls 25

26 How do you Extend Fiori apps Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility Extension Wizards in Web IDE can be used when extending apps Extend Controller Extend/Replace View Replace Service Hide Control i18n Resource Text Customization Implement UI Controller Hook Visual Extensibility via the Extensibility pane Component.js contains all the extensions under the section Customizing SAPSA Impuls 26

27 How do you Extend Fiori apps Extensibility Concept Extension Points Web IDE Extension Wizards Data Extensibility Fiori apps should normally only have one OData Service When you extent an OData Service you Redefine the delivered standard OData Service You can use the Service Builder in SAP Gateway or Ecplise to extend the OData Service You can also extend the data model using the OData Model Editor in SAP WebIDE SAPSA Impuls 27

28 SAPSA Impuls Agenda What is Fiori? Why Fiori? How do you Implement Fiori? How do you Extend Fiori apps? How do you Build Fiori apps? New UX Design Principles Architecture Identify need Design Thinking Business Value Prerequisites Fiori RDS Deployment Implement. steps Extensibility Concept Extension Points SAP Web IDE Extension Wizards Data Extensibility Design Guidelines Prototyping Templates SAPUI5 Explored Deployment

29 How do you Build Fiori apps? Design Guidelines Prototyping Templates SAPUI5 Explored Deployment The Design Guidelines are the heart of SAP Fiori and it s important to follow them when building your own apps Foundation General Concept Floorplans Page Overview App Types UI Elements SAPSA VårImpuls 29

30 How do you Build Fiori apps Design Guidelines Prototyping Templates SAPUI5 Explored Deployment Prototyping is useful to provide quick insight to your app s look and feel Fiori Stencils in Axure RP Prototyping Kit in PPT -Prototyping-Kit.html SAPSA Impuls 30

31 How do you Build Fiori apps Design Guidelines Prototyping Templates SAPUI5 Explored Deployment SAP Provides templates in Web IDE that can be used when creating new apps Master/Detail Full Screen Fact Sheet Mobile Kapsel Kapsel Offline There are also Sample apps SAPSA Impuls 31

32 How do you Build Fiori apps Design Guidelines Prototyping Templates SAPUI5 Explored Deployment Contains Documentation for all available SAPUI5 controls Description Samples with source code Properties Associations Events SAPSA Impuls 32

33 How do you Build Fiori apps Design Guidelines Prototyping Templates SAPUI5 Explored Deployment The apps that you develop in Web IDE can be deployed to: ABAP Backend Server HANA Cloud Platform ios and Android devices Manually deploy to SMP, HCPms In the future it s planned to be able to deploy directly to SAP Mobile Platform SAPSA Impuls 33

34 SAPSA Impuls

35 SAPSA Impuls Ingemarsson Besöksadress istone T Kungsgatan 59 M SE Stockholm F Sweden

36