SAP Fiori User Experience - SAP S/4HANA Architecture Deep Dive

Transcription

1 SAP Fiori User Experience - SAP S/4HANA Architecture Deep Dive Version 4.1 August 2016 (external version for public roll-out (SCN): , last updated Aug 16) 2014 SAP SE or an SAP affiliate company. All rights reserved. 1

2 Legal disclaimer The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. This presentation is not subject to your license agreement or any other service or subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation and SAP's strategy and possible future developments, products and or platforms directions and functionality are all subject to change and may be changed by SAP at any time for any reason without notice. The information in this document is not a commitment, promise or legal obligation to deliver any material, code or functionality. This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or noninfringement. This document is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP s willful misconduct or gross negligence. All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 2

3 SAP Fiori Architecture for SAP S/4HANA Content SAP Fiori User Experience enabled by SAP Fiori Architecture SAP Fiori Architecture SAP Fiori Technologies Plan Install Adopt Develop 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 3

4 SAP Fiori Applications Product Qualities Completely Fiori Cloud Ready HANA Optimized UX Qualities Modern, internet-educated UX with state-of-the-art performance +++ Multi-device support +++ Simple task-oriented apps +++ Consistent look and feel across all apps Cloud Qualities Simple Extensibility for Business Experts: Custom fields and business logic without backend development +++ Scalable apps w/ large number of users +++ Low TCO in cloud-like operation Real-Time Qualities Offer power of HANA to the End-User +++ Real-time for all apps with search, analytics and transactional capabilities +++ Integration of OLAP and OLTP 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 4

5 SAP Fiori UX Qualities Role-based Apps assignment via role-specific business catalogs Predefined groups for SAP Fiori launchpad home page Personalized Add apps from assigned catalogs to home page Delete apps from home page Reorder tiles and groups Change group and tile titles Select custom themes Search across apps and business objects Navigation fast, easy and contextual navigation Responsive Adaptive design to run on multiple devices Configuration allows to start device specific apps Theming and branding - via UI theme designer 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 5

6 UX Qualities stateless data access protocol Modern, internet-educated User Experience Highly responsive Start now save incomplete continue later Keep working data is saved automatically and asynchronously No data loss due to connectivity disruption or session time-out Start on one device continue on other device Start now let someone else continue later Collaborate now with others on same task/document Data is stored in the cloud Consequence for Fiori Architecture Data must be stored in a central location Not tied to device Not tied to session Not tied to user 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 6

7 From silos to open architecture Transactional Processing Open Architecture With one User Experience With one Extensibility approach With HANA real-time capabilities Ready for cloud scenarios Open for new scenarios Analytical Capabilities Advanced Search Based on a common Fiori Programming Model End to End Standardized and flexible Clear guidelines and best practices Efficient development 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 7

8 Overview SAP Fiori applications built with SAPUI5 technology (HTML5) Support of smartphones, tablets, and desktop (by responsive design patterns) Different form factors and operating systems are supported with single code line SAP Fiori applications are launched and running in the SAP Fiori launchpad Business data is retrieved through OData services during runtime 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 8

9 High-Level Overview Today Web Web via Fiori Client SAP S/4HANA Cloud Edition SAP Mobile Platform for Mobile Devices On-Premise Tools SAP Web IDE SAP Fiori Applications SAP S/4HANA OData Services Mobile Services SAP Fiori Applications Frontend Server OData Services SAP Fiori User Interfaces SAP S/4HANA Business Logic SAP S/4HANA SAP Business Suite (ERP, SRM, ) ABAP in Eclipse Backend Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 9

10 High-Level Overview Option with SAP Fiori, cloud edition Web Web via Fiori Client SAP HANA Cloud Platform On-Premise Tools Frontend Services SAP Fiori Apps OData Services * SAP Mobile Platform for Mobile Devices SAP Web IDE * Optional offering for On-Premise SAP Business Suite systems, for selected SAP Fiori apps SAP Fiori Applications Frontend Server OData Services SAP Fiori User Interfaces SAP S/4HANA SAP Business Suite (ERP, SRM, ) ABAP in Eclipse Backend Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 10

