SAP Fiori User Experience - SAP S/4HANA ® Architecture Deep Dive Version 4.2.0 December 2016 (version for public roll-out: Jan ‘17, update Dec’ 16) © 2014 SAP SE or an SAP affiliate company. All rights reserved. 1 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. © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 2 SAP Fiori Apps Product Qualities Completely Fiori Cloud Ready HANA Optimized UX Qualities Cloud Qualities Real-Time Qualities Modern, internet-educated UX with state-of-the-art performance Simple Extensibility for Business Experts: Custom fields and business logic without backend development Offer power of HANA to the End-User +++ Multi-device support +++ +++ +++ Real-time for all apps with search, analytics and transactional capabilities Simple task-oriented apps Scalable apps w/ large number of users +++ +++ +++ Integration of OLAP and OLTP Consistent look and feel across all apps Low TCO in cloud-like operation © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 3 SAP Fiori Apps Product Qualities - Design Role-based Deliver the right information at the right time via multifaceted user interfaces Adaptive Get instant, relevant insight – whether using mobile apps or a desktop computer Simple Zero in on your most important tasks, functions, and activities Coherent Deliver a consistent UX across the enterprise – whether you need to fulfill a sales order, review your latest KPIs, or manage leave requests Delightful © 2016 SAP SE or an SAP affiliate company. All rights reserved Enrich your work experience with intuitive, easy-to-use SAP Fiori apps This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 4 SAP Fiori Apps Product Qualities - Design Visual design SAP Fiori 2.0 offers a refined visual language. Clean and consistent layouts throughout the user interface convey the content with clarity. Experience modern, visually pleasing aesthetics with a strong focus on ease of use Information architecture Give business users ready access to the information they need to complete their tasks Interaction patterns © 2016 SAP SE or an SAP affiliate company. All rights reserved Harness simple and intuitive interactive patterns to boost productivity company-wide This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 5 SAP Fiori Apps Technical Capabilities © 2016 SAP SE or an SAP affiliate company. All rights reserved Support for multiple devices and form factors - Maximize usability using a desktop PC, tablet, or smartphone SAP Fiori launchpad - Access your SAP Fiori apps from a central launchpad (navigation, personalization, support, and configuration) Role-based authentication and authorization - Harness role-based single sign-on (SSO) mechanisms for secure access Secure provisioning and consumption of data - Provide access to business logic (SAP back-end system) data via OData services Corporate identity theming - Simply and effectively implement themes for SAP Fiori apps and SAP Fiori launchpad UX app extensions - Enhance your SAP Fiori apps using templates in the SAP Web IDE Custom development - Rapidly design, build, and deploy SAP Fiori apps for browsers and mobile devices Ready for mobile enablement - Seamless, secure mobile access to SAP’s Fiori apps via the Internet Based on SAPUI5 - Enterprise-ready UI development toolkit based on HTML5 and JavaScript Powered by SAP HANA - Run analytical SAP Fiori apps and object pages on SAP’s powerful in-memory database platform This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 6 SAP Fiori Architecture Consequences for Architecture Consequences for Architecture Not tied to a device Not tied to a session Not tied to a user stateless data access protocol © 2016 SAP SE or an SAP affiliate company. All rights reserved Modern UX through draft enabled Architecture Start now – save incomplete – continue later Keep working – data is saved automatically and asynchronously Start on one device – continue on other device Start now – let someone else continue later Collaborate with others on the same task/document This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 7 SAP Fiori Architecture Overview SAP Fiori apps built with SAPUI5 technology (web) and iOS (native - not in scope of this presentation) Support of smartphones, tablets, and desktop (by responsive design patterns) with single code line SAP Fiori apps are launched and run 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 8 SAP Fiori Architecture High-Level Overview Web Developer SAP Fiori Client / packaged App Details Tools on HCP On-Premise SAP S/4HANA Cloud Edition SAP Web IDE (HCP) SAP Fiori User Interfaces SAP S/4HANA SAP Fiori apps OData Services SAP Fiori Front-end server Mobile Services SAP Fiori apps OData Services Build/Packaging Services Tools SAP S/4HANA Business Logic © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP S/4HANA SAP Business Suite (ERP, SRM, …) … ABAP in Eclipse Backend Services This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 9 SAP Fiori Architecture High-Level Overview – SAP Fiori Cloud (1608) – Front-end Hub deployment on HCP Web Developer SAP Fiori Client / packaged App Details Tools on HCP On-Premise SAP HANA Cloud Platform SAP Web IDE SAP Fiori Frontend services SAP Fiori Apps OData Services (HCP) * HCI OData Provisioning * Optional offering for On-Premise SAP Business Suite systems, for selected SAP Fiori apps SAP Fiori User Interfaces SAP Fiori Front-end server SAP Fiori Applications Build/Packaging Services OData Services Tools SAP S/4HANA © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP Business Suite (ERP, SRM, …) ABAP in Eclipse … Backend Services This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 10 Includes planned Innovations SAP Fiori Architecture SAP S/4HANA – Principle of one archetype SAP Fiori Architecture for SAP S/4HANA consists of only one archetype for all (transactional, analytical and search) © 2016 SAP SE or an SAP affiliate company. All rights reserved One User / Authorization Management via ABAP Server One Business Model One Gateway / OData protocol implementation One Lifecycle This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 11 Includes planned Innovations SAP Fiori Architecture SAP S/4HANA – Principle of one archetype SAP Fiori Architecture for SAP S/4HANA consists of only one archetype for all (transactional, analytical and search) © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP 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 This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 12 SAP Fiori Architecture 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 R Backend Server The backend server exposes services that either directly call SQL on the database or invoke business logic in an application tier. R Database Server SAP HANA is the preferred database Backend System © 2016 SAP SE or an SAP affiliate company. All rights reserved Static UI content via HTTP Database shall foster code pushdown and model simplification This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 13 SAP Fiori Architecture Sap Fiori Front-end 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 14 SAP Fiori Architecture Web-based Entry Point for SAP Fiori Apps across Platforms and Devices © 2016 SAP SE or an SAP affiliate company. All rights reserved 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. This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 15 SAP Fiori Architecture SAP Fiori launchpad - UX Role-based content definition Search across and within apps to get immediate answers Launch SAPUI5, Web Dynpro ABAP*, SAP GUI for HTML* and arbitrary URLs Color coding alerts user for any overdue, new or immediate action News and feeds enhance collaboration 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 16 SAP Fiori Architecture SAP Fiori launchpad - Architecture SAP Fiori launchpad is a runtime container supporting intent-based navigation for SAPUI5 Components Web Dynpro ABAP or SAP GUI apps External URLs 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). © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 17 SAP Fiori Architecture SAP Fiori launchpad – Authorization: Content Model for ABAP platform (on premise) 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 18 SAP Fiori Architecture SAP Fiori launchpad - Delivered Content Model Artifacts (Simplified Picture) (on premise) Technical Content • Frontend • • grouped by application area repository for admins for custom content FLPD: App Launcher Business Content TA “PFCG”: Roles TA “PFCG”: Roles (TCR) (BCR) FLPD: Catalog (TC) FLPD: Catalog (BC) FLPD: Group (BCG) FLPD: Target Mapping FLPD: Target Mapping FLPD: App Launcher • • grouped by business role serves as demo content Navigation Target BE Application (UI5 BSP) © 2016 SAP SE or an SAP affiliate company. All rights reserved TA „PFCG“: Backend Role for oData Service This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 19 SAP Fiori Architecture SAP Fiori launchpad - User Assignment and Authorizations of Content (on premise) User is granted refers to Launchpad uses shows Front-End Server Catalog Group Menu sees refers to contains contains Tile (App Launcher) resolves UI PFCG Role (Front-End) OData Auth. Authorization Profile Target Mapping starts UI2 Launchpad OData Service Fiori App uses uses has Model Provider uses Data Provider refers to has Model Provider requires calls Launchpad Logic App-specific OData Service resolves Authorization Defaults Authorization Objects Start Authorization determines Back-End System Trusted RFC © 2016 SAP SE or an SAP affiliate company. All rights reserved refers to Data Provider requires calls Authorization Defaults Authorization Objects Start Authorization Business Logic requires refers to Business Authorizations determines PFCG Role (Back-End) Authorization Profile determines This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 20 SAP Fiori Architecture Analytics: Consumption patterns List Reporting & Charting build with List Report & Analytical List Page Template Adding transactions to aggregated data 85 Built-In Analytics build with Controls: Analytical Table & Analytical Chart KPI Monitoring & Analysis build with Smart Business & Analysis Path Framework Multidimensional Analysis build with Design Studio Analysis App 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 21 SAP Fiori Architecture Analytics: Conceptual View UI Application List Report Generic Player Smart Templates Smart Controls KPI, Report, … Smart Table Core Controls Analytical Table, Chart SAP BusinessObjects Design Studio Analysis App, SAP Smart Business Drilldown App UI Annotations Application Infrastructure OData plus InA OData Adapter Planning Transaction Handler CDS Data Model Analytic Query View Analytical views for dimensions, facts, cubes, aggregation levels Consumption View UI Annotations Interface View Annotations © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP HANA / Any DB Data Point, Selection, Presentation (Chart, …) Analytical view categories and details This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 22 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 © 2016 SAP SE or an SAP affiliate company. All rights reserved Sophisticated autosuggest This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 23 SAP Fiori Architecture 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 the entire Business Suite Navigation Powerful contextual navigation by browsing the related web of business entities Comprehensive 360° view on business entities … © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 24 SAP Fiori Architecture Detailed Search Key Features Free text search across Suite Business Objects, all SAP Fiori applications and KPI tile Easy Administration Tasklists to take care of search connector activation and update Model driven development of Search Models Search models directly consume DB tables Exposing relevant search data for search Target architecture is to use CDS views (Search@CDS) Runs on SAP HANA only Design time ABAP (Enterprise Search); Runtime ABAP/HANA © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 25 SAP Fiori Architecture Artifacts for customers Frontend Server UI Roles FIORI Catalogs SAP S/4HANA Search Models Model/ Connector Authorizations Tasklists Instance Authorizations SAP HANA DB Search Connectors/ 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 Generated Views © 2016 SAP SE or an SAP affiliate company. All rights reserved Connectors area generated at setup time, actually generated views in HANA DB This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 26 Planned Innovations SAP Fiori Architecture Notifications Component Overview © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 27 Running SAP Fiori in the Cloud Key activities Access apps via web browser or mobile device User Brand and customize the look and feel Optimize for mobile experience* Business Expert & Developer Run SAP Fiori apps Extend SAP Fiori apps Prototype new Fiori apps Develop custom Fiori apps Manage cloud account, resources, users and apps Connect cloud account to on-premise landscape Administrator Enable and configure SAP backend (on-premise) * Requires SAP Fiori mobile service © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 28 Key building blocks for running SAP Fiori in the cloud Provide a role-based, personalized entry point to SAP Fiori apps with SAP Fiori launchpad SAP Fiori apps SAP Fiori launchpad SAP Web IDE UI theme designer Manage and customize content with SAP Fiori Configuration Cockpit Manage account and destinations via administration cockpit and OData provisioning service Connect securely to backend via Cloud Connector Style the solution with UI theme designer Prototype new applications with Build service © 2016 SAP SE or an SAP affiliate company. All rights reserved * optional license This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 29 SAP HANA Cloud Platform, OData provisioning Connecting the SAP Fiori apps to your SAP Business Suite Expose business data and business logic as OData services for building user-centric applications in the cloud Administer (register, activate, maintain) OData services exposed from SAP Business Suite backend* Assign multiple destinations to same service for multi-origin composition SAP Fiori UX HCP OData provisioning SAP HANA Cloud Platform Cloud connector SAP backend* Leverage HCP qualities such as monitoring, metering, supportability, security, multi-tenancy, rolling software updates * Prerequisite: Gateway backend enablement add-on (IWBEP) and valid SAP Gateway backend license for connected SAP Business Suite systems © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 30 SAP Fiori Architecture SAP Fiori Cloud - Architecture at a Glance http SAP UI theme designer SAP Fiori launchpad SAP Fiori launchpad Designer SAP Fiori Apps SAP Web IDE SAP HCPms (mobile services) SAP Cloud Identity DATA & PROCESSWS ON-PREMISE SAP HANA Cloud Integr. SAP HANA Cloud Connector Add. Services UI SERVICES SAP HCP Cockpit Admin Tools CLOUD SAP HANA Cloud Platform (HCP) http OData OData SAP Gateway Hub* Non SAP SAP Business Suite © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 31 SAP Fiori Architecture SAP Fiori on mobile devices Contacts Tasks Calendar Printing 1 Barcode Push Camera Offline Voice Recording 3rd party Plug-ins GPS Settings Security LifeCycle Management Web App © 2016 SAP SE or an SAP affiliate company. All rights reserved Hybrid Mobile App This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 32 Planned Innovations SAP Fiori Architecture SAP Fiori Runtimes ONE ACCESS Fiori in browser Browser based apps Runs on all devices No installation required Coherent UX across devices SAP Fiori Client Fiori Mobile with ‘Kapsel’ SDK 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 (packaged apps) Selected Mobile Platform Services can be used SAP Fiori launchpad Browser (Desktop or Mobile) 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 Mobile Platform required SAP Fiori launchpad Mobile only *requires adoption of SAP Fiori application © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 33 SAP Fiori Architecture High-Level Overview – SAP Fiori on premise Web / SAP Fiori Client Developer Web via SAP Fiori Client / custom SAP Fiori Client / packaged App Tools on HCP On premise SAP Web IDE (HCP) Fiori User Interfaces SAP Mobile Platform (optional) Build/Packaging Services SAP Fiori Front-end server Fiori Apps OData Services Tools ABAP in Eclipse S/4HANA © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP Business Suite (ERP, SRM, …) … Backend Services This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 34 SAP Fiori Architecture High-Level Overview – Mobile Services for SAP Fiori on premise Web / SAP Fiori Client Web via SAP Fiori Client / custom SAP Fiori Client / packaged App Developer HANA Cloud Platform SAP SAP Web Web IDE IDE Mobile Services for Fiori Runtime Services Tools on HCP App Deployment and Data/Settings transfer (HCP) (HCP) Deployment/ Discovery Services Fiori User Interfaces On premise Build/Packaging Services SAP Fiori Front-end server Fiori Apps OData Services Tools ABAP in Eclipse S/4HANA © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP Business Suite (ERP, SRM, …) … Backend Services This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 35 SAP Fiori Architecture SAP Fiori Consumption Options Fiori in browser SAP Fiori Client Fiori Mobile or custom Fiori Client with ‘Kapsel’ SDK Fiori frontend server Fiori frontend server Fiori frontend server App App SAP Fiori launchpad and applications SAP Fiori launchpad and applications SAP Fiori Cloud premium, mobile service for development and operations or SMP 3.0 SP03 PL02+ SAP Fiori Cloud premium, mobile service for development and operations or SMP 3.0 SP03 PL02+ SAP Mobile Platform OData SAP Mobile Platform OData OData URL URL App SAP Fiori Client Kapsel AppUpdate (optional) Fiori Mobile app * © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal * in future release 36 SAP Fiori Architecture SAP Fiori Client - with SAP Fiori Cloud Any Browser SAP Fiori Client End to End solution for mobilizing SAP Fiori apps. Supports all features of SAP Fiori client Provides as part of a single, integrated solution: • Optimized • 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 apps and SAP Fiori on-premise apps with a single solution. • Integrates with SAP HCP, mobile service for app and device management • Simplifies support for basic and advanced SAP Fiori use cases. Direct Direct Optimized SAP Fiori Cloud premium Fiori Frontend Server (SAP Fiori Cloud or on-premise) (e.g. SAP Gateway) © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 37 SAP Fiori Architecture SAP Fiori Client - with SAP Mobile Platform 3.0 / HCPms Any Browser Support of native device capabilities SAP Fiori Client – Camera, Geo-Location, Barcode, Printing, Calendar, Contacts, enhanced Voice Recording incl. attachment, – Access manageable via SAP SMP Administration Cockpit Support of enterprise capabilities Optimized – 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 Client-side interface with SAP Afaria for configuration & certificate management Optimized SAP Mobile Place / SAP Mobile Secure integration SAP Mobile Platform 3.0 SP03 PL02 / HCPms Supportability Enhancements Android Third Party Attachment Viewer Demo Mode (http://www.sapfioritrial.com/) Fiori Frontend Server (e.g. SAP Gateway) © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 38 SAP Fiori Architecture SAP Fiori Client - Available on all major App Stores Apple App Store for iOS Google Play Store for Android Support: iOS 8.x – 9.x © 2016 SAP SE or an SAP affiliate company. All rights reserved Support: Android 4.3 – 5.x Microsoft App Store for WP & Windows Support: Windows Phone 10 & Windows 10 This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 39 SAP Fiori Architecture Deployment of SAP Fiori Front-end server (FES) - as central hub General Recommendation Example: 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 © 2016 SAP SE or an SAP affiliate company. All rights reserved Additional NW ABAP System Web Dispatcher (Reverse Proxy) is mandatory when using analytical SAP Fiori applications This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 40 SAP Fiori Architecture SAP Fiori Front-end server - Landscape Planing SAP Fiori apps reference the FES as product. The FES is downloaded and installed as part of the Fiori apps implementation. The FES defines a valid release range (and the preferred release level) for the underlying SAP NW release, the SAP_UI addon and Gateway add-on, if required. The FES is shipped quarterly (SPS). You can find the FES in the product availability matrix: https://support.sap.com/pam if you search for “SAP FIORI FRONT-END SERVER 2.0” or “SAP FIORI FRONT-END SERVER 3.0” 2219596 – Fiori Front-End Server 2.0 2355644 – Fiori Front-End Server 3.0 (for Fiori 2.0) Please be aware about the following database restrictions Up to SAP S/4HANA, you can run the Front-End Server with Any DB (including Suite on HANA) With SAP S/4HANA, the Front-End Server has to run on a SAP DB. More Info: https://uacp.hana.ondemand.com/http.svc/rc/PRODUCTION/pdffee10356f3b43a35e10000000a44538d/1511%20001/en-US/UITECH_OP1511_FPS01.pdf © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 41 SAP Fiori Architecture SAP Fiori Front-end server - Landscape Planing The SAP Fiori Front-end server 2.0 can run on NW 7.50, 7.40, 7.31 for any suite release below SAP S/4HANA. SAP S/4HANA 1511 requires NW 7.50. The SAP Front-end server 3.0 can run on NW 7.51, 7.50, 7.40 for any suite release below SAP S/4HANA. SAP S/4HANA 1611 requires NW 7.51 SAP Fiori Front-end server • 2.0 comes with UI5 library 1.38.x; With FES 2.0 SPS04, it has entered the maintenance phase. • 3.0 comes with UI5 library 1.40.x/1.42.x… (innovation stack): Herewith SAP Fiori 2.0 is delivered. (Note: UI5 1.4x ships quarterly the latest innovations until UI5 library 1.46, which will be the first version of the maintenance stack for FES 3.0) Recommendation: • If you prefer to be on a maintenance track, stay on 1.38 upgrade on availability of UI5 library 1.46 • If you want to consume the latest and greatest innovations freshly whenever available, chose the newest available release and consume the corresponding latest SPs. © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 42 SAP Fiori Architecture SAP Fiori Security - General Network and Reverse Proxy Setup Authentication User Management Authorization System Hardening (Securing Trusted RFC connection) Reverse Proxy SAP Gateway Secure Configuration / Network Setup / Authentication © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP S/4HANA Core SAP HANA DB Authorization This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 43 SAP Fiori Architecture 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 DB 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). © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 44 SAP Fiori Architecture Extensibility - Roles Business User Key User, Business Expert Developer I want to … I want to … I want to … Change order of columns in a table Add/change business rules/logic Add/change complex business logic Hide/Unhide tabs Add custom fields, tables, reports, forms Change format of dates/numbers Use my company theme/logo De-couple software lifecycle of standard and extensions Hide/Unhide a few apps on Launchpad Change layout My changes should … … not affect other people. My changes should … … affect people in my LOB/company © 2016 SAP SE or an SAP affiliate company. All rights reserved My changes should … … affect people in my company This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 45 SAP Fiori Architecture Extensibility - Overview on Capabilities SAP S/4HANA - In-app extensibility: Context-aware extensions, focus on tight integration On-premise + Cloud Key User Extensibility Custom fields and tables, analytics and forms extensibility Change or add business rules and business logic (cloud ABAP Web editor) Classic Extensibility Side-by-side extensibility w. SAP HANA Cloud Platform Weave external content into your solutions Extensibility based on SAP HANA Cloud Platform Enable an SAP Fiori® and mobile user experience Integrate with other cloud solutions (for example SuccessFactors and Ariba, both SAP companies) and third-party solutions Take advantage of application services of SAP HANA Cloud Platform (cloud portal, mobile documents, output management, et al.) Provides a full-fledged development platform to build extension applications (Java, SAP HANA native development) Full access to ABAP (for example, Eclipse) © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 46 SAP Fiori Architecture Extensibility Cloud and On Premise SAP Business Suite Cloud User interface UI Key user extensibility Application Application Database (SAP HANA) Database Extensions Modifications On-Premise User interface Key user extensibility Application Classic extensibility Database (SAP HANA) DB APP User Interface Side-by-side extensibility on SAP HANA Cloud Platform Classic customer and partner development In-App Extensibility Public APIs © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP Customer, Partner This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 47 SAP Fiori Architecture Frontend I6 Custom UI SAP S/4HANA In-App Extensibility Scenarios SAP Fiori lauchpad Custom User Interface (Fiori) I1 User Interface (Fiori) UI Adaptation Custom OData Service Custom Database Table Custom Fields Custom BackendApplication (ABAP | CDS) OData Service I2 I5 Custom Business Objects Backend: ABAP Server © 2016 SAP SE or an SAP affiliate company. All rights reserved Backend-Application (ABAP | CDS) OData I3 Custom Analytics / Forms I4 Database Table Custom Business Logic In-App Extensibility SAP owned This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 48 SAP Fiori Architecture Extensibility © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 49 SAP Fiori Architecture SAPUI5 Flexibility Services SAPUI5 flexibility services provide capabilities to flexibly adapt an app and store the changes context-based in a layered repository. This allows, for example, customers to create their own SAPUI5 entities based on the delivery of SAP without having to modify existing entities in a lower layer. At runtime all changes made to an app are interpreted to define the final UI. Key capabilities Provide flexibility infrastructure used by several flexibility tools Allow separation of content delivered by SAP, industries, partners*, customers and end-users Store UI changes in a layered repository Retrieve UI changes at runtime and generate the final UI Enable context-based UI adaptation* Provide for different user groups tools to adapt the UI in a convenient way, e.g. WYSIWYG tools for key users at runtime Benefits Simplified, cost-effective, and easy to use UI change process Increased end user acceptance through optimized UI layouts Upgrade safe when adapting the UI Easy and intuitive way for business users to change the UI © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 50 SAP Fiori Architecture SAPUI5 Flexibility Services: UI Adaptation at Runtime (RTA) for Key Users 1. Switch your SAP Fiori application to Adaptation Mode © 2016 SAP SE or an SAP affiliate company. All rights reserved 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 This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 51 SAP Fiori Architecture 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 52 SAP Fiori Architecture ABAP Custom Code Migration Simplification changes SAP HANA and Unicode migration S/4HANA Cloud S/4HANA on premise Extensions Suite on HANA Suite on any database Key User In-App Extensibility Classic Extensibility with full access to ABAP development tools Side-by-Side Extensibility based on HANA Cloud Platform © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 53 SAP Fiori Architecture Cloud - Transition from Classic to Cloud Minimize customer / partner individual steps and communication Separation of Concerns Clear logical separation of custom / partner objects and SAP standard objects Access to SAP objects only via whitelisted APIs, no modifications, enhancements follow strict guidelines Regular SAP updates must not lead to adaptation needs for custom / partner code • Modifications • Usage and include of SAP objects without limitation • Direct DB writes • Dynamic calls • • Implicit enhancement spots Classic extensions Extensions designed for cloud Side-by-side (SAP HCP) In-app Customer / Partner Public Model / Whitelist BAdI SAP Standard Code generation © 2016 SAP SE or an SAP affiliate company. All rights reserved CDS APIs SAP Standard Separation of Concerns Access via white-listed, stable interfaces (API HUB) This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 54 SAP Fiori Architecture SAP Web IDE - Key Use Cases Build SAP Fiori, SAP S/4HANA & SAPUI5 applications Extend SAP Fiori applications • Leverage out of the box code templates based on SAP best practices • Extend existing SAP Fiori applications via predefined extension points • Use text editors and graphical tools • Easily deploy to various SAP platforms Develop SAPUI5 hybrid mobile applications Develop IoT applications • Create, test, build and deploy Apache Cordova hybrid mobile apps • Jumpstart development with IoT-specific templates • Use predefined SAPUI5 components targeted for IoT • Leverage mobile services integration © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 55 SAP Fiori Architecture SAP Web IDE: Landscape Overview SAP Fiori apps Hybrid mobile apps SAP HANA apps IoT apps Plugins & templates External services SAP Gateway (OData services) Hybrid App Toolkit Overview page Internet of Things SAP HANA (OData services) SDK SAP Web IDE ABAP © 2016 SAP SE or an SAP affiliate company. All rights reserved SAP HANA Cloud Platform SAP Mobile Platform Data Sources REST services SAP HANA This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 56 SAP Fiori Architecture SAP Web IDE: Develop on SAP Hana Cloud Platform SAP HANA Cloud Platform Cockpit Browser SAP Web IDE Git Orion (App Projects) SAPUI5 Version Permanent File System Destination Internet / Cloud Corporate Network / Intranet HTTPS SAP HANA Cloud Connector Windows OS Linux OS Mac OS X (all 64-bit) HTTP(S) SAP Gateway Trusted RFC Business Suite / ERP HCP Cockpit © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 57 SAP Fiori Architecture SAP Web IDE: Run SAP Fiori Apps on SAP Hana Cloud Platform SAP HANA Cloud Platform IDE in browser Deploy SAP Web IDE HTML5 Apps Dispatcher Application Push / Fetch Orion Git (App Projects) OData User Workspace 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 58 SAP Fiori Architecture SAP Web IDE - SDK SDK for extending SAP Web IDE by adding your own templates and plugins. You may offer your plugin through a marketplace for customers, partners and developers. Plugin and template creation with SAP Web IDE SDK Tutorials and how-to Guidelines and best practices API reference for developing plugins Catalog for plugins and templates Framework for plugins lifecycle Wizard for creating new plugins and templates Ability to reuse existing template screens and user created templates Auto complete for editing template files in code editor Test plugin projects within SAP Web IDE Deploy plugins © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 59 SAP Fiori Architecture SAP Web IDE plugins, out of the box Hybrid Application Toolkit Create and deploy hybrid mobile SAP Fiori apps based on Apache Cordova and Kapsel SAP HANA Cloud Platform, portal service* Create site templates, page templates, pages, and widgets OData Model Editor SAP Fiori Overview Page Develop your own OData model and view it graphically Create, package & deploy a SAP Fiori overview page application SAP Enterprise Portal SAP Events Management Deploy SAP Web IDE developed application into SAP Enterprise Portal* Create self-defined transactional SAP Fiori apps for SAP Event Management VizPacker MII Create chart extension packages for SAP BusinessObjects Lumira and other products You can modify MII artifacts, create new artifacts and sync them back to SAP MII system IoT Create, package & deploy an Internet of things application * Previously known as SAP HANA Cloud Portal © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 60 SAP Fiori Architecture - 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 SAP Web IDE HAT has 3 components that are provided as a plugin and an add-on to SAP Web IDE: o The SAP Web IDE plugin for Hybrid App Toolkit o HAT Connector to local build environment (Cordova CLI) or Cloud Build Service (requires SAP HCP, mobile service for SAP Fiori subscription) o Hybrid Application Toolkit (plugin) HAT Connector Cloud Build Service* HAT (add-on) SAP Hybrid App Toolkit Companion Android SDK* Tools XCode Kapsel Visual Studio SDK* : Software Development Kit © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 61 SAP Fiori Architecture - Mobile SAP Web IDE - SAP Hybrid App Toolkit Companion The SAP Hybrid App Toolkit Companion is a mobile application that runs on a mobile device or device emulator. Enables a live preview of a web app created with SAP Web IDE Cordova based mobile app Contains Cordova, SAP mobile (Kapsel) and SAPUI5 libraries Automatically built during HAT installation for iOS and Android Kapsel You may also use a QR code to load the corresponding application (double-click on Companion app and select Scan) © 2016 SAP SE or an SAP affiliate company. All rights reserved Companion app This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 62 SAP Fiori Architecture - Mobile SAP HAT - Cloud Build Service The Cloud Build Service is a feature of HAT provided through SAP HCP, mobile service for SAP Fiori Creates hybrid apps for iOS and Android using completely cloud-based tools. No on-premise installation necessary. Supports inclusion of public, 3rd party and custom Cordova plugins Automatically inserts the app into Mobile Place, SAP’s enterprise app store for mobile devices, for simplified lifecycle management Requires a subscription for SAP HCP, mobile service for SAP Fiori for each user that consumes an app built by the service © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 63 SAP Fiori Architecture - Mobile SAP Web IDE – SAP Fiori Elements for Hybrid apps Create a new project File > New > Project Hybrid templates are provided SAPUI5 Mobile Kapsel Application Project ** SAPUI5 Master Detail Kapsel Application ** SAPUI5 Master Detail Kapsel Offline Application ** SAP Fiori Worklist Application * SAP Fiori Master Detail Application * CRUD Master-Detail Application * SAPUI5 Application * List Report Application * © 2016 SAP SE or an SAP affiliate company. All rights reserved Additional templates of any kind can be created, added and managed This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 64 SAP Fiori Architecture 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 SAP 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 SAP Fiori concepts for UI flexibility, lifecycle management and application notion © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 65 SAP Fiori Architecture SAP Fiori Elements - Creating the Fiori Experience 1 Data Model 2 Composition Backend Developers UI Developers Create the data models for the applications. Compose the SAP Fiori app by combining the SAP Fiori Elements with the data. Define the semantics of the data: Data types, information structure, relations. Fine-tune 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. © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 66 SAP Fiori Elements SAP Fiori UI Development with SAP Fiori Elements & UI Flexibility Runtime End user - Personalization Runtime context UI Flexibility role End User Key user – Run-time adaptation Administrator Manually coded Highest development flexibility variant Development Efficiency Development Flexibility Smart design Hybrid design Freestyle design Template based Coding &Template Coding … device Partner Industry Designtime locale No coding Highest development efficiency SAP Fiori Elements SAPUI5 Controls Business data Semantic meta data (SAP Gateway / OData) (OData annotations) © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 67 SAP Fiori Architecture Open, flexible, and standardized Programming Model – 1/3 UI Tier • Independent of application tier, decoupled via a small number of HTTP-based protocols • Support wide range of devices and device capabilities OData/HTTP R InA/HTTP UI Integration Tier • 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) OData R InA Service Tier Application Tier CDS SQL R Database Tier © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 68 SAP Fiori Architecture Open, flexible, and standardized Programming Model – 2/3 • Consistency for users with respect to SAP Fiori® Design and UX across all apps and across all Application Tiers UI Tier • Fast UI innovation for the end user decoupled from Application Tier OData/HTTP R InA/HTTP • Reuse of the entire SAP UI technology and design investments and innovations for all Application Tiers UI Integration Tier 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 • Single point of access for multiple application tiers • Single point for authentication, navigation and interoperability R • 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 69 SAP Fiori Architecture Open, flexible, and standardized Programming Model – 3/3 UI Tier OData/HTTP R InA/HTTP UI Integration Tier OData R InA Service Tier • Service tier defines contract and guarantees isolation Application Tier CDS • Wide variety of existing and emerging application servers SQL Database Tier • Access to database tier via CDS and SQL R • 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 presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 70 SAP Fiori Architecture SAP S/4HANA - ABAP Programming Model Editors for the programming model artefacts in mostly homogenous development environment UI development with a metadatadriven approach (templates of SAP Fiori Elements) and support for flexible freestyle Apps SAP Fiori User Experience for all devices and users with role-oriented design 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 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 Annotations are used to influence the SAP Fiori Elements but in addition the runtime behavior for transactional processing, analytics and search BOPF (now part of SAP NetWeaver) offers well defined code-exits for structured ABAP business logic including stateless and draft support SQL Views are generated by CDS for runtime access by SADL and BW © 2016 SAP SE or an SAP affiliate company. All rights reserved Active data and draft data are persisted in different tables with orchestration by BOPF This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 71 © 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 http://global12.sap.com/corporate-en/legal/copyright/index.epx 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. © 2016 SAP SE or an SAP affiliate company. All rights reserved This presentation and SAP‘s strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. 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 non-infringement Internal 72