11 High-Level Overview Future: extended coverage by SAP Fiori, cloud edition Planned Innovations Web Web via Fiori Client SAP HANA Cloud Platform On-Premise Tools Mobile Services Frontend Services SAP Fiori Apps OData Services * * Optional offering for On-Premise SAP Mobile Platform for Mobile Devices SAP Web IDE SAP S/4HANA Cloud Edition SAP Fiori Applications Frontend Server OData Services SAP Fiori User Interfaces SAP S/4HANA SAP S/4HANA Business Logic SAP S/4HANA SAP Business Suite (ERP, SRM, ) ABAP in Eclipse Backend Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 11

12 SAP S/4HANA Principle of one archetype Includes planned Innovations SAP Fiori Architecture for SAP S/4HANA consists of only one archetype for transactional, analytical and search One User / Authorization Management via ABAP Server One Business Model One Gateway / OData protocol implementation One Lifecycle And additionally Support for Hierarchies in analytics via Analytic Engine Zero Downtime via ABAP Repository 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 12

13 SAP S/4HANA Principle of one archetype Includes planned Innovations SAP Fiori Architecture for SAP S/4HANA consists of only one archetype for transactional, analytical and search. Fiori technology components SAP Fiori launchpad Metadata driven UIs - Smart Controls & Smart Templates ABAP infrastructure components Draft Infrastructure for transactional Logic SADL for CDS read access Analytical Engine (embedded BW) for analytical CDS access SAP Gateway for OData exposure CDS Views (ABAP managed) Uniform Business Object Modelling Central repository for Metadata 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 13

14 Simplified Top-Level View Fiori User Fiori User R Desktop and mobile interaction patterns Client Common data access protocol for business data and metadata via HTTP Coded or declared artefacts where necessary for business logic Fully exploit SQL capabilities Backend Server R R Static UI content via HTTP The backend server exposes services that either directly call SQL on the database or invoke business logic in an application tier. SAP HANA is the preferred database Database Server Backend System Database shall foster code pushdown and model simplification 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 14

15 ABAP Frontend Server (SAPUI5, SAP Fiori launchpad & SAP Gateway) Single point of UI maintenance like browser support or SAPUI5 provisioning Central place for theming and branding Single place for configuration, personalization, and SAP Fiori shell services Rule-based dispatching of requests in a multi-system landscape (e.g. for approvals incl. aggregation) Security considerations Similar to an application-level gateway (ALG) with protocol switch and whitelisting (excl. search) Admin for UI meta data does not need to have admin rights in backend (data sensitivity) 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 15

16 for SAP Fiori UX Web-based Entry Point for SAP Business Applications Across Platforms and Devices SAP Fiori launchpad is a role based, personalized and real-time aggregation point for business applications and analytics. It runs on multiple devices, using responsive web design, and is deployable on multiple platforms. It is designed according to the simple and intuitive SAP Fiori user experience, while supporting established UI technologies SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 16

17 SAP Fiori launchpad - UX Role-based content definition Launch SAPUI5, Web Dynpro ABAP*, SAP GUI for HTML* and arbitrary URLs News and feeds enhance collaboration Search across and within apps to get immediate answers Color coding alerts user for any overdue, new or immediate action Dynamic charts provide high level, real-time overview Group tiles for personalized content organization Edit mode for instant personalization of groups and tiles *on selected devices 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 17

18 SAP Fiori launchpad - Architecture Browser FioriLaunchpad.html R SAP Fiori launchpad is a runtime container supporting intent-based navigation for Runtime Configuration R R Shell Container R SAPUI5 Components Web Dynpro ABAP or SAP GUI apps Shell Renderer <<UI5 Component>> Home Page App R Platformspecific Service Shell Services Platformindependent Service External URLs R << WDA / GUI >> Other Apps R <<UI5 Component>> Fiori App R Gateway Server Application Service R Service Adapter Usually co-deployed on ABAP R UI Front-end Server (ABAP/EP/HCP) UI2 Service Implementation HTTP / OData UI Configuration Content It provides platform-independent service APIs with adapters for different front-end servers (ABAP, SAP Enterprise Portal, SAP HANA Cloud Platform) and local consumption (Sandbox for testing in SAP Web IDE, mobile offline). R Application Back-end System 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 18

19 SAP Fiori launchpad - Content Model for ABAP platform Transaction PFCG Assign groups and catalogs to roles Roles are the means to assign catalogs and their apps to users SAP Fiori launchpad designer (FLPD) Content can be configured system wide (configuration) or client specific (customizing): Target Mapping: maps navigation intent to concrete (logical application/target) Tile: used to launch an application from the homepage Catalog: set of applications a user can use and add to his homepage Group: predefined set of tiles a user sees on his homepage 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 19

20 BE Frontend SAP Fiori Architecture SAP Fiori launchpad - Delivered Artifacts in the Content Concept (Simplified Picture) Technical Content grouped by application area repository for admins for custom content TA PFCG : Roles (TCR) TA PFCG : Roles (BCR) Business Content grouped by business role serves as demo content FLPD: Catalog (TC) FLPD: Catalog (BC) FLPD: Group (BCG) FLPD: App Launcher FLPD: Target Mapping FLPD: Target Mapping FLPD: App Launcher Navigation Target Application (UI5 BSP) TA PFCG : Backend Role for odata Service 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 20

21 Back-End System Front-End Server Menu SAP Fiori Architecture SAP Fiori launchpad - User Assignment and Authorizations of Content sees User is granted uses Launchpad shows Catalog contains refers to refers to PFCG Role (Front-End) Authorization Profile UI OData Auth. Group contains Tile (App Launcher) resolves Target Mapping starts uses UI2 Launchpad OData Service has Model Provider Data Provider calls Launchpad Logic resolves uses Trusted RFC Fiori App uses App-specific OData Service has Model Provider Data Provider calls Business Logic refers to requires refers to requires requires Authorization Defaults Authorization Objects Start Authorization Authorization Defaults Authorization Objects Start Authorization Business Authorizations determines refers to determines determines PFCG Role (Back-End) Authorization Profile 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 21

22 SAP Gateway - Architecture Browser (SAP Fiori Launchpad) SAP Fiori App SAPUI5 SAP Fiori App HTTPS HTML / OData Frontend-Server SAP Gateway Hub (OData Service) SAP Fiori launchpad Trusted RFC OData Recommended Development option Backend SAP NetWeaver SAP S/4HANA SAP Gateway Core OData Services (CDS views) access the SAP S/4HANA Business Data via SAP Gateway. SAP Gateway OData Provider (Backend provider) Read & write Query (SADL) Read & write Business Functionality (Backend) Read Write Draft Engine (BOPF) Write Backend Business Logic (Classes, BAPI, ) SAP HANA DB SAP HANA DB CDS View Draft Table Appl. Table 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 22

23 Analytics: Consumption patterns List Reporting & Charting build with List Report Template KPI Monitoring build with Smart Biz & Analysis Path Framework Adding transactions to aggregated data 85 Built-In Analytics build with Controls: Analytical Table & Analytical Chart Multidimensional Analytics build with Design Studio Cost center hierarchy: Plan budgets and disaggregate Any grouped data: offer mass actions on lower level items 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 23

24 Analytics: Conceptual View List Report Application Smart Templates UI Generic Player SAP BusinessObjects Design Studio Analysis App, SAP Smart Business Drilldown App Smart Table Smart Controls Core Controls UI Annotations KPI, Report, Analytical Table, Chart Application Infrastructure OData Adapter Transaction Handler OData plus InA Planning Analytic Query View Analytical views for dimensions, facts, cubes, aggregation levels CDS Data Model Consumption View UI Annotations Interface View Annotations SAP HANA / Any DB Data Point, Selection, Presentation (Chart, ) Analytical view categories and details 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 24

25 Analytics: Design Time (Developer & Key User) Application UI Generic Players Development Environments Repositories Smart Templates Smart Controls Core Controls UI Annotations Application Infrastructure OData Adapter Transaction Handler Web IDE Design Studio KPI Modeler UI Artifact, e.g. Fiori Application DS Application KPI Definition CDS Data Models Consumption Views UI Annotations Interface Views Annotations SAP HANA / Any DB ABAP in Eclipse Analytical CDSView 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 25

26 Analytics: Runtime (End-User) UI Fiori Shell Applications Smart Templates Generic Players Analytical App Smart Business KPI Monitoring Design Studio Analysis App Smart Controls Core Controls UI Annotations SAP NetWeaver 7.6x OData R InA R Application Infrastructure OData Adapter Transaction Handler Transaction Handler Analytical OData Service R R R Analytic Engine CDS Data Models SQL R Open SQL Read Access R Consumption Views Interface Views UI Annotations Annotations HANA / Any DB SQL View Annotations SAP HANA / Any DB Business Data 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 26

27 SAP Fiori UX Search Capabilities Search and federation across business objects and across system boundaries Navigation into applications Flexible, faceted search for drilling down with analytical charts Sophisticated autosuggest 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 27

28 Detailed Search and Object Pages on Premise Search State-of-the-art search experience including facetted search Intuitive Business Object overview at a glance High-Performance powered by SAP HANA Spanning across the entire Business Suite Navigation Powerful contextual navigation by browsing the related web of business entities Comprehensive 360 view on business entities Key Features Free text search across Suite Business Objects, all SAP Fiori apps and KPI tiles Easy Administration Task lists ensure search connector activation and update Model driven development of Search Models Search models consume DB tables directly Exposing relevant search data Target architecture uses CDS views (Search@CDS) 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 28

29 Artifacts for customers UI Roles Search Models Tasklists Frontend Server SAP S/4HANA SAP HANA DB FIORI Catalogs Model/ Connector Authorizations Search Connectors/ Generated Views Instance Authorizations Frontend Server Mainly FIORI specific assignment of FIORI catalogs via UI roles to users to allow navigation SAP S/4HANA Search Models define the runtime Search connectors Model/Connector authorizations to restrict access to scenario specific connectors (also with regards to performance) Instance authorizations to restrict access to allowed result entries Tasklists automate creation and updates of connectors SAP HANA DB Connectors area generated at setup time, actually generated views in HANA DB 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 29

30 SAP Fiori on mobile devices Calendar Contacts Tasks Printing 1 Barcode Push Camera Offline Voice Recording 3rd party Plug-ins GPS Web App Settings Security LifeCycle Management Hybrid Mobile App 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 30

31 SAP Fiori Runtimes Planned Innovations ONE ACCESS Fiori in browser Browser based apps Runs on all devices No installation required Coherent UX across devices SAP Fiori Client Downloadable native app Pre-packaged with commonly used Cordova plug-ins for native device integration Full screen operation Attachment viewing Native device integration Notification App Updates Selected Mobile Platform Services can be used Fiori Mobile with Kapsel SDK (packaged apps) Custom packaged & branded app Can be delivered on company store Native device integration Offers App Administration & Reporting Push Notifications* Offline application data* Use additional SAP Mobile Platform services SAP Fiori launchpad SAP Fiori launchpad Mobile Platform required Browser (Desktop or Mobile) Mobile only 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 31 *requires adoption of SAP Fiori application

32 High-Level Overview Mobile Services for Fiori Web Web via Fiori Client / packaged App Developer HANA Cloud Platform App Deployment Tools Frontend Services Mobile Services for Fiori SAP Web IDE Fiori Apps OData Services Architecture when supporting Fiori apps deployed to SAP Fiori, cloud edition apps Runtime Services Deployment/ Discovery Services OnPremise Fiori User Interfaces Fiori Apps Frontend Server OData Services Build/Packaging Services S/4HANA SAP Business Suite (ERP, SRM, ) ABAP in Eclipse Backend Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 32

33 High-Level Overview Mobile Services for Fiori Web Web via Fiori Client / packaged App Developer HANA Cloud Platform Mobile Services for Fiori Runtime Services Deployment/ Discovery Services App Deployment OnPremise Tools SAP Web IDE Fiori User Interfaces Fiori Apps Frontend Server OData Services Build/Packaging Services Architecture when supporting Fiori apps deployed to an on-premise Frontend Server S/4HANA SAP Business Suite (ERP, SRM, ) ABAP in Eclipse Backend Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 33

34 SAP Fiori Consumption Options Fiori in browser Fiori frontend server SAP Fiori Client or custom Fiori Client Fiori frontend server Fiori Mobile with Kapsel SDK Fiori frontend server SAP Fiori launchpad and applications App SAP Fiori launchpad and applications App SAP Fiori, cloud service, premium edition, mobile service for development and operations or SMP 3.0 SP03 PL02+ SAP Mobile Platform SAP Fiori, cloud service, premium edition, mobile service for development and operations or SMP 3.0 SP03 PL02+ SAP Mobile Platform OData OData OData URL URL App Kapsel AppUpdate (optional) SAP Fiori Client Fiori Mobile app any browser 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 34 * * in future release

35 SAP Fiori Client - with SAP Fiori, cloud service, premium edition End to End solution for mobilizing SAP Fiori apps. Supports all features of SAP Fiori client Provides as part of a single, integrated solution: Build/Packaging service transforms your SAP Fiori web app into a native/hybrid app, necessary to leverage native device features. App deployment service enables app lifecycle management and an enterprise app store app for deployment, ratings and reviews. Data service provides infrastructure support for advanced mobile features such as push and offline. Mobilizes SAP Fiori, cloud edition apps and SAP Fiori on-premise apps with a single solution. Integrates with SAP Mobile Secure for mobile device and app management. Simplifies support for basic and advanced SAP Fiori use cases. Any Browser Direct SAP Fiori Client Direct Optimized Optimized SAP Fiori, cloud service, premium edition 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 35 Fiori Frontend Server (SAP Fiori, cloud edition or on-premise) (e.g. SAP Gateway)

36 SAP Fiori Client - with SAP Mobile Platform 3.0 / HCPms Support of native device capabilities Camera, Geo-Location, Barcode, Printing, Calendar, Contacts, enhanced Voice Recording incl. attachment, Access manageable via SAP SMP Administration Cockpit Any Browser SAP Fiori Client Support of enterprise capabilities Secure Onboarding Enhanced security (Secure, remote access without VPN) Support of additional security scenarios (SAML2, X.509 via SAP Afaria, Mutual Authentication, OAuth ) Enforced application passcode Logging & Tracing (incl. set log level & retrieve log from remote) Direct Direct Optimized Client-side interface with SAP Afaria for configuration & certificate management Optimized SAP Mobile Place / SAP Mobile Secure integration Supportability Enhancements Android Third Party Attachment Viewer SAP Mobile Platform 3.0 SP03 PL02 / HCPms Demo Mode ( Fiori Frontend Server (e.g. SAP Gateway) 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 36

37 SAP Fiori Client - Available on all major App Stores Apple App Store for ios Google Play Store for Android Microsoft App Store for WP & Windows Support: ios 8.x 9.x Support: Android x Support: Windows Phone 10 & Windows SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 37

38 Deployment of SAP Fiori front-end server (FES) as central hub (more on SCN) Example: General Recommendation Deployment of SAP Fiori applications and UI content on separate systems Deployment of the GW components as described in landscape use case II of the GW landscape deployment recommendations Enablement of OData access for multiple SAP Backend systems Benefits Fiori UI Software Update cycles decoupled from backend system Better handling of innovations for Fiori UIs and UI content FES deployed as one instance incl. central Fiori Launchpad Routing mechanism in several backend systems Scaling-Up is manageable independent from backend system FES can be implemented in segmented networks (e.g. DMZ) to serve security needs Input validation functions and business logic on two different systems (security requirement) Central management of connections, central access for devices Backend development placed in the system where the data is stored Considerations Additional NW ABAP System Web Dispatcher (Reverse Proxy) is mandatory when using analytical SAP Fiori applications 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 38

39 SAP Fiori Security - General Network and Reverse Proxy Setup Authentication User Management Authorization System Hardening (Securing Trusted RFC connection) Reverse Proxy SAP Gateway SAP S/4HANA Core SAP HANA Secure Configuration / Network Setup / Authentication Authorization 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 39

40 SAP Fiori Security - Authentication Use Cases Use Case 0: Form-based Initial Authentication Use Case 1: SSO via SAML 2.0 (recommended - please refer to illustration below) Use Case 2: SSO via SPNego / Kerberos Use Case 3: SSO via Logon Ticket Use Case 4: SSO via X.509 certificate SAML 2.0 IdP Reverse Proxy SAP Gateway SAP S/4HANA Core SAP HANA A typical use case is for customers to access one or more SAP Fiori apps from the public internet. In this case, single sign-on can be implemented using SAML 2.0 based authentication in conjunction with IdP (Identity Provider) software such as Ping Federate or Microsoft s Active Directory Federation Service (AD FS) SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 40

41 Extensibility - Roles & Needs Business User Business Expert, Implementation Consultant Developer I want to Change order of columns in a table Hide/Unhide tabs Change format of dates/numbers Hide/Unhide a few apps on Launchpad I want to Add/change business rules/logic Add custom fields, tables, reports, forms Use my company theme/logo Change layout I want to Add/change complex business logic De-couple software lifecycle of standard and extensions My changes should not affect other people My changes should affect people in my LOB/company My changes should affect people in my company 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 41

42 DB APP UI Side-by-side extensibility on SAP HANA Cloud Platform SAP Fiori Architecture Extensibility - Cloud and On Premise SAP Business Suite Classic customer and partner development Cloud edition Key user extensibility User interface User Interface Application Application Database (SAP HANA) Extensions Database Modifications On premise Key user extensibility Classic extensibility User interface Application Database (SAP HANA) In-App Extensibility Public APIs SAP Customer, Partner 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 42

43 Extensibility via Key User Tools Custom Extensions SAP Fiori app UI flexibility: UI Runtime Frontend Backend: ABAP Server Service API A Field/table extensibility A B B Analytics (CDS) / Forms extensibility Application C Business logic extensibility (e.g. BADI ) C Database Table 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 43

44 Flexibility Services: UI Adaptation at Runtime (RTA) for Key Users 1. Switch your SAP Fiori application to adaptation mode 2. Intuitively manage your UI elements Hide or add fields to the UI Hide or add groups of fields to the UI Move UI elements per drag and drop Rename labels and titles Group/split several fields 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 44

45 Key User Extensibility - Custom Fields & Logic 3. Manage the Usage 2. Define Custom Fields & Logic (Note: here we extend the OData service) 1. In Adaptation Mode > Create custom field(s) 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 45

46 SAP Web IDE - Key Use Cases Develop new SAP Fiori and SAPUI5 applications Extend SAP Fiori apps Develop SAPUI5 mobile hybrid applications (using Hybrid Application Toolkit plug-in) Extend the SAP Web IDE with new plug-ins and SAP Fiori Elements Seamlessly deploy to run on any device automatic rendering for phone, tablet, desktop Deploy to SAP HANA Cloud Platform, SAP Mobile Platform or ABAP 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 46

47 SAP Web IDE: Landscape Overview Any SAPUI5 apps SAP Fiori apps External Services Plug-ins Templates SAP Web IDE Subscription Plugin Repository Translation Services SAP HANA Cloud Platform External Services ABAP UI5 Repository SAP JAM Orion Git SAPUI5 FLP* SAP Gateway OData Services 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 47 * FLP: SAP Fiori launchpad

48 SAP Web IDE: Develop on SAP Hana Cloud Platform SAP HANA Cloud Platform Cockpit Browser SAP Web IDE Orion Git (App Projects) SAPUI5 Version Internet / Cloud Permanent File System Corporate Network / Intranet HTTPS SAP HANA Cloud Connector HTTP(S) Windows OS Linux OS Mac OS X (all 64-bit) SAP Gateway Trusted RFC SAP S/4HANA 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 48

49 SAP Web IDE: Run SAP Fiori Apps on SAP Hana Cloud Platform SAP HANA Cloud Platform IDE in browser SAP Web IDE Deploy HTML5 Apps Dispatcher Application OData Orion User Workspace Push / Fetch Git (App Projects) OData Internet / Cloud Corporate Network / Intranet HTTPS SAP Gateway Via SAP HANA Cloud Connector Trusted RFC SAP S/4HANA 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 49

50 SAP Web IDE - Extending existing SAP Fiori Applications Extend SAP Fiori applications without changing the original app by create a new project to include all the changes using wizard templates, visual pane, and code editor Extensibility for SAP Fiori applications via wizards and visual pane Wizard for extending existing SAP Fiori applications locally or remotely, e.g. ABAP, SAP HANA Cloud Platform Extensibility pane offers two ways to select the UI elements: through graphical view and through hierarchical visualization Supports extension of UI elements, controllers, replacement of services and customization of application strings 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 50

51 SAP Web IDE - Plugins SAP offers out-of the-box plug-ins and templates that leverage SAP Web IDE s modular and extensible framework. Hybrid Application Toolkit Create and deploy Apache Cordova hybrid apps Templates, code completion, test, build and deploy OData Model Editor Import/Export files Select the Theme for the Code Editor Beautify the OData Model Validation Annotation Modeler Annotate OData services in local xml file Override annotations coming from the backend VizPacker Create visual extensions for Analytics SAP Lumira, SAP Business Object Design Studio SAP Hana Cloud Portal Easily create OpenSocial widgets for use in SAP Cloud Portal sites 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 51

52 SAP Web IDE - Plug-in story Plug-in and template creation Wizard for creating new plug-ins and new templates Reuse existing templates and creating new ones Auto complete function for editing template based files Test plugin projects within SAP Web IDE 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 52

53 - Mobile SAP Web IDE - What is SAP Hybrid App Toolkit (HAT)? SAP HANA Cloud Platform Enables developers to develop and build Apache Cordova hybrid apps in SAP Web IDE HAT has 3 components that are provided as a plugin and an add-on to SAP Web IDE: 1. The SAP Web IDE plugin for Hybrid App Toolkit 2. HAT Connector to local build environment (Cordova CLI) 3. SAP Hybrid App Toolkit Companion SAP Web IDE HAT Connector HAT Companion app Hybrid Application Toolkit (plugin) HAT (add-on) Android SDK* Tools Kapsel XCode SDK* : Software Development Kit 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 53

54 SAP Fiori elements - Overview SAP Fiori elements increase developer efficiency, consistency, and quality through a metadata driven approach to SAP Fiori application development. Key capabilities Provide high code quality templates and controllers for re-use Draft, application infrastructure, and message handling support SAP Fiori launchpad integration, tiles, catalog, navigation Support of UI Flexibility, xray and automatic test tools SAP WebIDE Plugin, GIT integration, App Descriptor support CDS annotations and SAP Web IDE Annotation Modeler Break-out capabilities Benefits Scale Fiori Development by applying a meta data driven approach Reduce amount of frontend code for SAP Fiori applications Foster design consistency and keep apps up-to-date with evolving design guidelines Embedded in overarching Fiori concepts for UI flexibility, lifecycle management and application notion 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 54

55 SAP Fiori elements - Creating the Fiori Experience Data Model Backend Developers Create the data models for the applications. Define the semantics of the data: Data types, information structure, relations. Composition UI Developers Compose the SAP Fiori app by combining the SAP Fiori elements with the data. Fine-tune of the UI by configuration and breakouts/freestyle development where needed. Templates Joint Designer & Developer team Create templates for commonly used page types, layouts, and compositions SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 55

56 SAP Fiori elements SAP Fiori UI Development with SAP Fiori elements & UI Flexibility Planned Innovations Runtime End user: Personalization Key user: Runtime adaptation Designtime Flexibility UI Flexibility End User Administrator Partner Industry Context Efficiency Manually coded No coding Highest flexibility Freestyle design Hybrid design SAP Fiori elements Smart design Highest efficiency SAPUI5 Controls Business data (SAP Gateway) Semantic meta data (annotations) 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 56

57 Open, flexible, and standardized Programming Model 1/3 UI Tier OData/HTTP UI Integration Tier OData R R InA/HTTP InA Independent of Application Tier, decoupled via a small number of HTTP-based protocols Support wide range of devices and device capabilities Cloud-ready, scalable again HTTP helps a lot to get there Focus on end-user experience Efficiently build large number of consistent, responsive apps Stay open for potential change to new UI technologies, UI frameworks, specialized protocols (over HTTP) Service Tier Application Tier CDS SQL R Database Tier 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 57

58 Open, flexible, and standardized Programming Model 2/3 UI Tier OData/HTTP UI Integration Tier R InA/HTTP Consistency for users with respect to SAP Fiori Design and UX across all apps and across all Application Tiers Fast UI innovation for the end user decoupled from Application Tier Reuse of the entire SAP UI technology and design investments and innovations for all Application Tiers OData R InA Contains all SAP UI related artifacts and tools, e.g. SAP Web IDE, SAPUI5 library, SAP Fiori Applications Mobile and cross-system services (e.g. Collaboration, Search, Analytic aspects) Service Tier Application Tier CDS SQL R Single point of access for multiple Application Tiers Single point for authentication, navigation and interoperability Mediator between UI and Application Tier: hybrid system landscapes/deployment scenarios Database Tier 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 58

59 Open, flexible, and standardized Programming Model 3/3 UI Tier OData/HTTP R InA/HTTP UI Integration Tier OData R InA Service Tier Application Tier CDS SQL Database Tier R Service Tier defines contract and guarantees isolation Wide variety of existing and emerging application servers Access to Database Tier via CDS and SQL Virtual Data Model (VDM): Database- and UI-independent, basis for generic infrastructure (e.g. Extensibility, SQL-optimization) SAP HANA DB for SAP S/4HANA 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 59

60 SAP S/4HANA - ABAP Programming Model Editors for the programming model artefacts in mostly homogenous development environment SAP Fiori User Experience for all devices and users with role-oriented design UI development with a metadatadriven approach (templates) and support for flexible freestyle Apps SAP Gateway with OData Hub for multiple backends or as a service in the cloud with infrastructure in the ABAP backend CDS as the one and only technology for data definition with advanced view building capabilities and supporting declarative business logic Annotations are used to influence the Smart Templates but in addition the runtime behavior for transactional processing, analytics and search SQL Views are generated by CDS for runtime access by SADL and BW SADL dispatches requests in the new CDS-based programming model to BOPF for transactional execution, to SAP Business Warehouse for advanced analytics. Default is querypushdown to SAP HANA BOPF (now part of SAP NetWeaver) offers well defined code-exits for structured ABAP business logic including stateless and draft support Active data and draft data are persisted in different tables with orchestration by BOPF 2016 SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 60

61 2016 SAP SE or an SAP affiliate company. All rights reserved. No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company. SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other countries. Please see for additional trademark information and notices. Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors. National product specifications may vary. These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty. In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation, and SAP SE s or its affiliated companies strategy and possible future developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. All forwardlooking statements are subject to various risks and uncertainties that could cause actual results to differ materially from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 61

62 2016 SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten. Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher Form auch immer, ohne die ausdrückliche schriftliche Genehmigung durch SAP SE oder ein SAP-Konzernunternehmen nicht gestattet. SAP und andere in diesem Dokument erwähnte Produkte und Dienstleistungen von SAP sowie die dazugehörigen Logos sind Marken oder eingetragene Marken der SAP SE (oder von einem SAP-Konzernunternehmen) in Deutschland und verschiedenen anderen Ländern weltweit. Weitere Hinweise und Informationen zum Markenrecht finden Sie unter Die von SAP SE oder deren Vertriebsfirmen angebotenen Softwareprodukte können Softwarekomponenten auch anderer Softwarehersteller enthalten. Produkte können länderspezifische Unterschiede aufweisen. Die vorliegenden Unterlagen werden von der SAP SE oder einem SAP-Konzernunternehmen bereitgestellt und dienen ausschließlich zu Informations-zwecken. Die SAP SE oder ihre Konzernunternehmen übernehmen keinerlei Haftung oder Gewährleistung für Fehler oder Unvollständigkeiten in dieser Publikation. Die SAP SE oder ein SAP-Konzernunternehmen steht lediglich für Produkte und Dienstleistungen nach der Maßgabe ein, die in der Vereinbarung über die jeweiligen Produkte und Dienstleistungen ausdrücklich geregelt ist. Keine der hierin enthaltenen Informationen ist als zusätzliche Garantie zu interpretieren. Insbesondere sind die SAP SE oder ihre Konzernunternehmen in keiner Weise verpflichtet, in dieser Publikation oder einer zugehörigen Präsentation dargestellte Geschäftsabläufe zu verfolgen oder hierin wiedergegebene Funktionen zu entwickeln oder zu veröffentlichen. Diese Publikation oder eine zugehörige Präsentation, die Strategie und etwaige künftige Entwicklungen, Produkte und/oder Plattformen der SAP SE oder ihrer Konzernunternehmen können von der SAP SE oder ihren Konzernunternehmen jederzeit und ohne Angabe von Gründen unangekündigt geändert werden. Die in dieser Publikation enthaltenen Informationen stellen keine Zusage, kein Versprechen und keine rechtliche Verpflichtung zur Lieferung von Material, Code oder Funktionen dar. Sämtliche vorausschauenden Aussagen unterliegen unterschiedlichen Risiken und Unsicherheiten, durch die die tatsächlichen Ergebnisse von den Erwartungen abweichen können. Die vorausschauenden Aussagen geben die Sicht zu dem Zeitpunkt wieder, zu dem sie getätigt wurden. Dem Leser wird empfohlen, diesen Aussagen kein übertriebenes Vertrauen zu schenken und sich bei Kaufentscheidungen nicht auf sie zu stützen SAP SE or an SAP affiliate company. All rights reserved This document is provided without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a Public 62